html
{
  overflow-y: scroll;
}
  
body
{
 margin-top:20px;
 padding:0;
 FONT-FAMILY: verdana, sans-serif;
 color: #c6313d;	
 background: #ffe4c4 url("ill/0gudula.jpg");
 font-size:10pt;
}

* { -moz-box-sizing: border-box; }

a img
{
  border:none;
}

#website
{
	left:50%;
	position:absolute;
}

#kader
{
	left: -400px;
	width:800px;
	top: 2px;
	position:absolute;
}


A:link
{
text-decoration:none;
color:36c;
}

A:visited
{
text-decoration:none;
color:#36c;
}

A:hover
{
background-color:#fe0;
text-decoration:none;
}

A.afb:hover
{
background: #ffe4c4 url("ill/0gudula.jpg");
text-decoration:none;
}

h1
{
font-size:24pt;
font-weight:300;
font-family:"trebuchet ms",sans-serif;

}

h2
{
font-size:20pt;
font-weight:300;
font-family:"trebuchet ms",sans-serif;

}

h3
{
font-size:18pt;
font-weight:300;
font-family:"trebuchet ms",sans-serif;

}

h4
{
font-size:16pt;
font-weight:300;
font-family:"trebuchet ms",sans-serif;

}

h5
{
font-size:14pt;
font-weight:600;
font-family:"trebuchet ms",sans-serif;

}

h6
{
font-size:11pt;
font-weight:600;
font-family:"trebuchet ms",sans-serif;
}


p.pre {
margin-bottom: 0px;
}

p.post {
margin-top:0px;
}

ul
{
margin-left:1.2em;


} 

ul.in {
margin-top:0px;
margin-bottom:0px;
margin-left:1.2em;
padding-left:0em;
}


bron {
font-size:8pt;
font-family:verdana,sans-serif;
}

.foto {
font-family:verdana,sans-serif;
font-size:8pt;
text-align:center;
}


.spec {
color:FAF0E6;
background-color:#C6313D;
font-weight:600;
font-size:11pt;
text-align:center;
}

.kleiner {
font-size:9pt;
}

.rood {
color:#c6313d;
}

#kader #blok1 {
float:left;
margin-top: 15px;
width: 125px;
height:110px;
font-size:8pt;
}

#kader #blok2 {
float: left;
width:70px;
height:110px;
text-align:left;
}

#kader #blok3 {
float:left;
width:410px;
height:110px;
}

#kader #blok4 {
float:left;
width:70px;
height:110px;
}

#kader #blok5  {
float: right;
margin-top: 15px;
width: 125px;
height:110px;
font-size:8pt;
text-align:right;
}

#kader #blok6 {
float: left;
width: 110px;
margin-top: 95px;
text-align:center;
}

#kader #blok7 {
float: left;
margin-top: 25px;
width: 530px;
padding-left:25px; padding-right:15px;
}


#kader #blok8 {
float: right;
width: 110px;
font-size: 8pt;
margin-top: 95px;
text-align: center;
}

#kader #menubalk
{
margin-top:125px;
width: 800px;
height: 18px;
padding-top:1px;
text-align:center;
background: #c6313d;
color: #ffe;
font-size: 8pt;
font-family: verdana, sans-serif;
}

#kader #menubalk a:link
{
color: #ffe;
background-color: #c6313d;
text-decoration:none;
}

#kader #menubalk a:visited
{
color: #ffe;
background-color: #c6313d;
text-decoration:none;
}

#kader #menubalk a:hover
{
background-color: #f99;
color:#ffe;
text-decoration:none;
}

#kader #menubalk a:active
{
background-color: #c6313d;
color:#ffe;
text-decoration:none;
}

#kader #menubalk a.visited:hover, a.active:hover
{
background-color: #f99;
color:#ffe;
text-decoration:none;
}

#vast {
text-align:center;
position:relative;fixed;
}



#dropmenudiv{
position:absolute;
border:1px solid #c6313d;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
text-align:left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #c6313d;
padding: 1px 0;
text-decoration: none;
text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#fe0;
}

#dropmenudiv a:visited{ /*tekstkleur na bezoek*/
color:#646fcf;
}



#kol, #kol ul {
padding:3px 0 0 0;
margin: 0;
list-style: none;
}

#kol li {
width:120px;
padding:7px 10px 7px 10px;
font-size:8pt;
background: #ffe;
color: #36c;
border: 1px solid #800;
}

#kol li a {
color: #36c;
}

#kol li a:hover {
background: #fe0;
}

#kol li a:visited {
color: #36c;
}

.kolom {
background:#ffe;
color:#800;
font:8pt verdana, sans-serif;
}



dl, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font:8pt "trebuchet ms", sans-serif;
}

dt {
margin: 0;
padding: 0;
list-style-type: none;
font:8pt verdana, sans-serif;
}

#menul, #menur {
position: relative; /*menu position that can be changed at will */

}

#menul dt, #menur dt {
cursor: pointer;
text-align:center;
width: 100px;
margin: 0;
height: 84px;
font:8pt verdana, sans-serif;
}

#menul dd, #menur dd {
width: 100px;
border: 1px solid #c6313d;
text-align:center;
margin: 0px 0 0 0;
background: #ffe;
color: #36c;
}

#menul li, #menur li {
text-align: center;
background: #ffe;
border: 1px solid #c6313d;
color: #c6313d;
font:8pt "trebuchet ms", sans-serif;
}

#menul li a; #menur li a {
background: #ffe;
color: #36c;
font:8pt "trebuchet ms", sans-serif;
text-decoration: none;
display: block;
height: 100%;
}

#menul dt a, #menur dt a {
color: #c6313d;
font:8pt verdana, sans-serif;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}


#menul li a:visited {
background: #ffe;
color: #36c;
}

#menur li a:visited {
background: #ffe;
color: #36c;
}

#menul dd a:visited {
background: #ffe;
color: #36c;
}

#menur dd a:visited {
background: #ffe;
color: #36c;
}

#menul li a:hover {
background: #fe0;
color: #36c;
}

#menur li a:hover {
background: #fe0;
color: #36c;
}

#menul dd a:hover {
background: #fe0;
color: #36c;
}

#menur dd a:hover {
background: #fe0;
color: #36c;
}