/*(c)2010.01 >TECHNISCHE< Umsetzung durch com2 Gmbh TN, www.com-com.com v1.0 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666;}
body {font-size: 1em;} 


html, body { margin: 0; padding: 0;}
html[xmlns] { min-height:100%;  overflow-y: scroll; } /*v-scrollbar für moz einschalten*/
body { background: #d2393e url(../images/chrome/bg.jpg) 50% 0 fixed; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #666; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; /*line-height: 160%;*/ }
	li { margin-bottom: 15px; list-style: none; list-style-type: none }
	li.last { margin-bottom: 30px; }
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }

	
h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
	h1 img { padding: 8px 0 0; } /*Verwendung unsichtbar im Head*/
h2, h2, h3 {margin: 0 0 18px; font-size: 1em; color: #666; font-weight: normal;}

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #cbcbcb; padding: 0px 2px; } 
input.textInput { border: 1px solid #cbcbcb !important; } 
select { border: 1px solid #cbcbcb; padding: 0; }
.textInput:active {	border: 1px solid #666666 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #666666; text-decoration: underline; outline: none; }
a:hover, a:active { text-decoration: none; color: #d2393e; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ }



/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.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: #cbcbcb;}



img.rightAlign{ /*||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.leftAlign{ /*||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:Orange||title-en:Orange*/ color: #666666; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #666666; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

/*~~ 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 */ 
	width: 100%;
	margin-bottom: 15px;
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px 10px 0 0;
	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: #cbcbcb; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px 3px 10px;
	vertical-align: top;
}



	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

#minWidth { min-width: 750px; max-width: 945px; margin: 30px auto 18px; }
* html #minWidth { width: 750px;  } /* ie6- */
	.shadowBox { position: relative; margin-bottom:30px; margin-left:18px; }
		.topRight, .bottomRight, .bottomLeft, .right, .bottom {
			height: 18px; 	width: 18px;
			top: 0; right: 0;
			background: transparent url(../images/chrome/assets.png) -36px 0;
			position: absolute;
		}
		* html .topRight, * html .bottomRight, * html .bottomLeft, * html .right, * html .bottom { display: none; } /* ie6- */

		.right { height: 100%; background: transparent url(../images/chrome/assets2.png) 0 0; right: -18px;  }
		.bottomRight { top:auto; bottom: -18px; background-position: -18px 0; }
		.bottom { width: 100%; background-position: 0 -18px; bottom: -18px; top: auto; }
		.bottomLeft { top: auto; left: 0; right: 0; bottom: -18px;  background-position: 0 0; }
			
		.content { min-height: 215px; margin: 0 18px 18px 0; background: #fff; position:relative; border-left: 18px solid #fff; border-top: 18px solid #fff; }
		* html .content { height: 215px } /* ie6- */

		#topBox {  }
			#topBox ul { color: #666; list-style: none; margin: 0; padding: 0; position: absolute; bottom:15px; left: 0; }
				#topBox ul li { list-style: none; margin: 0; padding: 7px 0 7px 0; width: 865px; position:relative; }
					#topBox ul a:link, #topBox ul a:visited, #topBox ul a:hover, #topBox ul a:active {  }
					#topBox ul a:hover, #topBox ul a:active {  }
					#topBox ul a.active:link, #topBox ul a.active:visited, #topBox ul a.active:hover, #topBox ul a.active:active { color: #d2393e;  }
						#topBox ul:hover li ul { display: none; }
						#topBox li ul { display: none;  left: 260px; font-size: .8em; bottom: 2px; width: 485px; padding-bottom:7px; padding-top:7px; }
						#topBox ul:hover li:hover ul { display: block !important;  }
						#topBox ul:hover li:hover li {  }
						#topBox li.active ul { display: block;  z-index: 1; }
							#topBox ul ul li { display: inline; }
							#topBox ul ul a { float: left; padding-right: 10px; }
				
		#pageContent { margin: -18px 0 0 -18px; }
		* html #pageContent { margin: 0 0 18px 0; } /* ie6- */
			#pageContent table { width: 100%; }
			#pageContent td { vertical-align: top; }
			#pageContent td.leftCol { width: 263px; }
			#pageContent td.rightCol { padding: 15px; }
			
			.noImage { margin: 0 18px 0 0 !important; padding: 0 0 18px 260px !important; }
			
			table.news { margin: 18px; }
				table.news td.leftCol { width: auto !important; }
				table.news td.rightCol { width: 263px; }
					table.news table td { border-bottom: 15px solid #fff;}
			
				
#footer { text-align: right; list-style: none; margin: 0; padding: 0 18px 18px 0;  }	
		#footer li { list-style: none; margin: 0; padding: 0 15px 0 0; display: inline; }	
		#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; }	
			
#printLink { position: absolute; right: 25px; bottom:15px; width: 26px; height: 25px; background: #fff url(../images/chrome/assets.png) 0 -36px; }
	#printLink span { display: none; }
	
/*======================= Publikationen ================================*/	
	

.publikationen input[type=checkbox]{ margin-top: -3px; }

.publikationen .optic01 thead tr{ height: 20px; }
.publikationen .optic01 tr{ height: 33px; }
	.publikationen .optic01 td{ vertical-align: middle; }
	.publikationen .optic01 th{ font-weight: normal; }
		

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

.cssForm fieldset { width: 475px; } /* 'A' */
.cssForm label { width: 170px; border:none !important; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 430px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 116px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 112px;} /* ('A'-'B'-130px)/2 */
.cssForm .hint{ font-style: normal; color: #666; }


body .cssForm input.button, input.button { border-width:  0px; !important;
	cursor: pointer;}

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

input.button, .button { border-style: solid !important;} 
.cssForm fieldset.error { border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }



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


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
	#minWidth { min-width: 0; max-width: none; }
	#topBox ul{ display: none; }
	#topBox .content { min-height: 55px; }
	#pageContent { padding: 0 !important; margin: 0 !important; }
	#pageContent table { width: auto !important; table-layout: auto !important; }
	#pageContent td.leftCol { width: auto; }
	#footer { display: none; }
	
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }