@charset "utf-8";
/* oja.nl stylesheet */

html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h3 {font-weight:bold; 
font-size:12px;}

body {
	background-color: #d9e5ae;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	
}

#wrapper {
	width: 856px;
	height: auto;
	margin: 30px auto auto auto;
	padding: 0px;
	position: relative;
	text-align: left;
}

#top 	{
	width: 856px;
	height: 125px;
	position: relative;
	background-image:url(images/topbg.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

#logo { 
	width: 179px;
	height: 107px;
	margin: 18px auto 0px 130px;
	position: relative;
	padding: 0xp;
	float: left;
	border:none;
}

#b01 a, #b02 a, #b03 a{
	background-repeat: no-repeat;
	background-position:bottom;
	font: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	position: relative;
	height: 17px;
	float: left;
	border: none;
	padding: 55px 0px 0px 5px;
}
#b01 a{
	background-image:url(images/b01.gif);
	margin: auto auto 0px 43px;
	width: 165px;}

#b02 a {
	background-image:url(images/b02.gif);
	width: 131px;
	margin: auto auto 0px 6px;
		}

#b03 a {
	background-image:url(images/b03.gif);
	width: 144px;
	margin: auto auto 0px 6px;
	}

#b01 a:hover, #b02 a:hover, #b03 a:hover {
	height: 35px;
	padding: 37px 0px 0px 5px;
	text-decoration: none;
}
#b01 a:hover{background-image:url(images/b01_o.gif);}
#b02 a:hover{background-image:url(images/b02_o.gif);}
#b03 a:hover{background-image:url(images/b03_o.gif);}

#slogan h4 {
	font:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #005699;
	float: left;
	width: 500px;
	height: auto;
	padding: 0px;
	margin: 20px auto auto 0px;
	text-align: left;
}

#mid {
	background-image:url(images/midbg.jpg);
	background-repeat: repeat-y;
	width: 856px;
	position: relative;
	min-height: 100%;
	height:auto;
	height:100%; 
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#left {
	width: 220px;
	height: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu {
	width: 205px;
	height: 193px;
	margin-top: 0px;
	padding-bottom: 20px;
	margin-left: 15px;
	float: left;
	padding-top: 10px;
	position: relative;
}

#plaatje {
	margin: 0px 0px 0px 15px;
	width: 205px;
	height: 160px;
	padding: 0px;
	position: relative;
	float: left;
}

#contact {
	width: 170px;
	height: auto;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
	margin: 0px 0px 0px 15px;
	padding: 25px 15px 0px 20px;
	float: left;
	position: relative;
}

#contact a {
	color:#FFFFFF;
}

.sidemenu, .sidemenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 205px; /*WIDTH OF MAIN MENU ITEMS*/
}

.sidemenu li a{
font: 12px Arial;  
color:#FFFFFF;
display: block;
width: auto;
padding: 3px 0px 3px 20px;
text-decoration: none;
vertical-align: top;
}

.sidemenu li {
font: 12px Arial;
color: #000000;
display: block;
width: auto;
padding: 0px 0px 4px 0px;
text-decoration: none;
vertical-align: top;
position: relative;
}

.sidemenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.sidemenu li ul a{
width: 190px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.sidemenu li a:visited, .glossymenu li a:active{
color: #FFFFFF;
}

.sidemenu li a:hover{
background-color: #003563;
}
#mid h1, #title h1{
color:#FF6600;
font-size:15px;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:normal;
}
#mid h1 {
padding-bottom: 5px;
}

#title h1{
padding-bottom: 0px;
}

#content_top, #content_top2, #content_top3, #content_top4 {
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin: 0px;
float: left;
position: relative;
text-align: justify;
}

#content_top {
height: 183px;
width: 410px;
padding: 25px 25px 15px 25px;
}

#content_top2 {
height: auto;
min-height:550px;
width: 410px;
padding: 25px 25px 15px 25px;
}

