/*(c)2009 com2 Gmbh, TN, PS, 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: Tahoma, Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.89em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .5em; } /*v-scrollbar für moz einschalten*/
body { background: #efefef url(../images/chrome_09/bg_body.gif)  }

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

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

.cmsColor01 { /*||title-de:Grün||title-en:Green*/ color: #1373b7; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }
.cmsColor03 { /*||title-de:Orange||title-en:Grey*/ color: #3aac09; }

h1 { margin: 0; padding: 32px;  } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-size: 1.6em; color: #1373b7; text-transform: uppercase; font-weight: bold; font-family: Calibri;}
h3 {font-size: 1.4em; color: #1373b7; margin: 0 0 10px; padding: 0; font-weight: bold;  font-family: Calibri;}
h4 {font-size: 1.1em; font-weight: bold; color: #399109; margin: 0 0 5px; padding: 0; line-height: 110%;  font-family: Calibri;}

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 #1373b7 !important;}

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

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

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active  {
	font-size: 15px;
   height: 22px;
   margin-top: -5px;
   padding-top: 5px;
	text-transform: uppercase; font-size: 15px; margin-right: 1px; float: left; color : #fff; text-decoration: none; }
#menu a:hover, #menu a:active, 
#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover, #menu li.active a:active  {color: #1373b7; background-color: #fff; wbackground-image: url(../images/chrome_09/menu_hover.gif); background-repeat: no-repeat;   }

#menu span a:hover, #menu span a:active{ display: block;}

/*~~ 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: #1373b7; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #1373b7; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome_09/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
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/
#wrapper{
	width:990px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;	_height:100%;
	background: #fff;
}


#minWidth{  width: 990px; margin: 0 auto;  position: relative;}

#head{width: 980px; padding: 10px;  background: transparent url(../images/chrome_09/bg_head.jpg) 10px 0 no-repeat; }

ul#menu{
	margin-top: 1px;
}

	#menu li{
		display: inline;		
	}
	
	#menu span{
	   padding: 0 15px;
		line-height: 17px;
		wbackground: transparent url(../images/chrome_09/bg_span.gif) right center no-repeat;
	}
	
	* html #menu span{margin-top: -1px;line-height: 16px;}
	*:first-child+html #menu span{margin-top: -1px;line-height: 16px;}
	
#content { background: transparent url(../images/chrome_09/line.gif) repeat-x; padding:15px 0 0 0;}

#mainTable {margin: 0 auto;table-layout: fixed;width: 970px;margin:0 0 180px 0;}
	#mainTable td#leftCol, #mainTable td#rightCol{ padding-top:40px; vertical-align: top;   }
		#mainTable #rightCol {width: 335px; background: transparent url(../images/chrome_09/leftCol.gif) left top no-repeat; vertical-align: top; =height: 450px  }
#leftCol {	width: 550px; padding:0 15px 30px 33px;}
#rightCol {	width: 370px; text-align: right;padding:0 2px 0 0;}

#ordernow{margin-bottom: 10px}
	#ordernow span{ display: none;}
	#ordernow a{ background-image: url(../images/chrome_09/jetzt_bestellen.gif); background-repeat: no-repeat; height: 56px; width: 437px; display: block;}
	#ordernow a:hover { background-position: 0 -56px;}



#bottom{
	margin: -162px auto 0;
	position: relative;
	font-size: 9px;
	width: 990px;
	background: #fff;
}	


#footerMenu{
	background: #f4f4f4 url(/images/chrome_09/top.gif) no-repeat;
	width: 970px;
	height: 115px;
	margin: 0 10px;
	padding-top: 5px;
	font-weight: normal;
}

* html #footerMenu{	width: 980px;}	
* html #footerMenu ul{	margin:0 0 0 30px;}	

:first-child+html #footerMenu{	width: 980px;}	
:first-child+html #footerMenu ul{	margin:0 0 0 30px;}	

#footerMenu ul{margin:0;}
	#footerMenu li{ list-style: circle; font-weight: normal; }
		#footerMenu li.first-child { list-style: url(../images/chrome_09/arrow.gif); margin: 0 0 10px 0; color:#3aac09; font-weight: bold; }
			#footerMenu li a:link, #footerMenu li a:visited, #footerMenu li a:hover, #footerMenu li a:active{ color: #4a4949; font-weight: normal; }
			#footerMenu li a:hover, #footerMenu li a:active{ color: #3aac09}
	
	
#footerMenu div{ float: left; width: auto; width: 200px; }
	#footerMenu div.first-child{margin: 0 10px 0 0; 	}
	
#footer {
   margin: 0 10px;
   font-size: 9px; 
   border-top:1px solid #fff;
	padding: 4px 0 0 0;
	background: #c1bdbd;
	width: 970px;
	height: 35px;
	font-weight: normal;	
	text-align:center;
	color: #fff;
}

#logovss{ position: absolute; right: -30px; top:35px; }
	#logovss a:hover{ text-decoration: none }


.greenCol {
	background: #6fd544;	border: 3px solid #1373b7; position: relative; padding: 15px; _width: 100%; color: #fff;
}
	.greenCol a:link, .greenCol a:visited, .greenCol a:hover, .greenCol a:active {color: #fff; font-weight: normal;}
	.greenCol h4 {color: #fff; background: #1373b7; padding: 3px 15px; margin: 0 -15px 10px;}

	.greenCol .edge_ol, .greenCol .edge_or, .greenCol .edge_ul, .greenCol .edge_ur {
		position: absolute; left: 0; top: 0; margin: -3px; background: url(../images/chrome_09/edge_ol.gif); width: 8px; height: 8px; overflow: hidden; 
	}
	.greenCol .edge_ol {}
	.greenCol .edge_or {left: auto; right: 0; background-image: url(../images/chrome_09/edge_or.gif) }
	.greenCol .edge_ul {top: auto; bottom: 0; background-image: url(../images/chrome_09/edge_ul.gif)}
	.greenCol .edge_ur {left: auto; right: 0; top: auto; bottom: 0; background-image: url(../images/chrome_09/edge_ur.gif) }

	#flashAltContent{ margin-bottom: 25px; }

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

.cssForm fieldset { width: 550px; } /* 'A' */
.cssForm label { width: 160px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:110px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 360px; /* '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*/ }
.cssForm .selectorGroup label{
	line-height: 25px;	
}


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