/* *********************************************************************** */
/* 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:#FF9999;
}

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 {display:none}

/* *********************************************************************** */
/* 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: 20px 0 0 0;
	text-align: left;
	background-color: #ffffff;
}
#pageHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 140px;
	z-index: 100;
	clear:both;
}
#headerImage { display:none; }
#land{ display: none; }
#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 { display: none;}
.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:auto;
	background-color: #fff;
}
#left { display: none;}
#right {display: none;}
	
#centrecontent {
	width:auto;
	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:175px;
	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; }
form.cmxform fieldset p label { float:left; width: 100px; vertical-align: top;} /* Width of labels */
form.cmxform fieldset p.error { color: red; }
form.cmxform input { border: 1px solid grey; }
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; }