#content_top3 {
height: auto;
min-height:550px;
width: 570px;
padding: 25px 25px 15px 25px;
}
#content_top4 {
height: auto;
width: 315px;
padding: 25px 0px 15px 10px;
}

#content_top2 h2, #content_top3 h2, #content_top4 h2, #content_top h2, #content h2, #content_center2 h2  {
color: #333333;
font-weight: bold;
font-size:14px;
}
#content_top2 h2, #content_top3 h2, #content_top4 h2{
padding-top: 15px;
}
#content_top h2, #content h2 {
padding-top:0px; margin-top:0px;
	}
#content_center2 h2 {
padding-top: 12px;
padding-bottom:0px;
margin-bottom:0px;
}

#content_top a, #right2 a, #content_top2 a, #content_top3 a, #content_top4 a, #content_bottom_r a{
text-decoration: underline;
border: none;
color: #005699;
font-weight: bold;
font-size:12px;
}

#content_top a:hover, #right2 a:hover, #content_top2 a:hover, #content_top3 a:hover, #content_top4 a:hover, #content_bottom_r a:hover{
color: #FF6600;
}
#right, #right5, #right6, #right7  {
	margin: 25px 26px 0px 0px;
	padding: 0px;
	float: right;
	position: relative;
	width: 149px;
	background-repeat: no-repeat;
}

#right {
	background-image:url(images/dame2.jpg);
	height: 358px;
}

#right2 {
	width: 260px;
	height: auto;
	padding: 25px 25px 15px 0px;
	margin: 0px;
	float: right;
	position: relative;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align: justify;
}

#right5{
background-image:url(images/rechts4.jpg);
height: 198px;}
#right6{background-image:url(images/rechts5.jpg);
height: 210px;} 
#right7{background-image:url(images/rechts8.jpg);
height: 213px;} 
#back_rechts1 h2, #back_rechts2 h2, #back_rechts3 h2, #back_rechts4 h2, #back_rechts5 h2, #back_rechts6 h2, #back_rechts7 h2{
color:#FF6600;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 17px 9px 0px 9px;
font-style:normal;
position: relative;
font-size:12px;
}
#right5 h2, #right h2, #right6 h2, #right7 h2{
color:#FF6600;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 17px 9px 0px 9px;
font-style:normal;
position: relative;
font-size:16px;}
#back_rechts1, #back_rechts2, #back_rechts3, #back_rechts4, #back_rechts5, #back_rechts6, #back_rechts7  {
	background-repeat: no-repeat;
	width: 149px;
	height: 198px;
	margin: 25px 26px 0px 0px;
	padding: 0px;
	float: right;
	position: relative;
}
#back_rechts1 a, #back_rechts2 a, #back_rechts3 a, #back_rechts4 a, #back_rechts5 a, #back_rechts6 a, #back_rechts7 a, #right5 a{text-decoration:none;}
#back_rechts1{
background-image:url(images/back_bocoh_pin_ideal.jpg); }
#back_rechts2{
background-image:url(images/back_bocoh.jpg); }
#back_rechts3{
background-image:url(images/back_bocoh_pin.jpg); }
#back_rechts4{
background-image:url(images/back_bocoh_ideal.jpg); }
#back_rechts5{
background-image:url(images/back_pin_ideal.jpg); }
#back_rechts6{
background-image:url(images/back_pin.jpg); }
#back_rechts7{
background-image:url(images/back_ideal.jpg); }

#regio_rechts_onder a, #regio_rechts_onder2 a, #regio_rechts_onder2, #regio_rechts_onder3 a, #regio_rechts_onder4 a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:12px;} 

#regio_rechts_onder{
margin: 100px 9px 0px 9px;
*margin: 101px 9px 0px 9px;
}

#regio_rechts_onder2{
margin: 70px 9px 0px 9px;
*margin: 72px 9px 0px 9px;
}
#regio_rechts_onder3{
margin: 107px 9px 0px 9px;
*margin: 108px 9px 0px 9px;
}
#regio_rechts_onder4{
margin: 77px 9px 0px 9px;
*margin: 79px 9px 0px 9px;
}

#telnummer{
color:#005699;
font-weight:bold;
font-size:14px;
margin-left:10px;
*margin-left:10px;
margin-top:1px;
text-decoration:none;
}
#telnummer a{
	color:#005699;
font-weight:bold;
font-size:14px;
text-decoration:none;}

#dame_text {
color: #333333;
font-size:11px;
font: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 102px;
padding: 0px;
text-align: center;
font-style:normal;
position: relative;
}
#content_center, #content_center2 {
background-color: #d0e9ff;
height: 160px;
position: relative;
float: left;
}
#content_center {
margin: 0px auto 0px 0px;
width: 461px;
padding: 0px;
}
#content_center2 {
width: 600px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding: 0px 0px 0px 10px;
background-color: #d0e9ff;
}
#content_center_left_regio, #content_center_left1_regio, #content {
height: auto;
position: relative;
float: left;
}
#content_center_left_regio {
width:300px;
padding-left: 15px;
}
#content_center_left1_regio {
width: 190px;
}
#content_center_midden_regio {
width: 105px;
float: right;
position:relative;
margin-top:2px;
margin-left:5px;

}
#content_center_right_regio {
margin: 0px 0px 0px 0px;
width: 275px;
height: auto;
padding: 0px;
position: relative;
float: right;
}
#content_center_left1_regio ul, #content_center_left1_regio li, #content_center_right_regio ul, #content_center_right_regio li { 
margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; line-height:17px;}
#content_center_midden_regio ul, #content_center_midden_regio li {
	margin:0px; padding:0xp;
	list-style:none;
	}
#content {
min-height:203px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align: justify;
text-decoration:none;
width: 570px;
padding: 25px 25px 15px 25px;
margin: 0px;
}

#bel h3, #bel2 h3, #bel3 h3 {
float: left;
width: auto;
vertical-align: middle;
color: #005699;
font-size:14px;
font-weight: bold;
}
#bel h3 {
	height: auto;
padding: 10px 0px 0px 25px;	
}
#bel2 h3{
	height: auto;
padding-top:10px;
}
#bel3 h3{
	height: 160px;
padding-top:10px;
padding: 15px 0px 0px 15px;	
}

#flash {
float: left;
position: relative;
width: 202px;
height: 94px;
margin: 10px auto auto 5px;
}

#map {
float: left;
height: 86px;
width: 74px;
margin: 20px auto auto 15px;
}

#zip {
width: 145px;
height: 30px;
float: right;
position: relative;
margin: 130px 0px 0px auto;
padding: 0px;
}
#zip2 {
width: auto;
padding-top: 10px;
}
#zip3 {
width: 225px;
padding-top: 20px;
}

#invoeren {
margin: auto auto 3px 25px;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#textfield, #textfield2{
height: 17px;
font-size:12px;
color: none;
}

#textfield {
position: relative;
vertical-align:middle;
margin: 0px 4px auto auto;
padding-top: 3px;
width: 79px;
float: right;
}
#textfield2 {
width:100px;
vertical-align:top;
}

#vind { 
float: right;
padding: 0px;
position: relative;
width: 46px;
height: 24px;
margin-right: 7px;
}
#vind2 { 
width: 46px;
height: 23px;

}
#opsomming, #opsomming2 {
	height: auto;	
	padding-bottom: 15px;
padding-top: 2px;
position: relative;
	font: normal 12px Arial;
}
#opsomming {
	width: 170px;
	margin-top: 10px;
	margin-left: 40px;
	float: left;
	position: relative;
	font: bold 12px Arial;
}
#opsomming2 {
	width: auto;
	margin-bottom: 1px;
	margin-top: 5px;
}

