/* CSS Document */

body {
	background:url(img/bg_body.jpg) center repeat-y #f9f2e7;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin:0px;
	padding:0px;
}

.clear{	
	clear:both;
}

h1,h2,h3,p,form{
	margin:0px;
}

div{
	text-align:left;
	vertical-align:top;
}

/* Link opmaak hele pagina */
a:link{
	color:#333;
	text-decoration:none;
}

a:active{
	color:#333;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#333;
	text-decoration:none;
}
/* Einde Link opmaak hele pagina */


#wrapper{
	width:790px;
	height: auto;
	padding:0 23px 0 23px;
	margin:0px auto;
	background:url(img/bg_wrapper.jpg) repeat-y #f0e6d6;
}

/* opmaak top */
#navigatie{
	width:790px;
	height:35px;
	padding:17px 0 0 0;
	margin:0 0 1px 0;
	text-align:right;
	border:solid #91c104;
	border-width:0 0 2px 0;
}
#navigatie li
{
	display: block;
}
#logo{
	width:200px;
	margin: -10px 0 0 10px;
	float:left;
}

#navigatie ul{
	margin:0;
	padding:0;
}

#navigatie li a{
	display: block;
	text-decoration: none;
	color:#323232;
}

#navigatie li a:hover{
	display: block;
	text-decoration: none;
	color:#FFFFFF;
}
.menuactive{
	background:url(img/bg_nav.jpg) repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
}

#navigatie li{
	width:auto;
	height:20px;
	padding:15px 10px 0 10px;
	float:right;
	text-align:center;
	list-style:none;
	display: block;

}

#navigatie li:hover{
	background:url(img/bg_nav.jpg) repeat-x;
		display: block;

}

#header{
	width:790px;
	height:95px;
}
/* einde opmaak top */

/* opmaak content */
#content hr
{
border-style: 1px dotted;
color: #a3d127;
width: 50%;
}
#content{
	width:600px;
	height:auto;
	float:left;
	margin:5px 0 0 0;
}
#content img
{
	border: 0px;
}

#content .vak{
	color:#808080;
	font-size:10px;
	line-height:20px;
	float:left;
}

#content .vak img{
	margin:5px 0 5px 0;
}

#content .vak p{
	margin:0 0 0 10px;
}

#content .vak h2{
	color: #CC66662;
	font-size:13px;
	margin:0 0 0 5px;
}

#content .vak h2 span{
	color:#1481c8;
	font-size:13px;
}

#content .vak .prijs{
	float:right;
	font-weight:bold;
	color: #9dce19;
	margin:0 15px 0 0;
}

#content .vak .prijs span{
	font-weight:normal;
	color: #808080;
}
#content #nieuwe_rij{
	border-width:10px 0 10px 0;
}

#content #vak1{
	margin:0;
	width:184px;
	height:160px;
	border:solid #e6e6e6;
	border-width:0 1px 0 0;
}

#content #vak2{
	margin:0 0 0 10px;
	width:184px;
	height:160px;
	border:solid #e6e6e6;
	border-width:0 1px 0 0;
}

#content #vak3{
	margin:0 0 0 10px;
	width:200px;
	height:160px;
	border:0px;
}

#content #vak4{
	margin:20px 0 0 0;
	width:580px;
	height:auto;
	border:0px;
}

#content #vak5{
	margin:0 0 0 0;
	width:580px;
	height:auto;
	border:0px;
}
#content #vak5 .bestellen{
	background-color: #a3d127;
	border: 3px solid #b7e242;
	display: block;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;	
}

#content .links{
	float:left;
	padding:0px;
}

#content .rechts{
	float:right;
	padding:0px;
}

#content #nieuws{
	width:360px;
	height:300px;
	background:#e9f1f7;
	border:1px solid #cde1eb;
	margin:5px 0 0 15px;
	float:left;
	color:#80a4c0;
}

#nieuws .titel{
	background:#f4f8fb;
	padding:5px;
	height:15px;
	width:350px;
}

#nieuws p{
	padding:5px;
}

#content #nieuws2{
	width:190px;
	height:255px;
	background:#f7f7f7;
	border:1px solid #e6e6e6;
	margin: 5px 0 0 10px;
	float:left;
	color:#b2b2b2;
}

#nieuws2 .titel{
	background:#fff;
	padding:5px;
	height:15px;
	width:180px;
	color: #9dce19;
	font-weight: bold;
}

#nieuws2 p{
	padding:5px;
}
/* Einde opmaak content */

/* opmaak rechts */
#rechts{
	width:170px;
	height:auto;
	margin:5px 0 0 600px;
}

#rechts .vak{
	width:170px;
	padding:5px;
	border:1px solid #e6e6e6;
	background:#f8f8f8;
	color:#b2b2b2;
}

#rechts #vak6{
	height:120px;
}

#rechts #vak7{
	height:85px;
}

#rechts .vak span{
	font-size:9px;
}

#rechts .vak h2{
	color:#9dce19;
	font-size:13px;
	margin:0 0 10px 0;
}

#rechts .vak h2 span{
	color:#323232;
	font-size:13px;
}

#rechts .vak .input{
	width:168px;
	height:15px;
	border:1px solid #e6e6e6;
	font-style:italic;
	font-size:9px;
	color:#b2b2b2;
	margin:0 0 5px 0;
}

#rechts .vak .submit{
	background:url(img/submit.jpg);
	width:60px;
	height:21px;
	border:0px;
	font-size:11px;
	color:#FFFFFF;
	float:right;
}

#rechts .menu{
	width:172px;
	height: auto;
	padding:5px;
	margin:10px 0 10px 0;
	border:0px;
	background:#a3d127;
	color:#fff;
}

#rechts h2{
	font-size:13px;
	margin:0 0 5px 0;
}

#rechts li a{
	display: block;
	text-decoration: none;
	font-size:10px;
	color:#fff;
}

#rechts li{
	width:162px;
	height:12px;
	padding:5px 0 5px 10px;
	float:left;
	background:#a3d127;
	list-style:none;
}

#rechts li:hover{
	background:#b7e242;
}

#rechts .menuactive{
	background-color:#b7e242;
}


/* einde opmaak rechts */

/* opmaak footer */
#footer{
	width:790px;
	height:60px;
	padding:15px 0 0 0;
	margin: 125px 0 0 0;
	text-align:center;
	background:url(img/bg_footer.jpg) repeat-x;
	color:#FFFFFF;
	clear:both;
	margin-bottom: 0px;
}

#footer a:link{
	color:#89c0e4;
	text-decoration:none;
}

#footer a:active{
	color:#89c0e4;
	text-decoration:none;
}

#footer a:visited{
	color:#89c0e4;
	text-decoration:none;
}

#footer a:hover{
	color:#89c0e4;
	text-decoration:none;
}
/* Einde opmaak footer */
