/* CSS Document for all PC-Browser CSS2*/
html, body {
	margin: 0;
	padding: 0px;
}
body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	height: 1%;
	background: green;
	
}

#metanav, #skybar, .access, #banner, #banner_, #ornamentalMainNavNorth, #ornamentalMainNavSouth, #mainnav, #sidebarWest, #sidebarEast{
        display: none;
}


.access {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
#footer {
	position: relative;
}
a:link {
	color: black;
	text-decoration: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}
a img {
        border-style: none;
}

/* default styles for extension "tx_skusedgoods_pi1" */

div.tx_skusedgoods_boxwrapper {
	border: 2px solid black;
	background: #E9EEF4;
	height: 100%;
}

div.tx_skusedgoods_blueboxL {
	width: 40%;
	padding: .5em;
	float: left;
}

div.tx_skusedgoods_blueboxR {
	width: 45%;
	padding: .5em;
	border-left: 2px solid black;
	float:left;
}

.tx_skusedgoods_buttons {
	list-style-type: none;
	margin:0;
	padding:0;
}

.tx_skusedgoods_buttons li{
	border: 1px solid black;
	margin: 0;
	margin-bottom: 5px;
	padding: 1px 0px 0px 10px;
	width: 20em;
	background: url(../typo3conf/ext/sk_usedgoods/pi1/images/bg_button.gif) repeat-x;
	height: 22px; /* buttons sollen immer gleich hoch sein */
	font-size: 1.1em;
	color: #1B1B89;
	font-weight: bold;
}

.tx_skusedgoods_buttons a{
	font-size: 1.1em;
	color: #1B1B89;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: .1em;
}

.tx_skusedgoods_buttons a:hover{
	background: 0;
}

table.tx_skusedgoods_results {
	width: 100%;
}

.tx_skusedgoods_results td{
	vertical-align: top;
	border: 1px solid black;
	padding: 3px 3px 3px 3px;
}

td.td-0 {
	width: 50%;
}

/*------------------------------------------------------------------------------*/
/*skybar mit der metaNavigation seiten ganz oben platziert*/
#skybar {
	background: #FFCB05;
	height: 1%;
}
#metanav {
	padding: 1px 10px 2px 0px;
	text-align: right;
}
#metanav a {
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.75em;
	letter-spacing: 1px;
	padding: 0 10px 0 18px;
}
#metanav a:hover {
	color: red;
	text-decoration: underline;
}
#metanav li {

}
#metanav li, #metanav ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#metanav a.mn010 {
	background: url("_images/_metanav/home.gif") no-repeat left center;
}
#metanav a.mn020 {
	background: url("_images/_metanav/contact.gif") no-repeat left center;
}
#metanav a.mn030 {
	background: url("_images/_metanav/partner.gif") no-repeat left center;
}
#metanav a.mn040 {
	background: url("_images/_metanav/schedule.gif") no-repeat left center;
}
#metanav a.mn050 {
	background: url("_images/_metanav/citymap.gif") no-repeat left center;
}
#metanav a.mn060 {
	background: url("_images/_metanav/intranet.gif") no-repeat left center;
}
#metanav a.mn070 {
        background: url("_images/_metanav/sitemap.gif") no-repeat left center;
}
/*------------------------------------------------------------------------------*/
/*topbar mit logo und banner*/
#topbar {
	padding: 0px 0 0px 0;
	background: white;
	height: 1%;
}
#logo {
	width: 200px;
	float: left;
	padding: 2px 0 0px 2px;
}
#logo a img {
	border-style: none;
}
/*---- banner_ ist hier nur zu testzwecken, damit die workArea immer ein banner aufweist*/
#banner, #banner_  {
	text-align: right;
	padding: 10px 20px 0px 0;
}
#banner a img, #banner_ a img {
	border-style: none;
}
#banner img {
	display: block;
}
#banner_ img {
	/*display: none;*/
}
#banner:after, #banner_:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*------------------------------------------------------------------------------*/
/*Hauptnavigation in der topBar*/



