/* Algemeen
****************************************/
body {
margin-top: 0px;
background-color: #484848;
text-align:left;
font:0.8em 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
line-height:1.4;
color:#999;
padding:10px 0 0 0;
SCROLLBAR-FACE-COLOR: #484848;
SCROLLBAR-HIGHLIGHT-COLOR: #484848;
SCROLLBAR-SHADOW-COLOR: #484848;
SCROLLBAR-3DLIGHT-COLOR: #292929; 
SCROLLBAR-ARROW-COLOR: #595994; 
SCROLLBAR-TRACK-COLOR: #292929; 
SCROLLBAR-DARKSHADOW-COLOR: #292929; 
}

a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:link {color:#76B41C;}
a:visited {color:#76B41C;}
a:hover, a:active {color:#76B41C;text-decoration:none;}

a img {border:none;text-decoration:none;}

h3 a:link {color:#fff;}
h3 a:visited {color:#fff;}
h3 a:hover {color:#fff;}

p, ol, ul {
	margin:0 0 18px 0;
	padding:0;
	line-height:1.4;
}

h1 {
	font-size:2.0em;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:0px;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#fff;
	text-decoration:none;
}

h2 {
	font-size:1.2em;
	font-weight:normal;
	color:#646464;
	margin:0;
	padding:0 0 15px 0;
}

h3 {
	font-size:1.1em;
	margin:0 0 4px 0;
	padding:0;
	color:#fff;
}

h4 {
	color:#fff;
	font-size:1em;
	margin:0 0 2px 0;
	padding:0;
	text-shadow: #000 2px 2px 0px;
}

li {padding:0;margin:0;font-size:.85em;line-height:18px;list-style:none;}
li ul {margin:0;}
fieldset {border:1px solid #333;}
code {color:#76B41C;font-size:110%;line-height:1.2em;text-align:left;}
code strong {color:#9AE825;font-weight:normal;}

.gr {color:#76B41C;}
.kleine_letter {font-size:0.85em;color:#ffffff;}

/* Globale lay-out
****************************************/


#container {
background-color: #292929;
width: 880px;
height: auto;
margin-right: auto;
margin-left: auto;
}


#container #titelbalk #titel {
float:left;
height: 180px;
width: 180px;
background-position: center;
background-repeat: no-repeat;
}


#container #titelbalk #titelfoto {
float:right;
background-color: #292929;
height: 135px;
width: 700px;
background-position: left;
background-repeat: no-repeat;
}


#container #titelbalk #logo {
float:right;
background-image: url(images/de-bruijne.gif);
height: 45px;
width: 700px;
background-position: left;
background-repeat: no-repeat;
}

#container #menu {
float:left;
padding-left: 10px;
width: 860px;
height: auto;
}


#container #content {
clear: both;
background-color: #292929;
width: 859px;
}


#container #content #links {
float:left;
}


#container #content #rechts {
float:right;
padding: 0px 0px 00px 10px ;
}


#container #voettekst {
background-color: #484848;
width: 880px;
height: 5px;
}




/* Welkom Lay-out
****************************************/

#welkom #container {
border-top:1px solid #76b41c;
}

#welkom #container #menu {
border-left:1px solid #76b41c;
}

#welkom #container #content {
border-left:1px solid #76b41c;
padding: 40px 10px 10px 10px ;
height: 375px;
}

#welkom #container #content #links {
width: 380px;
}

#welkom #container #content #rechts {
width: 445px;
}

/* Kids Lay-out
****************************************/

#kids #container {
border-top:1px solid #2EC2F9;
}

#kids #container #menu {
border-left:1px solid #2EC2F9;
}

#kids #container #content {
border-left:1px solid #2EC2F9;
padding: 10px 10px 10px 10px ;
height: 375px;
}

/* Kids Lay-out
****************************************/

#kids-favorites #container {
border-top:1px solid #2EC2F9;
}

#kids-favorites #container #menu {
border-left:1px solid #2EC2F9;
}

#kids-favorites #container #content {
border-left:1px solid #2EC2F9;
padding: 10px 10px 10px 10px ;
height: 700px;
}


/* Belevenissen Lay-out
****************************************/
#belevenissen #container {
border-top:1px solid #FA8F11;
}#belevenissen #container #menu {
border-left:1px solid #FA8F11;
}#belevenissen #container #content {
border-left:1px solid #FA8F11;
padding: 10px 10px 10px 10px ;
height: 375px;
}

#belevenissen #container #content #links {
width: 550px;
height: 300px;
}

/* Memories Lay-out
****************************************/
#memories #container {
border-top:1px solid #E1160B;
}

