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

html, body {
    height: 100%;
	background-image:url(images/bodyback.gif);
	background-repeat:repeat-y;
	background-position:center;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	
}
.oneColFixCtrHdr #container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(images/bodyback.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin: 0 auto;
	padding:0;
	height:100%;
	}
	
.oneColFixCtrHdr #header {
	background: #FFFFFF; 
	height:106px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/header-logo.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.oneColFixCtrHdr #footer {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align:center;
	font-size:11px;
	color:#7ca9cf;
	padding-top:20px;
	padding-bottom:10px;
}

.oneColFixCtrHdr #nieuwsdiv {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align:left;
	font-size:11px;
	color:#7ca9cf;
	padding-top:10px;
	padding-bottom:10px;
}

.oneColFixCtrHdr #navtop {
	background: #FFFFFF; 
	height:67px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/navigatie.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}

.oneColFixCtrHdr #nieuws {
	background: #FFFFFF; 
	height:205px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/Top-nieuws.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.oneColFixCtrHdr #foto {
	background: #FFFFFF; 
	height:239px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/fotobalk.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding-left:55px;
	padding-right:55px;
	padding-bottom:5px;
	background-image:url(images/bodyback.gif);
}

#adresheader {
	padding-top:10px;
	padding-right:40px;
	text-align:right;
}

#nieuwblokrechts {
	text-align:left;
	padding-right:40px;
	margin-left:755px;
	padding-top:10px;
}

#midden3{
	float: left;
	width: 900px;
	padding-left:0px;
	padding-top:0px;
	line-height:17px;
	list-style-type: none;
	margin:0;
	padding-bottom:20px;
	padding-top:5px;
} 

/* blokken midden */

#left{
	float: left;
	width: 270px;
	
	padding-left:0px;
	padding-top:0px;
	line-height:17px;
	list-style-type: none;
	margin:0;
} 

td {
	vertical-align: top;
}

#event p {
	padding-right:9px;
}

#moreinfo{
	margin-top:10px;
	}

#tekstvoor {
	height:200px;	
}

#middle{
	position:relative;
	margin-left: 322px;
	margin-right: 322px;
	line-height: 17px;	
} 


#right{ 
float: right; 
position:relative;
list-style-type: none;
width: 270px; 
line-height: 17px; 
margin-right:0px;
}
 

#news{
	height:232px;
	min-height: 232px;
	max-height: 232px;
	padding-top:10px;
	list-style-type: none;
	margin:0;
	padding-left:12px;
	line-height:17px;	
	font-size:13px;

} 

#morenews{
	padding-left:40px;
	margin:0;
	

}


#doubleright{ 
float: right; 
width: 520px; 
min-height: 298px;
font-size: 11px; 
line-height: 16px; 
padding-bottom:15px;
padding-right:20px
}
#doubleright li {
	text-decoration: none;
	list-style-type: none;

} 

#logo{
	float: left;
	width: 230px;
	height: 180px;
	padding-top:20px;
	padding-left:24px;
} 

#video{
	float: right;
	width: 270px;
	height: 155px;
	padding-top:30px;
	padding-right:155px;
} 

/* navigatie menuboven */

#navigatie {
	width:900px;
	
	text-align: left;
	padding-top:20px;
	padding-left:54px;
	position:relative;
	z-index:1;
}

.navigatie {
	padding-top:1px;
	height:30px;

	}



.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p, ul, li, h1
{
	margin:0;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#223f93;
	text-transform: uppercase;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#223f93;
	text-decoration: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#223f93;
	text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#357db3;
	text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#223f93;
	text-decoration: none;
}

.titelblauw {
	color:#223f93;
	}

hr {
	color: #1A5E96;
}

.input
{
	color: #223f93;
	background: #fff;
	margin-left:3px;
	font-size:11px;
	padding:14px;
	font-weight: bold;
}

input
{
color: #223f93;
background: #FFFFFF;
font-size:11px;


}

.emailnieuwsbrief {
	font-size:11px;
	}

.nieuwstitel {
	color:#357db3;
	line-height:30px;
}

#navigatie ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#navigatie li { /* all list items */
	float: left;
	position:relative;
	color:#FFF;	
}


#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color:#50a4d9;
	border-right: solid 1px #033C70;
	padding: 0.5em 0 1em 0;
}

 li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;	
	}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

ul li a{
	padding-left: 10px;
	padding-right: 40px;
	padding-top:8px;
	padding-bottom:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	vertical-align: 10px;
	font-size:12px;
	font-style: normal;

}

ul li a:hover{
	color:#000;
	text-decoration: none;
}

#navigatie a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
}

#navigatie a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration: none;
}
#navigatie a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;
}
#navigatie  a.active {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#223f93;
	text-decoration: none;
}

#mainContent2 {
	margin-bottom: 0;
	width:675px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:20px;
	color: #000000;
} 

#mainContent3 {
	margin-top: 25px;
	width: 180px;
	margin-bottom: 0;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	z-index:0;
} 

#midden3 ul {
list-style-image:url(images/kompas.gif);
list-style-position:outside;
padding-left:30px;
}


#midden3 li {
	font-size:12px;
	line-height:normal;
	font-family:Verdana, Geneva, sans-serif;
}

#user, #pass{
width:100px;
}
#box{
width:350px; 
margin:100px auto 0px auto; 
background:#F0F0F0;
padding:15px;
}

.wit {color:#FFF;}