body {
        background-image:url(img/background_metal.gif);
        margin: 0px;
}

h1, h2, h3, caption, #navigation a:hover, #navigation .active, .containermitte a, .containerrechts a, .containereinspaltig a, .event a, .eventdetail a, .teaser, .label, .fettertext {
        color: #DE8403;
}

#tools a.deutsch {
        background: url(img/allgemein/toolback_deutsch.jpg) no-repeat;
        height: 68px;
        width: 23px;
        display: block;
        text-indent: -5000px;
}

#tools a:hover, .de #main #tools a:hover, .en #main #tools a:hover, .fr #main #tools a:hover {
        background-position: -23px 0px;
}
#navigation #logo {
        background: url(img/allgemein/logo.jpg) no-repeat;
}

/* allgemeine Definitionen fuer Schriften oder Einblendungen, die erst erscheinen, wenn css ausgeschaltet wurde */
/*
td p, td, .projekteHead, .csc-textpic-caption, .tx_chcforum-pi1 td {
	font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
}
*/
td {
	vertical-align: top;
	/*padding-right: 10px;*/
}
html, body {
	font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
}
h1, .fettertext {
	font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
*html h1 {
	font: bold 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
h2, caption {
 margin-top: 0;
	font: bold 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	text-align: left;
}
*html h2 {
	margin-bottom: -0.8em;
}
h3 {
	font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.invisible {
	display: none;
}
/*
.teaser {
	font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
*/

/* blendet den grauen hintergrund der Inhalte ein und bewirkt das vertikale zentrieren im browserfenster */
#main {
	width: 912px;
	background: #ADAFB1 url(img/contentback.jpg) repeat-y;
	border-top: 5px solid #FFFFFF;
	border-right: 5px solid #999999;
	border-bottom: 5px solid #777777;
	border-left: 5px solid #FFFFFF;
	margin: 40px auto 0 auto;
	position: relative;
}

/* Bildbereich ganz oben, kann bild oder flash-animation sein */
#header {
	width: 875px;
	height: 90px;
	border-top: 3px solid #777777;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
	margin: 15px 15px 20px 15px;
}

#l3d {
        width: 210px;
        border-top: 3px solid #777777;
        border-right: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        border-left: 3px solid #999999;
        margin: 15px 15px 20px 0px;
}

/* Linke spalte mit dem navigationsblock, verschiedene Definitionen scheinen doppelt wegen Positionierungen von listenelementen im IE */
#navigation {
	width: 230px;
	padding-left: 15px;
	float: left;
}
#navigation ul {
	padding-left: 0px;
	margin-left: 0px;
}
#navigation a {
	text-decoration: none;
	color: #333333;
	line-height: 1.2em;
}
#navigation a:hover {
	text-decoration: none;
}

#navigation ul ul {
	margin-left: 15px;
	padding-left: 0px;}

#navigation ul ul li {
	background: none;
	text-indent: 0px;
	padding-top: 0em;

}
#navigation ul li 
{
   text-decoration: none;
   /* background: url(img/navigationstrenner.gif) no-repeat; */
   padding-left: 3px;
   margin-bottom: 0.4em;
   padding-top: 0.4em;
   list-style: none;
   overflow: visible;
}

/* rechter bereich für den gesamten content mit verschiedenen klassen fuer die inhalte*/
#content {
	float: left;
	padding: 5px 15px 20px 5px;
	width: 645px;
}
.containermitte {
	background: #BCBDBE url(img/contentback_mitte.jpg) repeat-y;
	width: 362px;
	padding: 10px;
	border-top: 3px solid #777777;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
}
#contentright {
 width: 242px;
}
#contentright p {
	background: #E1E2E5 url(img/contentback_rechts.jpg) repeat-y;
	width: 223px;
	border-top: 3px solid #777777;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
	padding: 6px;
	font-size: 0.8em;
	line-height: 1.5em;
}
.containereinspaltig {
	background: url(img/contentback_einspaltig.jpg) repeat-y;
	width: 618px;
	border-top: 3px solid #777777;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
	padding: 10px;
}
#contentright img, .csc-textpic-caption {
	border-top: 3px solid #777777;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
}
.csc-textpic-caption {
 width: 216px;
 padding: 4px 10px;
	font-size: 0.8em;
	line-height: 1.5em;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:10px 0 10px 0;
}

/*für Text mit Bild
DIV.csc-textpic-imagewrap { margin-top: 2px; margin-bottom: 2px;}*/



.containermitte a, .containerrechts a, .containereinspaltig a {
	text-decoration: underline;
}
.containermitte a:hover, .containerrechts a:hover, .containereinspaltig a:hover, .eventdetail a:hover, .event a:hover {
	text-decoration:none;
}
#content .details {
	color:#666666;
}
content ul {padding-left: 29px;}
#content ul li {
	/*font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
	list-style: url(img/listpoint.gif);
	margin-left:-10px; */
 padding-left: 3px;
	list-style: disc;
	overflow: visible;
padding-left: 0;

}
/* beschreibungen für den Bereich Veranstaltungen und Ausstellungen */

#content td.eventimg img, #content td.eventdetail img {
	border-right: 3px solid #FFFFFF;
	border-left: 3px solid #808080;
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #808080;
	margin-right: 10px;
}
#content div.event {
	border-top: 3px solid #808080;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #808080;
	background: url(img/contentback_einspaltig.jpg) repeat-y;
	height: 110px;
	position: relative;
	margin-bottom: 10px;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
}
*html #content div.event {
	padding-top: 6px;
	height: 104px;
	font-size: 0.9em;
}
#content div.eventdetail {
	border-top: 3px solid #808080;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #808080;
	background: url(img/contentback_einspaltig.jpg) repeat-y;
	position: relative;
	padding: 4px 10px 0px 10px;
}
#content td.eventdetail p {
	margin-bottom: 7px;
	width: 103px;
	margin-top: -3px;
	font-size: 0.8em;
	line-height: 1.2em;
}
#content .more {
	text-align: right;
	position: absolute;
	right: 7px;
	bottom: 4px;
}
/*
#content div.event h2 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -0.5em;
}*/

/* Presse und Medien */

.multimedicenter table tr {
	height: 15px;
}

hr.presse {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #98989A;
	border-bottom: 2px solid #777777;
	border-left: 2px solid #FFFFFF;
}
*html hr.presse {
	height: 4px;
}
.zurueck {
	text-align: right;
	margin-bottom: -0.4em;
}

/* Toolbar ganz am rechten Rand zum wechseln der Sprache */
#tools {
	top: 184px;
	position: absolute;
	left: 100%;
	margin-left: 6px;
	width: 23px;
	overflow: hidden;
	height: 500px;
}

/* Footer ganz am Ende der Seite */
#footer {
	/*font:0.9em Verdana, Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	text-decoration: none;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
input.search {
	/*font: 0.9em Verdana, Arial, Helvetica, sans-serif;*/
	color: #7D7E7F;
	width: 212px;
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-left: 3px solid #999999;
	border-top: 3px solid #777777;
	background: #EEEFF3;
}

/* weitere Klassen für alle Seiten anwendbar*/
#content .bildumfluss {
	float: left;
	padding-right: 10px;
	padding-bottom: 4px;
}
#content .error {
	color:#FF0000
}
#contentright img.ohnerahmen {
	border: 0px;
	border-style: none;
}
/*Anpassung Tabelle fuer Hotels*/
.contenttable {width: 619px;}
.td-0 {width: 33%;}

/*Anpassung fuer einzelnes Bild in der rechten Spalte*/
#contentright div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{margin: 0;}

/*Abstand mit clear gif kann zu einem Bild eingestellt werden*/
#contentright img.spacer-gif {border: none; height: 120px;}

/*Flash im Contentbereich wird ohne Ränder angezeigt*/
#content .tx-rbflashobject-pi1-swf_altcontent {margin: -10px -10px -12px -10px; }

/*Korrektur der Bildtabelle fuer IE/ */
.csc-textpic-image {padding-bottom: 8px;}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* Erste Überschrift volle Breite für IE*/
.csc-firstHeader {
 width: 100% !Important;
}

  ul#Navigation {
    width: 14.5em;
    margin: 0; padding: 0.8em;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 12em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: #CFD0D2 ; 
  }
  * html ul#Navigation a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 13.3em;
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
}
#lnk {
   cursor:pointer;
}
#lnk a:hover {
   text-decoration: none;
}