/* *********************************************************************** */
/* GLOBAL TAG DEFINITIONS                                                  */
/* *********************************************************************** */

/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	font-size: 11px;
	text-align: center;
}
img {
	border-style: none;
}

a, dd, div, dt, form, h1, h2, h3, h4, h5, input, p, span, td, textarea, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #666666;
}

dd, dl, dt, form, h1, h2, h3, h4, h5, input, p, li, ol, ul {
	margin: 0;
	padding: 0;
}

p, ul {
	padding-bottom: 10px;
	line-height: 17px;
}
ul {
	padding-left:25px;
}
a {
	/*color: #333333;*/
	text-decoration: none;
	/*background-color:#FFDDDD;*/
	color:#FF6666;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, .title, .caption{
font-size: 1.8em; /* 18px */
font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.5px; font-weight: normal;
padding-bottom:9px;padding-top:10px;padding-left:10px;padding-right:10px
}
h1 {color:red}
h2 {
font-size: 1.6em; /* 16px */
padding-bottom:0}
h3, .title {
font-size: 1.4em; /* 14px */
color:red; font-weight:bold; margin-bottom: 6px;
}
h4 {
font-size: 1.2em; /* 12px */
padding-bottom: 3px;}
h5, .caption {
font-size: 1.0em; /* 10px */
color:red; font-weight:bold;
padding-bottom:0}
h6 { 
font-size: 1.0em; /* 10px */
font-weight: bold; padding-left:10px;
padding-bottom:0;
}
/* *********************************************************************** */
/* PAGE NAVIGATION                                                         */
/* *********************************************************************** */

#navWrapper { position: absolute; top: 157px; width: 900px; height: 23px; background-image: url("../images/navigation/nav_bg.gif"); background-repeat: repeat-x; z-index: 100; }
#navWrapper a { color: #999; font-weight: bold; text-decoration: none; background:none;}
#navWrapper a:hover, #navWrapper a.active { color: red; }
#navWrapper ul { background-color: white; background-image: url("../images/navigation/nav_bg2.gif"); background-repeat: repeat-x; list-style-type: none; margin: 0; padding: 0; }
#navWrapper ul li { line-height: 2em; padding-right: 10px; padding-left: 10px; position: relative; width: auto; float: left; }
.ie6-hover, #navWrapper ul li:hover { background-color: #ccc; cursor:pointer;}
#navWrapper ul li ul { display: block; position: absolute; top: 2em; left: 0px; overflow: hidden; height: 0; width: 180px; }
#navWrapper ul li ul li { line-height: 1.5em; position: relative; width: 100%; float: left; clear: left; padding-bottom: 1px; padding-top: 2px; }
#navWrapper li > ul { top: auto; left: auto;}

#navSecond {width: 100%; margin-top:10px; margin-bottom:10px;}
#navSecond a { color: #999; font-weight: bold; text-decoration: none; background:none;}
#navSecond a:hover, #navSecond a.active {color: red; }
#navSecond ul { list-style-type: none; margin: 0; padding: 0; }
#navSecond ul li { line-height: 1.5em; background-image: url("../images/navigation/nav_bg_e.gif"); background-repeat: repeat-x;  display:block; width: 155px; padding-top: 2px; padding-right:10px; padding-bottom:1px; padding-left:10px; border-bottom: 2px solid white;}
#navSecond ul li:hover { background-color: #ccc; }

/* *********************************************************************** */
/* PAGE CONTAINERS ( PAGE WRAPPER / HEADER / CONTENT )                     */
/* *********************************************************************** */

