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

/**************************************************************
** Algemene Styles
***************************************************************/
body, html{
	background:url(../Images/body_bg.jpg) top left repeat-x;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#333366; text-decoration:none;}
a:hover{ color:#333366; text-decoration:underline;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:14px; line-height:18px;}

h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; padding:0px;}

.pngfix{ behavior:url(http://www.jurremaenhoogenbos.nl/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	width:892px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0 auto 0 auto;
	padding:0px;
}
#header{
	background:url(../Images/header_bg.jpg) no-repeat;
	width:860px;
	height:320px;
	margin:0px;
	padding:0 16px 0 16px;
}
#content{
	background:url(../Images/container_bg.jpg) repeat-y;
	width:820px;
	min-height:400px;
    height:auto !important;
	height:400px;
	margin:0px;
	padding:0 36px 0 36px;
}
#links{
	width:550px;
	min-height:400px;
    height:auto !important;
	height:400px;
	margin:0 19px 0 0;
	padding:0 20px 10px 0;
	float:left;
	border-right:1px solid #c2c2c2;
}
#rechts{
	width:230px;
	min-height:400px;
    height:auto !important;
	height:400px;
	margin:0px;
	padding:0 0 10px 0;
	float:left;
}
#footer{
	background:url(../Images/footer_bg.jpg) no-repeat #ffffff;
	width:892px;
	height:40px;
	margin:0px;
	padding:36px 0 0 0;
	text-align:center;
}

/**************************************************************
** Header Styles
***************************************************************/
#logo{
	width:450px;
	height:80px;
	margin:0 0 20px 0;
	padding:0px;
	float:left;
}
#naw_gegevens{
	width:166px;
	height:60px;
	line-height:20px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	float:right;
	font-weight:bold;
	border-left:1px solid #c2c2c2;
}
#slideshow{
	position:relative;
	width:840px;
	height:200px;
	margin:0 0 0 10px;
	padding:0px;
	display:inline;
	float:left;
}
#flash_vak{
	position:absolute;
	width:840px;
	height:200px;
	margin:0px;
	padding:0px;
	z-index:1px;
}
#menu{
	background:url(../Images/menu_bg.png) bottom right no-repeat;
	position:absolute;
	top:10px;
	left:10px;
	width:356px;
	height:40px;
	z-index:2;
}
#menu ul{
	width:356px;
	margin:0px;
	padding:0px;
}
#menu ul li.hoofditem, #menu ul li.hoofditem_over{
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
	position:relative;
}
#menu ul li.hoofditem a{
	background:url(../Images/bolletje_menu.jpg) 4px 16px no-repeat;
	height:40px;
	line-height:40px;
	margin:0px;
	padding:0 8px 0 18px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#menu ul li.hoofditem a:hover, #menu ul li.hoofditem a.aan{
	background:url(../Images/bolletje_menu_over.jpg) 4px 16px no-repeat;
	text-decoration:none;
}
#menu ul li.hoofditem_over a{
	background:url(../Images/bolletje_menu_over.jpg) 4px 16px no-repeat;
	height:40px;
	line-height:40px;
	margin:0px;
	padding:0 8px 0 18px;
	display:block;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
/* Begin van submenu styles */
ol.submenu{
	position:absolute;
	width:156px;
	margin:0px;
	padding:0px; 
  	top:40px;
  	left:0px;
	display:none;
}
#menu ul li.hoofditem_over ol.submenu{
	background:url(../Images/menu_bg.png) bottom right no-repeat;
	width:156px;
  	display:block;
	margin:0px;
	padding:0 10px 10px 18px;
  	position:absolute; 
  	top:40px;
  	left:0px;
}
#menu ul li.hoofditem_over ol.submenu li.subitem{
	float:left;
	list-style-type:none;
}
#menu ul li.hoofditem_over ol.submenu li.subitem a{
	background:url(../Images/bolletje_menu.jpg) 0 6px no-repeat;
	width:130px;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:0 8px 0 18px;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	float:left;
}
#menu ul li.hoofditem_over ol.submenu li.subitem a:hover{
	background:url(../Images/bolletje_menu_over.jpg) 0 6px no-repeat;
}
#zoekveld{
	background:url(../Images/menu_bg.png) bottom right no-repeat;
	position:absolute;
	bottom:10px;
	right:10px;
	width:225px;
	height:25px;
	margin:0px;
	padding:5px 0 0 5px;
	z-index:2;
}
input.zoekform{
	background:#ffffff;
	width:148px;
	height:16px;
	margin:0px;
	padding:2px 0 0 2px;
	color:#b7b7b7;
	font-size:11px;
	border:1px solid #afc81e;
}
input.zoekform_submit{
	background:#000000;
	height:20px;
	color:#afc81e;
	font-size:11px;
	border:1px solid #afc81e;
	cursor:pointer;
}

