body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* this is require for ie6 background pixels */
	background-color:#000000;
}

#content {
	position:relative;
	width: 100%;
	height: 100%;
	z-index: 7000;
	
}



/* header */
#header{
	position:relative;
	width: 100%;
	height:130px; /* 80 pv voor de hoogte van het logo, 35px voor de hoogte vanaf de bovenkant en 15 px voor de hoogte aan de onderkant van het logo */
	/*background-color:#00FF00;*/
}

#header_body{
	position:relative;
	top:35px;
	margin: 0px auto 0px auto;
	width: 950px;
/*	background-color:#FF0000;*/
}

#logo{
	position:relative;
}

#taal{
	position: absolute;
/*	top:-35px;*/
	top:0px;
	right:0px;
	opacity:.85;
	filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
	padding-bottom:15px;
	padding-top:15px;
	padding-left:7px;
	padding-right:7px;
	background-color:#333333;
}
.taal a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#FF0E89;
	padding-right:7px;
	padding-left:7px;
}
.taal a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}



/* menu */
#menu{
	position:relative;
	margin:0 auto;
	width:950px;
	background-color: #333333;
	opacity:.55;
	/*filter:Alpha(opacity=55);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
	
	
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55); /* ie */
/*	-moz-opacity: 0.90;*/
	opacity: 0.85;
}
#menu_body{
	position:relative;
	margin: 0px auto 0px auto;
	width: 950px;
	height:38px;
}

#menu_body ul{
	position:relative;
	left:-40px;
	display:inline;
}
#menu_body ul li{
	position:relative;
	top:10px;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
#menu_body ul li a{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
#menu_body ul li a:hover{
	background-color:#CC0000;
}

.menu_active{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:#0D96D6;
	color:#FFFFFF;
}



/* main */
#main{
	position:relative;
	width: 100%;
}

#main_body{
	position:relative;
	top:15px;
	width:950px;
	margin: 0px auto 0px auto;
}

#main_body_700{
	position:relative;
	width:680px;
	height:auto;
	float:left;
	border: 10px solid #000000;
	background-color:#000000;
}
#main_body_250{
	position:relative;
	width:205px;
	float:right;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	background-color:#333333;
	opacity:.85;
	filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
}

#contact{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding-top:20px;
	margin-bottom: 0; 
	padding-bottom: 0; 
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding-top:10px;
	margin-bottom: 0; 
	padding-bottom: 0;
}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	margin-top:0;
	padding-top:5px;;
	margin-bottom: 10px; 
	padding-bottom: 0; 

}


/* submain */
#submain{
	position:relative;
	width: 100%;
	top:30px;
}
#submain_body{
	position:relative;
	width:950px;
	margin: 0px auto 0px auto;
}

#submain_body_700{
	position:relative;
	width:700px;
}

#portfolio{
	position:relative;
	top:10px;
	width:450px;
	float:left;
}

.portfolio{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	background-color:#333333;
	opacity:.85;
	filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
}
#portfolio1{
	position:relative;
	top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	width:205px;
	height:150px;
	background-color:#000000;
	float:left;
	padding:10px;
}
#portfolio1 img{
position:relative;
}
#portfolio2{
	position:relative;
	top:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:205px;
	height:150px;
	background-color:#000000;
	float:left;
	padding:10px;
}
#klanten{
	position:relative;
	top:10px;
	width:235px;
	float:right;
	/*background-color:#33FFFF;*/
}
.klanten{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	background-color:#333333;
	opacity:.85;
	filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
}

#klanten_display{
	position:relative;
	top:9px;
	padding:10px;
	background-color:#000000;
}

/* footer */
#footer{
	position:relative;
	top:64px;
	width: 100%;
	z-index: 9000;
}

#footer_portfolio{
	position:relative;
	top:30px;
	width: 100%;
	z-index: 9000;
}
#footer_disclaimer{
	position:relative;
	top:30px;
	width: 100%;
	z-index: 9000;
}
#footer_contact{
	position:relative;
	top:65px;
	width: 100%;
	z-index: 9000;
}
#footer_over{
	position:relative;
	top:-25px;
	width: 100%;
	z-index: 9000;
}
#footer_voorwaarden{
	position:relative;
	top:30px;
	width: 100%;
	z-index: 9000;
}
#footer_sitemap{
	position:relative;
	top:30px;
	width: 100%;
	z-index: 9000;
}
#footer_diensten{
	position:relative;
	top:30px;
	width: 100%;
	z-index: 9000;
}


#footer_body{
width:950px;
margin: 0px auto 0px auto;
}

#footer_body_700{
	/*width:690px;*/
	width:440px;
	height:auto;
	float:left;
	padding:5px;
	background-color:#333333;
opacity:.75;
filter:Alpha(opacity=75);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
	
}

.footer{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding-right:5px;
padding-left:5px;

}

.footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
/*background-color:#333333;*/
text-decoration:none;
color:#FF0E89;
padding-right:5px;
padding-left:5px;

}
.footer a:hover{
text-decoration:underline;
color: #FFFFFF;
}

/* background */
#background-pixels {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(pic/background-pixels.gif);
	background-position: left top;
	background-repeat: repeat;
	top: 0px;
	left: 0px;
	z-index: 6000;
	position: absolute;
	display: inline;
	color: #000000;
}

#background-pixels img {
	display: block;
	visibility: hidden;
}

#background-image {
	margin: 0px;
	padding: 0px;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 5000;
	position: absolute;
	overflow: hidden;
	color: #000000;
}
.bg-image {
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #000000;
}


/* portfolio */
#main_body_700_r{
	width:700px;
	height:auto;
	float:right;
	background-color: #000000;
	margin:0px;
	padding:0px;
}
#main_body_250_r{
width:205px;
float:left;
}

#label{
position:relative;
float:left;
margin-bottom:15px;
width:205px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
background-color:#333333;
opacity:.85;
filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
}

#thumb{
width:120px;
height:183px;
float:left;
padding:10px;
}
#thumb a:hover{
position:relative;
bottom:5px;
/*background-color:#FF0E89;*/
}

#thumb_klanten{
width:120px;
height:130px;
float:left;
padding:10px;
}

.werk{
position:relative;
top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:12px;
}

.werk_uitleg{
position:relative;
top:13px;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

/* portfolio info */
/*#portfolio_info{
position:relative;
left:15px;
width:auto;
height:auto;
float:left;
}
*/
#portfolio_info_body{
border: 10px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}
#portfolio_header{}

#portfolio_explain{
background-color:#FF0000;
}

#portfolio_tekst{
width:450px;
float:left;
padding-bottom:10px;
}

#portfolio_pic{
position:relative;
top:10px;
width:220px;
float:right;
padding-bottom:10px;
}
.portfolio_pic{
padding-left:10px;
padding-bottom:10px;
}

.test2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#FF0E89;
}
.test2 a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
#tekst{
padding:5px;
}
#contact_tekst{
position:relative;
top:-20px;
padding:5px;
}
.tekst{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.sitemap a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#FF0E89;
	padding-left:15px;
}
.sitemap2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:15px;
}
.sitemap3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	color: #FF0E89;
	padding-left:15px;
}
.sitemap4 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color: #FF0E89;
	padding-left:15px;
}

.sitemap a:hover, .sitemap2 a:hover, .sitemap3 a:hover, .sitemap4 a:hover, .dnstn a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
#sm_algemeen{
position:relative;
}
#sm_homepage{
position:relative;
}
#sm_diensten{
position:relative;
}
#sm_portfolio{
position:relative;
}
#sm_right{
position:relative;
width:335px;
/*background-color:#006633;*/
float:right;
}

#sm_left{
position:relative;
width:335px;
/*background-color:#006633;*/
float:left;
}

#main_body_700_r_b{
	width:700px;
	height:auto;
	float:right;
	margin:0px;
	padding:0px;	
}

#contactf{
	position:relative;
	top:10px;
	width:450px;
	float:left;
}
.contactf{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	background-color:#333333;
	opacity:.85;
	filter:Alpha(opacity=85);    			/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */    
}

#contactf1{
	position:relative;
	top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	width:680px;
	background-color:#000000;
	float:left;
	padding:10px;
}

#contactform_l{
position:relative;
/*background-color:#3366CC;*/
width:330px;
float:left;
}

#contactform_item{
position:relative;
/*padding-top:5px;*/
/*padding-bottom:20px;*/

}
#contactform_item_left{
position:relative;
padding-top:6px;
float:left;
width:80px;
/*height:25px;*/
/*background-color:#009966;*/
padding-bottom:10px;
}
#contactform_item_right{
float:right;
padding-right:55px;
padding-bottom:10px;
}
#contactform_item_left2{
position:relative;
padding-top:6px;
float:left;
width:115px;
/*height:25px;*/
/*background-color:#009966;*/
padding-bottom:10px;
}
#contactform_item_right2{
float:right;
padding-right:55px;
padding-bottom:10px;
}


#contact_form_aanhef{
padding-left:125px;
padding-bottom:10px;
}
#contactform_manier{
position:relative;
background-color:#FF0000;
/*padding-top:5px;*/
/*padding-bottom:20px;*/
}

#contactform_r{
position:relative;
padding-top:25px;
/*background-color:#3366CC;*/
width:330px;
float:right;
}

#contactform_vr{
position:relative;
padding-top:15px;
/*background-color:#3366CC;*/
width:670px;
}

#contactform_button{
position:relative;
text-align:right;
padding-top:110px;
}
#googlemap{
	/*position:absolute;
right:7px;
top:7px;
background-color:#333333;
width:200px;
height:40px;*/
/*position:absolute;
right:0px;
top:0px;
background-color:#333333;
width:200px;
height:50px;
*/
position:absolute;
	right:7px;
	top:7px;
/*	background-color: #000000;*/
width:193px;
height:19px;
background-image:url(pic/background-pixels.gif);
}

#googlemap2{
position:absolute;
left:7px;
top:7px;
width:36px;
height:93px;
background-image:url(pic/background-pixels.gif);
}

#googlemap3{
position:absolute;
	right:3px;
	top:229px;
width:480px;
height:19px;
background-image:url(pic/background-pixels.gif);
}

ul{
position:relative;
left:-22px;
list-style:url(pic/bullet.jpg);
}

li{
padding-bottom:5px;
}