/*(c)2007 com2 Gmbh, TN, www.com-com.com */
 
/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #343c3f;} body {font-size: 0.70em; } /* * html td { font-size: 0.72em; }  ie6- */ input, textarea, select {font-size: 100%;}
 
html, body { margin: 0; padding: 0; }
body { background: #626264 url(../images/chrome/bg_2000x1200.jpg) top center no-repeat; }
 
.cmsColor01 { /*||title-de:Grau||title-en:Grey*/ color:#87888a; }
.cmsColor02 { /*||title-de:Orange||title-en:Orange*/ color:#f79d5a; }
 
form {margin:0px; display: inline; }
th {text-align: left; font-weight: bold; } img {border:none;}
 
p, ol, ul, dl, table { /*margin: 0 0 15px 0;*/ line-height: 150%; }
 
h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 { margin: 0; padding: 10px 0; font-size: 1.4em; width:100%; border-bottom: #d4d4d4 1px solid; font-weight:normal; line-height:150%;  }
h3 { margin: 0 0 5px; padding: 0; font-size: 1.2em; color:#343c3f }
h4 { margin: 0 0 5px; padding: 0; font-size: 1.2em;  }
 
.cssForm { /*||hide:true*/ }
hr, .cssForm hr { margin: 4px 0 6px 0; padding: 0; height:1px; color: #ccc; background: #ccc; border: none; line-height: 1px;}
 
/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
a:link, a:visited, a:hover, a:active  { color : #f93; text-decoration: none;} a:hover, a:active { color: #51555c; }
 
/*~~ STANDARD CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;} 

.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #aaa;}
 
img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; } img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 5px 5px 0; }

 
tr.alternate { background-color: #eee; }
 
/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
 /*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ }
table.optic01 tr.alternate { background-color: #eee; }
table.optic01 td, table.optic01 th { 
 padding: 3px;
 vertical-align: top;
}
/* OPTIC2*/
table.optic02 {
 /*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ }
table.optic02 th { background-color: #aaa; border-bottom: #5c5c5c; }
table.optic02 td, table.optic02 th { 
 padding: 3px;
 vertical-align: top;
}
 
 
 
 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                 LAYOUT
----------------------------------------------------------------------------------------------------*/        
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/
 
#minWidth {	 position:relative;
			 margin:0pt auto;
			 padding:0pt;
			 width:1000px;
} 

#posWhiteTop { 	margin: 0 auto 0 auto;
				width: 1000px;
				height: 30px;
}

#whiteTop {	width: 1000px;
			height: 30px;
			background:url(../images/chrome/bg_white_top.gif) left top no-repeat;
}

table#mainTable { 	margin:0pt auto;
					width:1000px;
					height:100%;
} 

table#mainTable td#leftCol {	width:185px; vertical-align:top; background:url(../images/chrome/bg_bar_left.gif) left top no-repeat; } 

table#mainTable td#centerCol {	width:540px; padding: 0 15px 0 25px; vertical-align:top; background:url(../images/chrome/bg_content.gif) repeat-y; } 

table#mainTable td#rightCol {	width:235px; vertical-align:top; background:url(../images/chrome/bg_bar_right_blue.gif) right top no-repeat;} 



/* Linke Spalte */

#searchForm {	margin:0 0 13px 0;
				font-size: 10px
}

#searchForm input {	background:#FFFFFF;
					border:#FFFFFF 1px solid;
					padding: 1px 3px 1px 27px;
					width:126px;
}

#searchForm input.submitButton {	padding:0; width:23px; }

.button { 	background:#FFFFFF;
			border:#d4d4d4 1px solid;
}

/* Hauptnavi */
/* 1. Ebene  */
#mainNav {	list-style:none;
			margin: 0 0 15px 0;
			font-size:10px;
			padding: 1px 0 0 0;
			width:185px;
			margin-bottom:14px;
}

#mainNav li {	width:125px;
				margin:1px 0 0 17px;
				padding:0px 15px 0px 0px;
}

#mainNav li#mainNavLvl6 a {	background-color:#FFFFFF; }
#mainNav li#mainNavLvl7 a {	background-color:#e8ebef; }
#mainNav li#mainNavLvl8 a {	background-color:#d6dae1; }
#mainNav li#mainNavLvl9 a {	background-color:#c0c5cd; }
#mainNav li#mainNavLvl10 a {	background-color:#979ca4; }

#mainNav li a {	display:block;
				text-decoration:none;
				padding:0px 15px; 
				margin:0;
				width:110px;
				height:14px;
				color:#343c3f;
}

#mainNav li a:hover, #mainNav li a:active {	background-color:#f7832e !important; color:#FFFFFF; }


/* 2. Ebene */

#mainNav li.active a { background-color:#f7832e !important; 
					   color:#FFF; 
					   border-bottom:#FFF 1px solid;}

#mainNav li ul { display:none;			   
} 

#mainNav li.active ul{	display:block; 
						list-style:none;
						padding: 1px 0;
						margin:0;
}

#mainNav li.active ul li { border-bottom:#FFF 1px solid;
						   margin: 1px 0 0; 
						   padding: 0 0 1px;
						   width:140px;
}


#mainNav li.active ul li a, 
#mainNav li.active ul li a:link, 
#mainNav li.active ul li a:visited,
#mainNav li.active ul li a:hover, 
#mainNav li.active ul li a:active { background:none !important; color:#51555c; border-bottom:none; height:12px; padding-bottom:1px; }

