/*

	CSS door memento
	
	www.mmnt.nl
	info@mmnt.nl

*/

/**********************  STANDAARD  **********************/


body,html{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

body{
	background:url(../img/layout/bg_body.gif) repeat-x center bottom fixed;
	font-family:Tahoma, Verdana, Arial, "MS Sans-Serif";
	text-align:center;
	font-size:0.7em;
}

a{color:#ee3b34;}
a:hover{text-decoration:none;color:#000;}
form{display:inline;}
h1,h2,h3,h4,h5{padding:0px;margin:0px;}
h1,h2{
	font-size:110%;
	color:#ee3b34;
	height:25px;
	padding-top:15px;
}

/**********************  CUSTOM  **********************/

div#container{
	width:978px;
	text-align:left;
	margin:auto;
	background:url(../img/layout/bg_container.gif) no-repeat left bottom #FFF;
}

div#hoofdnav{
	float:left;
	width:138px;
	padding-left:40px;
	text-align:center;
}

div#subnav{
	float:right;
	width:502px;
	padding-right:40px;
}

div.logo{height:133px;}
div.logo img{border-style:none;}

img.imgtestimonial{
	border:1px solid #ee3b34;
	width:54px;
	height:54px;	
	position:relative;
	top:20px;
	z-index:10;
}

div.testimonial{
	border:1px solid #fbcecb;
	color:#444444;
	padding:4px;
	position:relative;
	top:-10px;
}

div.testimonial img.quote_aan{margin-bottom:20px;}
div.testimonial img.quote_uit{}

a.lidmaatschap {}
a.lidmaatschap img { margin: 20px 0px 0px 0px; border: 0; }

div.sub{display:block;height:40px;}
div.sub div.links{
	float:left;
	width:430px;
	color:#fbcecb;
	padding:12px 0px 0px 31px;
}

div.sub div.links a{padding:0px 9px 0px 9px;}
div.sub div.links a.selected{color:#000;text-decoration:none;cursor:default;}

div.zoeken{
	width:135px;
	text-align:right;
	margin-top:25px;
	padding-right:40px;
}

div.zoeken input.zoek{
	width:86px;	
	font-size:90%;
	border:1px solid #fbcecb;
	float:left;
	text-indent:10px;
	color:#ee3b34;
}

div.zoeken input.vind{
	width:41px;	
	border:1px outset #ee3b34;
	background-color:#ee3b34;
	color:#fff;
	font-size:90%;
	float:right;
}

img.header_illustratie{padding-left:40px;}

div.breadcrum{
	background:url(../img/layout/bg_breadcrum.gif) no-repeat center;
	height:27px;
	padding-left:40px;
	padding-top:13px;
}

div.breadcrum img{padding:0px 10px 0px 10px;}

div.content{padding:0px 40px 40px 40px;background-color:#fff4d1;}
div.content p{margin:0px 0px 10px 0px;line-height:20px;}

div.nieuws{
	border:40px solid #fff;
	background-color:#fbcecb;
	color:#444;
	padding-bottom:10px;
}

div.nieuws div.nieuwsheader,
div.nieuwsarchive {height:40px;}

div.nieuws div.nieuwsheader img,
div.nieuwsarchive div.nieuwsheader img {position:relative;top:4px;}

div.nieuws div.nieuwsheader div.titel,
div.nieuwsarchive div.nieuwsheader div.titel {
	float:left;
	width:290px;	
	text-indent:10px;
	padding-top:10px;
}

div.nieuws div.nieuwsheader div.titel img,
div.nieuwsarchive div.nieuwsheader div.titel img {padding:0px 9px 0px 4px;}

div.nieuws div.nieuwsheader div.datum,
div.nieuwsarchive div.nieuwsheader div.datum {
	float:right;
	width:120px;
	padding-top:10px;
}

div.nieuws p,
div.nieuwsarchive p {margin:0px 10px 10px 40px;line-height:20px;}

div.nieuws p img,
div.nieuwsarchive p img {
	border:1px solid #ee3b34;
	float: left;
	margin:0px 10px 10px 0px;
}

div.paginanavigatie {
  padding-top: 15px;
}

div.paginanavigatie a {
  padding: 5px;
  margin: 5px;
  width: 15px;
  height: 15px;
  text-decoration: none;
  text-align: center;
	background:url(../img/layout/bg_breadcrum.gif) no-repeat center;
  display: block;
  float: left;
}

div.paginanavigatie div.label {
  display: block;
  padding: 5px;
  margin: 5px;
  height: 15px;
  float: left;
}  

div.paginanavigatie a.active {
  color: black;
  background-color: #fff4d1;
}

div.paginanavigatie a:hover {
  text-decoration: underline;
}

div.footer{
	display:block;
	width:100%;
	height:40px;
	clear:both;
}

/* projecten */

div#projecten{
	float:right;
	width:178px;
	margin-right:20px;
}
html>body div#projecten{margin-right:40px;}

div#projecten h3{
	color:#ee3b34;
	font-size:100%;
	font-weight:bold;
	height:30px;
	padding-top:10px;
}

div#projecten img.projectafbeelding{}

div#projecten div.bg_utiliteitsbouw{background-color:#fbcecb;}
div#projecten div.bg_woningbouw{background-color:#fde6e5;}
div#projecten div.bg_verbouw{background-color:#fef2f2;}

div#projecten a.projectlink{
	background:url(../img/layout/ico_arrow.gif) 10px 15px no-repeat;
	padding:10px 0px 10px 20px;
	height:40px;
	line-height:20px;	
}

div#projecten a.projectoverzicht{
	background:url(../img/layout/ico_arrow.gif) 10px 6px no-repeat;
	padding:0px 10px 4px 20px;
	line-height:15px;	
	border-top:1px solid #fff;
	display:block;
}