/*neue Version 22.11.2006*//*neue Version 22.11.2006*//*neue Version 22.11.2006*//*neue Version 22.11.2006*/



#mainnav {

	background: #FFCB05;

	position: relative;

	margin: 0;

	padding: 22px 0 0 0;

	overflow: visible;

}

#mainnav ul, #mainvav li {

	margin: 0;

	padding: 0;

}

#mainnav li {

	position: relative;

	display: block;

	width: 14.0em;

	float: left;

	list-style-type: none;

}

#mainnav ul {

	position: relative;

	height: 67px;

	overflow: visible;

	padding: 0 0 0 10px;

	margin-right: 244px;

}

#mainnav a {

	position: relative;

	z-index: 10001;

	padding: 0 0 0 20px;

	text-transform: uppercase;

	textxcoration: none;

	color: black;

	font-size: 0.75em;

	letter-spacing: 0.9px;

	line-height: 1.87em;

}

#mainnav a:hover {

	color: red;

	text-decoration: underline;

}

#mainnav strong a {

	font-weight: 900;

	background: transparent;

}

#headlineMainMenuBar {

	position: relative;

	clear: both;

	color: white;

	text-transform: uppercase;

	font-size: 30px;

	font-weight: 900;

	letter-spacing: 2px;

	margin: 0 0 -7px 0;

	text-align: right;

	padding: 10px 320px 0 0;

}

/*neue Version 22.11.2006*//*neue Version 22.11.2006*//*neue Version 22.11.2006*/

/*------------------------------------------------------------------------------*/
/*die Ornamtente unter und Â?ber der MainNav*/

