body {
background-color: #646464;
padding: 0;
margin: 0;
}

.body {
	width: 100%;
	padding: 0;
	margin-top: 50px;
	background-color: #646464;
}

#leeg_li{
	float: left;
	width: 100px;
	border: 1px solid black;
	z-index: 1;
	overflow: hidden;
}

#leeg_re{
	float: right;
	width: 100px;
	border: 1px solid black;
	z-index: 1;
	overflow: hidden;
}

#zwartebalk{
	width: 836px;
	height: 30px;
	background-color: #494949;
	word-spacing: 25px;
	padding-top: 5px;
padding-right: 5px;
text-align: right;
}



html>body #zwartebalk {
width: 832px;
}

#zwartebalk a:link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffcc99; 
	padding-right: 10px;
	font-weight: bold;
	
}

#zwartebalk a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffcc99; 
	font-weight: bold;
}

#zwartebalk a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F1F1; 
}

#zwartebalk a:active{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F1F1; 
	font-weight: bold;
}

a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464; 
	text-decoration: none;
	padding-right: 10px;
	font-weight: bold;
	
}

a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffcc99; 
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F1F1F1; 
	text-decoration: underline;
}

a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F1F1F1; 
	text-decoration: underline;
	font-weight: bold;
}

#header{
	padding-top: 3px;
	background-color: white;
	height: 190px;
	width: 836px;
}

html>body #header{
  height: 187px;
}

#eerste {
	position: absolute;
	width: 207px;
	height: 185px;
}


#tweede {
	position: absolute;
	margin-left: 210px;
	width: 207px;
	height: 185px;
}

#derde {
	position: absolute;
	margin-left: 420px;
	width: 207px;
	height: 185px;

}

#vierde {
	position: absolute;
	margin-left: 630px;
	width: 207px;
	height: 185px;
}

#content{
background-color: #9DC2FF;
width: 836px;
height: 100%;

}


html>body #content{
  padding-top: 1px;
}

#tekst {
	margin: 5px;
	border: 1px solid #DDECFF;
	padding: 0px 10px 5px 20px;
	z-index: 3;
	/*height: 300px;
	/*overflow: auto;
	/*background-color: white;*/
}

#contact {
	margin: 5px;
	border: 1px solid #DDECFF;
	padding: 0px 200px 5px 20px;
	height: 400px;
	z-index: 3;
background: url("images/img_contact.jpg");
background-position: right;
background-repeat: no-repeat;
}

html>body #contact {
height: 650px;
}



.specificatie_kl{
width: 452px;
height: 152px;
/*background-color: #9DC2FF;*/
margin: 5px 5px 15px 0px;
border: 1px #DDECFF solid ;}

.specificatie{
width: 700px;
height: 227px;
/*background-color: #9DC2FF;*/
margin: 5px 5px 15px 0px;
border: 1px #DDECFF solid ;}


.spec_tekst{
margin: 0;
padding: 5px;
width: 100%;
background-color:#9DC2FF;
}

.spec_img {
position: absolute;
margin-left: 398px;
width: 300px;


}


.spec_tekst_kl{
position: absolute;
margin: 0;
padding: 5px;
width: 252px;

}

.spec_img_kl {
position: absolute;
margin-left: 250px;
width: 200px;
height: 150px;

}

.specs {
width:100%;
border: 1px solid white;

}

.bgrclr {
background-color:  #9DC2FF;
}


H1, h2, h3, h4, h5, h6, p, td, #tekst a:link, #tekst td a:visited, #tekst td a:active, #tekst a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

H1, h2 {
font-weight: bold;
}


.bgr_white {
background-color: white;
width: 100%;
font-weight: bold;
padding-top: 3px;
padding-left: 5px;
line-height: 15px;
font-size: 14px;


}


td{
vertical-align: top;}

td a:link, td a:visited, td a:active{
color: black;
font-weight: normal;
text-decoration: underline
}

td a:hover {
font-weight: normal;
color: #ffcc99;
}



.right {
border-left: 1px solid white;
}

img.noborder{
border: none;}