body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; 
	background: #C1DCEB url("images/layout/margin_body.gif") repeat-y scroll top left; 
	margin:0; padding:0; width:774px; height:100%;}
div, img {border: 0;}
td,th {font-size:80%;}

a:link, a:active {color: #007CC2;}
a:visited {color: #82683B;}
a:hover {color: #00A2FF;}
a.backlink {font-weight:bold;}

#header {position: absolute; left:0; top:0; width:774px; height: 164px;
	background: white url("images/layout/header_margin.gif") repeat-x scroll bottom left;}
#header img {position: absolute; left:18px; top: 15px; }

/* ---  MENU  ----  */
#menu { position:absolute; top:164px; width: 168px; height: 400px;
	background: transparent url("images/layout/menu.jpg") no-repeat scroll top left;}
#menu ul {margin:12px 0 0 0; padding:0; font-size: 90%; font-weight:bold; color:white; list-style-type: none; }
#menu li {margin:0; }
#menu li a {padding: 1px 0 1px 28px; margin:0; display: block; color:white; width: 100%; text-decoration: none;}  
html>body #menu li a { width: auto; }
#menu li a#home {padding-left:20px;}
#menu li.subkop {padding: 1px 0 1px 20px; margin:4px 0 0 0; color: #FFD998; font-size:100%;}
#menu li a:hover {background: #00649D url("images/layout/menu_hover.gif") repeat-y scroll top left;}
#menu li a.active, #menu li a.active:hover 
	{background: #82683B url("images/layout/menu_location.gif") repeat-y scroll top left;}
#menu input {margin-left:20px; margin-top:3px;}
#menu p.contact {padding-left: 20px; margin-top:4px; font-size:80%; color:white; }
#menu hr {color: #0095EB; height: 2px; margin-left:20px; margin-right:10px}

/* --- CONTENT --- */
#content {position:absolute; top:180px; left: 190px; width:400px; padding-bottom:25px;}
#contentwide {position:absolute; top:180px; left: 190px; width: 550px; padding-bottom:25px;}
h1 {color: 007CC3; font-size: 140%; font-weight:bold; margin-top:0; padding-top:0;}
h2 {color: 007CC3; font-size: 120%; font-weight:bold; margin-top:0; padding-top:0;}
h3 {color:black; font-size:100%; font-weight:bold; }
#plaatje {position:absolute; left:610px; top:185px; }
#content hr, #contenthomepage hr, #contentwide hr {color: #007CC2; height: 1px; }
/* --- HOMEPAGE --- */
#contenthomepage {position:absolute; top:180px; left:168px; width:599px; }
#introtekst {position:relative; width:265px; float:left; margin-left:13px; margin-bottom: 10px}
#nieuwsitem {position:relative; width:275px; margin-left:10px; float:left; }
#nieuwsitem td td {font-size:67%;}
#nieuwsitem h1 {font-size:120%; margin-bottom:0.8em; padding-bottom:0; font-size:100%;}
#introtekst h1 {font-size:120%; margin-bottom:0.8em; padding-bottom:0;}
#nieuwsitem p {margin-bottom:0.8em; padding-bottom:0; margin-top:0; padding-top:0; font-size:83%;}
#plaatjehomepage {position:static; height: 283px; float:none; clear:both; margin-top:10px; margin-left:0px;
	background: transparent url("images/layout/homepage_afbeelding.jpg") no-repeat scroll top left;}

/* --- BULLETS --- */
#content ul {margin-left: 0; padding-left:0; list-style-type: none;} /* bullets content */
#content ul li {margin-left: 0; padding: 0 0 0 30px; border: 0; background:url(images/layout/bullet.gif) no-repeat scroll 12px 5px;}

/* --- KNOPPEN --- */
.knop, {margin:0; padding: 2px 5px 2px 5px; background-color: #007CC2;
	border-top: 2px solid #00A2FF; border-left: 2px solid #00A2FF; border-bottom: 2px solid #82683B; border-right: 2px solid #82683B;
	color: white; font-weight:bold; text-decoration:none; font-size: 90%;}
input.knop {padding:1px; margin-top:8px;}