/*(c) TN com2 GmbH 2007*/

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body, textarea {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: .75em;} td {_font-size: .75em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}


html, body {
	height: 100%;
	margin: 0;
   padding: 0;
}

body { background-color: #E5E5E5}

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: 700; }
img {border:none;}

/*  allgemeine HEADliNE-Styles -  Gr??e bezieht sich immer auf Elternelement */
h1 { margin: 0; padding:0; }
h2 { font-size: 1.4em; color: #0C7231; }
h3 { font-size: 1.2em; color: #0C7231; }
h4 { font-size: 1em; color: #0C7231; }

hr{ height:1px; color: #D8D7D6; background: #D8D7D6; border: none}
legend { color: #6C6969; }
sup{ font-size: .7em; }
* html sup{ font-size: .75em; } /* ie6- */
*:first-child+html sup{ font-size: .75em; } /* ie7 */


a:link, a:visited, a:hover, a:active{ font-weight: bold; color: #0C7231; text-decoration: none; }
a:hover, a:active{ text-decoration: underline; }
a.text:link, a.text:visited, a.text:hover, a.text:active{ font-weight: normal; color: #000;}

ul { margin-left: 0; padding-left: 10px; }
ul li { list-style: none; padding: 5px 0 5px 16px; background: transparent url(../images/chrome/leftnav-arrow.gif) left center no-repeat; }
ol li { padding: 5px 0; }


/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.small{font-size:.8em;} /* bezieht sich immer auf Elternelement */

.gelb{ color: #ff0; }
.blau{ color: #0079b9; }
.gruen{ color: #0C7231; }
.softGelb{ background-color: #FF9; }
.softBlau01{ background-color: #A1B9D9; }
.softBlau02{ background-color: #DEE4EF; }
.softBlau03{ background-color: #EFF3FC; }
.softOrange{ background-color: #FFD799; }
.softGruen{ background-color: #CDA; }
.grau { color: #B2B2B2; }

img.gelb{ border: 1px solid #ff0;}
img.blau{ border: 1px solid #0079b9;}
img.gruen{ border: 1px solid #0C7231;}
img.grau{ border: 1px solid #b2b2b2;}
p.softBlau01, p.softBlau02, p.softBlau03, p.softOrange, p.softGruen { padding: 10px; }

img.teaser { margin: 0 0 20px 0; }

table.twoCols, table.twoCols td { }
	table.twoCols td.firstCol{ width: 50%; }
	table.twoCols td.secondCol {width: 50%;  border-left: 20px solid #fff !important; }
	table.twoCols td.secondCol img { margin: 0 0 20px 0;}

#contentTable table.productThumbs td{ padding: 10px 0 10px 20px; border-bottom: 1px solid #0c7231 } /*entspricht Layout page11*/
table.productThumbs td.firstCol{ padding-left: 0; width: 100px }
	table.productThumbs td h3{ margin-top: 0; }
	table.productThumbs td td{ padding: 0; }
	table.productThumbs ul{ margin-bottom:0;}
		table.productThumbs li{ list-style: none; background: none;}


table.details { margin: 20px 0 0 0; } /*zb ideencenter Objektansicht*/
table.details td{ padding: 0 0 20px 20px; }
table.details td.firstCol{ padding-left: 0; width: 370px; }
	table.details td h3{ margin-top: 0; }
	table.details td td{ padding: 0; }
		table.details td td{ padding: 0 0 20px 0; }
		table.details td th{ padding: 0 20px 20px 0; vertical-align: top;}

table.produktFarben td { padding: 0 10px 5px 0 !important; } /*zb ideencenter Objektansicht*/

dl.historie{} /*unterseite id 100*/
	dl.historie dt {font-size: 1.2em; color: #0C7231; font-weight: bold;}
	dl.historie dd {}

fieldset.download{ border: none; border-top: 1px solid #0C7231; background-color: #CEE3D6; background-image: none; margin: 0 0 15px 0; padding-right:15px; }
	fieldset.download legend{ wbackground-color: #fff; font-size: 1.2em; color: #0C7231; font-weight: bold; }
	fieldset.download table{ margin: 15px 0 0 0; }
		fieldset.download table label{ line-height: 19px; font-weight: bold; display: block; width: 52px; float:left; text-align: right;}
		fieldset.download table hr{ color: #0C7231; background: #0C7231; }
		fieldset.download table th { text-align: center; }
			fieldset.download table td.legende { vertical-align: bottom !important; }
			fieldset.download table tr.seperatorRow td { border-top: 1px solid #0C7231 !important; }
			
.navHeader{	/*zB Ideen-Center*/}	
	.navHeader h2 { background-color: #ff0; padding: 4px 12px; margin: 0; }	
		.navHeader h2 a { float: right; }	
	.navHeader .nav{ background-color: #ff9; padding: 3px 12px }	
	.navHeader a.back { background: transparent url(../images/chrome/navheader-back.gif) no-repeat right 4px; padding: 0 8px 0 0; margin: 0 20px 0 0;}
	.navHeader a.next { background: transparent url(../images/chrome/navheader-next.gif) no-repeat left 4px; padding: 0 0 0 8px; }
		.navHeader .pages { float: right; }	
			.navHeader .pages a { color: #a1b9d9 }	
			.navHeader .pages a.active, .navHeader .pages a:hover, .navHeader .pages a:active  { color: #0C7231}	
	

table.optic1 { border-right: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; }			
	table.optic1 td, table.optic1 th { padding: 1px 2px; border-left: 1px solid #b2b2b2 !important; border-bottom: 1px solid #b2b2b2 !important; }			
	table.optic1 th { background-color: #b2b2b2; color: #fff; }
			
div.infoBox {
	margin-top: 20px;
	color: #0c7231;
	padding: 15px;
	background-color: #cee3d6;
}		
	.infoBox	h3 { margin-top: 0; }
	
ul.sitemap { padding-left: 20px; }	
	ul.sitemap li { padding-left: 0; background-image: none; list-style: disc; }	
		ul.sitemap li li { list-style: circle; }		
			ul.sitemap li li li { list-style: square; }
			
td.bildUnterschrift { vertical-align: top; padding-bottom: 15px; text-align: center; font-size: 0.95em; }			
			
/*______________________________________________________________________________

                               L A Y O U T
}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/


#page{ width: 870px; background-color: #fff; border-right: 1px solid #d4d4d4; margin: 0 auto; position: relative; }
body.popup #page{ width: auto; border: none; }

	#head{ background: #ff0 url(../images/chrome/bg-head.gif) repeat-y; padding: 20px; height: 80px; }
		#head strong{ float: right; margin: 11px 0 0 0; }
		#head #contact { display: none; }
		#head #logoLink { position: absolute; left: 305px; top: 21px;  }
		
	#topNav{ background-color: #0c7231; }
		#topNav form{ float: right; padding: 3px; }
			#topNav form label { display: none; }
		#topNav ul { margin: 0; padding: 6px 20px; list-style: none; }
			#topNav li { margin: 0; padding: 0; list-style: none; display: inline; background-image: none; }
				#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active { font-weight: bold; background-color: #0c7231; color: #edc146; text-decoration: none; margin: 0 30px 0 0; font-size: 1.2em; }
				#topNav a.active:link, #topNav a.active:visited, #topNav a.active:hover, #topNav a.active:active,
				#topNav a:hover, #topNav a:active { color: #fff; }

	#breadcrump{ border-bottom: 2px solid #b2b2b2; margin: 0 20px; position: relative; }
		#breadcrump ul { margin: 0; padding: 3px 0; list-style: none; }
		#breadcrump li { margin: 0; padding: 0 0 0 9px; list-style: none; display: inline; background: transparent url(../images/chrome/breadcrump-arrow.gif) no-repeat left center; }
		#breadcrump li.home { padding: 0; background: none; } /*erstes element der breadcrump*/
			#breadcrump a:link, #breadcrump a:visited, #breadcrump a:hover, #breadcrump a:active { color: #000; text-decoration: none; margin: 0 5px 0 0; font-size: 0.9em; font-weight: normal; }
			#breadcrump a.active:link, #breadcrump a.active:visited, #breadcrump a.active:hover, #breadcrump a.active:active,
			#breadcrump a:hover, #breadcrump a:active { color: #0C7231; }

	#languages { position: absolute; right: 0; top: 10px; background: #fff; =right: 20px; }			
		#languages li { padding: 0; background: none; }
		#languages li a { margin: 0 !important; }
		#languages img { border-left: 5px solid #fff; }
	
	#contentTable{ margin: 20px; width: 830px }
	body.popup #contentTable{ width: auto;}
	
	#contentTable, #contentTable td{ border: none; vertical-align: top; }
	
	
		#contentTable #leftNav{ background-color: #ff9; width: 180px; }
			#leftNav ul { margin: 0; padding: 13px 7px; list-style: none;}
				#leftNav li {padding: 2px 0; background: none;}
					#leftNav a:link, #leftNav a:visited, #leftNav a:hover, #leftNav a:active {font-weight: bold; color: #0C7231; text-decoration: none; padding: 0 0 0 15px; list-style: none; background: transparent url(../images/chrome/leftnav-arrow.gif) no-repeat 0 3px; font-size: 1.2em; display: block; _height: 100%; }
					#leftNav a:hover, #leftNav a:active { color: #EDC146  !important;}
					#leftNav a.active:link, #leftNav a.active:visited, #leftNav a.active:hover, #leftNav a.active:active{ background-image: url(../images/chrome/leftnav-active-arrow.gif); color: #edc146;}

					#leftNav a.last:link, #leftNav a.last:visited, #leftNav a.last:hover, #leftNav a.last:active	{
						 background-image: url(../images/chrome/leftnav-arrow.gif); 
					}

					#leftNav ul ul { padding: 0;}
							#leftNav li li { padding: 0 0 0 15px;}
								#leftNav li li a:link, #leftNav li li a:visited, #leftNav li li a:hover, #leftNav li li a:active {font-weight: bold; color: #0C7231; text-decoration: none; padding: 0 0 0 15px; list-style: none; background: transparent url(../images/chrome/leftnav-arrow.gif) no-repeat 0 3px; font-size: 0.9em;}

		#contentTable #content{ border-left: 20px solid #fff; }
			body.popup #content { padding: 5px; }
	
	#teaserTable{ margin: 0 20px 20px 20px; width: 830px; }
	#teaserTable, #teaserTable td{ border: none; vertical-align: top; }
		#teaserTable td{  padding: 20px; }
			#teaserTable td img {  float:left; margin: 0 12px 2px 0; }
			#teaserTable td h2 { margin: 0 0 10px 0; font-size: 1.2em; line-height: 105%; }
			#teaserTable td p { margin: 0; font-size: 0.9em; }
		#teaserTable td.firstCol{ background-color: #ececec; border-right: 13px solid #fff;  width: 220px; _width: 263px;}
		#teaserTable td.secondCol{ background-color: #fffbcc; border-left: 7px solid #fff; border-right: 7px solid #fff; width: 220px; _width: 263px;}
		#teaserTable td.thirdCol{ background-color: #cee3d6; border-left: 13px solid #fff;  width: 220px; _width: 263px;}

	ul#produktOpt { margin: -20px 0 0 0; padding:0; }
		#produktOpt li {
			width:294px; height: 13px;
			padding: 4px 13px 8px 13px; margin-top: 4px;
			list-style: none;
			background-color: #00833d;
			background-image: none;
		}
			#produktOpt li a:link, #produktOpt li a:visited, #produktOpt li a:hover, #produktOpt li a:active {
				font-weight: bold; color:#fff; 
			}
				#produktOpt img { margin: 0; }
				
	table.checkList { width: 100%; table-layout: fixed; }			
		  .checkList td { background-color: #f0f0f0; vertical-align:top; padding: 10px;}
		
	#pageNav { border-top: 2px solid #b2b2b2; margin: 0 20px; }
		#pageNav ul { margin: 0; padding: 2px 0; list-style: none; text-align: right;}
			#pageNav li { margin: 0; padding: 0; list-style: none; display: inline;}
				#pageNav a:link, #pageNav a:visited, #pageNav a:hover, #pageNav a:active { color: #000; text-decoration: none; margin: 0 0 0 5px ; font-size: 0.9em;  font-weight: normal;}
				#pageNav a.active:link, #pageNav a.active:visited, #pageNav a.active:hover, #pageNav a.active:active,
				#pageNav a:hover, #pageNav a:active { color: #0C7231; }

		
	#footer{ background-color: #0c7231; height: 25px }
			#footer ul { margin: 0; padding: 6px 20px; list-style: none;}
				#footer li { margin: 0; padding: 0; list-style: none; display: inline; }
				#footer li#copyright { float: right; font-size: 0.9em; color: #fff; }
					#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { background-color: #0c7231; color: #fff; text-decoration: none; margin: 0 15px 0 0; font-size: 0.9em;  font-weight: normal;}
					#footer a.active:link, #footer a.active:visited, #footer a.active:hover, #footer a.active:active,
					#footer a:hover, #footer a:active { text-decoration:underline; }

/*======================= CSSFORMS: Breiten der spalten ================================*/

.cssForm fieldset{width: 520px;} /* [A]*/
.cssForm label { width: 120px;} /* [B] */
.cssForm .rightCol {padding-left:125px; /* [B]+5px */ width: 380px; /* [A]-20-[B]=[C] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 380px; /* [C] */ }

 /* TWINROW: eine zeile beinhaltet label>input>label>input */
.cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 121px; /* ([C]-[B]-18)/2 */ margin-right: 10px; _margin-right: 9px;  }

.cssForm .assignment select {width: 200px;}

p.hint { color: #00833d !important; font-style: normal !important; }

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button {
	font-weight: normal;
	-moz-border-radius: 3px;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
}


			
/*#####################################################################################################
                                    SPECIAL F?R TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.textonly{	display:none;} /* Element erscheint nur, wenn im Textbrowser.. */