@charset "utf-8";
/* CSS Document */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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

.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}


/* classes */

.newline {
	clear:left;
	}

/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	}


* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}


ul,li,th,td,tr {
	margin:0;
	padding:0;
	border:0;
	}

p {
	margin:1em 0;
	}

#wrapper {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 18px;
	background:url(../images/backwrapper.jpg) repeat-y top left;
	}


body {
	background-color: #f5f5f5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "News Gothic MT", Tahoma, "Trebuchet MS";
	color: #1e558d;
	font-size: 12px;
	line-height: 15px;
}


/* top en taalkeuze */


#top {
	height: 18px;
	padding-right: 15px;
	background-color: #F5F5F5;
}


#taal{
	position:relative;
	display:block;
	height:15px;
	font-size:10px;
	font-weight:bold;
	list-style-type: none;
}


ul#taal {
	padding:0;
	list-style-type:none;
	width:auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

ul#taal li{
	display:block;
	float:left;
	background-image: url(../images/taalnavOff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
}


ul#taal li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	height:16px;
	width: 21px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 2px;
	margin-right: 8px;
}


ul#taal li a:hover,ul#taal li a.current{
	color:#fff;
	background-color: transparent;
	background-image: url(../images/taalnavOn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#taal {
	float: right;
}


/* navbox */

#navbox {
	position:relative;
	height:180px;
	background:#5AA5C5;
	} 

#navbox ul {
	list-style:none;
	height:43px;
	overflow:hidden;
	} 


#navbox ul li {
	display: inline-block;
	float:left;
	height:43px;
	width:200px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	background: url(../images/menustreepje.gif) 0 7px no-repeat;
	} 

#navbox ul li:first-child {
	background:transparent;
	}

#navbox ul li.singlerow {
	line-height:43px;
	} 

#navbox ul li.doublerow {
	line-height:20px;
	} 


#navbox ul li a {
	display:block;
	height:43px;
	text-decoration:none;
	color:#fff;
	overflow:hidden;
	font-size:14px;
	}


#navbox ul li a:hover, #navbox ul li a.current {
	background:url(../images/nav_on.jpg) repeat-x top left;
	}
	
	
#navboximages {
	background:#00558E;
	height:115px;
	}	

#navboximages img {
	float:left;
	}
	
#wave {
	position:absolute;
	top:138px;
	left:0;
	width:200px;
	height:52px;
	background: url(../images/wave.gif) no-repeat top left;
	}


#leftcorner {
	position:absolute;
	top:0;
	left:0;
	width:13px;
	height:13px;
	background:url(../images/corner-left.gif) top left no-repeat;
	}

#rightcorner {
	position:absolute;
	top:0;
	right:0;
	width:13px;
	height:13px;
	background:url(../images/corner-right.gif) top left no-repeat;
	}	


/* subnavigation */

#subnav {
	width: 177px;
	margin-left:22px;
	background-color: #ecf4f8;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	color: #549cbd;

}

#subnav ul {
	margin-top:20px;
	list-style:none;
	}

#subnav ul li {
	margin-left:10px;
	border-bottom:1px solid #fff;
	}
	

#subnav a {
	text-decoration: none;
	color: #549cbd;
	display: block;
	height: 35px;
	line-height: 35px;
}
#subnav a:hover {
	text-decoration: none;
	color: #013467;
}
#subnav .current {
	text-decoration: none;
	color: #013467;
}




/* content */

#content {
	float: left;
	width: 725px;
	padding-top: 24px;
	padding-left: 22px;
	padding-bottom:20px;
	padding-right:30px;
	text-align: justify;
}


#gallery a, #gallery a:visited {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:0.4em;
	background: #47a;
}

#content h2 {
	font-family: Impact;
	font-size: 22px;
	color: #5aa4c7;
	display: block;
	margin-bottom: 20px;
	font-weight:normal;
}


#content h3{
	font-size: 14px;
	font-weight: bold;
	color: #2A6A9D;
	display: block;
	margin-bottom: 12px;
}

#content a {
	font-weight: bold;
	color: #29699C;
	text-decoration: underline;
}

#content a {
	text-decoration: underline;
}
.small a {
	font-size: 10px;
}

#content ul {
	padding-left: 20px;
}

#content ul li{
	line-height:1.5em;
	list-style:inside;
}

#content .newsitem{
	display:block;
	border-bottom:1px solid #5AA4C7;
	padding-bottom:1em;
	padding-top:0.5em;
	}

#content .leftimage {
	float:left;
	clear:left;
	margin:0px 10px 10px 0px;
	}

#content .secondleftimage {
	float:left;
	clear:none;
	margin:0px 10px 10px 0px;
	}
	
#content .rightimage {
	float:right;
	clear:right;
	margin:0px 0px 10px 10px;
	}

#content .leftimage img, #content .rightimage img, #content .secondleftimage {
	border:1px solid #5AA5C5;
	}
	
#content #referenties a{
	text-decoration:none;
}

#content #referenties a:hover{
	text-decoration:underline;
}
/* homepage only */

#home_image {
	padding-top:20px;
	width:550px;
	height:458px;
	border:0;
	}



/* newspage */

.numberlist {
	list-style:decimal;
	line-height:1.5em;
	margin:1em 0;
	font-size:13px;
	}

/* footer */


#footer {
	clear:both;
	height: 87px;
	background:url(../images/footer_bg.gif) top left repeat-x;
	margin-top: 15px;
}


#footer #left {
	background:#F2F7FA url(../images/backfooter01.jpg) no-repeat top left;
	height: 62px;
	width: 165px;
	float: left;
	padding-left: 35px;
	font-size: 11px;
	padding-top: 25px;
}
#footer #right {
	float: right;
	height: 57px;
	background:url(../images/backfooter02.jpg) no-repeat top right;
	width: 780px;
	padding-left:20px;
	font-size: 11px;
	padding-top: 30px;
}
#footer #right a {
	font-weight: bold;
	text-decoration: none;
	color: #00558f;
}