/* css copyright by info-art */

/*****************************/
/*         Farbschema        */
/*****************************/

/* schwarz: #000000
/* schwarzgruen: #0C200B (für Texte)
/* sehrdunklesgrün heller: #143512 (für Texte)
/* dunkelgruen: #1F521C (header 1.row)
/* mittelgruen: #3A7E36 (header 2.row)
/* hellgruen: #78B875 (navlinksrechterrand)
/* blassguengruen1: #ECF7EC (navlinkshintergrund)
/* grüngrau: #C2D0BD für Bildrahmen
/* hellgrau: #E8E8E8   aus logo


hellgrau+: #E2E2E2   hellgrau++: #F3F3F3
/* logorot: #CC3300
/* dunkelrot: #802000
/* orangerot: #FF5319  orangerot+: #FFA98C  orangerot++: #FFE1D7

/* komplementär
/* dunkelgrünblau: #008062
/* türkisgrün: #00CC9D  türkisgrün+: #C1FFF1  türkisgrün+: #E6FFFA

*/

body {
	font: 11px/1.0 Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin:0px;
	text-align: center;
	/*background-color: #ECF7EC;
	background-image: url(/layout/bodyhg.jpg);
	background-repeat: repeat-x;*/
}


/*****************************/
/*         Grundlayout       */
/*****************************/

	
	#parkett-frame {
			width:980px;
			margin-right:auto;
			margin-left:auto;
			border:0px solid #78B875;
			background-color: #FFFFFF;
			background:url(http://www.bioraum.de/layout/framehg.gif);
			}
				
	#holzboden-header {
			height: 91px;
			padding: 0px;
			margin: 0px;
			}
			
		#holzboden-headeroben {
			height: 61px;
			padding: 0px;
			margin: 0px;
			background-color: #1F521C;
			}
			#naturboden-logo {
	/*background:url(/css/header/headerstarthg.jpg);
				background-color: #FF6600;*/
				height: 51px;
				width:180px;
				float:left;
				padding:0px;
				margin:0px;
				padding-left:10px;
				padding-top:10px;}
			#parkett-abstract {
				width:700px;
				float:right;
				margin:0px;
				padding:0px;
				}
			#headertopnav
				{
				height: 11px;
				width:700px;
				float:right;
				text-align: right;
				}
		
		#holzboden-headerunten {
			height: 27px;
			padding: 0px;
			margin: 0px;
			background-color: #3A7E36;
			border-top:1px solid #FFFFFF;}
			
			#headerzwischennavigation
				{
				height: 27px;
				padding: 0px;
				margin: 0px;
				}
			
	#parkett-content {
			/*background-image: url(/layout/contenthg.gif);
			background-repeat: repeat-y;*/
			}
	
	#parkett-suche {
			/*background:#DDDDDD; Layouthilfe*/	
		    margin-left:00px;
			margin-top:00px;
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			text-align: left;
			}	
	
	#parkett-linkenavigation {
			/*background:#DDDDDD; Layouthilfe*/	
		    margin:0px;
			padding:0px;
			width:184px;
			float:left;
			text-align: left;
			}				
	#boden-inhaltblock {
	/*border:1px solid #FF0000; Layouthilfe*/
			
			margin-right:25px;
			margin-left:25px;
			width:547px;
			max-width:547px;
			float:left;
			margin-top:0px;
			padding-top:0px;}
			#boden-breadcrumb {
			/*background:#CCCCCC; Layouthilfe*/
			margin-right:38px;
			margin-top:0px;
			padding-top:0px;
			text-align: left;
			}	
	#rechtenavigation {
			width:199px;/*235*/
			float:left;
			margin-left:00px;
			margin-top:00px;
			padding-top:0px;
			padding-left:0px;/*35*/
			}	
		
	#holzpflege-footer {
			height: 18px;
			margin-top: 50px;
			padding-top:00px;
			background: #1F521C;
			}
		

					
/*****************************/
/*    spezifisches Layout    */
/*****************************/			


		#parkett-abstract h1
		 			{
					font: 9px/1.0 Arial, Helvetica, sans-serif;
					color:#78B875;
					margin: 0px;
					padding:0px;
					padding-top:5px;
					padding-right:5px;
					font-weight: bold;
					text-align: right;
									}
	 	#parkett-abstract h4
		 			{
					font: 9px/1.0 Arial, Helvetica, sans-serif;
					color:#78B875;
					margin: 0px;
					padding:0px;
					padding-top:2px;
					padding-right:5px;
					font-weight: normal;
					text-align: right;
									}
			