#memories #container #menu {
border-left:1px solid #E1160B;
}

#memories #container #content {
border-left:1px solid #E1160B;
padding: 10px 10px 10px 10px ;
height: 375px;
}

#memories #container #content #links {
width: 550px;
height: 300px;
}

/* Memories-gebruik Lay-out
****************************************/
#memories-gebruik #container {
border-top:1px solid #E1160B;
}

#memories-gebruik #container #menu {
border-left:1px solid #E1160B;
}

#memories-gebruik #container #content {
border-left:1px solid #E1160B;
padding: 10px 10px 10px 10px ;
height: 575px;
}

#memories-gebruik #container #content #links {
width: 550px;
height: 300px;
}

/* Gastenboek Lay-out
****************************************/
#gastenboek #container {
border-top:1px solid #FAE111;
}
#gastenboek #container #menu {
border-left:1px solid #FAE111;
}
#gastenboek #container #content {
border-left:1px solid #FAE111;
padding: 10px 10px 10px 10px ;
height: 375px;
}
/*Gastenboek-gebruik Lay-out
****************************************/
#gastenboek-gebruik #container {
border-top:1px solid #FAE111;
}#gastenboek-gebruik #container #menu {
border-left:1px solid #FAE111;
}#gastenboek-gebruik #container #content {
border-left:1px solid #FAE111;
height: 1100px;
padding: 00px 00px 0px 10px ;
}
/* Informatie Lay-out
****************************************/

#informatie #container {
border-top:1px solid #BB11FA;
}

#informatie #container #menu {
border-left:1px solid #BB11FA;
}

#informatie #container #content {
border-left:1px solid #BB11FA;
padding: 40px 10px 10px 10px ;
height: 375px;
}


/* Navigatie algemeen
****************************************/

ul#subnav {
width:100%;
clear:left;
border-bottom:1px solid #444;
margin:0;
padding:0;
}
ul#subnav li {
float:left;
margin:0 8px 0 0;
padding:6px 0;
}
ul#subnav li a {
color:#999;
text-decoration:none;
margin:0;padding:8px 0 5px 0;
}
ul#subnav li.br {
color:#444;
font-weight:normal;
}
ul#nav {
width:100%;
margin:0;
padding:0;
display:block;
border-bottom:1px solid #444;
position:relative;
z-index:4;
}
ul#nav li {
font-size:1em;
float:left;
margin:0 16px 0 0;
padding:0;
}


ul#nav li a {
color:#ccc;
text-decoration:none;
display:block;
margin:0;
padding:9px 0 7px 0;
border-bottom:1px solid #292929;
}


ul#nav li a:link, ul#subnav li a:link {color:#999;}
ul#nav li a:visited, ul#subnav li a:link {color:#999;}

ul#nav li a:hover, ul#nav li a:active {color:#fff;border-bottom:1px solid #76B41C;}
ul#subnav li a:hover, ul#subnav li a:active {color:#fff;}


/* Inlogbox Lay-out
****************************************/

div.inlogbox {
    margin: 0px 0px 00px 00px;
    padding: 5px 10px 0px 10px;
    float:right;
    width: 235px;
    height: 300px;
    font-size:0.85em;
    color:#ffffff;
    background-image: url(images/inlogbox.gif);
    background-position: top;
    background-repeat: no-repeat;
}

div.inlogbox h2 {
    font-weight:bold;
    margin: 10px 10px 5px 10px;
    height: 15px;
    padding: 0;
    display: block;
}

div.inlogbox p {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    display: block;
}

div.inlogbox a:link {
    color:#ffffff;
}


/* Fien Swinkels Lay-out
****************************************/


#fien #container {
border-top:1px solid #76b41c;
border-left:1px solid #76b41c;
padding: 10px 10px 10px 10px ;
}

#fien #container #content {
padding: 10px 10px 10px 10px ;
height: 350px;
}


#fien #container #content #links {
width: 560px;
height: 220px;
}


#fien #container #content #fientabel {
width: 800px;
}

/*

/* Fienbox Lay-out
****************************************/

div.fienbox {
    margin: 0px 0px 00px 00px;
    padding: 5px 10px 0px 10px;
    float:right;
    width: 235px;
    height: 200px;
    font-size:0.85em;
    color:#ffffff;
    background-image: url(images/fienbox.gif);
    background-position: top;
    background-repeat: no-repeat;
}


div.fienbox h2 {
    font-weight:bold;
    margin: 10px 10px 5px 10px;
    height: 15px;
    padding: 0;
    display: block;
}


div.fienbox p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
}


div.fienbox a:link {
    color:#ffffff;
}

/