/************************************************************************************************/
/*design*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Tahoma,Verdana,Arial,Sans-serif; font-size:11px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
.block{display:block;}
body{background:#ffffff url(../images/b_left.gif) repeat-x center top; padding:0px 0px 40px 0px;}
body .b{background:url(../images/b_right.gif) repeat-x center top;}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width:994px; margin:auto auto;
	position			: relative;}




.tekst_portfolio {
	font-family: Tahoma,Verdana,Arial,Sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	padding: 4px 0px 0px 0px;

}


.tekst_nieuw {
	font-family: Tahoma,Verdana,Arial,Sans-serif;
	font-size: 10px;
	color: #888888;
	line-height: 15px;
	padding: 0px 0px 0px 0px;

}

.tekst_nieuw a:link, .tekst_nieuw a:visited, .tekst_nieuw a:active {
	text-decoration: underline;
	font-family: Tahoma,Verdana,Arial,Sans-serif;
	font-size: 10px;
	color: #888888;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
}

.nieuws {
	font-family: Tahoma,Verdana,Arial,Sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	line-height: 17px;
	padding: 0px 0px 0px 6px;
}

.nieuws a:link, .nieuws a:visited, .nieuws a:active {
	text-decoration: underline;
	color: #87ad0d;
}

.nieuws a:hover {
	text-decoration: none;
}



.tekst_portfolio a:link, .tekst_portfolio a:visited, .tekst_portfolio a:active {
	font-family: Tahoma,Verdana,Arial,Sans-serif;
	font-size: 14px;
	color: #000066;
	line-height : 16px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}

.tekst_portfolio a:hover {
	text-decoration: none;
}






/************************************************************************************************/
/*content*/
/************************************************************************************************/
#content 	{
	margin				: 0px 0px 0px 1px;
	width				: 540px;
}

#content2 	{
	margin				: 0px 0px 0px 1px;
	width				: 730px;
}

#contenthome 	{
	margin				: 0px 0px 0px 1px;
	width				: 720px;
}



#content_portfolio 	{
	margin				: 0px 0px 0px 0px;
	font-family			: Tahoma,Verdana,Arial,Sans-serif; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal; letter-spacing:0px;


}


.content_portfolio {
	margin				: 0px 0px 0px 0px;
	font-family			: Tahoma,Verdana,Arial,Sans-serif; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal; letter-spacing:0px;


}


.content_portfolio 	a:link{
	margin				: 0px 0px 0px 0px;
	font-family			: Tahoma,Verdana,Arial,Sans-serif; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal; letter-spacing:0px;


}


/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header{height:222px; background:url(../images/header_back.gif) top center; position:relative;}
#header h1 a{text-indent:-2000px; background:url(../images/logo.gif); width:372px; height:130px; display:block; position:absolute; top:0px; left:0px;}
#header h2{font-size:10px; color:white; background:#87ae0d; padding:4px 30px 4px 30px; position:absolute; right:0px; top:108px; font-weight:normal;}

#header ul{ list-style:none; position:absolute; right:55px; top:146px;}
#header ul li{float:left; height:44px; display:block;}
#header ul li a{display:block; height:44px; float:left; text-indent:-2000px; overflow:hidden;}
#header ul li span{display:block; height:44px; background:url(../images/m_sep.gif); width:10px; margin:0px 5px 0px 5px; float:left;}

#header ul li a.home{background:url(../images/m_home.gif); width:69px;}
#header ul li a.overons{background:url(../images/m_overons.gif); width:89px;}
#header ul li a.diensten{background:url(../images/m_diensten.gif); width:89px;}
#header ul li a.portfolio{background:url(../images/m_portfolio.gif); width:84px;}
#header ul li a.contact{background:url(../images/m_contact.gif); width:80px;}

#header ul li a.home:hover{background:url(../images/m_home_on.gif); width:69px;}
#header ul li a.overons:hover{background:url(../images/m_overons_on.gif); width:89px;}
#header ul li a.diensten:hover{background:url(../images/m_diensten_on.gif); width:89px;}
#header ul li a.portfolio:hover{background:url(../images/m_portfolio_on.gif); width:84px;}
#header ul li a.contact:hover{background:url(../images/m_contact_on.gif); width:80px;}

