/*(c)2008 com2 Gmbh, OP, www.com-com.com v1 */

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

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

html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666;}
body {font-size: 0.76em;} 


html, body { margin: 0px; padding: 0px; }
html[xmlns] { min-height:100%; padding-bottom: .1em; } /*v-scrollbar für moz einschalten*/
body { background: #df945d; min-height: 100%; }

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

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table {  empty-cells: show; }
	td { empty-cells: show; }

.cmsColor01 { /*||title-de:Braun||title-en:Brown*/ color: #df945d; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }

h1 { margin:0px; padding: 10px; font-size: 1.6em;  color:#fff;   } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-size: 1.2em; color: #398899; font-weight: bold;}
h3 {font-size: 1.2em; color: #398899; 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;}


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

form {margin:0px; display: inline; position: absolute;}
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 #398899 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, a:visited, a:hover, a:active  { color : #999999; text-decoration:  underline; outline: none; }
a:hover, a:active { text-decoration: none; }
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; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #398899; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #398899; }

.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;
}



	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#minWidth{
	background: transparent url(../images/chrome/middlebg.gif) repeat-y top left;
	margin: 0 auto;
	min-height: 100%;
	width: 750px;
	position: relative;
}

#top{
	position: relative;
	height: 115px;
	padding: 0;
	margin: 0;
	background: #b2cac3;	
}

	#topBottom{
		background: #85aaa9;
		height: 40px;
		width: 100%;
		left: 0;
		bottom: 0px;
	}

#leftCol{
	background: transparent url(../images/chrome/bottomleft.jpg) no-repeat;
	float: left;
	width: 313px;
	padding-top: 115px;
}
	#menu{margin:0px 15px 0 88px; padding: 0}
		#menu li{ list-style: none; margin-top: 5px; }
			#menu li a{ text-decoration: none} 
			#menu li.active a{ text-decoration: underline;  }
				#menu li a:hover, #menu li a:active{ text-decoration: underline;}
			#menu li ul{padding:0 0 0 7px; margin: 0;}

				#menu li.active li a{ font-weight: normal; text-decoration: none; }
					#menu li li.active a{ text-decoration: underline; }
				#menu li.active li a:active, #menu li.active li a:hover { text-decoration: underline;}
				#menu li li a{background: transparent url(../images/chrome/moreicon.gif) 0 2px no-repeat; padding-left: 8px; font-weight: normal }
	
#rightCol{
	position: relative;
	background: #dcf4f5;
	padding: 20px 10px 35px ;
	margin-left: 313px;
	width: 417px;
}

#rightBottom{
	background: transparent url(../images/chrome/bottombg.gif) repeat-y left top;
	width: 430px;
	border-top: 8px solid #fff;
	height: 24px;
	text-align: center;
	padding:8px 0 0 320px; 
	margin: 0 auto;
	
}
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 410px; } /* '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: 270px; /* '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 ================================*/


.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 */