#ornamentalMainNavNorth, #ornamentalMainNavSouth {
	position: relative;
	height: 21px;
	background: white url("_images/_ornamentalMainNav/_ornamental.gif") center right;
}
#ornamentalMainNavNorth {
	z-index: 10000;
	margin-right: 0;
	background: white url("_images/_ornamentalMainNav/_ornamentalNorth.gif") center right;
}
/*------------------------------------------------------------------------------*/
/*die moodBilder in der Topbar ganz rechts*/
#mood {
	position: absolute;
	top: 0px;
	right: 0;
	width: 268px;
	height: 172px;
	border-style: none;
	white-space: nowrap;
	overflow: hidden;
}
#mood img {
	z-index: 100000;
}
/*------------------------------------------------------------------------------*/
/*colorCodes: Kann als class Â?berall verwendung finden*/
/*Startseite*/
.cc0 {
	background: url("_images/_colorcodes/cc0.gif") no-repeat left center;
}
.cc0link a:link {
	color: #FFCB05 !important;
	text-decoration: none;
}
.cc_code0 {
	background: #FFCB05 !important;
	color: black !important;
}
.cc_code0 a{
	color: black !important;
	text-decoration: none;
}
.background_cc_code0 {
	background: #FFFDF3 !important;
}
/*Stadtverwaltung*/
.cc1 {
	background: url("_images/_colorcodes/cc1.gif") no-repeat left center !important;
}
.cc_code1 {
	background: #ED1C24 !important;
	color: white !important;
}
.cc_code1 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code1 {
	background: #FCF4F5 !important;
}
/*Wirtschaft*/
.cc2 {
	background: url("_images/_colorcodes/cc2.gif") no-repeat left center !important;
}
.cc_code2 {
	background: #14489F !important;
	color: white !important;
}
.cc_code2 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code2 {
	background: #F6F8FC !important;
}
/*Rat und Politik*/
.cc3 {
	background: url("_images/_colorcodes/cc3.gif") no-repeat left center !important;
}
.cc_code3 {
	background: #F15F22 !important;
	color: black !important;
}
.cc_code3 a{
	color: black !important;
	text-decoration: none;
}
.background_cc_code3 {
	background: #FFFAF4 !important;
}
/*Kultur*/
.cc4 {
	background: url("_images/_colorcodes/cc4.gif") no-repeat left center !important;
}
.cc_code4 {
	background: #00A5BA !important;
	color: white !important;
}
.cc_code4 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code4 {
	background: #F3FBFC !important;
}
/*Wissenschaft und Bildung*/
.cc5 {
	background: url("_images/_colorcodes/cc5.gif") no-repeat left center !important;
}
.cc_code5 {
	background: #FF0981 !important;
	color: white !important;
}
.cc_code5 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code5 {
	background: #FCF5F7 !important;
}
/*Verantstaltungen*/
.cc6 {
	background: url("_images/_colorcodes/cc6.gif") no-repeat left center !important;
}
.cc_code6 {
	background: #FFCB05 !important;
	color: black !important;
}
.cc_code6 a{
	color: black !important;
	text-decoration: none;
}
.background_cc_code6 {
	background: #FFFDF3 !important;
}
/*Presse*/
.cc7 {
	background: url("_images/_colorcodes/cc7.gif") no-repeat left center !important;
}
.cc_code7 {
	background: #058943 !important;
	color: white !important;
}
.cc_code7 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code7 {
	background: #F3F7F6 !important;
}
/*Tourist-Info*/
.cc8 {
	background: url("_images/_colorcodes/cc8.gif") no-repeat left center !important;
}
.cc_code8 {
	background: #82A53E !important;
	color: white !important;
}
.cc_code8 a{
	color: white !important;
	text-decoration: none;
}
.background_cc_code8 {
	background: #FAFBF6 !important;
}
/*Themen*/
.cc9 {
	background: url("_images/_colorcodes/cc9.gif") no-repeat left center !important;
}
.cc_code9 {
	background: #FFCB05 !important;
	color: black !important;
}
.cc_code9 a{
	color: black !important;
	text-decoration: none;
}
.background_cc_code9 {
	background: #FFFDF3 !important;
}
/*Parnter*/
.cc10 {
	background: url("_images/_colorcodes/cc10.gif") no-repeat left center !important;
}
.cc_code10 {
	background: #FFCB05 !important;
	color: black !important;
}
.cc_code10 a{
	color: black !important;
	text-decoration: none;
}
.background_cc_code10 {
	background: #FFFDF3 !important;
}
/*Microsite2*/
.cc11 {
        background: url("_images/_colorcodes/cc11.gif") no-repeat left center;
}
.cc11link a:link {
        color: #87CEFF !important;
        text-decoration: none;
}
.cc_code11 {
        background: #87CEFF !important;
        color: black !important;
}
.cc_code11 a{
        color: black !important;
        text-decoration: none;
}
.background_cc_code11 {
        background: #87CEFF !important;
}
/*Microsite3*/
.cc12 {
        background: url("_images/_colorcodes/cc12.gif") no-repeat left center;
}
.cc12link a:link {
        color: #6CA6CD !important;
        text-decoration: none;
}
.cc_code12 {
        background: #6CA6CD !important;
        color: black !important;
}
.cc_code12 a{
        color: black !important;
        text-decoration: none;
}
.background_cc_code12 {
        background: #6CA6CD !important;
}

/*Microsite4*/
.cc13 {
        background: url("_images/_colorcodes/cc13.gif") no-repeat left center;
}
.cc13link a:link {
        color: #27408B !important;
        text-decoration: none;
}
.cc_code13 {
        background: #27408B !important;
        color: black !important;
}
.cc_code13 a{
        color: black !important;
        text-decoration: none;
}
.background_cc_code13 {
        background: #27408B !important;
}
/*Microsite5*/
.cc14 {
        background: url("_images/_colorcodes/cc14.gif") no-repeat left center;
}
.cc14link a:link {
        color: #FF7F00 !important;
        text-decoration: none;
}
.cc_code14 {
        background: #FF7F00 !important;
        color: black !important;
}
.cc_code14 a{
        color: black !important;
        text-decoration: none;
}
.background_cc_code14 {
        background: #FF7F00 !important;
}

