body,
html {
	background: #fff url(../../images/bg_vervolg.gif) repeat-x; color: #1d5896; margin: 0; padding: 0; font: normal 11px verdana,arial,sans-serif;
}

body { min-width: 900px;}

div#wrapper {
	width: 900px; margin: 0 auto; padding: 0;
}

div#wrapper a {
	text-decoration: underline; color: #1d5896;
}

img { border: 0;}

form {
	margin: 0; padding: 0;
}

#printAdres { display: none;}

/* ================= Top (logo + knoppen, contact en snel naar ================= */
div#top {
	height: 106px;
	text-align: center;
	font-size: 12px;
}

#logo { margin: 9px 0 0 7px;}

#top ul {
	margin: 0; padding: 0; list-style-type: none; float:right;
}

#top ul li {
	display: block; float: left; padding: 0; margin: 0;
}

#top ul li a {
	width: 180px;
	height: 22px;
	text-decoration: none;
	display: block;
	background-color: #FFF;
	background-image: url(../../images/bg_nav_hover.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	margin-top: 11px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	vertical-align: baseline;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	float: left;
	background-position: right;
	color: #FFF;
	list-style-image: none;
	list-style-type: none;
	border: 1px solid #1d5896;
}

#top ul li a:hover {
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}

/* ================= Navigatie (main nav) ================= */
#mainNav {
	height: 40px;
	padding-left: 8px;
}

/* Root = Horizontaal, Secondary = Verticaal */
ul#nav {
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
	width:950px; /*voor KHTML*/
	font-family: verdana, arial, sans-serif;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #174678;
}

ul#nav li {
  margin:0; border:0 none; padding:0; display:inline; list-style:none; position:relative; height:30px; border-left: 1px solid #174678; float:left; background: url(../../images/1px_nav.gif) right no-repeat; /*voor Gecko*/
}

ul#nav ul {
  margin:0; border:0 none; padding:0; width:185px; list-style:none; display:none; position:absolute; top:30px; left:0;
}

ul#nav ul li {
  float:left; display:block !important; display:inline; width:100%; /*voor IE*/
}

/* Main Menu */
ul#nav a {
	padding:8px 23px 9px 23px;
	float:none !important;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	height:auto !important;
	font-weight:bold;
	height:1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
  background: url(../../images/bg_nav_hover.gif) repeat-x; color:#fff;
}

ul#nav li#eind {
	border-right:1px solid #174678!important;
}

ul#nav li.knopAan {
	background: url(../../images/bg_nav_aan.gif) repeat-x;!important}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none; 
  background: #4a79ab; 
  color: #fff; 
  font-weight: normal;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  background: #1e93cb; color: #fff;
}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  background: #bf5559; color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
  background: #ebe9dd; color: #1b1b1b;
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none; position: absolute; top: 0; left: 0;
}

/* Niet verplaatsen, moet voor display:block komen ivm Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}
/* ================= Let Op vlak (blauwe vlak boven content met bijvoorbeeld IZM) ================= */
div#letopIZM {
	background: #1e93cb url(../../images/letop_izm.gif) left bottom no-repeat; height: 110px; color: #fff;
}

div#letopBaby {
	background: #1e93cb url(../../images/letop_baby.jpg) left bottom no-repeat; height: 110px; color: #fff;
}

div#letopINS {
	background: #1e93cb url(../../images/letop_instr.jpg) left bottom no-repeat; height: 110px; color: #fff;
}

#letopIZM h1, #letopBaby h1, #letopINS h1 {
	background: url(../../images/ronding_letop.gif) right top no-repeat; margin: 0 0 0 230px; padding: 6px 0 0 0; font: normal 18px verdana,arial,sans-serif; color: #fff;
}

#letopIZM p, #letopBaby p, #letopINS p {
	margin: 0 0 0 230px; padding: 0 20px 0 0; line-height: 150%;
}

#letopIZM a, #letopBaby a, #letopINS a {
	color: #fff!important; font-weight: bold; background: url(../../images/bullet_wit.gif) no-repeat; padding-left: 12px; background-position: 0 4px; 
}

/* ================= Content (tekst op website + rechterkant (reageren en nieuws)) ================= */
.clearfloat:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
  
.clearfloat { display: block;}  
* html .clearfloat {height: 1%;}
.clearfloat {display: block;}

#content {
	float: left;
	width: 606px;
	margin: 10px 0;
	border-right: 1px solid #8ec9e5;
	padding: 0 40px 0 0px;
}

#content p { line-height: 150%; padding-bottom: 20px;}

#kruimels a {
	background: url(../../images/pijl_kruimel.gif) right no-repeat; padding-right: 16px; margin-right: 8px;
}

#feas { padding: 60px 0 10px 0;}