/* Header*/ 			
		#headertopnav p {
			font: 11px/1.0 Arial, Helvetica, sans-serif;
			color:#ECF7EC;
			margin-top: 15px;
			margin-left: 205px;
			padding-right:5px;
		}
						#headertopnav a, #headertopnav a:visited {
							color:#ECF7EC;
							text-decoration: none;
							}
						#headertopnav a:hover {
							color: #FFFFFF;
							text-decoration: underline;
							}				

/* Header Zwischennavigation*/ 	
		
		.headerzwischennavigation_homebox {
		  float: left;
		  text-align: left;
		  height: 12px;
		  border-bottom: 0px solid gray;
		  border-left: 1px solid #FFFFFF;
		  border-right: 1px solid gray;
		  font-weight: bold;
		  padding: 10px 15px 5px 190px;
		}
		.headerzwischennavigation_autobox {
		  float: left;
		  text-align: left;
		  height: 12px;
		  border-bottom: 0px solid gray;
		  border-left: 1px solid #FFFFFF;
		  border-right: 1px solid gray;
		  font-weight: bold;
		  padding: 10px 15px 5px;
		}
				.headerzwischennavigation_autoboxaktiv {
				  float: left;
				  text-align: left;
				  height: 12px;
				  border-bottom: 0px solid gray;
				  background: #1F521C;
				  border-left: 1px solid #FFFFFF;
				  border-right: 1px solid gray;
				  font-weight: bold;
				  padding: 10px 15px 5px;
				}
		
						#headerzwischennavigation a, #headerzwischennavigation a:visited {
							color:#ECF7EC;
							text-decoration: none;
							}
						#headerzwischennavigation a:hover {
							color: #FFFFFF;
							text-decoration: underline;
							}
							
							.link_headerzwischennavigationaktiv {
								color: #FFFF00;
								text-decoration: none;
								}
									
		  
/*****************************/
/*          LOGIN            */
/****************************		

	#headerlogin {
			font: 11px/1.0 Arial, Helvetica, sans-serif;
			}
			#headerlogin table {}
			#headerlogin form {	
			/*padding: 0px;	
			margin: 0px;
			}
			#headerlogin input,select,textarea {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 0px;	
			margin: 0px;
			background-color: #FFFFFF;
			border:1px solid #78B875;
			}*/
								
/*****************************/
/*          SUCHE            */
/*****************************/										
								
			#parkett-suche form {
					padding: 0px;										
					margin: 0px;
					}
			#parkett-suche input {  
					border: 1px solid #78B875; 
					margin:0px;
					padding: 2px;
					font: 12px/1.0 Arial, Helvetica, sans-serif; 
					color: #1F521C;
					background: #fff; }
				#parkett-suche .go {
					width:30px;
					padding: 1px;
					font: 12px/1.0 Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #1F521C;
					}  								
								
/*****************************/
/*     Hauptnavigation       */
/****************************
	
	#hauptnavigation {
			background-color: #003366;
			margin-left: 12px;
			}
			
		#hauptnavigation p {
			font: 12px/1.0 Arial, Helvetica, sans-serif;
			margin: 0px;
			color: #EEF3F9;
			padding-top:5px;
			}
			#hauptnavigation a:link, #hauptnavigation a:visited {
					color:#B7CFE7;
					text-decoration: none;
					font-weight: bold;
					}
			#hauptnavigation a:focus {
					color: #FFF7E1;
					text-decoration: none;
					font-weight: bold;
					}	
			#hauptnavigation a:hover {
					color: #FFFFFF;
					text-decoration: underline;
					font-weight: bold;
					}
			#hauptnavigation a:active {
					color: #FFF7E1;
					text-decoration: none;
					font-weight: bold;
					}	
					*/	
			