#header ul li.on a.home{background:url(../images/m_home_on.gif); width:69px;}
#header ul li.on a.overons{background:url(../images/m_overons_on.gif); width:89px;}
#header ul li.on a.diensten{background:url(../images/m_diensten_on.gif); width:89px;}
#header ul li.on a.portfolio{background:url(../images/m_portfolio_on.gif); width:84px;}
#header ul li.on a.contact{background:url(../images/m_contact_on.gif); width:80px;}



/************************************************************************************************/
/*maatwerk*/
/************************************************************************************************/
#maatwerk	{
	position			: relative;
	left				: 0px;
	top					: 0px;
	width				: 781px;
	height				: 145px;
	z-index				: 100;
	}
	
/************************************************************************************************/
/*webdesign*/
/************************************************************************************************/
#webdesign	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
	
/************************************************************************************************/
/*site*/
/************************************************************************************************/
#site	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
	
/************************************************************************************************/
/*emaillayout*/
/************************************************************************************************/
#emaillayout	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
	
/************************************************************************************************/
/*domeinnaam*/
/************************************************************************************************/
#domeinnaam	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
	
/************************************************************************************************/
/*website*/
/************************************************************************************************/
#website	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
/************************************************************************************************/
/*webwinkel*/
/************************************************************************************************/
#webwinkel	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
/************************************************************************************************/
/*cms*/
/************************************************************************************************/
#cms	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
/************************************************************************************************/
/*huisstijlen*/
/************************************************************************************************/
#huisstijlen	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
/************************************************************************************************/
/*huisstijl*/
/************************************************************************************************/
#huisstijl	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
	
/************************************************************************************************/
/*design*/
/************************************************************************************************/
#design	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}

/************************************************************************************************/
/*webhosting*/
/************************************************************************************************/
#webhosting	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}
	
/************************************************************************************************/
/*ontwerp*/
/************************************************************************************************/
#ontwerp	{
	position			: absolute;
	top					: 196px;
	left				: 411px;
	width				: 173px;
	height				: 206px;
	z-index				: 150;
	}

/************************************************************************************************/
/*left*/
/************************************************************************************************/
#left{background:#ffffff; width:213px; float:left;}
#left_home{background:#ffffff url(../images/b_left2.gif) repeat-x center toppadding:0px 0px 0px 0px; width:213px; float:left;}



#left h2{background:#4d4d4d; font-size:10px; color:white; display:block; padding:4px 10px 4px 10px; margin:0px 30px 0px 30px; letter-spacing:0px;}

#left ul{ list-style:none; margin:5px 0px 0px 40px; font-size:9px; color:#4a4a4a; text-decoration:none;}
#left ul li{padding:5px 0px 5px 0px;}
#left ul li a{font-size:10px; color:#4a4a4a; text-decoration:none;}
#left ul li a:hover{color:#87ad0d; text-decoration:underline;}
#left ul li.selected a{color:#87ad0d; text-decoration:underline;}

/************************************************************************************************/
/*right*/
/************************************************************************************************/
#right{width:781px; float:left; margin-right:-3px;}

#right .content{padding:30px 0px 0px 25px; line-height:20px; letter-spacing:0px;}
#right .content a{font-size:11px; color:#87ad0d; text-decoration:underline;}
#right .content a:hover{color:#87ad0d; text-decoration:none;}
#right .content h2{font-family:Tahoma,Verdana,Arial,Sans-serif; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal; letter-spacing:0px;}
#right .content .flashblock2{float:right; margin:0px 0px 0px 50px;}




/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{border-top:1px solid #c8c8c8; margin:10px 0px 0px 213px; padding:7px 0px 0px 20px; color:#a2a2a2; font-size:10px; letter-spacing:0px;}
#footer span{padding:0px 6px 0px 6px; font-size:10px;}
#footer a{color:#a2a2a2; text-decoration:none; font-size:10px;}
#footer a:hover{color:#87ad0d; text-decoration:underline; font-size:10px;}