/*(c)2008 com2 GmbH, SH, www.com-com.com */
 
/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% } 
html, body, textarea, input {font-family: LucidaGrande, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;  color: #807e7e; } 
body {font-size: 0.72em; background: #f5f5f5 url(../images/chrome/body_bg.gif) left center no-repeat; } /* * html td { font-size: 0.72em; }  ie6- */ 
input, textarea, select {font-size: 100.1%;}
 

html, body { margin: 0; padding: 0;}
html[xmlns] { min-height:100%; padding-bottom: .1em; } /*v-scrollbar für moz einschalten*/
 
form {margin:0px; display: inline; }
th {text-align: left; font-weight: bold; } img {border:none;}
 
p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table { empty-cells: show; }
	td { empty-cells: show; }
 
h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 { margin: 10px 0 30px; font-size: 1.8em; color: #1d5c8d; font-weight:normal; }
h3 { margin: 0 0 10px; padding: 0; font-size: 1.4em; line-height: 140%; }
h4 { margin: 0 0 10px; padding: 0; font-size: 1.0em; line-height: 140%;  }
 
.cssForm { /*||hide:true*/ }
hr, .cssForm hr { margin: 4px 0 6px 0; padding: 0; height:1px; color: #ccc; background: #ccc; border: none; line-height: 1px;}
hr{
	clear: both;
} 
cite { margin: 30px 0; font-size: 1.8em; color: #807e7e; font-weight: normal; font-style: normal; line-height: 140%; } 
 
/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
a:link, a:visited, a:hover, a:active  { color: #B11838; text-decoration: none;}
a:hover, a:active { color: #1d5c8d; }

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active  { 
/*||title-de:PDF||title-en:PDF||desc-de:PDF Dokument||desc-en:PDF-document*/
	background:transparent url("../images/chrome/pdf_icon.gif") no-repeat scroll 0 0;
	padding:2px 0 0 17px;
	}
	
a:hover img { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
	opacity: .8;

}

p.left{
/*||title-de:Absatz Bild links||title-en:Paragraph image left||desc-de:Absatz mit Bildunterschrift||desc-en:Paragraph image descriptionleft*/
	font-size: 0.8em;
	float: left;
	margin: 0 10px 2px 0;
	color: #aaaaaa;
	clear: left;
	line-height: 121%;
}


p.left a:link, p.left a:visited, p.left a:hover, p.left a:active,
p.right a:link, p.right a:visited, p.right a:hover, p.right a:active { 
	color: #aaaaaa;
	}
	p.left a:hover, p.left a:active,
	p.right a:hover, p.right a:active  { 
		color:#807e7e;
		}

p.right{
/*||title-de:Absatz Bild rechts||title-en:Paragraph image right||desc-de:Absatz mit Bildunterschrift||desc-en:Paragraph image descriptionleft*/
	font-size: 0.8em;
	float: right;
	margin: 0 0 2px 10px;
	color: #aaaaaa;
	line-height: 121%;
}


/*~~ STANDARD CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;} 
.nomargin{/*||title-de:Kein Abstand||title-en:No Margin||desc-de:Äußereren Abstand von Elementen entfernen||desc-en:No margins for elements*/ margin:0}
.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: right; margin: 0 5px 5px 0; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Leftt aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align leftt 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; }
 
.cmsColor01 { /*||title-de:Grau||title-en:Grey*/ color:#87888a; }
.cmsColor02 { /*||title-de:Orange||title-en:Orange*/ color:#f79d5a; }
.cmsColor03 { /*||title-de:Blau||title-en:Blue*/ color:#1d5c8d; }

/*~~ Social Media Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




a.fb{
	background: transparent url(../images/chrome/facebook-icon.png) center 0 no-repeat;
	width: 20px; height: 20px; float: left;
	margin-left: 3px;
}

a.yt{
	background: transparent url(../images/chrome/youtube-icon.png) center -1px no-repeat;
	width: 20px; height: 20px; float: left;
	margin-left: 3px;
	}
	
	#funcNav ul li.first{
		border-left: 1px solid #fff;
		padding-left: 5px;
		margin-left: -32px;
		}
	#funcNav ul li.first:lang(en){ margin-left: -29px;}
	
	#funcNav ul li.somLink{
		padding-right: 0
	}
		#funcNav ul li.somLink span{
			float: left;
			}

/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
tr.alternate { background-color: #eee; }

td { vertical-align: top; text-align: left; }

/* 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;
	 }
	
table.publikationen {
 	/*||title-de:Publikationstabelle||title-en:Publication Table||desc-de:Tabelle zur Darstellung der Publikationen||desc-en:Table for listing the publications */ 
	width: 100%;
	margin:20px 0; 
	table-layout: auto;
}	
	.publikationen td { /*||hide:true*/padding: 10px 10px 10px 0; border-bottom: 1px dashed #b11838; }
		.publikationen td.index {/*||hide:true*/ white-space: nowrap; padding-right: 5px; text-align: right; border: none; }
		.publikationen td.orderHQS {/*||hide:true*/ padding-right: 0; white-space: nowrap; color: #B11838; vertical-align: bottom; font-style: italic; text-align:right; }
			.publikationen td.orderHQS a:hover, .publikationen td.orderHQS a:active {/*||hide:true*/ color: #B11838; }
		.publikationen td.orderSV {/*||hide:true*/ padding-right: 0; white-space: nowrap; color: #1d5c8d; vertical-align: bottom; font-style: italic; text-align:right; }
			.publikationen td.orderSV a:link, .publikationen td.orderSV a:visited,
			.publikationen td.orderSV a:hover, .publikationen td.orderSV a:active { /*||hide:true*/color: #1d5c8d; }
				
	
table.listItem {/*||hide:true*/padding-top: 15px;}
	table.listItem tr.alternate { /*||hide:true*/ background-color: #eee; }
		table.listItem tr:hover{/*||hide:true*/ background: #eeeeee;}
	table.listItem td, table.listItem th { /*||hide:true*/ padding: 3px; vertical-align: top; }	
		td.smallTeaserBox{/*||hide:true*/	width: 110px; }
		
table.movieclips {/*||title-de:Filmclip Tabelle||title-en:Movie Table||desc-de:Tabelle zur Darstellung der Filme||desc-en:Table for listing the movies */
	width: 100%;	
}

table.movieclips td {/*||hide:true*/
	padding: 5px;
	vertical-align: top;
	border-bottom:1px dotted #dedddd;
	}
	
table.movieclips tr:hover td {/*||hide:true*/
	background-color: #eeeeee;
	}

		

/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                 LAYOUT
----------------------------------------------------------------------------------------------------*/        
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/
 
#headRow {
	height:145px;
	width:100%;
	margin: 0pt auto;
	background-color: #fff;
} 
		
		#funcNav {
			width: 100%;
			height:26px;
			padding: 0;
			margin:0 auto;
			position: relative;
			background-color:#b5b5b5;
		}
			
			#funcNav ul { margin: 0 auto; padding: 4px 12px 6px 12px; width:936px;}
			
				#funcNav ul li {
					color:#fff;
					text-transform: uppercase;
					padding:0px 20px 3px 0;
					list-style: none;
					display: inline;
					height:14px;
					vertical-align:middle;
					font-size:0.95em;
					float: left;
				}

					#funcNav ul li a:link, #funcNav ul li a:visited, 
					#funcNav ul li a:hover, #funcNav ul li a:active {
						color:#fff;
						text-transform: uppercase;
						text-decoration:none;
						font-weight:bolder;
					} 
					
					#funcNav ul li a:hover, #funcNav ul li a:active { text-decoration: underline; }
				
						#funcNav ul li a.de_flag:link, #funcNav ul li a.de_flag:visited, 
						#funcNav ul li a.de_flag:hover, #funcNav ul li a.de_flag:active {/*||hide:true*/
							background: transparent url(../images/chrome/de.gif) center no-repeat;
							padding:3px 13px;
						} 
						
							#funcNav ul li a.de_flag:link span, #funcNav ul li a.de_flag:visited span, 
							#funcNav ul li a.de_flag:hover span, #funcNav ul li a.de_flag:active span { /*||hide:true*/display:none; }
						
						#funcNav ul li a.gb_flag:link, #funcNav ul li a.gb_flag:visited, 
						#funcNav ul li a.gb_flag:hover, #funcNav ul li a.gb_flag:active {/*||hide:true*/
							background: transparent url(../images/chrome/gb.gif) center no-repeat;
							padding:3px 13px;
						} 
				
							#funcNav ul li a.gb_flag:link span, #funcNav ul li a.gb_flag:visited span, 
							#funcNav ul li a.gb_flag:hover span, #funcNav ul li a.gb_flag:active span {/*||hide:true*/ display:none;}
				
				
					#funcNav ul li input {
						height:13px;
						width:105px;
						border-top: 1px solid #f4f4f4;
						border-bottom: 1px solid #adadad;
						border-left: 1px solid #f4f4f4;
						border-right: 1px solid #adadad;
						padding:0 5px 2px 5px;
						margin:0;
					}
					
					#funcNav ul li input#submitSearch {
						height:17px;
						width: 17px;
						border:none;
						background:transparent url(../images/chrome/suche_ok.gif) top left no-repeat;
					}
					

 
#maxWidth {
	position: relative;
	margin: 0pt auto;
	padding: 0pt;
	width: 960px;
} 

 /* Presse / Termine */
 

  #terminEintraege div:hover{
  		background-color: #fff;
  		margin: -5px -5px 0 -5px;
  		padding: 5px 5px 0 5px;
  }

:root #themenFilter{margin-top: -91px;} 
 #themenFilter{
 	background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #DEDDDD;
   border-top: none;
   float: right;
   margin: -80px -25px 0 0;
   padding: 6px 4px 2px 1px;
   font-family: "Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
	 #themenFilter input{ vertical-align: middle;} 
 p.document{
 	padding: 10px 0 0;
 	margin: 0;
 }
 
 p.PMdate{
 	float:right;
	margin:-10px -9px 0 0;
	font-size: 11px;
	text-align: right;
 }
 
  p.date{
	margin:0;
	color: #1D5C8D;
 }
 
 
 
 div.pressCont h2{/*||hide:true*/ margin: 20px 0 20px 0; }
 div.pressCont p{/*||hide:true*/}
 
					
 /* Sitemap */
 
 #sitemap{
 	margin: 0;
	padding: 0;
	font-weight: bold;
 }
 
 #sitemap, #sitemap ul{
 	list-style: none;
	padding-top: 3px;
 }
 	#sitemap ul{margin-bottom:5px;}
 
 	#sitemap li{border-bottom: 1px dotted #919090; padding: 10px 0 5px 0}
	 	#sitemap li a:link, #sitemap li a:visited, #sitemap li a:hover, a:active  { color: #1d5c8d; text-decoration: none;}
		#sitemap li a:hover, #sitemap li a:active { color: #1d5c8d; text-decoration: underline; }
	
			#sitemap li li {border:none; padding: 0}
	 			#sitemap li li a:link, #sitemap li li a:visited, #sitemap li li a:hover, a:active  { color: #807e7e; text-decoration: none;}
				#sitemap li li a:hover, #sitemap li li a:active { color: #1d5c8d; }
 					
					#sitemap ul ul{margin-bottom:4px; padding-top:0 }
 
 /* Logo */

h1#logo{
	width: 890px;
	margin: 0 auto;
	display:block;
	padding:20px 70px 20px 0;
	text-align: right;
}

h1#logo a { cursor: pointer; display: block; _width: 405px; }
h1#logo a span { display: none; }

/*~~ HAUPTEMNÜ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	ul#mainNav, ul#mainNav ul ul { margin: 0; padding: 0; }
	
		ul#mainNav li {
			list-style: none;
			border-bottom: 1px solid #fff;
			width:215px;
			min-height: 28px;
			padding:0;
			margin:0; 
			font-weight:bolder;
		}

			ul#mainNav li a:link, ul#mainNav li a:visited,
			ul#mainNav li a:hover, ul#mainNav li a:active { 
				color: #807e7e; 
				text-transform: uppercase;
				display: block;
				width:203px;
				height: 16px;
				padding: 6px 0px 6px 12px;
				font-size: 0.98em;
				font-weight:bolder;
			}
			
			ul#mainNav li a:hover, ul#mainNav li a:active { background-color: #1d5c8d; color: #fff; }

			ul#mainNav li.active a:link, ul#mainNav li.active a:visited,
			ul#mainNav li.active a:hover, ul#mainNav li.active a:active {/*||hide:true*/
				background-color: #1d5c8d; color: #fff;
			}
				
				ul#mainNav ul {
					margin:0;
					padding:10px 0;
					background-color: #efeeee;
					border-top: 1px solid #fff;
				}
				
					ul#mainNav li li {
						min-height:0px;
						height:auto;
						border:none;
						padding:5px 10px 0 30px;
						width:175px;
						line-height: 150%;
					}
					
					ul#mainNav li li a:link, ul#mainNav li li a:visited,
					ul#mainNav li li a:hover, ul#mainNav li li a:active { /*||hide:true*/
						color: #807e7e !important; 
						background:none !important; 
						text-transform: none;
						height:auto;
						width:auto !important;
						padding:0;
						font-size: 0.95em;
					}	
					
					ul#mainNav li li a:hover, ul#mainNav li li a:active { color:#1d5c8d !important; }

					ul#mainNav li li.active a:link, ul#mainNav li li.active a:visited,
					ul#mainNav li li.active a:hover, ul#mainNav li li.active a:active {/*||hide:true*/ color:#1d5c8d !important; }
					
						ul#mainNav ul ul { border:none; }
					
							ul#mainNav li li li { padding:5px 10px 0 10px; width: 135px;}
								ul#mainNav li li.active li a:link, ul#mainNav li li.active li a:visited,
								ul#mainNav li li.active li a:hover, ul#mainNav li li.active li a:active { /*||hide:true*/
									color: #807e7e !important; 
									}	
											
									ul#mainNav li li.active li a:hover, ul#mainNav li li.active li a:active{/*||hide:true*/
										color: #1d5c8d !important;
										}
											
											ul#mainNav li li li.active a:link, ul#mainNav li li li.active a:visited{/*||hide:true*/
												color: #1d5c8d !important;
												}
												
													ul#mainNav li li li li a:link, ul#mainNav li li li li a:visited,
													ul#mainNav li li li li a:hover, ul#mainNav li li li li a:active,
													ul#mainNav li li li.active li a:link, ul#mainNav li li li.active li a:visited,
													ul#mainNav li li li.active li a:hover, ul#mainNav li li li.active li a:active,
													ul#mainNav li li li li.active a:link, ul#mainNav li li li li.active a:visited,
													ul#mainNav li li li li.active a:hover, ul#mainNav li li li li.active a:active { /*||hide:true*/
														color: #807e7e !important; 
													}	
	
													ul#mainNav li li li li a:hover, ul#mainNav li li li li a:active,
													ul#mainNav li li li.active li a:hover, ul#mainNav li li li.active li a:active,
													ul#mainNav li li li li.active a:link, ul#mainNav li li li li.active a:visited,
													ul#mainNav li li li li.active a:hover, ul#mainNav li li li li.active a:active { /*||hide:true*/
															color: #1d5c8d !important; 
														}	
													

/*~~ LAYOUTING ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table#mainLayout { width: 960px; min-height: 500px; }

	#mainLayout td#leftCol { background-color: #dedddd; width: 215px; }
	
	#mainLayout td#centerCol { width: 524px; padding: 0 3px; font-family: Georgia, "Times New Roman", Times, serif !important; font-weight:normal; }
	
		#mainLayout td#centerCol .headVisual { /*||hide:true*/width: 524px; padding:0; height: 195px; overflow: hidden; }
		#mainLayout td#centerCol .headVisual p{/*||hide:true*/
			margin: 0; padding: 0;
		}
	
		#mainLayout td#centerCol .content { /*||hide:true*/width: 474px; padding: 25px;  color: #4c4b4b;  }
		
			table.listItem .content{/*||hide:true*/
				width: auto !important;
			}
		
	#mainLayout td#rightCol { background-color: #dedddd; width: 215px; font-size: 0.98em; line-height: 160%; font-weight:bolder; }
	
		#mainLayout td#rightCol h2 {
			color: #fff;
			text-transform: uppercase;
			width:191px;
			background-color:#B11838;
			height:18px;
			border-top:3px solid #fff;
			border-bottom:3px solid #fff;
			padding: 5px 12px 3px 12px;
			margin:0;
		  	font-size: 0.98em;
			clear: left;
		}
		
			#mainLayout td#rightCol h2.first {
				border-top:none;
			}
		
		#mainLayout td#rightCol h3 {
			color:#B11838;
			text-transform: uppercase;
			padding: 0 12px;
			margin: 15px 0 3px 0;
			font-size: 0.98em;
			clear: left;
		}
		
		#mainLayout td#rightCol p {
			padding: 0 12px;
			margin-top:0;
			margin-bottom: 10px;
			line-height: 130%;
			font-weight: normal;
		}

	