#feas a {
	text-decoration: none!important; margin-right: 40px;}

#nTop { margin: 0 0 0 240px!important;}

#content h2 {
	margin: 0; padding: 0 0 0 10px; font: bold 12px verdana,arial,sans-serif; color: #b63128; background: url(../../images/bullet_rood_h2.gif) no-repeat; background-position: 0 4px;
}

h2 {
	margin: 0; padding: 0 0 0 10px; font: bold 12px verdana,arial,sans-serif; color: #1d5896; background: url(../../images/bull_blauw.gif) no-repeat; background-position: 0 4px;
}

h1 {
	margin: 25px 0 25px 0; padding: 0 0 8px 55px; color: #b63027; font: normal 22px verdana,arial,sans-serif; background: url(../../images/bullet_h1.gif) no-repeat;
}

#rechts {
	float: left; width: 233px; margin: 10px 0; padding: 10px 0 0 10px;
}

#rechts p {
	padding: 0 0 15px 10px; line-height: 150%;}

.datum {
	color: #b63027; display: block;}

.lMeer {
	text-align: right; border-bottom: 1px solid #8ec9e5; padding-bottom: 30px!important; background: url(../../images/bullet_groot.gif) top right no-repeat;
}

.rBold {
	font-weight: bold; padding: 2px 30px 8px 0;
}

em {
	color: #b63027;}

.wrapAfb {
	margin-bottom: 0px; padding-bottom: 0px;
}

.divLijn {
	border-top: 1px solid #8ec9e5; 
}

.afbNieuws {
	border: 4px solid #d2e9f5; padding: 1px; margin: 8px 20px 0 0;
}

.opsomm {
	margin: 0; padding: 0; list-style-type: none;
}

.opsomm li{ padding-bottom: 6px;}

.opsommSub {
	margin: 12px 0 0 55px;
	padding: 0;
	list-style-type:square}

.tijden {
	width: 230px; margin: 0; padding: 0 0 0 0; text-align: right; line-height: 150%;
}

.prijs {
	width: 230px; margin: 0; padding: 8px 0 25px 0; text-align: right; line-height: 150%;
}

.tijden span, .prijs span {
	float: left;}

.toel, .rads {
	font-weight: normal!important; padding-bottom: 10px;
}

#bschap {
	background: #e8f4fa!important; font: normal 11px verdana,arial,sans-serif!important; color: #1d5896!important; line-height: 150%!important; border: 1px solid #8ec9e5; padding: 10px; margin-bottom: 30px;
}

#bschap p font {
	background-color:none!important;}

#bschapppi {
	background: #e8f4fa!important; font: normal 11px verdana,arial,sans-serif!important; color: #1d5896!important; line-height: 150%!important; border: 1px solid #8ec9e5; padding: 10px; margin-bottom: 30px;
}

div#zwemA, div#zwemB, div#zwemC {
	background:#d2eaf5;
	border-bottom:1px solid #1d5896;
	border-top:1px solid #1d5896;
	margin:10px 0;
	display:none;
}

div#zwemA p, div#zwemB p, div#zwemC p {
	padding:0 10px;}

/* ================= Formulieren (alle form elementen hier plaatsen) ================= */
#frmTab td {
	font-weight: bold; width: 200px;}

label {
	cursor: pointer;}

.veld {
	border: 0; background: url(../../images/bg_veld.gif) no-repeat; height: 22px; width: 190px; color: #b63027; font: normal 11px verdana,arial,sans-serif; padding: 8px 0 0 10px; margin-bottom: 10px; _background-attachment: fixed;
}

#frmOpm {
	border: 0; color: #b63027; font: normal 11px verdana,arial,sans-serif; width: 190px; height: 92px; padding: 8px 0 0 10px; background: url(../../images/bg_txtarea.gif) no-repeat; _background-attachment: fixed;
}

#knopFrm {
	background: #b63027; border: 0; font: normal 11px verdana,arial,sans-serif; color: #fff; cursor: pointer; width: 200px; height: 30px; margin-top: 20px;
}

.selType {
	font: normal 11px verdana,arial,sans-serif; color: #1d5896; margin-bottom: 10px; width: 200px;
}

/* ================= Footer (spreekt voorzich) ================= */
div#footer {
	clear:both;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 0;
	background-color: #FFFFFF;
}

div#footer a {
	color: #1d5896; text-decoration: none; padding-left: 20px; border-left: 1px solid #1d5896; margin-left: 20px;
}

div#footer a:hover { text-decoration: underline;}

#footer p {
	width: 900px;
	margin: 0 auto;
	padding: 72px 0 20px 0;
	text-align: left;
	background:url(../../images/bg-footer.gif) no-repeat;
}