/*****************************/
/*     Unternavigation       */
/*   Rubrikabhängig links    */
/*****************************/	
	
	#parkett-linkenavigation p { 	
			font: 12px  Arial, Helvetica, sans-serif;
			color:#1F521C;
			text-align: left;
			
			margin: 0px;
			padding: 0px;
			margin-left: 10px;
			padding-top: 5px;
			padding-right:6px;}
			#parkett-linkenavigation a, #parkett-linkenavigation a:visited,
			#holzarten-box a, #holzarten-box a:visited {
					color: #1F521C;
					padding-left:13px;
					padding-right:6px;
					background:url(/layout/navgraflink.gif);
					background-repeat: no-repeat;
					text-decoration: none;
					}
			#parkett-linkenavigation a:hover,
			#holzarten-box a:hover {
					color: #1F521C;
					padding-left:13px;
					padding-right:6px;
					background:url(/layout/navgraflinkover.gif);
					background-repeat: no-repeat;
					text-decoration: underline;
					}
					
	.navbox {
			padding-left: 0px;	
			padding-right: 4px;
			border-top:0px solid #FFFFFF;
			margin-top:0px;
			margin-bottom:0px;
			}
								
				.navboxueber {
					padding: 6px;	
					background-color:#78B875;
					border-bottom:1px solid #4D8239;
					margin:0px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #1F521C;
					margin: 0px;
					margin-top:10px;
							}
						/*.navboxtext  {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:11px;
							color: #1F521C;
							padding: 0px;
							margin:0px;
							margin-left: 10px;}
				
						.navboxverweis {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;
							padding-bottom:5px;
							padding-right:6px;
							margin:0px;
							text-align: left;
							color: #1F521C;
							line-height: normal;
							}
							.navbox a, .navbox a: visited {}	
							.navbox a: hover {}
												
/*****************************/
/*          Inhalt           */
/*****************************/		
			
			/*         Trennlinie          */
			#boden-inhalt hr  {
				  height: 1px;
				  margin: 0px;
				  padding: 0px;
				  border: 0;
				  background: #78B875;
				  color: #78B875;
				  }				
			/*         Kleinueberschriften          */			
			#boden-inhalt h5 {
				font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				color: #0C200B;
				text-align: left;
				margin:0px;
				padding-top: 30px;
				padding-bottom: 0px;
				font-weight: normal;
				clear:left;
					}
				#boden-inhalt h5 a, #inhalt h5 a:visited {
						text-decoration: none;
						}
				#boden-inhalt h5 a:hover {
						text-decoration: underline;
						}
					
					
			/*          Inhalt           */
			#boden-inhalt h2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight: bold;
				font-variant: normal;
				color: #3A7E36;
				text-align: left;
				margin: 0px;
				padding-top: 13px;
				padding-bottom: 19px;
				border-bottom-style: none;
				clear: both;
							}


					
					#boden-inhalt h4 {
					
						font-family: Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight: bold;
						font-variant: normal;
						color: #78B875;
						text-align: left;
								
						margin: 0px;
						padding-top: 13px;
						padding-bottom: 19px;
						}
							
					#boden-inhalt p {
						font-family: Arial, Helvetica, sans-serif;
						font-size:12px;
						padding:0px;
						margin:0px;
						padding-bottom:10px;
						text-align: left;
						color: #143512;
						line-height: normal;
						}
						#boden-inhalt a, #boden-inhalt a:visited {
							font-family: Arial, Helvetica, sans-serif;
							color: #0C200B;
							text-decoration: underline;
							}
						#boden-inhalt a:hover {
							font-family: Arial, Helvetica, sans-serif;
							color: #0C200B;
							text-decoration: underline;
							}
												#boden-inhalt .mehr {
												font-family: Arial, Helvetica, sans-serif;
												font-size:9px;
												padding-top:10px;
												margin:0px;
												text-align: right;
												color: #003366;
												line-height: normal;
												}
						
						#boden-inhalt li {
							font-size:12px;
							margin-left:0px;
							margin-right:0px;
							color: #143512;
							line-height: 1.2;
							list-style-position: outside;
							list-style-type: square;
							}

							.parkett-boxhalblinks {
									width:256px;
									float: left;
									padding: 2px;
									padding-bottom: 0px;
									background-color: #ECF7EC;
									border:1px solid #3A7E36;
									margin-top:10px;
									margin-bottom:30px;
									margin-right:23px;
									}
							.parkett-boxhalbrechts {
									width:256px;
									float: left;
									padding: 2px;
									padding-bottom: 0px;
									background-color: #ECF7EC;
									border:1px solid #3A7E36;
									margin-top:10px;
									margin-bottom:30px;
									clear: right;
									}
								.boxueber {
									padding: 5px;	
									background-color:#3A7E36;
									border:0px solid #FFEED5;
									font-family: Arial, Helvetica, sans-serif;
									font-size:12px;
									color: #FFFFFF;
									margin:0px;
									margin-bottom:3px;}
									#parkett-boxhalblinks p, #parkett-boxhalbrechts p
									{
									font-family: Arial, Helvetica, sans-serif;
									color: #143512;
									padding: 5px;
									margin:0px;
									}
									