.voordelen, .voordelen li ul{
list-style-type: none;
margin: 0;
padding:0;
width: auto; /*WIDTH OF MAIN MENU ITEMS*/
}
.voordelen li {
background-repeat: no-repeat;	
color:#333333;
display: block;
width: auto;
padding: 6px 0px 0px 25px;
text-decoration: none;
position: relative;}

.voordelen li {
background-image:url(images/arrow2.jpg);
background-position: left;
vertical-align: top;
}
.voordelen3 li, .voordelen3 img {
background-image:url();
padding-right:15px;
padding-left:0px;
vertical-align:middle;
}

#dagen {
	float: left;
	width: 40px;
}

#tijden {
	width: 100px;
	height: auto;
	float:left;
	text-align: right;
}
#content_bottom_l, #content_bottom_r, #content_bottom {
height: auto;
font:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#333333;	
margin: 0px;
float: left;
position: relative;
text-align: justify;
}
#content_bottom_l {
font-style:italic;
width: 270px;
padding: 25px 0px 0px 25px;
text-decoration:none;
}
#content_bottom_r {
width: 275px;
padding: 25px 15px 0px 25px;
}
content_bottom{
width: 570px;
padding: 25px 25px 15px 25px;
}

#review_inleiding {
font-style: normal;
}

.review_title a, #review_title a, #review_title a:hover {
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-style:normal;
font-weight: bold;
border: none;
color: #333333;
}

#logos {
float: right;
margin: 5px 40px 0px auto;
width: 571px;
height: 27px;
padding: 0px;
position: relative;
}

#clear {
clear: both;
}

#bottom {
	background-image:url(images/bottombg.jpg);
	background-repeat: no-repeat;
	height: 57px;
	width: 856px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	float: left;
}
#d01 a, #d02 a, #d03 a{
background-repeat: no-repeat;
	background-position:bottom;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	position: relative;
	width: 136px;
	height: 23px;
	padding: 34px 0px 0px 0px;
	text-align: center;
	float: left;
	border: none;
}
#d01 a{
	background-image:url(images/onder_1.gif);
	margin: auto auto 0px 395px;
	
}

#d02 a{
	background-image:url(images/onder_2.gif);
	margin: auto auto 0px 6px;
	
}

#d03 a{
	background-image:url(images/onder_3.gif);
	margin: auto auto 0px 6px;
	}

#d01 a:hover, #d02 a:hover, #d03 a:hover{
	color:#333333;
}

label
{
  width:30%;
  text-align:left;
  float:left;
  padding-top:2px;
}

.row
{
  padding-top:2px;
  padding-bottom:2px;
}
.buttonverzenden
{
  padding-top:14px;
  padding-bottom:14px;
}
.formulier
{
  width:40em;
}
#fields, #fields2 {font-size:12px;
font-family:Arial, Helvetica, sans-serif;} 

#fields2 {
	width:114px;
}

.errorlist, .error input, .error select, .error textarea{
  border: 1px solid #ff9600;
  background: #ffd79f;
  *list-style-position:inside;
  *padding-left:10px;
  *margin-left:0px;
   }
 .errorlist{  
    width:31em;
 }
.imgd {
	margin-top:32px;
		}
.imgp {
	margin-left:25px;
	margin-bottom:15px;
		}
#win1{
	float:left; width:140px; position: relative; margin:0px; padding:0px;
	}
#win2 {
	float:right; width:120px; position: relative; margin:0px; padding:0px;
	}
#win {
	margin:0px; margin-left:8px; padding:0px;
	}
#win a, #win a:hover{ 
	font-size:11px;
	}
#urg { 
	float:right;
	font-size:11px; width:210px; font-weight:bold; color:#FF6600;position: relative; *position: absolute;
	}

.ntel{ font-size:14px; font-weight:bold; margin:0px; padding:0px; 
 	
}
.ntelhome{ font-size:18px; font-weight:bold; margin:0px; padding:0px; color:#333333; 
 	
}