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


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

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

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

.cmsColor01 { /*||title-de:Grün||title-en:Green*/ color: #8cc143; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }

h1 { margin: 0; padding: 0; font-size: 1.1em; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 10px; font-size: 1.1em; color: #898989; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 1.4em; color: #8cc143; 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 #8cc143 !important;}

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

a:link, a:visited, a:hover, a:active  { color : #898989; 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; }

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

.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
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

#minWidth{ width: 998px; margin: 20px auto; }

#header { margin: 0 0 20px 0; }
#logo { margin: 0 15px 0 57px;  }
	#header h1 { text-transform: uppercase; color: #333; font-size: 1.3em; font-weight: bold; }

	#leftCol{
		margin: 0 15px 0 0;
		width: 208px;
		float: left;
		background: #f5f4f0;
		color: #898989;
		height: 576px;
	}
	#leftCol a:link, #leftCol a:visited, #leftCol a:hover, #leftCol a:active { color: #898989; text-decoration: underline; }
	#leftCol a:hover, #leftCol a:active { color: #000; }
	
		#filter { background: #c7c7c7; color: #fff;  padding: 10px 0 20px; margin: 0 0 20px; }

		#leftCol #filter a:link, #leftCol #filter a:visited, #leftCol #filter a:hover, #leftCol #filter a:active { color: #fff; }
		#leftCol #filter a:hover, #leftCol #filter a:active { color: #000; }

		
			#filter label { font-weight: bold; }
			#filter select { border: 1px solid #a7a6aa; color: #847970; width: 184px; }
			#filter div { padding: 0 12px; }
			#filter h2 { color: #fff; padding: 0 12px; }
			#filter .selectBlock { border-bottom: 1px solid #fff; padding-bottom: 6px; }
			#filter .buttonGroup { padding: 12px 0 0 5px; margin-bottom: 20px;}
				#filter .buttonGroup input { overflow: visible; width: 97px; padding:0;	}
			#filter #marked { padding: 0 12px 0 45px; background: transparent url(../images/chrome/markedBg.gif) 12px 0 no-repeat; 	}
			
		.button, .buttonImportant {
			margin-bottom:0 !important;
			background: #f5f4f0;
			border:none;
			font-size: 0.95em;
			text-transform: uppercase;
			color: #847970;
			text-align: center;
			font-weight: bold;
		}
		.button:hover { background-color: #e7e4da; }
		
		.buttonImportant {
			background: #d82802;
			color: #fff;
			border: 1px solid #d82802;
		}
		.buttonImportant:hover { background-color: #bc2202; }

	#info {padding: 0 12px 17px 45px; margin-bottom: 15px;    border-bottom: 1px solid #c7c7c7; background: transparent url(../images/chrome/infoBg.gif) 12px 0 no-repeat; }
	#contact { padding: 2px 12px;  }
		
	#content{ width: 775px; float: left; }
		#content table {}
			#content td {
				width: 145px;
				border-right: 10px solid #fff; border-bottom: 10px solid #fff;
				background: #fff url(../images/chrome/offerBg_red.gif) left bottom no-repeat;
				color: #898989;
			}
			#content td.red { }
			#content td.blue { background-image: url(../images/chrome/offerBg_blue.gif);}
			#content td.black { background-image: url(../images/chrome/offerBg_black.gif);}
			#content td.green { background-image: url(../images/chrome/offerBg_green.gif);}
			#content td.brown { background-image: url(../images/chrome/offerBg_brown.gif);}
			#content td.yellow { background-image: url(../images/chrome/offerBg_yellow.gif);}
			#content td.darkblue { background-image: url(../images/chrome/offerBg_darkblue.gif);}
			#content td.orange { background-image: url(../images/chrome/offerBg_orange.gif);}
			#content td.purple { background-image: url(../images/chrome/offerBg_purple.gif);}
			
			#content .header { background:transparent url(../images/chrome/offerHeader_red.gif) left top no-repeat; padding: 3px 1px 2px; /*margin-bottom: 7px;*/ position: relative; }
			#content .blue .header { background-image: url(../images/chrome/offerHeader_blue.gif); }
			#content .black .header { background-image: url(../images/chrome/offerHeader_black.gif); }
			#content .green .header { background-image: url(../images/chrome/offerHeader_green.gif); }
			#content .brown .header { background-image: url(../images/chrome/offerHeader_brown.gif); }
			#content .yellow .header { background-image: url(../images/chrome/offerHeader_yellow.gif); }
			#content .darkblue .header { background-image: url(../images/chrome/offerHeader_darkblue.gif); }
			#content .orange .header { background-image: url(../images/chrome/offerHeader_orange.gif); }
			#content .purple .header { background-image: url(../images/chrome/offerHeader_purple.gif); }

				#content .header .nav{
					position: absolute;
					top: 98px; right: 0;
					background: transparent url(../images/chrome/navBg_red.gif) left top no-repeat; 
					color: #fff;
					font-size: 0.8em;
					padding: 0 4px;
					height: 14px;
					line-height: 14px;
				}
				#content .header div{height: 107px; overflow: hidden;}
				#content .red .header .nav { /*standard*/ }
				#content .blue .header .nav { background-image: url(../images/chrome/navBg_blue.gif); }
				#content .black .header .nav { background-image: url(../images/chrome/navBg_black.gif); }
				#content .green .header .nav { background-image: url(../images/chrome/navBg_green.gif); }
				#content .brown .header .nav { background-image: url(../images/chrome/navBg_brown.gif); }
				#content .yellow .header .nav { background-image: url(../images/chrome/navBg_yellow.gif); }
				#content .darkblue .header .nav { background-image: url(../images/chrome/navBg_darkblue.gif); }
				#content .orange .header .nav { background-image: url(../images/chrome/navBg_orange.gif); }
				#content .purple .header .nav { background-image: url(../images/chrome/navBg_purple.gif); }

				.nav a:link, .nav a:visited, .nav a:hover, .nav a:active { color: #fff; }
			
			/* UPDATE SH */
				#content .contentWrapper { width: 143px; margin-left:1px;}
				#content .contentWrapper:hover { background-color:#ecebe6; cursor: pointer; }
				#content .content a:link, #content .content a:visited, #content .content a:hover, #content .content a:active { color: #898989; text-decoration:underline; }
				#content .red .content a:link, #content .red .content a:visited, #content .red .content a:hover, #content .red .content a:active { color: #d82802; text-decoration:underline; } 
				#content .blue .content a:link, #content .blue .content a:visited, #content .blue .content a:hover, #content .blue .content a:active { color: #2d88ce; text-decoration:underline; }
				#content .black .content a:link, #content .black .content a:visited, #content .black .content a:hover, #content .black .content a:active { color: #000; text-decoration:underline; }
				#content .green .content a:link, #content .green .content a:visited, #content .green .content a:hover, #content .green .content a:active { color: #50a639; text-decoration:underline; }
				#content .brown .content a:link, #content .brown .content a:visited, #content .brown .content a:hover, #content .brown .content a:active { color: #88635b; text-decoration:underline; }
				#content .yellow .content a:link, #content .yellow .content a:visited, #content .yellow .content a:hover, #content .yellow .content a:active { color: #8989892; text-decoration:underline; }
				#content .darkblue .content a:link, #content .darkblue .content a:visited, #content .darkblue .content a:hover, #content .darkblue .content a:active { color: #204496; text-decoration:underline; }
				#content .orange .content a:link, #content .orange .content a:visited, #content .orange .content a:hover, #content .orange .content a:active { color: #898989; text-decoration:underline; }
				#content .purple .content a:link, #content .purple .content a:visited, #content .purple .content a:hover, #content .purple .content a:active { color: #974fa0; text-decoration:underline; }
				
				#content .detailPage .content, #content .detailPage .footer { padding: 0; }
				#content .detailPage .content { height: auto; }
				#content .detailPage .content p { font-size: 1em; color:#898989; }
				#content .detailPage .imgWrapper { float: right; padding: 7px 7px 2px 7px; margin-left: 15px; border: 1px solid #cbcbcb; }
				#content .detailPage .footer { margin-bottom: 20px; }
				#content .detailPage .footer span { margin-right: 0; }
				#content .detailPage .action { float: left; margin-top:-5px; }
					#content .detailPage .action a:link, #content .detailPage .action a:visited, 
					#content .detailPage .action a:hover, #content .detailPage .action a:active {
							background-color: #d82802; padding: 0 5px 0 10px; font-size: 0.9em;
						}
					#content .detailPage .action a.active:link, #content .detailPage .action a.active:visited, 
					#content .detailPage .action a.active:hover, #content .detailPage .action a.active:active {
							padding: 0 5px 0 20px;
						}

			/************/			
				
			#content .content { padding: 7px 9px 0 9px; height: 112px; overflow: hidden; }
				#content .content h2 { line-height: 105%; height: 28px; overflow: hidden; }
				#content .content p { font-size: 0.8em; }
			#content .footer { padding: 0 12px; text-align: right; font-size: 0.8em; line-height: 110%; height: 27px; }
				#content .footer span { font-size: 1.6em; color: #d82802; font-weight: bold;  font-style: italic; margin-right: -3px; }
			#content .action { height: 20px; }
				#content .action a:link, #content .action a:visited, #content .action a:hover, #content .action a:active {
					padding: 0 0 0 7px; color: #fff; font-weight: bold; font-size: 0.8em; line-height: 19px;
				}
				#content .action a.active:link, #content .action a.active:visited, #content .action a.active:hover, #content .action a.active:active {
					padding: 0 0 0 21px; background: #d82802 url(../images/chrome/active_red.gif) 4px 2px no-repeat; 
				}
				
				#content .blue .action a.active:link, #content .blue .action a.active:visited, #content .blue .action a.active:hover, #content .blue .action a.active:active{ background-color: #2d88ce; background-image: url(../images/chrome/active_blue.gif); }
				#content .black .action a.active:link, #content .black .action a.active:visited, #content .black .action a.active:hover, #content .black .action a.active:active{ background-color: #000; background-image: url(../images/chrome/active_black.gif); }
				#content .green .action a.active:link, #content .green .action a.active:visited, #content .green .action a.active:hover, #content .green .action a.active:active{ background-color: #50a639; background-image: url(../images/chrome/active_green.gif); }
				#content .brown .action a.active:link, #content .brown .action a.active:visited, #content .brown .action a.active:hover, #content .brown .action a.active:active{ background-color: #88635b; background-image: url(../images/chrome/active_brown.gif); }
				#content .yellow .action a.active:link, #content .yellow .action a.active:visited, #content .yellow .action a.active:hover, #content .yellow .action a.active:active{ background-color: #e6d11c; background-image: url(../images/chrome/active_yellow.gif); }
				#content .darkblue .action a.active:link, #content .darkblue .action a.active:visited, #content .darkblue .action a.active:hover, #content .darkblue .action a.active:active{ background-color: #204496; background-image: url(../images/chrome/active_darkblue.gif); }
				#content .orange .action a.active:link, #content .orange .action a.active:visited, #content .orange .action a.active:hover, #content .orange .action a.active:active{ background-color: #d09727; background-image: url(../images/chrome/active_orange.gif); }
				#content .purple .action a.active:link, #content .purple .action a.active:visited, #content .purple .action a.active:hover, #content .purple .action a.active:active{ background-color: #974fa0; background-image: url(../images/chrome/active_purple.gif); }

				
	#footer { clear: left; border-top: 1px solid #c7c7c7; color: #898989; font-weight: bold; }
	#footer div { float: right; }
		#footer ul { list-style: none; margin: 0 0 0 223px; padding: 0; }
			#footer li { list-style: none; margin: 0; padding: 0; display: inline; padding: 0 3px; }

				#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active  { color: #898989; }
			
			


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

.cssForm fieldset { width: 440px; } /* '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: 290px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 90px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 100px;} /* ('A'-'B'-130px)/2 */

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

input.button, .button { border-style: solid !important; border-width: 1px !important; margin-bottom: 10px; } 
.cssForm legend { color: #013467; }
*:first-child+html .cssForm legend { position: static; margin: 20px 0 10px 0; }
.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*/ }