@charset "UTF-8";
/* CSS Document */

body {
	background-color: #706F6F;
}

#general {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	#font-size: 80%;/* override for Microsoft Internet Explorer browsers*/
    _font-size: 80%; ;/* override for IE browsers 6.0 and older */
	line-height: 15px;
	color: #BCCF00;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
}
#general a {
	text-decoration: underline;
	color: #BCCF00;
}
#wrapper {
	width: 900px;
	padding-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	/*height: 690px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
	}

#wrapper ul {
	list-style-type: none;
	font-size: 13px;
	text-transform: uppercase;
	color: #BCCF00;
	text-decoration:none;
	line-height: 25px;
}
#wrapper ul ul li {
	font-size: 9px;
	color: #FFF;
	line-height: 13px;
}
#wrapper ul li a {
		text-decoration: none;
		color: #BCCF00;
	}
	#wrapper ul ul li a {
		text-decoration: none;
		color: #FFF;
	}
#navlinks {
	float: left;
	width: 200px;
	height: auto;
	text-align: right;
	padding-right: 20px;
	position: fixed;
	list-style-type: none;
	margin-left: -25px;
	margin-right: 0px;
	}
#navlinks a{
	text-decoration: underline;
	}

#footer {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer a {
	text-decoration: none;
	color: #FFF;
}
#footereng {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	width: 564px;
}
#footereng a {
	text-decoration: none;
	color: #FFF;
}
#bodytekst1 {
	color: #706F6F;
	background-color: #FFF;
	width: 557px;
	height: 580px;
	margin-right: 10px;
	padding-left: 15px;
	padding-top: 10px;
	margin-top: 10px;
}
#bodytekst2 {
	color: #706F6F;
	background-color: #FFF;
	width: 557px;
	margin-right: 10px;
	margin-left: 185px;
	#margin-left: 0px;/* override for Microsoft Internet Explorer browsers*/
    _margin-left: 0px; ;/* override for IE browsers 6.0 and older */
	padding-left: 15px;
	padding-top: 10px;
	#padding-top: 20px;/* override for Microsoft Internet Explorer browsers*/
    _padding-top: 20px; ;/* override for IE browsers 6.0 and older */
	margin-bottom: 10px;
	float: left;
}

#dealerbody {
	color: #706F6F;
	background-color: #FFF;
	width: 557px;
	margin-right: 10px;
	margin-left: 185px;
	#margin-left: 0px;/* override for Microsoft Internet Explorer browsers*/
    _margin-left: 0px; ;/* override for IE browsers 6.0 and older */
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
#lijstbody {
	color: #706F6F;
	background-color: #FFF;
	width: 557px;
	margin-right: 10px;
	margin-left: 185px;
	#margin-left: 0px;/* override for Microsoft Internet Explorer browsers*/
    _margin-left: 0px; ;/* override for IE browsers 6.0 and older */
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 168px;
	float: left;
	}
	
#douche {
	width: 300px;
	float: left;
	margin-right: 23px;
	margin-left: 23px;
	text-align: center;
}

#table {
	text-align: center;
	border-color:#BCCF00;
	float: left;
}
#materialen {
	float: left;
	width: 100%;
	text-align: center;
}
#materialen li {
	color: #706F6F;
	line-height: 16px;
	font-weight: normal;
	float: left;
}
#azul {
	background-image: url(../images/Azul%20Bateig/Azul.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#blauw{
	background-image: url(../images/Blauwe%20hardsteen/Blauwesteen.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#pietra{
	background-image: url(../images/Pietra%20Serena/Pietra);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#branco {
	background-image: url(../images/Branco%20de%20Mos/Branco.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#carrara{
	background-image: url(../images/Carrara/Carrara.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#woodstone {
	background-image: url(../images/Woodstone/woodstone.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#barro {
	background-image: url(../images/Barro.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#basaltbl{
	background-image: url(../images/Basaltblack.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#basaltgr{
	background-image: url(../images/Basaltgrey.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#belgian {
	background-image: url(../images/Belgianbluedark.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#cement{
	background-image: url(../images/Cement.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#nero {
	background-image: url(../images/Nero.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#nieve {
	background-image: url(../images/Nieve.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	background-position: center bottom;
	text-align: center;
	float:left;
	margin-left: 180px;
	margin-bottom: 50px;
}

#download {
	margin-bottom: 60px;
	float: left;
	width: 98%;
	padding-right: 10px;
}
#download2 {
	margin-bottom: 25px;
	float: left;
	width: 98%;
	padding-right: 10px;
}
#clear {
	clear: both;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 557px;
	margin-left: 210px;
}
#lijn {
	background-image:url(../images/lijn.png);
	height: 3px;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 20px;
	background-repeat: repeat-x;
}

#product {
	width: 100%;
	font-size: 12px;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align:center;
}
#pics {
	padding-bottom: 30px;
	}
	
#onderhoud {
	padding-top: 80px;
	}
#mogelijkheden {
	padding-top: 5px;
	padding-bottom: 20px;
	}
#tech ul li {
	text-transform: none;
	font-size: 10px;
}
#tech {
	height: 200px;
	width: 95%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#massa {
	background-image: url(../images/symbool_volumemassa.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#porositeit{
	background-image: url(../images/symbool_porositeit.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#druk{
	background-image: url(../images/symbool_drukweerstand.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#vorst{
	background-image: url(../images/symbool_vorstbestendig.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
}
#zuur{
	background-image: url(../images/symbool_zuurbestendig.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
}

#massa2 {
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
	padding-top: 10px;
}
#porositeit2{
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
	padding-top: 10px;
}
#druk2{
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
	padding-top: 10px;
}
#vorst2{
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
	padding-top: 10px;
}
#zuur2{
	width: 102px;
	background-position: center bottom;
	text-align: center;
	float:left;
	padding-top: 10px;
}
#mogelijkheden{
	list-style:circle;
	}
