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


HTML, BODY {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color:#fff;
	font-family: arial, Helvetica, sans serif;
	font-size: 80%;
	line-height: 150%;
}

td,th {
	font-size: 90%;
	line-height: 150%;
}

#main_page {
	position: relative;
	text-align: left;
	background-color: #fff;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 638px;
	padding-bottom: 5px;
	border: solid 1px black;
}

.paginaSectie {
	margin-bottom: 0px;
	padding: 0px;
	width: 580px;
	font-size: 9pt;
	line-height: 125%;
}

#content {
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	width: 610px;
	overflow: hidden;
}

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

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

#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
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#content
	{
	display: inline-block;
	}
/*\*/
#content
	{
	display: block;
	}

#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;
}

#footer {
	background: #fff;
	height: 2px;
	margin: 0px;
	padding: 0px;
}

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

#subsubmenu {
	background-color: #fff;
	background-image: none;
	width: 100px;
	margin-right: 5px;
	float: left;
}

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

#subsubmenu li {
	white-space: wrap;
	font-size: 7pt;
	text-align: left;
	line-height: 130%;
	padding: 2px 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;
}

.mo {
	vertical-align: top;
	font-size: 100%;
	padding-left:8px;
	padding-right: 8px;
	letter-spacing:-1;
	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;
}

.verplichtVeld {
	padding-left:2px;
}


/********************/
/* 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  */
/********************/



#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: -1;
}

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

#hoofdmenu li {
	line-height: 100%;
	float:left;
	margin: 0;
	padding: 0 0 0 5px;
}

#hoofdmenu a {
	float: left;
	display: block;
	padding: 5px 7px 2px 2px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

/* CSS box met ronde hoeken
================================================*/
/* Hoeken en rand boven */
.bt {
	background: #fff;
}
.bt div {
	background: #fff;
}

/* hoeken en rand onder */
.bb {
	background: #fff;
}

.bb div {
	height:8px;
	width:9px;
	position:relative;
	left:-9px;
	background: #fff;
	background-image: none;
}

/* rand links */
.i1 {
	padding:0 0 0 6px;
	background: #fff;
	background-image: none;
}

/* rand rechts */
.i2 {
	padding:0 6px 0 0;
	background: #fff;
	background-image: none;
}

/* content veld */
.i3 {
	background: #fff;
	background-image: none;
	padding:0 5px;
}

/* CSS ronde hoeken stopt hier */
/* einde box code*/
hr {
	height: 1px;
	border: 1px solid #000;
}

p,h1,h2,h3,h4, form, ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


h1  {
	font-weight: bold;
	color: black;
	font-size: 140%;
	}
h2 {
	font-size: 130%;
	font-weight: bold;
	color: black;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	color: black;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: black;
}

a {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #FABC4D;
}

.aur_afb, .aur_afb_left, .aur_afb_right {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
}

.aur_afb_left {
	margin-right: 20px;
	float: left;
}

.aur_afb_right{

	margin-left: 20px;
	float: right;
}