/*************************************************************
  
  author:         I-Folks (c)
  company:        Vasco
  version:        1.0

  created on:     14.02.2008
  last modified:  14.02.2008
  
  CONTENT
  -------
  01. PAGE STRUCTURE
  02. WRAPPERLEFT (Leftside)
  03. WRAPPERRIGHT (Rightside)
    
/************************************************************/


/*============================================================
  01. PAGE STRUCTURE
============================================================*/

* { font-size: 100%; overflow: visible !important;}

body { background: #fff; margin: 0px; padding: 0px }

#wrapper { height: auto; margin: 0px; width: auto}

#wrapperleft { display: none; }

#wrapperrechts { float: none;}

#topnavigatie {
	display: none;
	width: 174px;
}
#navigatie   { display: none; }
#balkproducten { display: none; }
#productinfo { display: none; }
#tekstvlak { float: none; font: 0.69em/1.18em Verdana, Arial, Helvetica, sans-serif; height: auto; text-transform: uppercase; width: auto }

#tekstvlak p { margin: 8px 0 }

#tekstvlak h1 { font-size: 1.27em; font-weight: bold; margin: 10px 0 }
#tekstvlak h2 { font-size: 1.09em; font-weight: bold; margin: 10px 0 }

#product { background: url(../images/INTRO.jpg); color: #fff; float: left; height: 97px; padding: 305px 5px 5px; width: 541px }

#nieuws { background: #fff; color: #000; float: left; height: auto; padding: 5px; width: 541px }

#dealers                        { background: url(../images/dealers.jpg); color: #fff; float: left; height: 397px; padding: 5px; width: 541px  }
#dealers input[type="checkbox"] { border: 0; color: #000; margin: 0; padding: 0 }
#dealers input[type="text"]     { background: #fff; border: 0; color: #000; font: normal 12px/18px Arial, Helvetica, sans-serif; padding: 2px; width: 115px }
#dealers input:focus            { outline: 0 }
#dealers a.search               { color: #fff; font-weight: bold; text-decoration: none }
#dealers a:hover.search         { color: #cc0000 }

#downloads { background: url(../images/downloads.jpg) }

#contact         { background: #fff; color: #000; float: left; height: 397px; padding: 5px; width: 541px }
#contact a       { color: #000 }
#contact a:hover { color: #666 }




.BGRhome {
	background-color: #090b0e;
	background-image: url(../images/BGRhome.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #fff;
}

.titelhome {
	padding: 230px 0 0 150px;
}

#taalkeuze {
	padding-left: 305px;
}



#navigatiesub a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

a.actief {
	color: #fff !important; 
	/*text-decoration: none;*/
	font-weight: bold;
}

a.actiefNietBoldWit {
	color: #fff!important; 
}

a.actiefNietBold {
	color: #000!important; 
}

