html, body {
background: #124A49; /* groenachtig blauw/grijs voor schermvulling links/rechts */
margin: 0px;
padding: 0px;
border: 0px;
background-image: url(../images/body_background.jpg)
}

#container {
/* totale grootte van het frame, links en rechts er van is body background */
position: absolute; /* deze absolute omdat de scrollbars hierop worden aangepast */
width: 780px;
left: 50%;
margin: 0px 0px 0px -390px;
border: 0px;
padding: 0px;
overflow: hidden; /* om kolommen evenlang te maken */
}

#top {
/* het deel met logo en slogan bovenaan in het midden */
position: relative;
width: auto;
background: #FFFFFF; /* wit */
border: solid 1px #999999; /* width wordt hierdoor 780-2px */
margin: 0px;
padding: 0px 5px 0px 5px;
}

#menu {
/* het deel met de menu-items onder de header */
position: relative;
width: auto; height: 100px;
margin: 0px;
padding: 0px 10px 0px 10px;
}

#main {
/* is het belangrijke informatieblok */
position: relative;
width: 100%; /* breedte mag niet op auto staan. de backgroundkleur komt dan niet op de binnenliggende div's */
background-color:#FFFFFF;
top: -5px;
margin: -15px 0px 0px 0px;
padding: 10px;
overflow: hidden; /* om kolommen evenlang te maken */
border: solid 1px #999999;
}

#banner {
/* is het belangrijke informatieblok */
position: relative;
width: 760px; height: 180px;
padding: 0px;
margin: 0px;
background-image: url(../images/afbeelding_in_main.jpg);/* afmetingen background image 760x178 */
}

/* mainshadow, de breedte van het middendeel inclusief schaduwrand */
#left-column_shadow {
position: relative;
height: 2000px;
float: left;
top: -50px;
width: 190px; height:auto; /* breedte zal 180px + 10pxpadding zijn */
filter: shadow(color:gray direction:45);
padding: 10px 10px 0px 0px; /* padding nodig voor de shadow */
/*background-image: url(../images/shadow.jpg);*/
z-index: 30;
}

#left-column {
/* totale grootte van het frame, links en rechts er van is body background */
/* deze breedte is ook vastgelegd in content_left-column.php om tijdens het bewerken
   een goed beeld te hebben van de pagina lay-out */
position: relative;
width: 185px;
border-top: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
background: #FFFFFF;
padding: 5px;
margin: 0px;
z-index: 20;
}

#center-column {
position: relative;
float: left;
margin:0px;
padding: 10px;
width: 335px;
background: #FFFFFF;
z-index: 10;
}

#right-column {
position:relative;
float: right;
width: 180px;
margin: 0px; margin-top:60px;
padding: 0px 20px 0px 0px;
text-align: right;
}

#bottom { /* het deel met sitegegevens onder de container */
position: relative;
width: 100%; height: 30px;
background: #FFFFFF; /* wit */
border: solid 1px #999999;
margin: 20px 0px 20px 0px;
padding: 6px 0px 0px 0px; /* tekst verticaal plaatsen in onderste balk */
}


/* styles voor het menu */
h1 {font-family: Verdana, Arial; font-size: 14px; font-weight:bold; line-height:120%;
	padding:0 0 1 0; margin: 0;
	color: #FFFFFF;} /* wit */
a.menu:link {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #FFFFFF;} /* wit vet */
a.menu:visited {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #DDDDDD;} /* licht grijs */
a.menu:hover {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #AAAAAA;} /* heel licht grijs */
a.menu:active {}

/* styles voor top en bottom bar */
h2 {font-family: Verdana, Arial; font-size: 30px; color: #000000; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #000000;} /* zwart */
h4 {font-family: Verdana, Arial; font-size: 24px; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #096A7B;} /* blauw/groen */
a.klein:link {font-family: Verdana, Arial; font-size: 9px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #333333;} /* donker grijs */
a.klein:visited {font-family: Verdana, Arial; font-size: 9px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #888888;} /* licht grijs */
a.klein:hover {font-family: Verdana, Arial; font-size: 9px; font-weight:bold; 
	line-height:120%; padding:0 0 1em 0; margin:0;
	color: #096A7B;} /* blauw/groen */
a.klein:active {}
p.klein {font-family: Verdana, Arial; font-size: 9px; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #888888;} /* licht grijs */


/* styles voor de content */
h3 {font-family: Verdana, Arial; font-size: 20px; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #096A7B;} /* blauw/groen */
li {font-family: Verdana, Arial; font-size: 12px; color: #000000; list-style-type: disc; line-height:100%;
	padding:0 0 1em 0; margin:0;}
a.content:link {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #000000;}
a.content:visited {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #888888;} /* licht grijs */
a.content:hover {font-family: Verdana, Arial; font-size: 12px; font-weight:bold; line-height:120%;
	padding:0 0 1em 0; margin:0;
	color: #096A7B;} /* blauw/groen */
a.content:active {}
p {font-family: Verdana, Arial; font-size: 12px; line-height:120%;
	padding:0 0 1em 0; margin:0; color: #000000;}