@charset "utf-8";

/* CSS Document */



body {

	margin: 0px;

	padding: 0px;

	font-weight: normal;

	font-style: normal;

	color: #333;

	background-color: #E0E0E0;

	font-family: 'TheSansBHT5Plain';

	font-size: 14px;

}

/*#container is de overkoepelende div waar de hele site in zit*/

#container{

	height: 100%;

	width: 960px;

	margin-left: auto;

	margin-top: 20px;

	background-color: #FFF;

	margin-right: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}

/*dit is de kop. In deze div zit het log en ook de div #actueel met kleine divjes .actueel*/

#header {

	text-align: left;

	height: 125px;

	width: 960px;

	margin-right: auto;

	margin-left: 0px;

	background-image: url(../images/karin-van-der-molen5.png);

	background-repeat: no-repeat;

	background-position: right;



}

h1 {

	font-weight: bold;

	font-size: 18px;

	margin: 0px;

	color:#08198D;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 30px;



}

/**/





h2 {

	font-weight: bold;

	text-transform: capitalize;

	padding:0px 0px 5px;

	font-size: 15px;

	margin: 0px;

	color:#08837F;

}

p {

	margin: 0px;

	padding: 0px;

}



a, a:link, a:visited {

	color: #ccc;

	text-decoration: underline;

}

a:hover {

	color: #001093;

}

a img,  a:link img{

	border:none;

}

#zijbalk {

	float: right;

	width: 160px;

}



/*#hoofdmenu is het linker menu*/

#hoofdmenu {

	height: 100%;

	width: 160px;

	padding-top: 15px;

}



#hoofdmenu ul {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	list-style-type: none;

	float: none;

}



#hoofdmenu li {

	float: left;

}



#hoofdmenu li a{

	padding:0px 0px 13px;

	color: #838383;

	text-decoration: none;

	display: block;

	font-size: 18px;

	width: 160px;

}

#hoofdmenu li a:focus{

	color:#00108C;

}

#hoofdmenu li a:hover{

	color:#00108C;

}

#hoofdmenu li a:active{

	color:#00108C;

}

/* #submenu is het 2e menu onder het hoofd menu*/

#submenu{

	width:160px;

	height:100%;

	display: block;

	float: left;

}





#submenu ul {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	list-style-type: none;

	margin-top: 25px;

}



#submenu li {

	list-style: none;

	float: left;

	padding:1px 0px 4px;

	color:#00108C;

	display: block;

	font-size: 14px;

	font-weight: normal;

	margin-right: 0px;

	width: 160px;

	

}



#submenu li a{

	color: #838383;

	text-decoration: none;

	width: 160px;

	display: block;



}



#submenu li a:hover{

	color:#C03;

}

#tekst {

	float: left;

	width: 770px;

	min-height: 600px;

	margin: 0px 0px 0px 0px;

	padding: 14px 0px 0px 20px;

	height: 100%;

}



/*alle tekst tussen <p></p> tags krijg een eigen stijl, elke paragraaf*/



#tekst p {

	margin: 0px;

	padding: 0px 50px 10px 30px;

}



/*met deze drijver en een script kan je evt zo' 'dobbertje maken' heb het laten staan voor misschien in de toekomst*/

#drijver {

	position: fixed;

	top: 170px;

	visibility: visible;

	z-index: 10;

	width: 30px;

	height: 30px;

	margin-right: -50%;

	right: 50%;

}



iframe {



}

/*allerlei stijlen, vet, kleurje...*/

.vet {

	font-weight: bold;

	color: #F00;

}



.kleur{

	color: #0C0;

	font-weight: bold;



}



.rechts {

	float: right;

}

.links {float:left;}

.cursief {

	font-style: italic;

}

/*met .clear kan je een float opheffen... kan een keer nodig zijn*/

.clear {

	clear: both;

	font-size: 1px;

	height: 1px;

}



#gallery {

	padding: 0px;

	margin: 0px 0px 20px 0px;

  }



.popup {

	width: 150px;

	height: 60px;





}

.popup a {display: block; border-width: 0; 

   text-decoration: none;}

.popup a:hover {color: #411; background: none;}



.popup a span {display: none;}

.popup a:hover span {

	display: block;

	position: absolute;

	left: 0px;

	width: 140px;

	padding: 2px 2px 0px 2px;

	z-index: 50000;

	color: #000000;

	text-align: left;

	overflow: visible;

	float: left;

	height: 52px;

	top: 0px;

	border: 3px solid #CCCCCC;

	font-size: 14px;

	background-color: #FFFFFF;

	}