/*(c) TN com2 GmbH 2005*/

/* --------------------------------------------------------------------
							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: #1451A0; }
h3 { font-size: 1.2em; color: #1451A0; }
h4 { font-size: 1em; color: #1451A0; }

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: #1451a0; text-decoration: none; }
a:hover, a:active{ text-decoration: underline; }
a.text:link, a.text:visited, a.text:hover, a.text:active{ /*||title-de:Textlink nicht hervorgehoben||title-en:Textlink not highlighted*/ font-weight: normal; color: #000;}



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

.small{ /*||title-de:Kleinere Schrift||title-en:Smaller text||desc-de:Verleinert die betreffende Schrift||desc-en:Reduces the size of the text*/ font-size:.8em;} /* bezieht sich immer auf Elternelement */

.gelb{ /*||title-de:Schriftfarbe Gelb||title-en:Textcolor yellow*/ color: #FFFA00; }
.blau{ /*||title-de:Schriftfarbe Blau||title-en:Textcolor blue*/ color: #1451A0; }
.softGelb{ /*||title-de:Hintergrundfarbe Hellgelb||title-en:Backgroundcolor light yellow*/ background-color: #FF9; }
.softBlau01{ /*||title-de:Hintergrundfarbe Blau hell||title-en:Backgroundcolor light blue*/ background-color: #A1B9D9; }
.softBlau02{ /*||title-de:Hintergrundfarbe Blau heller||title-en:Backgroundcolor lighter blue*/ background-color: #DEE4EF; }
.softBlau03{ /*||title-de:Hintergrundfarbe Blau am hellsten||title-en:Backgroundcolor lightest blue*/ background-color: #EFF3FC; }
.softOrange{ /*||title-de:Hintergrundfarbe Hellorange||title-en:Backgroundcolor light orange*/ background-color: #FFD799; }
.softGruen{ /*||title-de:Hintergrundfarbe Hellgrün||title-en:Backgroundcolor light green*/ background-color: #CDA; }
.grau {  /*||title-de:Schriftfarbe Grau||title-en:Textcolor grey*/ color: #B2B2B2; }

img.gelb{ /*||title-de:Rahmenfarbe Gelb||title-en:Bordercolor yellow*/ border: 1px solid #FFFA00;}
img.blau{ /*||title-de:Rahmenfarbe Blau||title-en:Bordercolor blue*/ border: 1px solid #1451a0;}
img.grau{ /*||title-de:Rahmenfarbe Grau||title-en:Bordercolor grey*/ border: 1px solid #b2b2b2;}
p.softBlau01, p.softBlau02, p.softBlau03, p.softOrange, p.softGruen { /*||hide:true*/ padding: 10px; }

img.teaser { /*||title-de:Teaser-Bild||title-en:Teaser image||desc-de:Bild erhält einen unteren Abstand von 20px ||desc-en:Image receives a bottom margin of 20px*/ margin: 0 0 20px 0; }

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

table.productThumbs td{ /*||hide:true*/ padding: 0 0 20px 20px; } /*entspricht Layout page11*/
table.productThumbs td.firstCol{ /*||hide:true*/ padding-left: 0; width: auto; }
	table.productThumbs td h3{ margin-top: 0; }
	table.productThumbs td td{ padding: 0; }

table.details { /*||hide:true*/ margin: 20px 0 0 0; } /*zb ideencenter Objektansicht*/
table.details td{ padding: 0 0 20px 20px; }
table.details td.firstCol{ /*||hide:true*/ 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 { /*||hide:true*/ padding: 0 10px 5px 0 !important; } /*zb ideencenter Objektansicht*/

dl.historie{/*||hide:true*/} /*unterseite id 100*/
	dl.historie dt {font-size: 1.2em; color: #1451A0; font-weight: bold;}
	dl.historie dd {}

fieldset.download{ /*||hide:true*/ border: none; border-top: 1px solid #a1b9d9; background-color: #eff3fc; margin: 0 0 15px 0;}
	fieldset.download legend{ wbackground-color: #fff; font-size: 1.2em; color: #1451a0; font-weight: bold; }
	fieldset.download table{ margin: 15px 0 0 0; }
		fieldset.download table label{ cursor: help; border-bottom: 1px dotted #A1B9D9; line-height: 16px;  }
		fieldset.download table hr{ color: #A1B9D9; background: #A1B9D9; }

	

.navHeader{	/*zB Ideen-Center*/ /*||hide:true*/}	
	.navHeader h2 { background-color: #FFFA00; padding: 4px 12px; margin: 0; }	
		.navHeader h2 a { float: right; }	
	.navHeader .nav{ /*||hide:true*/ background-color: #ff9; padding: 3px 12px }	
	.navHeader a.back { /*||hide:true*/ 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 { /*||hide:true*/ background: transparent url(../images/chrome/navheader-next.gif) no-repeat left 4px; padding: 0 0 0 8px; }
		.navHeader .pages { /*||hide:true*/ float: right; }	
			.navHeader .pages a { color: #a1b9d9 }	
			.navHeader .pages a.active, .navHeader .pages a:hover, .navHeader .pages a:active  { /*||hide:true*/ color: #1451a0 }	
	

table.optic1 { /*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 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; }

table.sortenfinder{ /*||hide:true*/ border-bottom: 3px solid #fff; border-left: 3px solid #fff;  border-top: 3px solid #fff;}
table.sortenfinder th{ background:#FFF799; text-align: center; vertical-align: top;  border-right: 3px solid #fff; padding: 3px;}
table.sortenfinder td{ background:#E3EAF6; border-right: 3px solid #fff;  padding: 3px; text-align: center; }
table.sortenfinder tr.alternate td{ /*||hide:true*/ background:#FFFCD6}
table.sortenfinder td.eignung{  /*||hide:true*/ background-image:url(../images/sortenfinder/spalten.gif); background-position: top center}
table.sortenfinder tr.alternate td.eignung{ /*||hide:true*/ background-image:url(../images/sortenfinder/spalten.gif); background-position: top center}
table.sortenfinder td.preise{ /*||hide:true*/ font-weight: bold}
table.sortenfinder tfoot tr td{ background: #fff !important; font-size: 0.8em; text-align: left;}

table.konsistenzklassen{ /*||hide:true*/ border-bottom: 3px solid #fff; border-left: 3px solid #fff;  border-top: 3px solid #fff; }
table.konsistenzklassen th{ background:#FFF799; text-align: left; vertical-align: top;  border-right: 3px solid #fff; padding: 3px 6px 3px 6px;}
table.konsistenzklassen td{ background:#E3EAF6; border-right: 3px solid #fff;  padding: 3px 6px 3px 6px; text-align: left; }
table.konsistenzklassen td.groupPart1{ /*||hide:true*/ border-right: none;}
table.konsistenzklassen td.groupPart2{ /*||hide:true*/ text-align: right; }
table.konsistenzklassen tr.alternate td{ /*||hide:true*/ background:#FFFCD6}
table.konsistenzklassen tfoot tr td{ background: #fff !important; font-size: 0.8em}
			
			
/*______________________________________________________________________________

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


#page{ width: 870px; background-color: #fff; border-right: 1px solid #d4d4d4; }
body.popup #page{ /*||hide:true*/ width: auto; border: none; }

	#head{ background: #FFFA00; padding: 20px; }
		#head strong{ float: right; margin: 67px 0 0 0; }
		#head #contact { display: none; }
		#head #logoLink { background-image: url(../images/chrome/kann-beton_logo.jpg); display: block; width: 167px; height: 80px; }
		#head #logoLink img { visibility: hidden;  }
		
	#topNav{ background-color: #B2B2B2; }
		#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; }
				#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active { font-weight: bold; background-color: #b2b2b2; color: #fff; 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: #1451a0; }

	#breadcrump{ border-bottom: 2px solid #b2b2b2; margin: 0 20px; }
		#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 { /*||hide:true*/ 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 { /*||hide:true*/ color: #1451a0; }

	
	#contentTable{ margin: 20px; width: 830px }
	body.popup #contentTable{ /*||hide:true*/ width: auto;}
	
	#contentTable, #contentTable td{ border: none; vertical-align: top; }
		#contentTable #leftNavHome {background-color:#ff9; width:230px;}
		#contentTable #leftNav{ background-color: #ff9; width: 180px; }
		
			#leftNav ul { margin: 0; padding: 13px 7px; list-style: none;}
				#leftNav li {padding: 2px 0;}
					#leftNav a:link, #leftNav a:visited, #leftNav a:hover, #leftNav a:active {font-weight: bold; color: #000; 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: #1451a0  !important;}
					#leftNav a.active:link, #leftNav a.active:visited, #leftNav a.active:hover, #leftNav a.active:active{ /*||hide:true*/ background-image: url(../images/chrome/leftnav-active-arrow.gif); color: #1451a0;}

					#leftNav a.last:link, #leftNav a.last:visited, #leftNav a.last:hover, #leftNav a.last:active	{
						 /*||hide:true*/ color: #1451a0; 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: #000; 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 { /*||hide:true*/ 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{ /*||hide:true*/ background-color: #ffd799; border-right: 13px solid #fff;  width: 220px; _width: 263px;}
		#teaserTable td.secondCol{ /*||hide:true*/ background-color: #cda; border-left: 7px solid #fff; border-right: 7px solid #fff; width: 220px; _width: 263px;}
		#teaserTable td.thirdCol{ /*||hide:true*/ background-color: #ff9; border-left: 13px solid #fff;  width: 220px; _width: 263px;}

	#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 { /*||hide:true*/ color: #1451a0; }

		
	#footer{ background-color: #B2B2B2; }
			#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: #b2b2b2; 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 { /*||hide:true*/ color: #1451a0; }

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

.cssForm fieldset{ /*||hide:true*/ width: 520px;} /* [A]*/
.cssForm label { /*||hide:true*/ width: 120px;} /* [B] */
.cssForm .rightCol { /*||hide:true*/ padding-left:125px; /* [B]+5px */ width: 380px; /* [A]-20-[B]=[C] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { /*||hide:true*/ 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 { /*||hide:true*/ width: 121px; /* ([C]-[B]-18)/2 */ margin-right: 10px; _margin-right: 9px;  }

.cssForm .assignment select { /*||hide:true*/ width: 200px;}

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

input.button {
	/*||hide:true*/
	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{ /*||hide:true*/ display:none;} /* Element erscheint nur, wenn im Textbrowser.. */