#contactcolumn1 {
	text-align: right;
	width: 44%;
	float:left;
}
#contactcolumn2 {
	text-align: right;
	width: 44%;
	float: left;
	padding-left: 25px;
	padding-right: 30px;
}
#contactcolumn3 {
	text-align: right;
	width: 44%;
	float: left;
	padding-left: 25px;
	padding-top: 48px;
	padding-right: 30px;
}
#contactcolumncaptcha {
	text-align: right;
	width: 44%;
	float: left;
	padding-top: 5px;
	padding-right: 30px;
	}
#formcontact {
	padding-top: 20px;
	padding-right: 20px;
}
#captcha {
	width: 120px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 70px;
		}
#bedankt {
	margin-bottom: 168px;
	}
#knoppen {
	width: 200 px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-left: 230px;
	#margin-left: 115px;/* override for Microsoft Internet Explorer browsers*/
	_margin-left: 115px; ;/* override for IE browsers 6.0 and older */
}

#uitlees1{
	width: 260px;
	float: left;
		}
#uitlees2{
	width: 260px;
	height: 105px;
	padding-top: 25px;
	float: left;
		}
#dealercontent h2 p a {
	color: #706F6F;
	text-decoration: none;
}
#lijstbody h2 p a {
	color: #706F6F;
	text-decoration: none;
}
#banner{
	float: left;
		}
		
/*start classes*/

.groenetitel {
	color: #bccf00;
	margin-bottom: 0px;
}
.grijzetitel {
	color: #706F6F;
	margin-bottom: 0px;
	font-size: 150%;
	font-weight: bold;
	#font-size: 150%;/* override for Microsoft Internet Explorer browsers*/
	#font-weight: bold;
    _font-size: 150%; ;/* override for IE browsers 6.0 and older */
	_font-weight: bold;
}
.gewonetekst {
	color: #706F6F;
	margin-bottom: 0px;
	text-transform: none;
	font-size: 10px;
	line-height: 23px;
}
.onderschrift {
	text-align: right;
	margin-bottom: 15px;
}
.interlinie_extra {
	margin-bottom: 60px;
}
.interlinie_extra_bedrijf {
	margin-bottom: 134px;
}
.intelinie_extra_filmpjes {
	margin-bottom: 135px;
}
/*.tussentitel {
	text-align: center;
}*/
.materiaal_1 {
	float: left;
	margin-left: 17px;
}
.materiaal_2 {
	float: left;
	margin-left: 25px;
}
.materiaal_3 {
	float: left;
	margin-left: 25px;
}
.materiaal_4 {
	float: left;
	margin-left: 70px;
}
.extra-top-download {
	margin-top: 15px;
	text-align: right;
	margin-bottom: 15px;
}
.gewone-lijst {
	list-style: circle;
	color: #706F6F;
	text-transform: none;
}
.bold{
	font-weight: bold;
}
.bolddealer{
	font-weight: bold;
	font-size: 11px;
}
.extratextheight{
	line-height: 17px;
	#line-height: 15px;
	_line-height: 15px;
}
.kleiner{
	font-size: 9px;
	}
.uppercase{
	text-transform: uppercase;
	font-weight: lighter;
	}
	
.keralam{
	position: fixed;
			}

.logo{
	padding-bottom: 10px;
	padding-right: 120px;
			}
.handtekening{
	margin-bottom: 90px;
				}
.handtekeningdownload{
	margin-bottom: 289px;
	margin-top: 100px;
				}
.taalkeuze{
	display: inline;
	height: 20px;
	font-size: 9px;
	color: #FFF;
	line-height: 13px;
	text-decoration:none;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
	}
.taalkeuze a {
	color: #FFF;
	text-decoration: none;
}
.alignright{
	float: right;
	}	
.alignleft{
	float: left;
	}
/*stop classes*/
#tussentitel {
	text-align: center;
}
h1{
font-size: 250%;
font-weight:bold;
	#font-size: 250%;/* override for Microsoft Internet Explorer browsers*/
	#font-weight:bold;
    _font-size: 250%; ;/* override for IE browsers 6.0 and older */
	_font-weight:bold;
	}
h3{
font-size: 120%;
font-weight:bold;
	#font-size: 120%;/* override for Microsoft Internet Explorer browsers*/
	#font-weight:bold;
    _font-size: 120%; ;/* override for IE browsers 6.0 and older */
	_font-weight:bold;
	}

#wrapper #bodytekst2 #douche1 p strongred {
	color: #F00;
}
#wrapper #bodytekst2 #douche1 p strongred {
	color: #F00;
}
#wrapper #bodytekst2 h2 red {
	color: #F00;
}
rood {
	color: #F00;
}

