html {
overflow: -moz-scrollbars-vertical;
}

* { padding: 0; margin: 0; }

body {
background: #e5f1fb;
overflow-y: auto;
overflow-x: hidden;
margin: 0px;
height: 100%;
min-height: 100%;
text-align: center;
background-image: url(../img/bodybck.gif);
}

#container {
left: 50%;
width: 970px;
margin-left: -485px;
text-align: center; 
padding: 0px 0px 0px 0px;
margin-left: auto; 
margin-right: auto;
background-image: url(../img/bck.gif);
}

#laag1 {
width: 970px;
height: 200px;
text-align: left;
}

#laag2 {
background: #0096d3;
width: 970px;
height: 40px;
text-align: left;
}

#laag3 {
width: 970px;
text-align: left;
}

#logo {
background-image: url(../img/logo.gif);
text-align: right;
width: 360px;
height: 520px;
}

#menu {
padding: 97px 20px 0px 100px;
font-family: arial, verdana, sans-serif; color: #009bda; font-size: 11px; font-weight: bold; line-height: 150%;
}

a.menulink:link { color: #372716; text-decoration: none}
a.menulink:visited { color: #372716; text-decoration: none}
a.menulink:active { color: #372716; text-decoration: none}
a.menulink:hover { color: #009bda; text-decoration: none}

#buts {
text-align: right;
margin: 12px 0px 0px 0px;
font-family: arial, verdana, sans-serif; color: #009bda; font-size: 11px; font-weight: bold; line-height: 150%;
}

#content {
background: #ffffff;
text-align: left;
width: 422px;
margin: 20px 30px 0px 0px;
font-family: arial, verdana, sans-serif; color: #372716; font-size: 11px; font-weight: normal; line-height: 150%;
height: 100%;
}

#titel {
text-align: left;
font-family: arial, verdana, sans-serif; color: #009bda; font-size: 17px; font-weight: normal; line-height: normal;
margin: 0px 0px 10px 0px;
}

.tussenkop {
font-family: arial, verdana, sans-serif; color: #009bda; font-size: 11px; font-weight: bold; line-height: 150%;
}

.tekst {
font-family: arial, verdana, sans-serif; color: #372716; font-size: 11px; font-weight: normal; line-height: 150%;
}

.formkop {
background: #4b3721;
font-family: arial, verdana, sans-serif; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 130%;
padding: 2px 0px 4px 4px;
}

#rechts {
background: #d0d1d2;
text-align: left;
width: 158px;
min-height: 100%;
margin: 0px 0px 0px 0px;
}

#footer{
margin: 40px 0px 30px 0px;
}

.link img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border: 0px;
}

.link:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
border: 0px;
}

.link:active img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border: 0px;
}



a:link {text-decoration: underline; color: #372716; font-weight: bold;}
a:visited {text-decoration: underline; color:#372716; font-weight: bold;} 
a:hover {text-decoration: underline; color:#0096d3; font-weight: bold;}
 
p { margin-top: 12px; } 
td.leeg {width: 4px; }
img { border: none; } 
.hidden{display:none;}

p.kleur {
	color: #cecece;
} 

div#errors {
	width: 400px;
	margin:0 auto;
}

label {
	float: left;
	width: 128px;
	text-align: left;
	padding-top: 5px;
}

input, textarea {
	padding: 3px;
	margin: 3px;
	border: 1px solid #372716;
	font: 11px arial, verdana, helvetic, sans-serif;
	color: #372716;
	background: #d0d1d2;
}

input.fout, textarea.fout {
	border: 1px solid #dd0202;
}

label.fout {
	color: #372716;
}

input.btn {
font-weight: bold;
font-family: arial, verdana, helvetic, sans-serif;
color: #ffffff;
font-size: 10px;
background-color:#0096d3;
border:1px solid;
border-top-color:#0096d3;
border-left-color:#0096d3;
border-right-color:#0096d3;
border-bottom-color:#0096d3;
height: 20px;
padding: 2px 0px 3px 0px;
}

.sbar {
scrollbar-3dlight-color: #d0d1d2;
scrollbar-arrow-color: #d0d1d2;
scrollbar-track-color: #d0d1d2;
scrollbar-darkshadow-color: #d0d1d2;
scrollbar-face-color: #d0d1d2;
scrollbar-highlight-color: #d0d1d2;
scrollbar-shadow-color: #d0d1d2;
scrollbar-base-color: #d0d1d2;
}