/* CSS Moeders voor Dochters */
/*********** Achtergrond **********/
* {
margin : 0;
padding : 0;
font-family : Tahoma, Arial, Helvetica, sans-serif;
}
body{
background-color:#c8e2e8;
}
#box{
width:900px;
margin:0 auto;
}
/*********** Header **********/
#header{
height:150px;
width:900px;
background:#cce5a2 url(../images/bg_header.gif) bottom no-repeat;
}
#logo{
width:882px;
padding:0px 9px;
}
#logo img{
border-top:3px solid #aa103f;
}
.foto{
display: block;
height: 190px;
width: 412px;
text-decoration: none;
position: absolute;
top: 1px;
margin-left:474px;
border:0px;
}
/*********** Menu **********/
#menu{
height:30px;
width:892px;
margin-top:49px; 
float:right; 
background:#e4fdbe url(../images/bg_menu.gif) left no-repeat;
}
/********** Menu Dropdown **********/
#nav li {
float:left;
display:inline;
}
#nav a{
display:block;
padding:4px 11px 4px 12px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
#nav a.daddy{
border-right:1px solid #7fa14c;
margin-top:2px;
font-size: 13px; 
font-weight: bold;
color: #333333; 
text-decoration:none;
}
#nav a:hover.daddy{
color:#AA103F;
}
/*submenu items*/
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 196px;
background:#e4fdbe;
padding:2px 0px 10px 0px;
}
#nav li li {
float:left;
width:194px;
}
#nav li:hover, #nav li.hover {
position:static;
color:#000000;
}
#nav li ul li a {
margin:0px 6px;
padding: 2px 0px 2px 6px;
border-left:0px;
width: 176px;
color:#333333;
text-align:left;
background:url(../images/divider_dropdown_menu.gif) bottom repeat-x;
border-bottom:1px solid #85CF0A;
}
#nav li ul li a:hover{
color:#AA103F;
background-color:#F2FEDE;
}
#nav li:hover ul ul, #nav li.sfhover ul ul{
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{
left: auto;
}
/*********** Indeling Content **********/
#container{
background:#ffffff url(../images/bg_content_top.gif) top no-repeat;
width:900px;
margin-top:8px;
}
#contentbottom{
background:#ffffff url(../images/bg_content_bottom.gif) bottom no-repeat;
width:900px;
height:10px;
}
#content{
background:url(../images/left_bottom.gif) 9px bottom no-repeat;
width:900px;
min-height:400px;
}
/*********** TEKST **********/
#tekst{
display:inline;
background-color:#FFFFFF;
width:592px;
float:right;
margin:0px 9px 4px 9px;
font-size:80%;
line-height:19px;
color:#444;
padding:0px 12px;
margin-top:20px;
}
#tekst p{
padding: 0px;
}
/* titel */
h1{
font-size: 19px; 
color: #aa103f;
font-weight:normal;
border-bottom:2px solid #cce3a8;
padding-bottom:12px;
margin-right:-14px;
}
.table{
margin-top:10px;}
.table td{
padding:3px 0px}

.image_left{
border: 1px solid #c8e2e8;
float: left;
margin-top: 3px;
margin-right: 10px;
}

.image_right{
border: 1px solid #c8e2e8;
float: right;
margin-top: 3px;
margin-left: 10px;
}

hr{
border-bottom: 0px;
border-top:1px solid #c8e2e8;
height:1px;
}

.image_middle{
border: 1px solid #c8e2e8;
}

/********** LINKS **********/
a:link, a:visited{
color:#AA103F;
}
a:hover, a:active{
color: #76B900}
/********** LINKERKANT **********/
#leftside{
display:inline;
width:238px;
float:left;
margin-left:9px;
background:url(../images/left_top.gif) top no-repeat;
padding:20px 9px 0px 9px;
}
.image{padding:10px 0px 8px 0px;}
.logoleft{
float:right;
padding-bottom:9px;}
/********** FOOTER **********/
#footer{
clear:both;
color:#5d8890;
font-size:12px;
line-height:30px;
}
#footer a{
color:#5d8890;;
text-decoration:none;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */