html{font-size:100%;}
body, h1, h2, td, #maindiv, .bezoekers, .dagtekstdiv{font-family:Helvetica, Arial, sans-serif;}
body{background:black url(img/header.jpg) center 2px no-repeat; margin:0; padding:0; font-size:0.9em; color:white; height:auto;}
a:link, a:visited, a:active {color:#900; text-decoration:none; background:#E0E0E0;}/*D3CFC6*/
a:hover {color:#999900; text-decoration:underline; background:#FFF;}
.nobg a:link, .nobg a:visited, .nobg a:active {color:#900; text-decoration:none; background:transparent;}
.nobg a:hover {color:#999900; text-decoration:none; background:transparent;}
img{margin:0; border:0;}
h1{margin-top:20px; font-size:1.5em; color:#B50000; font-weight:bold;}
h1 span, h2 span{display:block; font-size:11px; color:black;}
h2, td h2{font-size:1.3em; color:#B50000; font-weight:bold;}
h3{font-size:12px; color:#B50000; font-weight:bold; margin-top:25px; margin-bottom:-5px;}
.bld{font-weight:bold;}
.sml{font-size:11px;}
.grijs{color:#A0A0A0;}
.gb li{margin-bottom:10px;}
.ctr{text-align:center;}
.radiobutton{border:none;}

#maindiv{
width:986px;
height:auto;
margin:0 auto 0 auto;
padding:0;
border:4px ridge #222;
border-top:none;
font-size:1em;
}

.kolomhouder{
float:right;
display:block;
position:relative;
width:200px;
height:auto;
margin-left:25px;
margin-right:-10px;
}

.kolom{
width:200px;
height:auto;
float:right;
display:block;
border:1px solid black;
font:13px Times New Roman, serif;
padding:5px;
background-color:#E0E0E0;
}

.kolomhouder .kolom{
margin-bottom:15px;
}

.divleft{
width:240px;
height:auto;
margin:0;
margin-top:325px;
float:left;
}

.bijbeltekst{
display:block;
width:670px;
height:150px;
margin:0;
margin-top:316px;
float:right;
background:url(img/sprite.gif) right top no-repeat;
}

.images{
width:100%;
text-align:center;
padding:20px 0;
}

#text_container{
position:relative;
display:block;
width:658px;
float:right;
margin-top:20px;
margin-right:22px;
padding:0 30px 30px 30px;
background:#F5F7F6 url(img/sprite.gif) right -186px no-repeat;
color:black;
}

.nobg{
background:transparent;
}

.footer{
display:block;
width:658px;
height:auto;
float:right;
margin-right:22px;
padding:20px 30px 40px 30px;
background-color:#F5F7F6;
color:black;
text-align:center;
font-size:11px;
}

#buttons{
position: relative; 
display: block;
margin: 10px auto 10px auto;
padding: 0px;
height: 31px;
width:100%;
text-align:center;
}

#buttons div{
background: url(img/sprite.gif) 0 0 no-repeat;
position:absolute;
height: 31px;
display: block;
}
#buttons div a{
height: 31px; 
display: block; 
}

#buttons #bt1{left:0px; width:125px;}
#buttons #bt2{left:145px; width:88px; background-position: -126px -153px;}
#buttons #bt3{left:253px; width:88px; background-position: -217px -153px;}
#buttons #bt4{left:361px; width:88px; background-position: -307px -153px;}
#buttons #bt5{left:469px; width:71px; background-position: -398px -153px;}

#counterIframe{
margin-left:25px;
margin-top:8px;
border-left:5px solid #B50000;
}

.bodyIframe{
background-color:#E0E0E0;
background-image:none;
margin-top:0px;
padding-top:0px;
}

.bezoekers{
padding-top:4px;
padding-left:9px;
font-size:10px;
font-weight:bold;
text-align:left;
color:black;
}

.dagtekstdiv{
width:135px;
/*margin-top:8px;
margin-left:25px;*/
margin:1px 0 1px 25px;
padding:3px 10px 10px 0;
border-left:5px solid #B50000;
height:auto;
background:#E0E0E0;
color:black;
}

.dagteksthead{
font-size:12px;
padding-left:10px;
padding-bottom:10px;
}

.laatsteItem{
margin:0px;
padding:10px;
width:130px;
font-size:11px;
}

/*gastenboek*/
.container{
border:1px solid #183A54;
border-top:2px solid #183A54;
width:660px;
float:right;
text-align:left;
}

.content{
background:white;
padding:.5em;
}

.guestbook{
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
background-color:#F5F5F5;
border-bottom:5px solid #FFFFFF;
overflow:hidden;
}

.guestbook_top{
padding:3px;
background-color:#E9E9E9;
border-bottom:4px solid #990000;
}

input, textarea{
border:1px solid #000000;
}

td{
font-size:0.9em;
color:#000000;
}

/* Overlib Style */
div.domTTOverlib{
/*width:262px;*/
border:1px solid #333366;
background-color:#333366;
z-index:300;
}
div.domTTOverlib .caption{
/*width:250px;*/
font-family:Verdana, Helvetica;
font-size:12px;
font-weight:bold;
color:yellow;
padding:2px 6px;
background-color:#00007F;
}
div.domTTOverlib .contents{
/*width:250px;*/
font-size:10px;
font-family:Verdana, Helvetica;
padding:2px 6px;
background-color:#F1F1FF;
}

/* Menu
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/ul-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.*/
 
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:0.9em; margin:10px 0 0 25px;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif
.nav a {background:url(img/trans.gif); filter: alpha(opacity=90); opacity:0.9;} */

/* style the <b> element so that is does not affect the size of the link */
.nav a b {background:#E0E0E0; margin:1px 0 1px 0; border-left:5px solid #B50000; color:#000; font-weight:bold; display:block; padding:5px 10px;} /* border:1px solid #000;*/
.nav a:hover b {background-color:#fff; border-left:5px solid #F00; color:#800; cursor:pointer;}
.nav .fly .main b {background:#E0E0E0 url(img/arrow.gif) no-repeat 137px 7px;}
.nav .down b {background:#E0E0E0 url(img/arrow.gif) no-repeat 137px 7px;}

/* HEIGHT */
.nav ul {top:-28px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */
/*set the link width here*/
.nav .drop,
.nav a {width:150px;}
.nav ul li {max-width:150px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul {left:150px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-149px;}

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:focus b,
.nav a:active b {background:#fff; color:#800;} /* for tabbing */

/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */