{
	margin:0;
	padding:0;
		}
		
html {
     overflow: -moz-scrollbars-vertical;
}



body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	margin-top:0px;
	background:url(../images/background.jpg) center top no-repeat;
	color:#3a3a3a;
		}

a img{
	border:0;
		}
ul, li{
	list-style-type: none;
	color:#d50d8c;
		}
#sitemap ul, #sitemap li {
	list-style-type: square;
	color: #3a3a3a;
	line-height:14px;
	font-size:12px;
	font-weight:normal;
	color:#636363;
	
	}
a, a:visited{
	color:#474747;
	text-decoration:underline;
		}
a:hover{
	color:#474747;
	text-decoration:none;
		}
.clear{
	clear:both;
		}
img {
	float:left;
		}
p{
	margin:0;
		}
#container{
	width:890px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
		}

#header{width:890px; height:75px;  position:relative; z-index:1000;}

#header h1 a{ float:left; width:223px; height:75px;  text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/pw_webdevelopment.jpg) no-repeat top left; }

.inhoud{
	float:left;
	width:884px;
	padding:4px 0 4px 4px;
	margin:0 0 4px 0;
		}
.textbox{
	float:left;
	display:inline;
	width:864px;
	padding:0 0 0px 14px;
	margin:0 0 17px 0;
	border:1px solid #EDEDED;
	background:url(../images/inhoud.png) repeat;
		}
.textbox h2{
	height:36px;
	margin:4px 4px 0 0;
	line-height:36px;
	font-size:14px;
	font-weight:normal;
	color:#1373a9;

	
		}	
.textbox p{
	padding:0 0 10px 0px;
	margin:4px 4px 0 0;
	line-height:14px;
	font-size:12px;
	font-weight:normal;
	color:#636363;
		}	
		
			
	
		
.navigatie{
	float:left;
	display:inline;
	width:878px;
	height:37px;
	margin:0 0 17px 0;
	border:1px solid #EDEDED;
	border-top:0px;
	background:url(../images/inhoud.png) repeat;
		}
.navigatie p{
	float:left;
	display:inline;
	width:864px;
	height:37px;
	padding:0 0 0 14px;
	line-height:37px;
	font-size:12px;
	color:#b5b5b5;
		}
.navigatie a:link, .navigatie a:visited{ color:#b5b5b5; text-decoration:underline;zoom:1;}
.navigatie a:hover{  color:#b5b5b5; text-decoration:none; zoom:1;}
				
.menu{
	float:left;
	display:inline;
	width:880px;
	height:30px;
	background:url(../images/menu.jpg) no-repeat;
		} 
		
.menu ul, .menu li{
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
		}
.menu a:link, .menu a:visited{
	display:inline;
	float: left;
	height:30px;
	margin:0 32px 0 14px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	color:#B8B8B8;
		}
.menu a:hover{
	height:40px;
	text-decoration:none;
	color:#37A3BA;
		}



.referentie{
	float:left;
	display:inline;
	width:880px;
	padding:4px 0 0 0;
		}
.referentie_left{
	float:left;
	width:442px;
		}
.referentie h3{
	float:left;
	display:inline;
	width:400px;
	height:55px;
	padding:53px 0 0 42px;
	margin:0;
	line-height:22px;
	font-size:18px;
	text-transform: uppercase;
	font-weight:normal;
	background:url(../images/referentie_h2.png) no-repeat;
	color:#8e8e8e;
		}
.referentie p{
	float:left;
	display:inline;
	width:400px;
	padding:0 0 0 42px;
	line-height:15px;
	font-size:12px;
	color:#474747;
		}

.blokken_box{
	float:left;
	width:884px;
		}
.blok{
	float:left;
	display:inline;
	width:217px;
	height:181px;
	margin:4px 4px 0 0;
	background:url(../images/blokken.png) no-repeat;
		}
.blok h2{
	float:left;
	display:inline;
	width:190px;
	height:17px;
	padding:16px 0 0 19px;
	margin:4px 4px 0 0;
	line-height:17px;
	font-size:14px;
	text-transform: uppercase;
	font-weight:bold;
	background:none;
	color:#1373a9;
		}
.blok p{
	float:left;
	display:inline;
	width:190px;
	padding:5px 0 0 19px;
	margin:0;
	font-size:12px;
	background:none;
	color:#747474;
		}
.blok a:link, .blok a:visited{ color:#747474; text-decoration:underline;}
.blok a:hover{  color:#747474; text-decoration:none;}


		
.footer{
	float:left;
	display:inline;
	width:100%;
	min-width:884px;
	height:148px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/footer.jpg) repeat-x;
		}

.footer p{
	width:100%;
	padding:18px 0 0 0;
	text-align:center;
	font-size:12px;
	color:#b5b5b5;
		}
.footer a:link, .footer a:visited{ color:#b5b5b5; text-decoration:underline;}
.footer a:hover{  color:#b5b5b5; text-decoration:none;}

.diensten_box{
	float:left;
	width:700px;
	padding: 0px 0px 10px 5px;
		}
		
/* PORTFOLIO */

.portfolio_row{
	float:left;
	display:inline;
	width:878px;
	padding:0 0 30px 0;
		}
.portfolio_box{
	float:left;
	display:inline;
	width:425px;
	text-align: justify;
		}
.portfolio_box_l{
	float:left;
	width:210px;
		}
.portfolio_box img{
	float:left;
	display:inline;
	width:200px;
	height:103px;
	border: 1px solid #ECECEC;
		}
p.p_listmenu, p.p_listmenu2{
	float:left;
	height:18px;
	padding:0 0 0 13px;
	margin:0 0 0 18px;
	line-height:18px;
	background:url(../images/bullet.gif) center left no-repeat;
	color:#747474;
		}
p.p_listmenu{
	width:180px;
	font-size: 10px;
		}
p.p_listmenu2{
	width:700px;
		}
.portfolio_box_r{
	float:left;
	width:210px;
		}	
.portfolio_box_r h3{
	float:left;
	width:210px;
	padding:0 0 10px 0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	color:#000000;
		}	
.portfolio_box_r p{
	float:left;
	width:210px;
	margin:0;
	padding:0;
		}	
		
.no_split {float:left; width: 850px;}	
.split{}
.split .spl_left, .split .spl_center, .split .spl_right{float:left;}
.split.spl2{}
.split.spl2 .spl_left{width:200px;}
.split.spl2 .spl_right{width:650px; }

.split{}
.split1 .left{width:220px; float:left;}
.split1 .center{width:170px; float:left;}
.split1 .right{width:450px; float:left;}
.split1 .right p{text-align:justify;}
.split1 h3{font-size:14px;font-weight:normal;color:#000000; margin:0px;}
.split1 p{margin-top:0px;}

/*list*/
.list1{padding:10px 0px 0px 0px; margin:0px;}
.list1 li{background:url(../images/ico_arrow.png) no-repeat 0px 4px; padding:0px 0px 4px 15px; }
.list1 li a, .list.l1 li p{font-size:10px; color:#828282; text-decoration:none; }

.icon{padding-top:20px;}
.ico{padding-left:35px; }
.ico.company{background:url(../images/ico_company.png) no-repeat center left; padding-left:25px;}
.ico.mail{background:url(../images/ico_mail.png) no-repeat center left; padding-left:25px;}
.ico.bank{background:url(../images/ico_bank.png) no-repeat center left; padding-left:25px;}

.table1{width:100%; border-collapse:collapse;}
.table1 th{background:url(../images/table1_th.png) no-repeat top left; padding:0px 0px 0px 10px; height:25px; border:1px solid #ededed; width:200px; font-weight:normal; color:#636363; font-size:12px; text-align:left;}
.table1 td{border:1px solid #ededed; color:#636363; font-size:12px; padding:0px 0px 0px 10px;}
.ideal {
	margin-left: 30px;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(../images/submenu/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainer ul li a:hover
{
background: transparent url(../images/submenu/list-on.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(../images/submenu/list-active.gif) left center no-repeat;
color: #666;
}

.ervaring {
	font-style: italic;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 5px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