/*tekstvlak */

	#sfeerbeeld, #inhoudblok, #content {
		width: auto;
		height: auto;
		float: none;
		background-color: #fff;
	}
	#sfeerbeeld
	{
	    overflow: hidden;
	}
	*>#sfeerbeeld {
		overflow: visible;
	}
	#inhoudblok {
		overflow: visible;
		position: relative;
	}
	
	#productinfo a:link, #productinfo a:visited, #productinfo a:active {
		color: #000;
		text-decoration: none;
	}
	
	#productinfo a:hover, #productinfo a:visited:hover {
		color: #666;
		text-decoration: none;
	}
	
	#technischeinfo {
		width: 250px;
		height: 230px;
		position: absolute;
		top: 60px;
		left: 600px; /* info op technische fiches */
	}
	
	#technischeinfo a:link, #technischeinfo a:visited, #technischeinfo a:active {
		color: #000;
		text-decoration: underline;
	}
	
	#technischeinfo a:hover, #technischeinfo a:visited:hover {
		color: #666666;
		text-decoration: underline;
	}
	
	#technischeinfo ul {
		list-style: none;
		padding: 5px 0 0 10px;
		margin: 0;
	}
	
	#inputonder {
		width: 551px;
		position: absolute;
		top: 333px;
		left: 0px;
		text-transform: uppercase;
		color: #fff;
	}
	
	.kleuren#inputonder {
		width: 361px;
		color: #000;
		padding-left: 190px;
	}
	
	/*INPUT*/
		
		/*     nieuws     */
			
		#inputondernieuws {
			color: #000;
			width: 536px;
			position: absolute;
			top: 223px;
			left: 0px;
			padding: 5px 5px 5px 10px;
		}
		
			#inputondernieuws h1 {
				font-size: 12px;
				padding: 0 0 7px 0;
				margin: 0;
			}
			
			#inputondernieuws h2 {
				font-size: 11px;
				padding: 5px 0 3px 0;
				margin: 0;
			}
		
		/*     vloerverwarming     */
		
		#inputondervloerverwarming {
			color: #000;
			width: 536px;
			position: absolute;
			top: 183px;
			left: 0px;
			padding: 0 5px 0 10px;
			text-transform: uppercase;
		}
		
			#inputondervloerverwarming ul, #inputbedrijf ul {
				padding: 5px 0 5px 20px;
				margin: 0;
			}
			
		/*     dealer     */
		
		#inputonderdealer {
			color: #000;
			width: 536px;
			position: absolute;
			top: 183px;
			left: 0px;
			padding: 0 5px 0 10px;
			text-transform: uppercase;
		}
		
		/*     technische info     */
		
		#inputtechnischeinfo {
			padding: 10px 15px 0 15px;
			margin: 0;
		}
		
			#inputtechnischeinfo a:link, #inputtechnischeinfo a:visited, #inputtechnischeinfo a:active,
			#inputbedrijf a:link, #inputbedrijf a:visited, #inputbedrijf a:active {
				color: #000;
				text-decoration: underline;
			}
			
			#inputtechnischeinfo a:hover, #inputtechnischeinfo a:visited:hover,
			#inputbedrijf a:hover, #inputbedrijf a:visited:hover {
				color: #666666;
				text-decoration: underline;
			}
			
			#inputtechnischeinfo ul {
				list-style: none;
				padding: 5px 0 0 10px;
				margin: 0;
			}
			
			#inputtechnischeinfo h1 {
				text-transform: uppercase;
				padding: 0;
				margin: 0 0 5px 0;
				font-size: 14px;
				font-weight: normal;
			}
			
		/*     Gericht zoeken     */
		
		#inputzoek {
			text-transform: uppercase;
			padding: 0;
			margin: 10px 0 0 0;
		}
		
			#inputzoek h1 {
				margin: 10px 0 10px 0;
				padding: 0;
				font-size: 12px;
				border-top: 1px solid #000;
			}
		
			#inputzoek input[type=radio].redone { 
				appearance:normal;
				display:inline-block;
				background:url(../images/radio-button.gif) no-repeat;
				margin: 0 5px 0 5px;
			}
			
			#inputzoek input[type=submit] {
				background-color: #96875d;
				text-transform: uppercase;
				font-weight: bold;
				border: none;
				margin-right: 10px;
			}
			
		/*     bedrijf     */
			
		#inputbedrijf {
			padding: 15px;
			margin: 0;
		}
		
			#inputbedrijf h1 {
				font-size: 12px;
				text-transform: uppercase;
				padding: 0;
				margin: 0 0 7px 0;
			}
			
			#inputbedrijf h2 {
				font-size: 11px;
				padding: 0;
				margin: 0 0 5px 0;
			}
	
	#achtergrondkleur {
		background-color: #96875d;
		width: 200px;
		padding: 3px;
	}		
	
	#balkproducten {
		/* breedte van groene balk */
		width: 75px;
		height: 407px;
		float: left;
		color: #fff;
		border-left: 5px solid #6d6e71;
		
		background-image: url(../images/BGR_groenebalk.gif);
		background-repeat: repeat-y;
		background-position: top left;
		
		/*background-color: #7aaa33;*/
	}
	
	#balkproducten.balkproductengroen div#balkproducten2{
		height: 407px;
		/*background-image: url(../images/awards.jpg);*/
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	#balkproducten a:link, #balkproducten a:visited, #balkproducten a:active{
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #fff;
		display:block;
	}
	
	#balkproducten a:hover, #balkproducten a:visited:hover, #productitemHuidig a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #000!important;
		display:block;
	}
	
	.awards {
		padding-top: 200px;
	}
	
	#productitem {
		/*border-bottom: 1px solid #fff;*/
		width: 75px;
		float: left;
		background-position: right;
		background-repeat: no-repeat;
		padding-top: 5px;
		text-transform: uppercase;
		margin-top: 5px;
	}
	
	#productitemHuidig {
		/*border-bottom: 1px solid #fff;*/
		width: 75px;
		float: left;
		background-position: right;
		background-repeat: no-repeat;
		padding-top: 5px;
		text-transform: uppercase;
		margin-top: 5px;
	}
	
#baseline { font: 0.75em Verdana, Arial, Helvetica, sans-serif; float: left; height: 17px; margin: 0 0 0 162px; padding: 3px 0 0; width: 612px }
.groen    { color: #7aaa33 }



/*============================================================
  04. FOOTER
============================================================*/

#footer { color: #6e6e6e; float: left; font: normal 0.63em/1.6em Verdana, Arial, Helvetica, sans-serif; height: 17px; padding: 20px 0 0; width: 774px }

#footer a       { color: #6e6e6e; text-decoration: none }
#footer a:hover { color: #fff }