/*(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:#919090; } 
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 { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }
 
h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 { margin: 30px 0; font-size: 1.8em; color: #1d5c8d; font-weight:normal; }
h3 { margin: 0 0 10px; padding: 0; font-size: 1.2em; color:#343c3f; line-height: 140%; }
h4 { margin: 0 0 10px; padding: 0; font-size: 1.1em; 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;}
 
cite { margin: 30px 0; font-size: 1.8em; color: #919090; 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; }
 
/*~~ 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: 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; }

 
/*~~ 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 { padding: 10px 10px 10px 0; border-bottom: 1px dashed #b11838; }
		.publikationen td.index { white-space: nowrap; padding-right: 5px; text-align: right; border: none; }
		.publikationen td.orderHQS { 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 { color: #B11838; }
		.publikationen td.orderSV { 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 { 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; }
 
 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                 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;
			background-color:#b5b5b5;
		}
			
			#funcNav ul { margin: 0 auto; padding: 4px 12px 6px 12px; width:936px;}
			
				#funcNav ul li {
					color:#fff;
					text-transform: uppercase;
					padding:9px 20px 3px 0;
					list-style: none;
					display: inline;
					height:14px;
					vertical-align:middle;
					font-size:0.95em;
				}

					#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 {
							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 { 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 {
							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 { display:none;}
				
					#funcNav ul li img {
						margin-top:2px;
					}
				
					#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;
} 


					
 /* 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: #919090; 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: #919090; 
				text-transform: uppercase;
				display: block;
				width:191px;
				height: 16px;
				padding: 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 {
				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 { 
						color: #919090 !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 { color:#1d5c8d !important; }
					
						ul#mainNav ul ul { border:none; }
					
							ul#mainNav li li li { padding:5px 10px 0 10px; width: 155px;}
								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 { 
									color: #919090 !important; 
									}	
											
									ul#mainNav li li.active li a:hover, ul#mainNav li li.active li a:active{
										color: #1d5c8d !important;
										}
											
											ul#mainNav li li li.active a:link, ul#mainNav li li li.active a:visited{
												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 { 
														color: #919090 !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 { 
															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 { width: 524px; padding:0; }
	
		#mainLayout td#centerCol .content { width: 474px; padding: 0 25px 25px 25px; }
		
	#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;
		}
		
			#mainLayout td#rightCol h2.first {
				border-top:none;
			}
		
		#mainLayout td#rightCol h3 {
			color:#B11838;
			text-transform: uppercase;
			padding: 0 12px;
			margin: 15px 0 0 0;
			font-size: 0.98em;
		}
		
		#mainLayout td#rightCol p {
			padding: 0 12px;
			margin-top:0;
		}

	
/* ~~~~ 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{width: 530px;} /* 'A' */
.cssForm label { width: 100px;} /* 'B' */
.cssForm .rightCol {padding-left:101px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 379px; /* 'A'-'B'-10px='C' */ font-family: Georgia,"Times New Roman",Times,serif !important; }
.cssForm input { 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 { width: 131px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 152px;} /* ('A'-'B'-130px)/2 */

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

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