/* ************************************ */
/*     Algemene styles voor WZWK        */
/* ************************************ */


HTML, BODY {
	margin: 0px;
	margin-left: 4px;
	margin-bottom: 0px;
	text-align: center;
	background-color:#ddd;
}

#main_page {
	position: relative;
	text-align: left;
	background: #005480;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 978px;
	padding-bottom: 15px;
	border: solid 1px rgb(154, 142, 81);
}

#content {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	width: 918px;
	overflow: hidden;
}

#content_container {
	margin-top: 0px;
	float: left;
	width: 918px;
}

#content
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the content - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of content too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#content:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#content
	{
	display: inline-block;
	}
/*\*/
#content
	{
	display: block;
	}

#content_container {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

#plaatjes{
	float:right;
}

#plaatjes img{
	padding:5px;
	margin: 5px;
}

#groter {
	position:absolute;
	right: 6px;
	text-align:right;
	font-size:80%;
	font-weight: bold;
	top: 71px;
	padding: 2px 0 2px 0;
}

#header {
	background-color: #F7E274;
	background-repeat: no-repeat;
	background-position: top;
	height: 67px;
}

#header .hkz {
	width: 45px;
	height: 37px;
	background-color: transparent;
	position: absolute;
	right: 2px;
	margin-right: 2px;
	top: 26px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#footer {
	background: #005480;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

#submenu {
	border-top: 2px solid white;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 100px;
	padding-left: 6px;
}

#subsubmenu {
	width: 160px;
	height: 500px;
	margin-right: 25px;
	float: left;
	background: url(../images/subsubmenu_bg.gif) no-repeat;
}

#subsubmenu ul {
	margin: 0;
	padding: 10px 10px 0px 10px;
	list-style:none;
}

#subsubmenu li {
	white-space: normal;
	font-size: 75%;
	text-align: left;
	line-height: 140%;
	padding: 4px 0 0 0 ;
}

#subsubmenu a {
	padding-top: 0px;
	padding-left: 0px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

#submenu a {
	text-decoration: none;
	color: black;
}

#hoofdmenu a:hover, #submenu a:hover {
	color: white;
}

#subsubmenu a:hover{
    color: #000;
    background-color: rgb(244, 242, 228);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(154, 142, 81);
}

.mo {
	vertical-align: top;
	font-size: 100%;
	padding-left:8px;
	padding-right: 8px;
	letter-spacing:-1px;
	font-weight: bold;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

.zmo {
	white-space: nowrap;
	vertical-align: top;
	font-size: 80%;
	padding:0px;
	text-decoration: none;
	font-weight: bold;
}

.smo {
	white-space: nowrap;
	font-size: small;
	font-size:80%;
	font-weight: bold;
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 3px;
	letter-spacing:0;
	text-decoration: none;
}

.subsubmo {
}

#selected {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(154, 142, 81);
}

#selected.smo {
	color: #fff;
	border: 0;
}

.thumbPic, .thumbPicOdd {
	width:200px;
	float: right;
	border-width: 0px;
}

.paginaSectie {
	margin-bottom: 0px;
	padding: 0px;
	width: 873px;
}

.verplichtVeld {
	padding-left:2px;
}

/* CSS box met ronde hoeken
================================================*/
/* Hoeken en rand boven */
.bt {
	background:url(../images/content_box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(../images/content_box.gif) no-repeat 0 0;
}

/* hoeken en rand onder */
.bb {
	background:url(../images/content_box.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}

.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(../images/content_box.gif) no-repeat 0 100%;
}

/* rand links */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/content_borders.gif) repeat-y 0 0;
}

/* rand rechts */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/content_borders.gif) repeat-y 100% 0;
}

/* content veld */
.i3 {
	background: #FDF8DB;
	padding:0 10px;
	min-height: 466px;
}

/* CSS ronde hoeken stopt hier */
/* einde box code*/


/********************/
/* BEGIN KRUIMELPAD */
/********************/
#kruimelpadDiv {

}
.kruimelpad {

}

.kruimelpad:hover {
	color:red;
}

/********************/
/*  EIND KRUIMELPAD */
/********************/




/*********************/
/* BEGIN ZOEKMACHINE */
/*********************/

#zoeken {


}
.zoekKnop, .zoekBoxKnop  {

}

.zoekBoxVeld, .zoekVeld  {

}

.zoekBoxVeld {

}


.zoekenDiv {
	margin-bottom:0px;
}


.aur_highlight {
	font-style: italic;
	font-weight: bold;
	color: red;
}

#result {
	margin-top:20px;
}
/********************/
/* EIND ZOEKMACHINE */
/********************/





/********************/
/*   BEGIN SITEMAP  */
/********************/
ul {line-height:18px;}
li.sitemapLevel0{list-style: disc;margin-top:30px;}
li.sitemapLevel1{list-style: square;position:relative;left:30px;}
li.sitemapLevel2{list-style: circle;position:relative;left:60px;}
/********************/
/*    EIND SITEMAP  */
/********************/



.galleryDiv {
	margin:5px;
	position:relative;
	border:1px solid #D6E6F2;
	float:left;
	width: 150px;
	height:150px;
	text-align:center;
	vertical-align:bottom;
}

#hoofdmenu {
	position: absolute;
	top: 51px;
	left: 8px;
	line-height: 100%;
	height: 22px;
}

#hoofdmenu {
	float:left;
	background: url("../images/bg2.png") repeat-x top;
	font-size: 90%;
	letter-spacing: -1px;
}

#hoofdmenu ul {
	margin:0;
	padding: 0px 1px 0px 1px;
	list-style:none;
}

#hoofdmenu li {
	line-height: 100%;
	float:left;
	background: url(../images/knop_oranje_l.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
}

#hoofdmenu a {
	float: left;
	display: block;
	background: url(../images/knop_oranje_r.png) no-repeat right top;
	padding: 5px 7px 2px 2px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
/* Commented Backslash Hack
 hides rule from IE5-Mac \*/#hoofdmenu a {float:none;}
/* End IE5-Mac hack */

#hoofdmenu .current a {
	padding-bottom:4px;
}

#hoofdmenu #paars {
	background-image:url(../images/knop_paars_l.png);
}

#hoofdmenu #paars a {
	background-image:url(../images/knop_paars_r.png);
}

#hoofdmenu #rood {
	background-image:url(../images/knop_rood_l.png);
}

#hoofdmenu #rood a {
	background-image:url(../images/knop_rood_r.png);
}

#hoofdmenu #blauw {
	background-image:url(../images/knop_blauw_l.png);
}

#hoofdmenu #blauw a {
	background-image:url(../images/knop_blauw_r.png);
}

#hoofdmenu #roze {
	background-image:url(../images/knop_roze_l.png);
}

#hoofdmenu #roze a {
	background-image:url(../images/knop_roze_r.png);
}

#hoofdmenu #groen {
	background-image:url(../images/knop_groen_l.png);
}

#hoofdmenu #groen a {
	background-image:url(../images/knop_groen_r.png);
}

.vraagtr, .vraagtrerror {
	
}

.toelichtingdiv {
width:235px; padding: 3px;display: table-cell; border: 1px solid black;
}

.vraagtrerror {
	border: 1px solid red;
	background-color:#FFA6A6;
}

.errormsgspan {
	color: #D91111;
}