html{

	height: 100%;
	overflow: -moz-scrollbars-vertical;
	}

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-color:#FFFFFF;
	text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	background-position: top;
	}

#container {
	line-height: 150%;
	width: 840px;
	margin: 0 auto;
	margin-top:12px;
	repeat-x;
	position: relative;
}	

#content {
	width: 840px;
	margin: 0 auto;
}


#header{
	height:100px;
	width:840px;
	height:202px;
	background-color:#FFFFFF;
	}
	
#top{
	height:8px;
	background-color:#f3f3f3;
	}
	
#navigation{
	height:28px;
	width:840px;
	text-align:left;
	background-color:#dd651a;
	}

.subnavigation{
	vertical-align:top;
	height:20px;
	color:#FFFFFF;
	text-align:left;
	background-color:#dd651a;
	}	


#info{
	width:564px;
	background-color:#6f2f08;
	height:205px;
	float:left;
	}
	
#info_text{

	color:#FFFFFF;
	vertical-align:top;
	padding:20px;
	line-height:1.3;
	font-size:11px;
	}
	
#photo{
	color:#FFFFFF;
	vertical-align:top;
	padding:20px;
	}


h3{
	font-size:13px;
	margin:0;
	padding:0;
	line-height:2;
	}
	
h2{
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	line-height:2;
	}
	
h4{
	font-size:11px;
	margin:0;
	padding:0;
	}


#news{
	width:275px;
	height:205px;
	background-color:#973e07;
	border-left:#f3f3f3 1px solid;
	float:right;
	}
	
#news_text{
	width:100%;
	max-width:240px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding:20px;
	height:145px;
	line-height:1.3;
	}

.content_text{
	width:840px;
	min-height:200px;
	background-color:#f3f3f3;
	height:auto;
	float:left;
	}
	
.text{
	width:532px;
	min-height:200px;
	text-align:left;
	padding-left:20px;
	padding-right:14px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	font-size:11px;
	vertical-align:top;
	line-height:1.4;
	}

.pic{
	background-color:#e3e3e3;
	padding-top:20px;
	width:275px;
	padding-bottom:10px;
	vertical-align:top;
	text-align:center;
	}
	
a{
	text-decoration:none;
	}	
	
TD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	}
	
table{
	border-collapse: collapse;
	border-spacing: 0;
	}

table td {
  	padding: 0;
	}

.hoofdtabel {
	margin: auto;
	}


	
.title{
	border-bottom:3px solid #440060;
	width:170px;
	display:block;
	line-height:1.4;
	font-size:11px;
	font-weight:bold;
	}

.content{
	width: 454px;
	vertical-align:top;
	background-color:#fefaee;
	background-image: url(../images/bg_content.jpg);
	background-repeat:repeat-y;
	background-position:left;
	}
	
.content_titel{
	width:100%;
	height:21px;
	color:#FFFFFF;
	font-size:11px;
	padding-left:20px;
	background-color:#380255;
	font-weight:bold;
	}

.content_inhoud{
	width:100%;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align:top;
	line-height: 2;
	}
	
.content_function{
	font-size:9px;
	text-align:right;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:20px;
	}
	
.content_function a:link,.content_function a:visited, .content_function a:active{
	text-decoration: none;
	color: #000000;
	}
	
.content_function a:hover{
	text-decoration: underline;
	color: #440060;
	}
	
.agenda{
	width:100%;
	background-color:#eac55e;
	}
	
.agenda_datum{
	font-style:italic;
	padding-left:5px;
	padding-top:2px;
	font-size:11px;
	}
	
.agenda_tekst{
	padding-left:5px;
	border-bottom:#440060 1px dotted;
	padding-top:2px;
	padding-bottom:2px;
	}	

.agenda_tekst a:link,.agenda_tekst a:visited, .agenda_tekst a:active{
	text-decoration: none;
	color: #000000;
	}
	
.agenda_tekst a:hover{
	text-decoration: underline;
	color: #333333;
	}

.fotos{
	text-align:center;
	border-bottom:#440060 1px dotted;
	padding-top:5px;
	padding-bottom:5px;
	}

.submenu{
	color:#FFFFFF;
	padding-top:2px;
	text-align:center;
	}
	
.submenu a:link,.submenu a:visited, .submenu a:active{
	text-decoration: none;
	color: #FFFFFF;
	}
	
.submenu a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
.sitemap_hoofdmenu{
	color:#000000;
	width:100%;
	border-bottom:1px #000000 dotted;
	}
	
.sitemap_hoofdmenu a:link,.sitemap_hoofdmenu a:visited, .sitemap_hoofdmenu a:active{
	text-decoration: none;
	display:block;
	padding:3px;
	padding-left:10px;
	padding-top:2px;
	background-image: url(../images/blokje.gif);
	background-repeat:no-repeat;
	background-position:left;
	color: #000000;
	}
	
