/*(c)2008 com2 GmbH, SH, www.com-com.com v1.1 */

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

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

html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #423e35;}
body {font-size: 0.76em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar für moz einschalten*/
body { background: #EFEEF1 url(../images/chrome/body_bg.gif) repeat-y center top; }

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

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 140%; }
#right  ul{margin-left: 0; padding-left: 15px; }
	#right li{ list-style: none; background:transparent url(../images/chrome/sek_nav_arrow.gif) no-repeat 0 4px; padding-left: 15px;}
	
#right ul.square li{ background: transparent url(../images/chrome/li_square.gif) no-repeat 0 3px; }
	
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }

.cmsColor01 { /*||title-de:Blau||title-en:Blue*/ color: #1769ae; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.7em; color: #1769ae; font-weight: bold;}
h3 {font-size: 1.4em; color: #1769ae; margin: 0 0 10px; padding: 0; font-weight: bold; }
h4 {font-size: 1.1em; font-weight: bold; color: #847970; margin: 0 0 5px; padding: 0; line-height: 110%; }

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 #1769ae !important;}

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

#right a:link.pdf{background: transparent url(../images/chrome/pdf.gif) left 1px no-repeat; padding-left:16px }
#right a:link, #right a:active, #right a:visited, #right a:active {background: transparent url(../images/chrome/link.gif) left 1px no-repeat; padding-left:13px; }

#right li a:link, #right li a:visited, #right li a:hover, #right li a:active{ background: none; text-decoration: underline; padding-left: 0; }
#right li a:hover, #right li a:active{ text-decoration: none;}

a:link, a:visited, a:hover, a:active  {color: #423e35; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

/*~~ 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.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; }

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

/*~~ ACCORDION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.toggler  { cursor:pointer;background: #efeef1 url(../images/chrome/down_arrow.gif) 8px 12px no-repeat; border: 1px dotted #1769ae; border-bottom: none; font-weight:bold; color:#000; margin: 0; padding:5px 5px 5px 28px; font-size:16px; font-family:Arial, sans-serif; }
.toggler:hover, .toggler:active    { background-color:#eee; }
.element     { padding:29px; border: 1px dotted #1769ae; border-bottom: none;  margin:0px 0}

div.element :first-child{margin-top:10px}


div#accordion {border-bottom:1px dotted #1769ae; }


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

div#maxWidth { margin: 0 auto; width: 897px; position: relative; min-height: 100%; _height:100%; z-index: 5}

div#header { position: relative; height: 82px; background: #fff none; }

	#header h1 { position: absolute; top: 26px; left: 28px; }
	
	#header span { display: none; }
	

	
/*~~ FUNKTIONSNAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#funcNav { position: absolute; top: 2px; right: 17px; }	
	#funcNav ul { padding-left: 0; margin-left: 0; }
	#funcNav li { display: inline; padding-left: 6px; list-style: none; }
	#funcNav a:link, #funcNav a:visited, #funcNav a:hover, #funcNav a:active { background: none;padding-left: 0; font-size: 0.9em; color: #8d9194; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
		#funcNav li.active a:link, #funcNav li.active a:visited, 
		#funcNav li.active a:hover, #funcNav li.active a:active { font-weight: bold; text-decoration: underline; }
	

/*~~ HEAD VISUAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#headVisual { margin:0; padding: 0; height: 179px; border-top: 1px solid #1769ae; border-bottom: 1px solid #1769ae; }
	
	
	
/*~~ LAYOUT TABELLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table#layoutTable { table-layout: fixed; }	
	#layoutTable td#left {
		width: 185px;
		padding: 72px 17px 17px 27px;
		margin: 0;
		vertical-align:top;
		wborder-right: 1px solid #1769ae;
		wbackground-color: #b3e4fd;
	}
	#layoutTable td#right { padding: 29px 16px; vertical-align:top; }
		
		
		
/*~~ HAUPTNAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#mainNav { margin:0; padding:0; }
	#mainNav ul { padding-left:0; margin: 0 0 24px 0; }
	#mainNav li { display: inline; background: none; padding-right:19px; padding-left: 0; list-style: none; }
		#mainNav li.last { padding-right:0; }
		#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active { background:none; padding-left: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: bold; }
			#mainNav li.active a:link, #mainNav li.active a:visited, 
			#mainNav li.active a:hover, #mainNav li.active a:active { color: #1769ae; text-decoration: none; border-bottom: 2px solid #1769ae; }
	
	
/*~~ SEKUNDÄRNAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#sekNav { margin:0; padding:0; }
	#sekNav ul { padding-left:0; margin-left:0; }
	#sekNav li { list-style: none; line-height: 150%; }
		#sekNav a:link, #sekNav a:visited, #sekNav a:hover, #sekNav a:active { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.15em; padding-left:10px; color: #1769ae; }
			#sekNav li.active a:link, #sekNav li.active a:visited, 
			#sekNav li.active a:hover, #sekNav li.active a:active { background: transparent url(../images/chrome/sek_nav_arrow.gif) 0 5px no-repeat; font-weight: bold; }		
		

			
/*~~ CONTENTELEMENTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			

div.innerNav { text-align: center; font-size: 0.9em; margin-bottom:3px; }
	.innerNav a:link, .innerNav a:visited, .innerNav a:hover, .innerNav a:active { color: #666; }
		
		
		
/*~~ FOOTERNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			

div#footerNav { margin: 0 auto; width: 850px; border-top: 1px solid #1769ae; position: relative; z-index: 20; height: 20px; margin-top: -21px; }
	#footerNav ul { margin: 0 0 0 223px; padding-left:0; padding-bottom: 3px; }
	#footerNav li { display: inline; padding:0 10px 0 8px; list-style: none; background: transparent url(../images/chrome/footer_nav_trenner.gif) right center no-repeat; }
		#footerNav li.last { padding-right:0; background: none; }
		#footerNav a:link, #footerNav a:visited, #footerNav a:hover, #footerNav a:active { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666; }
			#footerNav li.active a:link, #footerNav li.active a:visited, 
			#footerNav li.active a:hover, #footerNav li.active a:active { font-weight: bold; text-decoration:underline; }

.copyright { float:right; padding:1px 8px 0 11px; font-size: 0.9em; color: #1769ae; }
		
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 475px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 335px; /* '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 */

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

input.button, .button {} 
.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 */