/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

html { height: 100%; overflow: auto; }

body { background-color: #b1b3b4;  height: 100%; }
#wrapper { position: absolute; top: 50%; left: 50%; width:970px; height: 630px; margin: -315px auto 0 -485px; }

#header{ background-image: url(../images/header.jpg); background-repeat: no-repeat; width:970px; height:156px; }

#content { font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; width:970px; background-image: url(../images/verloop.jpg); background-repeat:no-repeat; height: 474px; }
#content_links { width: 135px; height: 449px; float: left; padding-top: 25px; padding-left: 20px; border-right: 1px solid #004a8e; }
#content_links_foto { padding-top: 25px; width: 561px; height: 449px; float: left; border-right: 1px solid #004a8e; }
#content_links_logoCBW { float: left; padding-top: 15px; padding-left: 20px; }
#content_links_kop1 { color: #322e2b; font-size: 20px; text-align: left; height: 28px; width: 100px; left: 210px; top: 170px; position: absolute; z-index: 100; }
#content_links_kop2 { color: #322e2b; font-size: 20px; text-align: left; position: absolute; z-index: 100; top: 170px; left: 625px; width: 100px; height: 28px; }
#content_links_kop3 { color: #000; font-size: 20px; text-align: left; position: absolute; z-index: 200; top: 410px; left: 210px; width: 100px; height: 28px; }
#content_links_kop4 { color: #000; font-size: 20px; text-align: left; position: absolute; z-index: 300; top: 410px; left: 625px; width: 100px; height: 28px; }
#content_rechts { width: 814px; float: right; }
#content_rechts_tekst { width: 700px; float: left; padding-top: 50px; padding-left: 30px; }
#content_rechts_tekst a { color: #00326f; text-decoration: underline; }
#content_rechts_tekst a:hover { color: #7d2824; text-decoration: underline; }
#content_rechts_noviteit { width: 350px; float: left; padding-top: 40px; padding-left: 20px; }
#content_rechts_noviteit a { color: #00326f; text-decoration: underline; }
#content_rechts_noviteit a:hover { color: #7d2824; text-decoration: underline; }
#content_rechts_foto { width: 402px; float: right; padding-top: 22px; padding-left: 6px; }
#content_rechts_blok1 { width: 406px; height: 237px; float: left; border-right: 1px solid #004a8e; border-bottom: 1px solid #004a8e; }
#content_rechts_blok1_actie { padding: 10px; }
#content_rechts_blok2 { width: 407px; height: 237px; float: right; border-bottom: 1px solid #004a8e; }
#content_rechts_blok2_actie { padding: 10px 10px 10px 9px; }
#content_rechts_blok3 { width: 406px; height: 237px; float: left; border-right: 1px solid #004a8e; }
#content_rechts_blok3_actie { padding: 10px; }
#content_rechts_blok3a_actie { padding: 10px; width: 183px; height: 216px; border-right: 1px solid #004a8e; }
#content_rechts_blok3b_actie { position: absolute; top: 394px; left: 360px; padding: 10px; width: 182px; height: 216px; }
#content_rechts_blok4 { width: 407px; height: 237px; float: right; }
#content_rechts_blok4_actie { padding: 10px; }
#content_rechts_blok4a_actie { width: 184px; height: 216px; padding: 10px; border-right: 1px solid #004a8e; }
#content_rechts_blok4b_actie { position: absolute; top: 394px; left: 768px; width: 183px; height: 216px; padding: 10px; }
/*-------------------------- clear fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------- menu*/
.menu li { margin: 0; padding: 0 0 0 0; border-bottom: 1px solid #547db6; list-style-type: none; }
#content_links ul { margin: 0; padding: 0 8px 0 0; }
#content_links a { color: #6588bd; text-decoration: none; padding-top: 3px; padding-bottom: 3px; display: block; }
#content_links a:hover { color: #d90222; background-image: url(../images/pijltje.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; }
#content_links a.zwart { color: #000; text-decoration: none; }
#content_links a.zwart:hover { color: #d90222; background-image: url(../images/pijltje.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; }
#content_links span { padding-top: 3px; padding-bottom: 3px; display: block; }
/*--------------------------------------------*/
h2 { font-size: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
a { color: #fff; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
.kader { border: solid 1px #004a8e; }
a.vervolg { color: #ab0a17; font-size: 12px; text-decoration: underline; }
a.vervolg:hover { color: #000; font-size: 12px; text-decoration: underline; }