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

a:link {color:#622d2a; text-decoration:none; font-weight:bold; }
a:visited {color:#622d2a; text-decoration:none; font-weight:bold; }
a:hover {color:#622d2a; text-decoration:none; font-weight:bold; }
a:active { color:#622d2a; text-decoration:none; font-weight:bold; }

.clear { clear:both; }
br { line-height:98%; }
hr { border:0px; border-bottom:1px dashed #c4a49f; height:0px; }

/* Basis opzet */

body,html{
		margin:0px;
		background:url(../images/bg.jpg) #000 center 0px;
		background-repeat:repeat-x;
		font-family:Arial;
		color:#2d2d2d;
}

#container{
		width:1000px;
		margin:0 auto;
}

#header{
		width:1000px;
		height:171px;
		background:url(../images/header.png) no-repeat;
		margin:0 auto;

}

.header_nav { float:left; color:#FFF; font-size:10px; font-weight:bold; height:18px; line-height:18px; margin-left:36px; }
.header_nav a{ color:#FFF; text-decoration:none; }


.broodkruimels{ float:left; margin:0px 0 0 265px; color:#FFF; font-size:10px; height:25px; line-height:25px;}
.broodkruimels a{ color:#FFF; text-decoration:none; }

.inhoud { color:#2d2d2d; width:660px; margin:0 0 0 40px; }
.inhoudtopspacing { padding:55px 0 0 0px; }

/* ==== MENU ==== */
#nav-wrap { width:990px; float:left; margin-left:2px; margin-top:104px; }

#nav { margin:0; padding:0; list-style:none; }
#nav li { line-height:45px; padding:0 0 2px 0px; font-size:14px; float:left; }
#nav li a { 
text-decoration:none; 
display:block; 
width:45px; 
line-height:45px;
text-indent:-9999px;
}

#nav li.home a{ background:url(../images/menu_home.png) no-repeat; width:105px; }
#nav li.werkwijze a { background:url(../images/menu_werkwijze.png) no-repeat; width:132px; }
#nav li.projecten a { background:url(../images/menu_projecten.png) no-repeat; width:122px; }
#nav li.contact a { background:url(../images/menu_contact.png) no-repeat; width:106px; }

#nav li.home a:hover, #nav li.home a.active { background:url(../images/menu_home_hover.png) no-repeat; }
#nav li.werkwijze a:hover, #nav li.werkwijze a.active { background:url(../images/menu_werkwijze_hover.png) no-repeat; }
#nav li.projecten a:hover, #nav li.projecten a.active { background:url(../images/menu_projecten_hover.png) no-repeat; }
#nav li.contact a:hover, #nav li.contact a.active { background:url(../images/menu_contact_hover.png) no-repeat; }


/* === EIND MENU === */

.content_top { background:url(../images/content_top.png) no-repeat; width:1000px; height:25px; }

#container_content { background:url(../images/content_bg.png) repeat-y; width:1000px; }

#content{
	width:644px;
	font-size:12px;
	line-height:16px;
	margin:0px 0 0 35px;
	padding:5px 0 10px 0;
	min-height:200px;
}

#content h1{
	color:#622d2a; font-size:16px; line-height:20px; font-weight:bold;
}
#content h2{
	color:#622d2a; font-size:14px; line-height:18px; font-weight:bold;
}


/* FOOTER */

#footer { 
background:url(../images/footer_bg.png) no-repeat; 
padding-bottom:10px;
width:1000px; height:26px;
color:#FFF;
font-size:9px;
font-weight:bold;
line-height:18px;
padding-left:35px;
}

#footer a{ 
width:220px; height:26px;
color:#FFF;
}

/* Boxen rechts */

#right { float:right; width:274px; margin-right:8px; padding-top:5px; }
.titel_balk { background:url(../images/balk_bruin.jpg) no-repeat; height:31px; padding-left:26px; color:#FFF; font-weight:bold; line-height:31px; }

.projectbox { padding:5px 0 0px 26px; width:226px; }
.projectbox h2{
	color:#622d2a; font-size:14px; line-height:22px; font-weight:bold;
	padding-bottom:5px;
}

/* Projecten */

.paginatie { text-align:right; padding-bottom:5px; }
.paginatie a { text-align:right; }
.paginatie a.selected { text-decoration:underline; }

.meerinfo { float:right; height:22px; line-height:22px; width:200px; }
.meerinfo a { color:#622d2a; }

/* Form Elementen @author Peter Quentin */

.leesverder_link a {color:#FFFFFF; float:right; font-size:11px; font-weight:bold; margin:12px 24px 0 0;}
label { color:#622d2a; font-weight:bold; }