/*****************************/
/*         Kontext           */
/*****************************/	

	/*    Kontextbox         
	
	 #dielen-kontext a, #dielen-kontext a:visited {
					color: #003366;
					text-decoration: none;
							}
				#dielen-kontext a:hover {
					color: #78B875;
					text-decoration: none;
							}*/
	   /*Crossselling Produkte        */							
		/*	.kontextbox {
				padding-right: 0px;	
				padding-left: 3px;
				background-color:;
				border-top:0px solid #FFFFFF;
				margin-top:0px;
				margin-bottom:0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;}*/
								
				.kontextboxueber {
					padding: 6px;	
					background-color:#DDEDDC;
					border-bottom:1px solid #AFD6AD;
					font-size:12px;
					margin:0px;
					color: #3A7E36;
							}
					.produktboxbild-halb {		
						float: left;
						margin-right: 5px;
						margin-left: 7px;
						margin-bottom: 0px;
						margin-top: 5px;
						padding: 2px;
						border: 1px solid #C2D0BD;
						background-color: #FFFFFF;} 
		
					.produktboxbeschreibung-halb {padding: 0px; margin:0px;}/* div des Produkttextes*/
					.produktboxartikel,
					.produktboxartikel a, .produktboxartikel a:visited, .produktboxartikel a:hover {
						padding: 0px;
						font-size:12px; 
						margin:0px;
						padding-top:8px;
						color: #1F521C;
						text-decoration: none;}
					.produktboxbeschreibung {padding: 0px; margin:0px; padding-top:5px; padding-bottom:5px; color: #1F521C; font-size:10px; }
					.produktboxpreis,
					.produktboxpreis a, .produktboxpreis a:visited, .produktboxpreis a:hover {						
						font-family: Arial, Helvetica, sans-serif;
						font-size:10px;
						padding:0px;
						margin:0px;
						padding-top: 10px;
						padding-right:5px;
						margin-bottom:20px;
						text-align: right;
						color: #1F521C;
						line-height: 1.0}
		

						.kontextboxtext  {
							font-family: Arial, Helvetica, sans-serif;
							font-size:12px;
							color: #1F521C;
							padding: 6px;
							margin:0px;
							}
	/* Holzarten / Anfrage */						
					#anfragebox p,
					#holzarten-box p	{
							font: 12px  Arial, Helvetica, sans-serif;
							color:#1F521C;
							text-align: left;
							margin: 0px;
							padding: 0px;
							margin-left: 10px;
							padding-top: 2px;
							padding-right:6px;}
							
								
						#anfragebox a, #anfragebox a:visited {
								color: #1F521C;
								background-repeat: no-repeat;
								text-decoration: underline;
								}
						
						#anfragebox a:hover {
								color: #FF6600;
								background-repeat: no-repeat;
								text-decoration: underline;
								}
							
				
							
/* Footer fusszeile */
						#holzpflege-footer p {
							font-size:11px;
							padding-left:20px;
							padding-top:3px;
							text-align: left;
							color: #FFFFFF;
							margin-top:0px;
							margin-bottom:1px;
							}
							
							#holzpflege-footer a,
							#holzpflege-footer a:visited {
								color:#FFFFFF;
								text-decoration: none;
								}

							#holzpflege-footer a:hover {
								color: #FFFFFF;
								text-decoration: underline;}			
			
/*****************************/
/*    unterer Bereich        */
/*  <div id="subnavigation"> */
/*  <div id="weballgemein">  */
/*  <div id="webspezifisch"> */
/*  <div id="technik">       */
/*  <div id="urheber">       */
/*                           */
/*****************************/		

	#fertigparkett-unten
 {
		font: 10px/1.0 Arial, Helvetica, sans-serif;
		width:900px;
		padding-top:10px;
		padding-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		text-align: center;
			}
						#fertigparkett-unten p {
							color:#AAAAAA;
						}
						#fertigparkett-unten a:hover {
							color: #333333;
							text-decoration: underline;
						}	
						#fertigparkett-unten a, #unten a:visited {
							color:#666666;
							text-decoration: none;
						}
						#fertigparkett-unten a:hover {
							color: #333333;
							text-decoration: underline;
						}	

/* Contentowner */	

						#webdesign-urheber p {
							font-size:10px;
							text-align: center;
							line-height: 1.0;
							color: #666666;
							}	
							#webdesign-urheber a,
							#webdesign-urheber a:visited {
								color: #666666;
								text-decoration: underline;
								}
							#webdesign-urheber a:hover {
								color: #333333;
								text-decoration: none;
								}


/*****************************/
/*    globale Klassen        */
/*****************************/						
							
/* Bilder klein */
	.bildrechts,
	.bildlinks, 
	.bildoben {	
		padding: 3px;
		border: 1px solid #C2D0BD;
		}


	.bildrechts {	
		float: right;
		margin-left: 20px;
		margin-bottom: 10px;
}

	.bildlinks {	
		float: left;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top: 0px;
}
	.bildoben {	
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 10px;
}
	#inhalt .glossar { 	
			font: 12px  Arial, Helvetica, sans-serif;
			color:#000000;
			}
			#inhalt .glossar a, #inhalt .glossar a:visited {
					color: #003366;
					text-decoration: none;
					padding-left:10px;
					background:url(/css/navigation/glossar.gif);
					background-repeat: no-repeat;
					}
			#inhalt .glossar a:hover {
					color: #78B875;
					text-decoration: underline;
					padding-left:10px;
					background:url(/css/navigation/glossarover.gif);
					background-repeat: no-repeat;
					}