#mainNav li.active ul li a:hover, 
#mainNav li.active ul li a:active { background: #fff !important; color:#f7832e; =zoom: 1;}


/* 3. Ebene */

#mainNav li.active ul li ul { display:none; }
#mainNav li.active ul li.active ul { display:block; }

#mainNav li.active ul li.active a {	background: #fff !important; }

#mainNav li.active ul li.active ul li {	border-top:#FFFFFF 1px solid;
										border-bottom: none;
										margin:0;
}

#mainNav li.active ul li.active ul li a { 	padding: 0 0 1px 20px; 
											margin: 1px 0 0;
										 	text-transform:none; 
											width:120px;
											color:#51555c;
											background:none !important;

}

#mainNav li.active ul li.active ul li a:hover, #mainNav li.active ul li.active ul li a:active { color:#f7832e; background: #fff !important; }

#mainNav li.active ul li.active ul li.active a { background: #fff !important;}






/* Mittlere Navi */

#midNav {	list-style:none;
			margin: 0 0 15px 0;
			text-transform:uppercase;
			font-size:10px;
			padding: 0;
			width:185px;
}

#midNav li {	width:125px;
				height:12px;
				margin:1px 0 0 17px;
				padding:0px 15px 2px 0px;
}

#midNav li#midNavLvl16 a {	background-color:#c09270; }
#midNav li#midNavLvl17 a {	background-color:#dc8a4f; }

#midNav li a {	display:block;
				text-decoration:none;
				padding:0px 15px; 
				margin:0;
				width:110px;
				height:14px;
				color:#343c3f;
}

#midNav li.active a { background-color:#f7832e !important; color:#FFFFFF; }

#midNav li a:hover, #midNav li a:active {	background-color:#f7832e !important; color:#FFFFFF; }




/* FooterNavi */

#footerNav {	list-style:none;
				margin: 0 0 15px 0;
				text-transform:uppercase;
				font-size:10px;
				padding: 0;
				width:185px;
				bottom:14px;
				position:absolute;
}

#footerNav li {	width:125px;
				height:12px;
				margin:1px 45px 0 17px;
				padding:0px 15px 2px 0px;
}

#footerNav li#footerNavLvl18 a {	background-color:#e8ebef; }
#footerNav li#footerNavLvl19 a {	background-color:#d6dae1; }
#footerNav li#footerNavLvl20 a {	background-color:#c0c5cd; }
#footerNav li#footerNavLvl21 a {	background-color:#979ca4; }

#footerNav li a {	display:block;
					text-decoration:none;
					padding:0px 15px; 
					margin:0;
					width:110px;
					height:14px;
					color:#343c3f;
}

#footerNav li.active a { background-color:#f7832e !important; color:#FFFFFF; }

#footerNav li a:hover, #footerNav li a:active {	background-color:#f7832e !important; color:#FFFFFF; }




/* Mittlere Spalte */

#contentArea {	padding:0 15px 15px 15px;
				min-height:400px;
}

/*#contentArea li { =margin-left:30px !important; list-style: !important; }*/

.topClaim {		margin: 0 0 5px 0;
				width:auto;
				padding:0;
}

.leftContent {	width:304px;
				_width:300px;
			    _float:right;
				padding:15px 15px 15px 0;
				border-right: #d4d4d4 1px solid;
}


.rightContent {	float:right;
				width:190px;
}

.rightContent p { padding-left: 5px; }

.rightContent h3 { padding-left: 5px; }

.floatClearer { clear:both }

.bigContent {	padding:15px 15px 15px 0; }

p.bildText {	padding: 3px 5px 0 5px;
				color: #87888a;
				font-size: 0.9em;
}

p.bildText a:link, p.bildText a:visited, p.bildText a:hover, p.bildText a:active  { color : #51555c; } p.bildText a:hover, p.bildText a:active { color: #f93; }

/* Rechte Spalte: Teaser */

#teaserCol {	position:relative;
				width:175px;
				background-color:#FFFFFF;
				padding: 15px;
				margin: 60px 30px 0 0;
				font-size: 0.95em;
				color: #87888a;
}

#teaserCol h2 { margin: 0 -7px 5px -7px; padding: 3px 7px; font-size: 1.3em; font-weight: bold; text-transform:uppercase; color:#f79d5a; border-bottom: #d4d4d4 1px solid; width:auto; }

#teaserCol p {	margin-bottom: 5px;
}

#teaserCol p a:link, #teaserCol p a:visited, #teaserCol p a:hover, #teaserCol p a:active  { color : #51555c; } #teaserCol p a:hover, #teaserCol p a:active { color: #f93; }

.subHead { margin: 0; padding: 0; font-size: 0.9em; color:#f79d5a; }



/* Logo */

h1#logo{ position: relative;
         left: 30px;
         top: 30px;
         z-index: 95;
         margin: 0;
}

h1#logo a { cursor: pointer;
            display: block;
            _width: 205px;
}

h1#logo a span { display: none; }



/* Sitemap */

ul.sitemap {	padding-left: 15px;
				color:#51555c;
}
 
 
 

/* Copyright */

#copyright {	color:#FFFFFF;
				margin: 15px 0 0 22px;
} 
 
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{ /*||hide:true*/ position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */