/* CSS Document */

html, body {  margin:0px; height:100%;  }

body { font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; }

div { font-size:1.05em; line-height:1.8em; }

li { font-size:1em; }
li li { font-size:1em; }

a:link, a:active, a:visited {
color:#002c5f;
text-decoration:underline;
}
a:hover {
color:#ffa100;
}

h1 {
font-size:1.7em;
font-weight:400;
font-family: Verdana, Times, serif;
color:#002c5f ;
margin:10px 0px 30px 0px;
}

h2 {
font-size:1.3em;
font-weight:300;
font-family:Verdana, Times, serif;
color:#002c5f ;
margin:30px 0px 10px 0px;
}

#sitecontainer {
width:100%;
min-height:100%;
/*height:auto !important; /* voor moderne browsers */
/*height:100%; /* voor IE */ 
position:relative;
background-image:url(../images/bg_kop.jpg);
background-position:top;
background-repeat:repeat-x;
}

#contentcontainer {
width:907px;
margin:0 auto;
position:relative;
background-color:#FFFFFF;
}

#hoofdfoto {
float: left;
position:relative;
width:447px;
}

#bridge {
float: left;
width:112px;
position:relative;
border-left:1px solid #fff;
}

#logocontainer {
float: left;
position:relative;
width:235px;
height:236px;
background-image:url(../images/logo.gif);
background-position:center;
background-repeat:no-repeat;
}

#school_button1 {
float: left;
position:relative;
}
#school_button2 {
float: left;
position:relative;
left:1px;
}
#school_button3 {
float: left;
position:relative;
left:2px;
}
#school_button4 {
float: left;
position:relative;
left:3px;
}

#bottom_kop {
clear:both; /* ivm werking school-links */
position:relative;
width:907px;
}


#text {
float:left;
position:relative;
width:479px;
/*background-color:#fff;
border:1px solid #000;*/
padding:20px 0px 90px 10px;
min-height:250px;
}

#navigatie {
position:absolute;
left:559px;
/*float:left;*/
width:347px;
/*padding:0px 130px 50px 27px;*/
padding-bottom:50px;
background-color:#002c5f;
background-image:url(../images/bg_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
min-height:120px;
height:auto !important;
height:120px;
color:#fff;
}

/*#breaker {
clear:both;
}*/

#footercontainer {
clear:both;
position:relative;
bottom:0;
width:100%;
min-width:990px;
height:180px;
background-image:url(../images/bg_footer.jpg);
background-repeat:repeat-x;
background-position:top;
/*border:1px solid #000;*/
}

#footer {
width:964px;
margin:0px auto;
padding:30px 13px;
}

#logo1, #logo2, #logo3, #logo4 {
float:left;
width:25%;
text-align:center;
/*border:1px solid #cc0000;*/
}

#lastupdate {
clear:both;
text-align:center;
padding:50px 0px 20px 0px;
color:#999;
font-size:0.8em;
}



/*formulieren*/
input { width:25em; }

#button { width:12em; }
#radio { width:1em; vertical-align:middle;}