#pageBackground  { 
	width: 950px;
	margin: 0 auto 0 auto;
	background-image: url("../images/achtergrond_page.gif");
}
#pageWrapper {
	position: relative;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 180px 0 0 0;
	text-align: left;
	background-color: #ffffff;
}
#pageHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 160px;
	z-index: 100;
	clear:both;
}
#headerImage {
	width: 950px;
	height: 140px;
	/*background-image: url("../images/01.jpg");*/
	background-position: left;
	background-repeat: no-repeat;
}
#headerImage {
	background-image: url("../images/01.jpg");
	background-image: url("../images/02.jpg");
	background-image: url("../images/03.jpg");
	background-image: url("../images/04.jpg");
	background-image: url("../images/05.jpg");
	background-image: url("../images/06.jpg");
	background-image: none;
}
#land{
	position: absolute;
	top: 10px;
	left: 855px;
}
#logo{
	position: absolute;
	top: 57px;
	left: 625px;
	background: transparent;
}
#ict {
	position: absolute;
	top: 140px;
	width: 900px;
	height: 17px;
	background-color: #000000;
	background-image: url("../images/verloop.gif");
	background-repeat: repeat-y;
}
#logo2 {
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 15px;
}
#navigator {
	background-color: #eee;
	padding: 4px 10px 4px 70px;
}
.breadcrum, .breadcrum a {
	font-size:10px;
	background:none;
}
.breadcrum a { color:#333333 }
.mediabutton {
	position:relative;
	float:right;
	font-size: 10px;
	font-weight:bold;
	cursor:pointer;
}
#pageFooter {
	position:relative;
	width: 950px;
	height: 60px;
	margin: 0 auto 0 auto;
	background-image: url("../images/achtergrond_bottom.gif");
	background-position: left bottom;
	clear:both;
}
#footer {
	font-size: 10px;
	text-align: right;
	position: relative;
	background-color: #ddd;
	margin: 0 25px 0 25px;
	padding: 5px 10px 5px 10px;
}
#outer{
	position:relative;
	width:900px;
	overflow: hidden;
}
html>body #pageBackground{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:640px;
	background-color: #fff;
}
#left {
	position:relative;/*ie needs this to show float */
	width:50px;
	height: 500px;
	float:left;
	background-color: #eee;
	padding-top:20px;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
	/*background-image:url(../images/links.gif);
	background-repeat:repeat-y;*/
}
#right {
	position:relative;
	width:260px;
	float:right;
	background-color: #fff;
	padding-top:10px;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
	background-image:url(../images/beeld_rechts2.gif);
	background-repeat:repeat-y;
}
#centrecontent {
	width:570px;
	float:right;
	padding: 10px;
}
#left p, #right p {padding-top:5px;padding-left:10px;padding-right:10px}
#centrecontent p {padding-top:5px;}
/*#centrecontent img { float:right}*/
.clear { clear: both; }

#blok { float:left;width:49%;}
#blok div{ background: transparent url(../images/blok_02.gif) repeat-x top; }
#blok div div{ background: transparent url(../images/blok_04.gif) repeat-y left; }
#blok div div div{ background: transparent url(../images/blok_06.gif) repeat-y right; }
#blok div div div div{ background: transparent url(../images/blok_08.gif) repeat-x bottom; }
#blok div div div div div{ background: transparent url(../images/blok_07.gif) no-repeat left bottom; }
#blok div div div div div div{ background: transparent url(../images/blok_09.gif) no-repeat right bottom;}
#blok div div div div div div div{ background: transparent url(../images/blok_01.gif) no-repeat left top; }
#blok div div div div div div div div{ background: transparent url(../images/blok_03.gif) no-repeat right top; padding: 10px; }
#blok div div div div div div div div div { background-image: none; background-color:#fff;}
#closeart {
	width: 100%;
	height: 10px;
	margin-top:10px;margin-bottom:10px;
	border-bottom: 1px dotted #ccc;
	/*background: transparent url(../images/lijn_e.gif) repeat-x top;*/
	}
#adres {position:absolute; left:10px;}
#media {
	position:absolute;
	width:400px;
	height:350px;
	top:0px;
	left:260px;
	background-color:#ccc;
}/*left:175-400=-225*/
#nlform {position:relative; float:left;padding-left:10px;line-height:21px;}
#PRD01 img, .item img { padding: 0 10px 0 10px;}
.small {font-size:9px; line-height:14px;}
.title { padding-left:0; }
.item { padding:10px; border-bottom: 1px dotted #ccc; }
.inspringing { padding: 0 10px 0 10px}
.date { font-size:9px; line-height:14px; margin: 5px 0 5px 0;}
.content { line-height:17px; }

form.cmxform { width: auto; padding: 10px; }
form.cmxform fieldset p, div.error label { padding: 0 10px 0 10px; margin:0; }
/*
Width of labels */
form.cmxform fieldset label { vertical-align: top; width: 150px; display: inline-block; }
form.cmxform label.error { width: auto; display:none; }
form.cmxform fieldset p.error { color: red; }
form.cmxform input { border: 1px solid grey; }
form.cmxform input#male, form.cmxform input#female { border: none; }
form.cmxform input.bordernone { border: none; }
form.cmxform input.error { border: 1px solid red; }

#splash { position:absolute; top: 0px; width: 715px; height: 600px; z-index: 50; padding-top: 10px; background-color:#FFF; }