html,body {height: 100%; margin: 0; padding: 0;}
body {font: .8em Arial, Helvetica, sans-serif; margin: 0 50px 0 50px;}
#maxwidth {max-width:1100px;}
img {border:0;}
/*********** LETTERTYPEN ***********/
p {text-align: left;}
h1 {font: bold 2em "Trebuchet MS", Georgia, Arial; color: #FFFFFF; margin: 0;}
h2 {font: bold 1.5em "Trebuchet MS", Georgia, Arial; color:#FF6600; margin:0;}
h3 {font: bold 1.2em "Trebuchet MS", Georgia, Arial; color: #FF6600; margin:0;}
h4 {font: 1.1em "Trebuchet MS", Georgia, Arial; color: #FFFFFF; margin:0;}
.grootte {font: .7em Verdana,Tahoma,Arial,Helvetica; color:#999999;}
.clear {clear:both;}
.klein {font-size:.8em;}
.nieuwsdatum {font-size:.8em; color:#999999;}
.mailadres {display:none;}
/*********** LINKS ***********/
a, a:visited {color:#FF6600; text-decoration:none;}
a:hover {color:#FF6600; text-decoration:underline;}
a.links-top, a.links-top:hover, a.links-top:visited {color:#fff; text-decoration:none;}
a.onzichtbarelink, a.onzichtbarelink:hover, a.onzichtbarelink:visited {color:#fff; text-decoration:none;}
#partners a {padding-right:25px;}
a.locatiebalk, a:visited.locatiebalk, a:active.locatiebalk{ text-decoration:none; color:#FF6600;}
a:hover.locatiebalk{text-decoration: underline;}
a.copyright, a.copyright:visited {color:#CCCCCC; text-decoration:none;}
a.copyright:hover {color:#3366CC; text-decoration:none;}
/*********** INDEX PAGINA ***********/
#indexleeg {background-color: #FFFFFF; height: 81px;}
#topleeg {background-color: #FFFFFF; height: 10px;}
#logobalk1 {background-color: #FFFFFF; height: 30px;}
#language {float:right; margin-top:15px;}
#logobalk2 {background-color: #000033; height: 30px; color: #FFFFFF; border-top: 1px solid #FFFFFF; padding-left: 140px;}
#links-top {padding-right: 5px; text-align:right; font-size:.9em;}
IMG.ruimterijk {float:left;}
#fotobalk {background-color: #000; height: 70px; background-image: url(images/pageimage.jpg); border-top:1px solid #FFFFFF;}
/*********** OVERIGE PAGINA'S ***********/
#siteindex {background-color: #000033; color:#FFFFFF; height: 230px;}
#tekstframehome {margin: 0 150px 0 285px; padding: 10px;}
.updatesmenu {width: 300px; margin: 10px; float:left;}
.inhoud {margin:0; padding: 10px; text-align:left;}
#plaatje {background-image: url(images/indeximage.jpg); width: 270px; height: 230px; float: left;}
#partners {margin-left: 270px; padding:5px 25px; border-left: 1px solid #000033; border-right: 1px solid #000033; border-bottom: 1px solid #000033;}
#pageindex {background-color: #000033; color:#FFFFFF; float: left; width: 100%;}
#locatiebalk {background-color: #000033; height: 20px; padding: 5px 0 0 10px; font: bold .9em Arial; color:#FF6600;}
#tekst {border: 1px solid #FF6600; margin: 5px 10px 10px 10px; padding: 1em;}
#tekstsmal {border: 1px solid #FF6600; margin: 5px 250px 10px 10px; padding:1em;}
#agenda {float:right; border:1px solid #FFF; margin:5px; padding: 0 10px 5px; width:250px; font-size:0.8em;}
.nieuws {padding-bottom:15px;}
.agendaselect {border:1px solid #999; background-color:#404066; padding: 5px 10px 10px 10px; margin: 5px 0 15px 0; }
.agenda {margin-bottom: 10px; width:80%;}
#linkstekst {
float:left;
border: 1px solid #FF6600;
width: 70%;
margin: 5px 0 10px 1%;
padding: 1%;
}
#rechtsoverzicht {
float:right;
margin: 5px 1%;
padding: 5px;
border:1px solid #FF6600;
width:20%;
}
#page-end {text-align:right; font: 0.8em Verdana; padding: 5px 0;}
/* Extra's */
.formulier {font: 1em Verdana, sans-serif; color: #000;}
#emailform {font: 1em Verdana, sans-serif; color: #fff;}
#update {width: 800px; margin: 0 auto 0 auto; font: .8em Verdana;}
a.copyright, a.copyright:visited {color:#CCCCCC; text-decoration:none;}
a.copyright:hover {color:#3366CC; text-decoration:none;}
.spatie {margin-bottom: 10px;}
.sitemap2 {padding: 0 0 10px 25px;}
/*********** FORMULIER ***********/
fieldset
{
border: 1px solid #FF6600;
margin: 10px;
padding: 1em;
}
legend
{
font: bold 2em Arial, Helvetica, sans-serif;;
color:#fff;
}
/*********** MENU ***********/
#menubalk {height: 28px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #FF6600; font: bold 1em Arial, verdana;}
/**************************************************************************************************/
.menu {padding: 6px 0;}
#nav a {font-weight: bold; margin:10px; padding: 6px 8px; color: #000; text-decoration: none;}
#nav a:hover {margin:0 8px; padding: 6px 10px; background-color:#FF8800; color: #FFF; text-decoration: none;}
li>ul {top: auto; left: auto;}
li ul {display: none; position: absolute; top: 100%; left: 8px; font-weight: normal; background-color: #ff6600;} /*submenu achtergrond*/
li li {display: block; float: none; width:150px; margin: 0; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;} /*submenu*/
#nav li li a {display: block; font-weight: normal; color: #000; text-align:left; margin: 0; padding: 2px 5px;} /*submenu*/
#nav li li a:hover {color: #FFF; margin: 0; padding: 2px 5px;}/*submenu hover*/
li:hover ul, li.over ul {display: block; border-top: 1px solid #fff;}/*submenu achtergrond*/
/**************************************************************************************************/
#rechtsoverzicht ul { margin:0; padding:0; list-style-type: none; width:150px;}
#rechtsoverzicht li { margin:0; padding:0; text-align:left;}
#rechtsoverzicht a {display: block; width: 150px; padding: .2em .8em; text-decoration: none;}
#rechtsoverzicht a:hover {background-color:#FF8800; color:#FFF; }
/********** UPLOAD OVERLAY **********/
.overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 150%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.loadingclass {
text-align:center;
margin: 250px auto 0 auto;
z-index: 120;
}
/************** FORUM ***************/
.datum {
color:#fff;
font-size:.8em;
}
.bolletje {
width:770px;
height:1px;
background:url(images/bolletje.png) repeat-x;
margin: 10px 0;
}
.reactiedatum {
padding-left:10px;
font: .8em Verdana, Arial, sans-serif;
color: #fff;
}