/* CSS Document */

body{
background:url(../images/opmaak/body_bgdpic.jpg) repeat-x #F6FBF5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#666;
text-align:center;
}
.clear{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
#wrapper{
width:790px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0;
background:url(../images/opmaak/wrap_bgd.png) repeat-y;
border: 1px solid #D7F1A0;
}
#toppanel{
position:relative;
z-index: 100;
width: 790px;
height: 200px;
float:left;
}
#header{
background:url(../images/opmaak/logo_new.png) no-repeat;
height:170px;
margin-top:6px;
width:100%;
text-align:left;
}
#header img{border:none}
#topnavigatie{
	font-size:65%;
	margin-top:0px;
	width:100%;
	padding:0;
}
/*OPMAAK TOPNAV*/
#topnavigatie ul{
	padding:0;
	margin-right:18px;
}
#topnavigatie li{
	float: right;
	position: relative;
	padding-left: 30px;
	display:block;
	list-style:none;
}
#topnavigatie a{
	text-decoration:none;
	color:#666666;
}
.linkimage{
	float:left;
	border:none;
	padding-right: 3px;
}

/****	navigatiecontainer   ****/
#navigatiecontainer{
	width:790px;
	padding-top:10px;
}
#navigatiecontainer, #navigatiecontainer ul{
	padding: 0px;
	margin: 0px 0px 0px 35px;
}
#navigatiecontainer li {
	float: left;
	position: relative;
}
/*******  hoofdnavigatie    ****/
.hoofdnavigatie{
	list-style:url(../images/opmaak/menu_style.gif);
}
.hoofdnavigatie a{
	font-size:75%;
	font-weight:bold;
	text-decoration:none;
	margin-right:40px;
	margin-left:0px;
	color:#060;
}
.hoofdnavigatie a:hover{
	background:url(../images/opmaak/menu-hover.gif) repeat-x bottom;
	position:relative;
	text-decoration:none;
	padding-bottom:4px;
}
.hoofdnavigatie a.selected{
	position:relative;
	text-decoration:none;
	padding-bottom:4px;
	background:url(../images/opmaak/menu-hover.gif) repeat-x bottom;
}
/*****    subnavigatie     *****/
.subnavigatie{
	display:none;
	width:9em;
	position:absolute;
	top: 18px;
	left: -40px;
	background-color:#F6FBF5;
	padding:0px;
}
.subnavigatie li{
	display:block;
	width: 115%;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
/*	background:url(../images/opmaak/menu_style_hover.jpg) #ECEAE8 no-repeat 6px;*/
}
.subnavigatie li a{
	display:block;
	font-size: 70%;
	color: #666;
	text-decoration: none;
	background: #F6FBF5;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight:bold;
	text-align:left;
/*	z-index:100;*/
}
.subnavigatie li a:hover{
	display:block;
	color: #FFF;
	background: #98D51F url(none);
	padding:3px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight:bold;
}
#navigatiecontainer li:hover ul, li.over ul { /* lists genesteld onder de hovered list items */
	display: block;
}
/*  ########### CONTENT #######  */
#content{
width:100%;
position:relative;
overflow:hidden;
line-height:16px;
}
#contentMidPanel{
width:490px;
position:relative;
float:left;
margin-top:30px;
margin-left:60px;
text-align:left;
min-height:400px;
}
#contentMidPanel p{
margin-right:10px;
font-size:70%;
text-align:left;
}
#contentMidPanel h1{
margin-top:0;
margin-bottom:8px;
text-align:left;
color:#7CA600;
font-size:90%;
padding:0px;
letter-spacing:0.1em
}
#contentMidPanel hr{height:0; border:0; border-top:1px solid #D4D4D4}
#contentMidPanel li{margin-left:5px; margin-right:10px; font-size:70%; list-style-image:url(../images/opmaak/list-style.gif)}
#contentMidPanel li ul li{font-size:100%; margin-left:-5px; list-style-image:url(../images/opmaak/list-style_bis.gif)}
#contentMidPanel a{color:#060}
#contentMidPanel a:hover, #contentMidPanel a:focus{color:#900; background-color:#FFFF99}
#contentMidPanel .textTitle{font-size:100%; color:#060; font-weight:bold; font-style:italic; text-align:left; padding:0}
/*#contentMidPanel table{margin-left:0}*/
#contentMidPanel table{
width:400px;
border:none;
font-size:70%}
#contentMidPanel table p{font-size:100%}
.ContentTableTitle{font-size:100%; color:#060; font-weight:bold; font-style:italic; text-align:left; padding:0; letter-spacing:0.1em}
#contentMidPanel img a:hover, #contentMidPanel img a:focus{background-color:none}
#aankondiging{width:430px; border:1px solid #D6ECA8}
#aankondiging p{padding-left:10px}
.aankondigingTitel{display:block; background-color:#ECF3E9; font-size:100%; color:#CC0000; font-weight:bold; font-style:italic; text-align:left; padding:5px 5px 8px 5px}
/*   ##########  FOTOPANEL    #########    */
#contentFotoPanel{
width:490px;
min-height:350px;
position:relative;
float:left;
margin-top:30px;
margin-left:30px;
text-align:left;
}
/*   ##########  RIGHTPANEL   #########   */
#contentRightPanel{
	position:relative;
	float:right;
	margin-top:30px;
	width:240px;
}
#contentRightPanel img{border:1px solid #CCC; padding:3px}
.newsDiv{width:220px; border:1px solid #D6ECA8; margin-right:20px; position:relative}
.newsDivTitle{display:block; background-color:#ECF3E9; font-size:90%; color:#7CA600; font-weight:bold; text-transform:lowercase; font-style:italic; text-align:left; padding:5px 5px 8px 5px}
.newsDiv p{text-align:left; font-size:70%; padding:5; margin:0 5px 0 5px}

/*  ###### FOOTER  ######   */
#footer{margin-top:30px; width:100%; border-top:1px solid #C7FC65; height:20px}
#footer p{font-size:70%; margin-top:2px; color:#666}
#footer a{color:#333}
#footer a:hover, #footer a:focus{color:#9C0}
/*   #####   PIXELSHAPE   #####   */
#pixelshape{font-size:65%; text-align:center; color:#C0C0C0}
#pixelshape a{color:#C0C0C0; text-decoration:none}
#pixelshape a:focus, #pixelshape a:hover{color:#666666}
/*   ######  AFBEELDINGEN   #####   */
.imageborder{border:1px solid #333333}
.imageleft{border:1px solid #333; float:left; margin-right:8px}
.imageright{border:1px solid #333; float:right; margin-left:8px}
.imagebericht{border:none; float:right; margin-left:8px; margin-right:100px; padding:0; margin-top:0}

/*   #####   FORMULIER   #####   */
fieldset{width:25em; border:1px solid #D6ECA8}
fieldset p{text-align:left; margin-left:10px}
legend{background-color:#ECF3E9; border:1px solid #D6ECA8; color:#9C0; font-size:120%; letter-spacing:0.1em; font-style:italic; padding:3px}
label{display:block; float:left; padding-right:5px; width:8em; text-align:right}
input, textarea{border:1px solid #C3C3C3; background-color:none; font-weight:bold}
input:focus, textarea:focus{background-color:#ECF3E9}
/* ######### PAGINANUMMERS  ######### */
.boxes { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%;
margin:0;padding:0;
} 

.boxes a:link, .boxes a:visited, .boxes a:active{ 
color:black; 
background-color: #FFF; 
border: 1px solid #900; 
margin: 1px; 
text-decoration: none; 
padding: 1px 5px; 
} 

.boxes a:hover { 
color:white; 
background: #75902F; 
border: 1px solid #99CC00; 
margin: 1px; 
text-decoration: none; 
padding: 1px 5px; 
}
.current{font-weight:bold; color:#900; background-color:#75902F; padding:1px 5px;border: 1px solid #900}