.sitemap_hoofdmenu a:hover{
	text-decoration: none;
	background-color:#f2ecd9;
	color: #000000;
	}
	
.sitemap_submenu{
	color:#000000;
	width:100%;
	border-bottom:1px #000000 dotted;
	}
	
.sitemap_submenu a:link,.sitemap_submenu a:visited, .sitemap_submenu a:active{
	text-decoration: none;
	color: #000000;
	padding-top:2px;
	padding:3px;
	padding-left:30px;
	display:block;
	}
	
.sitemap_submenu a:hover{
	text-decoration: none;
	color: #000000;
	background-color:#f2ecd9;
	}
	


#footer{
	width:100%;
	height:15px;
	margin-top:3px;
	color:#ffffff;
	font-size:9px;
	text-align:center;
	}
	
a.link:link, a.link:visited, a.link:active{
 	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.link:hover{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.link2:link, a.link2:visited, a.link2:active{
 	text-decoration: none;
	color: #ffffff;
	}
	
a.link2:hover{
	text-decoration: underline;
	color: #ffffff;
	}
	
a.link3:link, a.link3:visited, a.link3:active{
 	text-decoration: none;
	color: #000000;
	}
	
a.link3:hover{
	text-decoration: underline;
	color: #000000;
	}
	
a.sitemap_link:link, a.sitemap_link:visited, a.sitemap_link:active{
 	text-decoration: none;
	color: #000000;
	width:200px;
	line-height:2;
	font-size:12px;
	margin-left:5px;
	background-image: url(../images/blokje.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	}
	
a.sitemap_link:hover{
	text-decoration: none;
	color: #d96218;
	}
	
a.sitemap_link2:link, a.sitemap_link2:visited, a.sitemap_link2:active{
 	text-decoration: none;
	color: #000000;
	background-image: url(../images/blokje.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:12px;
	margin-left:25px;
	padding-left:15px;
	line-height:2;
	}
	
a.sitemap_link2:hover{
	text-decoration: none;
	color: #d96218;
	}
	


.inputbox{
	color: #4b4b4b;
	border:1px ridge;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:250px;
	background-color:#ffffff;
	}
	
.inputbox2{
	color: #4b4b4b;
	border:1px ridge;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:205px;
	background-color:#ebebeb;
	}
	
.inputbox3{
	color: #4b4b4b;
	border:1px ridge;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100px;
	background-color:#ebebeb;
	}
	
.textarea{
	color: #4b4b4b;
	border: #4b4b4b solid 1px;
	font-size:12px;
	}

.submit_button{
	color: #ffffff;
	border:1px solid #6f2f08;
	background: #da6218;
	cursor:pointer;
	font-size:11px;
	padding:2px;
	} 
	
.offerte_aanvraag{
	font-weight:bold;
	padding-left:4px;
	}

/*
	Navigatie
*/

#menu{
	list-style: none;
	position:absolute;
	margin: 0; padding: 0;
	padding-left:9px;
	}

#menu li{
	margin: 0; padding: 0;
	float:left;
	}

#menu li a{
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 6px 13px 7px 13px;
	background-image:url(../..);
	}

#menu li a:hover{
	color: #FFFFFF;
	background-image:url(../images/button_bg.jpg);
	background-color:#c9550f;

	opacity: 1; // De rest 
	width: 100%;
	}

/*
   Drop down menu
*/

#menu li ul 
{
  /* move it of the screen so it is not visible */
	position: absolute;
	top: -999em;
	margin:0px;
	list-style: none;
	padding-left: 0em;
	margin-left: 0em;
	margin-top: 0em;

	/* It should overlap other components (picture on home page) */
	z-index: 10;
}

#menu li ul a 
{
	width: 22em;
	background-color:#d96218;
	border-bottom:1px #6f2f08 solid;
	text-indent:6px;
	font-weight: normal;
	font-size:10px;
	padding:4px;
	margin-left:4px;
	
}

#menu li ul a:hover
{
	background-color:#e56f27;
}	

#menu li:hover ul, #menu li.cw_hover ul 
{
	top: auto;
	opacity: 0.85; // De rest 
	left: auto;
	width: 10em;
	padding-top:0px;
}


/*
	Subnavigatie
*/

#submenu{
	list-style: none;
	position:absolute;
	margin: 0; padding: 0;
	padding-left:9px;
	}

#submenu li{
	margin: 0; padding: 0;
	float:left;
	}

#submenu li a{
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 3px 13px 4px 13px;
	background-image:url(../..);
	}

#submenu li a:hover{
	color: #FFFFFF;
	background-image:url(../images/button_bg.jpg);
	background-color:#c9550f;

	opacity: 1; // De rest 
	width: 100%;
	}