/**************************************************************
** Links Styles
***************************************************************/
#links h1{
	background:url(../Images/bolletje_menu.jpg) 0 10px no-repeat;
	width:532px;
	height:28px;
	line-height:28px;
	margin:0px;
	padding:0 0 0 18px;
}
fieldset{
	width:530px;
	padding:15px 10px 15px 10px;
	border:1px solid #336;
}
fieldset legend{
	color: #9A9A07;
}
input.contactform{
	background:#ffffff;
	width:148px;
	height:16px;
	margin:0 0 2px 0;
	padding:2px 0 0 2px;
	color:#b7b7b7;
	font-size:11px;
	border:1px solid #afc81e;
}
input.contactform_middel{
	background:#ffffff;
	width:113px;
	height:16px;
	margin:0 0 2px 0;
	padding:2px 0 0 2px;
	color:#b7b7b7;
	font-size:11px;
	border:1px solid #afc81e;
}
input.contactform_klein{
	background:#ffffff;
	width:28px;
	height:16px;
	margin:0 0 2px 0;
	padding:2px 0 0 2px;
	color:#b7b7b7;
	font-size:11px;
	border:1px solid #afc81e;
}
textarea.contactform{
	background:#ffffff;
	width:148px;
	height:120px;
	margin:0 0 2px 0;
	padding:2px 0 0 2px;
	color:#b7b7b7;
	font-size:11px;
	border:1px solid #afc81e;
}
input.contactform_submit{
	background:#000000;
	height:20px;
	color:#afc81e;
	font-size:11px;
	border:1px solid #afc81e;
	cursor:pointer;
}
.link_item{
	width:300px;
	float:left;
	padding:10px;
	margin: 10px 0px 0px 0px;
	display:inline;
	border:solid 1px #cccc33;
	cursor:pointer;
	text-align:center;
}
.link_item:hover{ border:solid 1px #333367;}
.link_item IMG{ margin:0 0 10px 0;}
.link_item A{
	color:#333367;
	text-decoration:none;
	font-size: 11px;
	line-height: 14px;
}
.link_item A:hover{
	color:#000000;
	text-decoration:none;
}

.referentie
{
	width: 530px;
	margin-top: 10px;
}

.referentie .logo
{
	width: 200px;
	float: left;
}

.referentie .logo img
{
	border:none;
}

.referentie .tekst
{
	width:300px;
	float:left;
	margin:0 0 0 30px;
}

.referentie .tekst p a
{
	font-weight:bold;
}
/**************************************************************
** Rechts Styles
***************************************************************/
.submenu{
	width:230px;
	margin:0px;
	padding:0px;
}
.submenu ul{
	background:url(../Images/submenu_onder.jpg) bottom no-repeat;
	width:230px;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.submenu ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.submenu ul li a{
	background:url(../Images/bolletje_menu.jpg) 0 4px no-repeat;
	width:212px;
	margin:0px;
	padding:0 0 0 18px;
	font-size:11px;
	color:#000000;
	display:block;
}
.submenu ul li a:hover, .submenu ul li a.aan{
	background:url(../Images/bolletje_menu_over.jpg) 0 4px no-repeat;
	text-decoration:none;
}
.nieuwsblok{
	width:228px;
	margin:0 0 10px 0;
	padding:0px;
	border:1px solid #afc81e;
	float:left;
}
.nieuws_titel{
	width:218px;
	float:left;
	color:#afc81e;
	line-height:20px;
	font-weight:bold;
	padding:0 5px 0 5px;
}
.nieuws_titel a{ color:#afc81e; font-weight:bold;}
.nieuwsblok_tekst{
	font-weight:bold;
	width:218px;
	padding:5px 5px 0 5px;
	float:left;
}
.nieuwsblok_leesmeer{
	width:223px;
	float:left;
	height:20px;
	line-height:20px;
	padding:0 0 0 5px;
}
.nieuwsblok_leesmeer A{
	font-weight:bold;
	color:#333366;
	text-decoration:none;
}
.nieuwsblok_leesmeer A:hover{
	color:#cece3c;
	text-decoration:none;
}


/**************************************************************
** Nieuwsbrief Styles
***************************************************************/
.nieuwsbriefoverzicht{
	margin:0px;
	padding:0px;
}
.nieuwsbriefoverzicht ul{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.nieuwsbriefoverzicht ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.nieuwsbriefoverzicht ul li a{
	background:url(../Images/bolletje_menu.jpg) 0 4px no-repeat;
	margin:0px;
	padding:0 0 0 18px;
	font-size:11px;
	color:#000000;
	display:block;
}
.nieuwsbriefoverzicht ul li a:hover, .nieuwsbriefoverzicht ul li a.aan{
	background:url(../Images/bolletje_menu_over.jpg) 0 4px no-repeat;
	text-decoration:none;
}