/* ~~~~ FOOTER ~~~~ */

	#footNav {
		margin:3px auto 0 auto;
		width:100%;
		padding: 0; 
		text-align: right;
		background-color:#b5b5b5;
		font-weight:bolder;
	}

	#footNav ul { margin: 0 auto; padding: 2px 12px; width:936px; }
	
		#footNav ul li {
			color:#fff;
			text-transform: uppercase;
			padding:0 20px 0 0;
			list-style: none;
			display: inline;
			height:22px;
			vertical-align:middle;
			font-size: 0.95em;
		}

			#footNav ul li a:link, #footNav ul li a:visited, 
			#footNav ul li a:hover, #footNav ul li a:active {
				color:#fff;
				text-transform: uppercase;
				text-decoration:none;
				font-weight:bolder;
			} 
			
			#footNav ul li a:hover, #footNav ul li a:active { text-decoration: underline; }
		
 
/*~~ SPECIAL FüR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{ /*||hide:true*/ position: absolute; left: -5000px; top: -5000px; } /* Element erscheint nur, wenn im CSS nicht geladen */


/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset{/*||hide:true*/width: 530px;} /* 'A' */
.cssForm label { /*||hide:true*/width: 100px;} /* 'B' */
.cssForm .rightCol {/*||hide:true*/padding-left:101px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 379px; /* 'A'-'B'-10px='C' */ font-family: Georgia,"Times New Roman",Times,serif !important; }
.cssForm input {/*||hide:true*/ width: 184px; font-family: Georgia,"Times New Roman",Times,serif !important; }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { /*||hide:true*/width: 131px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {/*||hide:true*/width: 152px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {/*||hide:true*/
	font-weight: normal !important;
	font-style: italic;
	color: #1d5c8d !important;
	background: none !important;
	border: 1px solid #A5ACB2 !important; /*A5ACB2 ist WinXP Style*/
	cursor: pointer;
} 

input.button:hover{/*||hide:true*/
	color: #b11838 !important;
	background-color: #fff !important;
}