/*Microsite6*/
.cc15 {
        background: url("_images/_colorcodes/cc15.gif") no-repeat left center;
}
.cc15link a:link {
        color: #9ACD32 !important;
        text-decoration: none;
}
.cc_code15 {
        background: #9ACD32 !important;
        color: black !important;
}
.cc_code15 a{
        color: black !important;
        text-decoration: none;
}
.background_cc_code15 {
        background: #9ACD32 !important;
}
/*content: Hauptbereich in der Mitte*/
#content {
	left: 26px;
	right: 27px;
	padding-bottom: 100px;
}
/*content-darstellungen---------------------------------------------------------*/
#content h1 {
	background: url("_images/_colorcodes/cc0.gif") no-repeat left center;
	font-size: 1em;
	padding: 0 0 0 20px;
	clear: both;
}
#content h2 {
	font-size: 0.9em;
	clear: both;
}
#content h3, #content h4, #content h5, #content h6 {
	font-size: 0.9em;
	clear: both;
}
#content p {
	padding: 0 0 0 20px;
	font-size: 0.90em;
	line-height: 1.4em;
}
#content li {
}
#content ul {
	list-style-type: square;
	margin-left: 25px;
	padding-left: 0;
	clear: both;
}
#content ol {
	margin-left: 25px;
	padding-left: 0;
	clear: both;
}
#content li {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 0.90em;
	line-height: 1.4em;
	margin: 5px 0;
}
#content li li {
	font-size: 100%;
}
/*darstellung der verweise innerhalb des contents-------------------------------*/
#content a:link {
	color: #000000;
	text-decoration: underline;
}
#content a:visited {
	color: #000000;
	text-decoration: underline;
}
#content a:focus {
	background: white;
	color: #000099;
	border-bottom: 1px dashed black;
}
#content a:hover {
	background-color: white;
	color: #000099;
	border-bottom: 1px dashed black;
}
#content a:active {
	color: #990000;
}
#content a.external-link-new-window {
	background: url("_images/_link/_extern.gif") no-repeat 2px center;
	text-decoration: underline;
	padding-left: 16px;
}
#content a.grau {
        background: url("_images/pdf.gif") no-repeat 2px center;
        padding-left: 23px;
        color: #666666;
        font-size: 0.70em;
}

#content img {
	float: left;
	margin: 5px; /* 10px 10px 0; */
}  
#content img.right {
        float: right; 
        margin: 5px 0px 10px 5px;
}

/*darstellunge fÂ?r formulare----------------------------------------------------*/
input, select {
	background: #ffe;
	padding: 3px 1px;
	font-size: 80%;
	margin: 4px 0;
}
input select {
	font-size: 100%;
}
#content dl {
	font-size: 0.90em;
}
#content legend {
	font-size: 0.90em;
	color: black;
	font-weight: 900;
}
#content fieldset {
	margin: 10px 0;
}
/*------------------------------------------------------------------------------*/
/*container: erzeugt einen leeren raum unter dem content------------------------*/
#wedge {
	height: 50px;
}
/*------------------------------------------------------------------------------*/
input, select {
	background: #ffe;
	padding: 3px 1px;
	font-size: 80%;
	margin: 4px 0;
}
input select {
	font-size: 100%;
}
#cursor {
	float: right;
}
/*------------------------------------------------------------------------------*/

#calender {
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
}
#calender td {
	font-size: 11px;
}
#calender big {
	font-size: 14px;
}
#calender .color1Aktiv, .color2Aktiv{
	border-color: #DFCC20;
	border-style: solid;
	border-width: 2px;
}

#calender .color1, .color1Aktiv {
	background: #FDF9CE;
}
#calender .color2, .color2Aktiv {
	background: #FEEF7C;
}

.et_kultur_footer {
	font-size: 10px;
	text-align: center;
}

.abbr {

      cursor: help;

      border-bottom: 1px black dashed;

}


/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */	
