html {
	background-color: #c2e1e4;
}	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(/templates/main/images/bg_gradient.jpg);
	background-repeat:repeat-x;
}

html, body {
	height: 100%; 
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 900px;
	background-image:url(/templates/main/images/bg_middle.png);
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

#menu_under {
	position: absolute;
	top: 207px;
	left: 50px;
	color: #87898f;
	font-size: 11px;
	z-index: 500;
}

#menu_under a{
	color: #87898f;
	text-decoration: none;
}

#menu_under a:hover{
	color: #000000;
	text-decoration: none;
}

#header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 167px;
	width: 924px;
}

#header #logo {
	position: absolute;
	left: 5px;
	right: 25px;
	top: 15px;
	background-image: url(/templates/main/images/logobvd.jpg);
	height: 151px;
	width: 227px;
}

#header #headerbackground {
	position: absolute;
	left: 0px;
	right: 0px;
}


#menublock {
	position: relative;
	padding:0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	background-color: #005862;
	height: 35px;
}

#menublock #menu {
	margin-left: 17px;
}

#menublock ul#menuitems{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	background-color: #005862;
}

#menublock ul#menuitems li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;

}

#menublock ul#menuitems li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding: 8px 13px 2px 13px;
	height:25px;
	font-family: Arial;

	font-size: 14px;


}

#menublock ul#menuitems li a:hover{
	background-color: #598994;
}

.menuover {
	background-color: #598994;
	

}



#menublock .leftcorner {
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 15px;
	height: 15px;
	background-image: url(images/leftrounded.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

#menublock .rightcorner {
	position: absolute;
	bottom: 0px;
	right:0px;
	width: 15px;
	height: 15px;
	background-image: url(images/rightrounded.gif);
	background-repeat:no-repeat;
}

#middle {
	margin-top: -30px;
	mar\gin-top: 0px;
	padding-top: 0px;
	position: relative;
	width: 924px;
	margin-left: auto; 
	margin-right: auto;
	height: auto;
	display: block;
	clear: both;
	background-image: url(images/rightgrey.jpg);
	background-position: center;
	background-repeat:repeat-y;
}

#middle #middle_content {
	position:relative;
	width: 740px;
	padding-top: 30px;
}

#middle #middle_content #leftmenu{
	position: relative;
	width: 200px;
	float: left;
	z-index: 100;
}

/* STYLING LEFT MENU */

#middle #middle_content #leftmenu .mainmenuitem {
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #005862;
	display: block;
	margin-bottom: 16px;	
}

#middle #middle_content #leftmenu .mainmenuitem a {
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #005862;
	text-decoration: none;
}

#middle #middle_content #leftmenu .mainmenuitem_over {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 15px;
	color: #005862;
	display: block;
	margin-bottom: 16px;	
}

#middle #middle_content #leftmenu .mainmenuitem_over a {
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #005862;
	font-weight: bold;
	text-decoration: none;
}


#middle #middle_content #leftmenu .submenuitem {
	font-family: Arial, Verdana;
	font-weight:normal;
	padding-left: 20px;
	font-size: 12px;
	display: block;
	color: #4f535d;
	margin-top: 4px;
}

#middle #middle_content #leftmenu .submenuitem a {
	font-family: Arial, Verdana;
	font-weight:normal;
	text-decoration: none;	
	font-size: 12px;
	color: #4f535d;
}

#middle #middle_content #leftmenu .submenuitem_selected {
	font-family: Arial, Verdana;
	font-weight:bold;
	padding-left: 20px;
	font-size: 12px;
	display: block;
	color: #4f535d;
	margin-top: 4px;
}

#middle #middle_content #leftmenu .submenuitem_selected a {
	font-family: Arial, Verdana;
	font-weight:bold;
	text-decoration: none;	
	font-size: 12px;
	color: #4f535d;
}


/* END STYLING LEFT MENU */

#middle #middle_content #content{
	position: relative;
	width: auto;
	padding-left: 210px;
	padding-right: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #4f535d;
	z-index: 50;
	margin-bottom: 25px;
}

/* STYLING INSIDE CONTENT */
#middle #middle_content #content a {
	color: #005862;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

#middle #middle_content #content a:hover {
	color: #f58220;
}


#middle #middle_content #content h1 {
	font-family: Arial, Verdana;
	font-size: 26px;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 15px;
	line-height: 130%;
}

#middle #middle_content #content h2 {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -15px;
	line-height: 130%;
}

#middle #middle_content #content p {
	
}

.greenquote {
	color: #23ab9a;
	font-size: 12px;
	font-weight: bold;
}

.header {
	color: #005862;
	width: 100%;
	font-weight: bold;
	margin-bottom: 4px;
}

.header .title {
	padding-left: 120px;
}

.header .title a, .header .title_left a {
	color: #005862;
	text-decoration: none;
	border: 0px !important;
}

.header .title a:hover, .header .title_left a:hover {
	color: #f58220;
	border: 0px;
}

.header .title_left {
	
}


.header .date {
 	float: left;
	width: 100px;
}

/* END STYLING */


#middle #middle_sidebar {
	position:relative;
	float: right;
	background-color: #e8e5df;
	width: 173px;
	text-align: center;
	margin-top: 5px;
}

#middle #middle_sidebar img {
	margin-top: 6px;
	border:0px;
}

/* STYLING FRONTPAGE */

#news {
	position: relative;
	display: block;
	width: 350px;
	height: 375px;
	margin-top: 0px;
	padding-left: 4px;
	padding-right: 3px;
	background-image:url(/templates/main/images/bg_news.png);
	background-repeat:no-repeat;
	background-position: left 6px;
	z-index: 30;
}

#newsimage {
	position: absolute;
	top: 67px;
	left: 205px;
	z-index: 0;
}

#newsimage img {
	position: absolute;
	left: 130px;
	top: 0px;
	width: 400px;
	height: 320px;
}


#news #leftside {
	position: absolute;
	top: 0px;
	background-color: #e8e5df;
	width: 350px;
	height: 375px;
	z-index: 220;
}

#news #leftside #newsitems {
	padding: 10px;
	padding-left: 20px;
	font-family: Verdana,Arial;
	color: #4f535d;
	font-size: 10px;
	
}

#news #leftside #newsitems a {
	color: #005862;

	text-decoration: none;
}

#news #leftside #newsitems a:hover {
	color: #f58220;
}


#news #leftside #newsitems h1 {
	font-family: Verdana,Arial;
	font-weigh: bold;
	color: #005862;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 3px;
}

#news #leftside #newsitems p {
	margin:0px;
	margin-bottom: 13px;
}

#news #leftside #header {
	position: relative;
	background-color: #005862;
	color: #FFFFFF;
	height: 25px;
	font-family: Arial;
	font-size: 23px;
	width: 330px;
	padding: 6px;
	padding-right: 0px;
	padding-left: 20px;
}

#news #leftside #header a {
	color: #FFFFFF;
	text-decoration: none;
}

#news #leftside #footer {
	position: absolute;
	bottom: 0px;
	height: 18px;
	background-color: #005862;
	width: 350px;
}

#news #leftside #footer .leftcorner {
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 15px;
	height: 15px;
	background-image: url(/templates/main/images/leftcorner_front.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}


#news #leftside #footer .rightcorner {
	position: absolute;
	bottom: 0px;
	right:0px;
	width: 15px;
	height: 15px;
	background-image: url(/templates/main/images/rightcorner_front.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

#news #leftside #header #topleft {
	position: absolute;
	left:0px;
	width: 15px;
	height: 15px;
	top: 0px;
	background-image: url(/templates/main/images/topleft.gif);
}

#news #leftside #header #topright {
	position: absolute;
	right:0px;
	width: 15px;
	height: 15px;
	top: 0px;
	background-image: url(/templates/main/images/topright.gif);
}


#bottom_frontpage {
	position: relative;
	display: block;
	width: 100%;
	height: 375px;
	z-index: 30;

}

#bottom_frontpage #other_content{
	position: relative;
	float: right;
	width: 370px;
	margin-top: -10px;
	margin-right: 5px;
	text-align: center;

}

#bottom_frontpage #spotlight {
	position: relative;
	width: 350px;
	margin-top: 15px;
	float: left;
}

#bottom_frontpage #spotlight h1 {
	color: #005862;
	font-size: 24px;	
	font-family: Arial,Verdana;
	margin: 0px;
}

#bottom_frontpage #spotlight p {
	margin:0px;
	margin-top: 5px;
	font-family: Verdana,Arial;
	color: #4f535d;
	font-size: 10px;
}

#bottom_frontpage #spotlight a {
	color: #005862;
	text-decoration: none;
}

#bottom_frontpage #spotlight a:hover {
	color: #f58220;
}

#bottom_frontpage #header {
	position: relative;
	background-color: #e8e5df;
	color: #005862;
	height: 25px;
	font-family: Arial;
	font-size: 25px;
	width: 330px;
	padding: 6px;
	padding-right: 0px;
	padding-left: 20px;
}


#bottom_frontpage #header #topleft {
	position: absolute;
	left:0px;
	width: 15px;
	height: 15px;
	top: 0px;
	background-image: url(/templates/main/images/spotlighttopleft.jpg);
}

#bottom_frontpage #header #topright {
	position: absolute;
	right:0px;
	width: 15px;
	height: 15px;
	top: 0px;
	background-image: url(/templates/main/images/spotlighttopright.jpg);
}



/* END STYLING FRONTPAGE */

#footer {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #005862;
	height: 34px;
	clear: both;
	bottom: 0px;
	font-family: Arial;
}

#footer .leftcorner {
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 15px;
	height: 15px;
	background-image: url(/templates/main/images/leftcorner.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}


#footer .rightcorner {
	position: absolute;
	bottom: 0px;
	right:0px;
	width: 15px;
	height: 15px;
	background-image: url(/templates/main/images/rightcorner.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

#footer #footer-right {
	padding: 0px;
	width: 130px;
	font-size: 12px;

	float:right;
	padding-right: 0px;
	
}

#footer #footer-left {
	padding: 9px;
	margin-left: 20px;
	font-size: 12px;

	float: left; width: 400px;
}

#footer #footer-left a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

#footer #footer-links a:hover {
	text-decoration: underline;
}

.bontbericht {
	border: 0px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

.bontbericht a {
	border: 0px !important;
	text-decoration:none;
}

.bontbericht img {
	border: 0px;
}

.imgwithquote {
	height: 350px;
	margin-bottom: 10px;
}

.imgwithquote .quoteleft {
	width: 48%;
	float: left;
	display: inline;
	font-size: 18px;
	color: #23ab9a;
	font-weight:bold;

}

.imgwithquote .quoteleft .quoteinside{
	position: relative;
	width: 250px;

	top: 50%;
    display: table-cell;
    vertical-align: middle;
	height: 350px;
	text-align: center !important;
}

.imgwithquote .imageright {
	float: right;
	width: 48%;display: inline;
}

form {
	padding:4px;
}

form .errormsg {
	color: #EA0000;

}

form .titlefield {
	font-weight: bold; 
	display: inline;
	width: 35%;
	
	float: left;
}

form .typefield {
	display: inline;

}

form .formrow {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	
}



form input {
	padding: 3px;
	border: 1px dotted #005862;
	border-bottom: 1px solid #005862;
}

form input[type=radio] {
	padding: 3px;
	border: 0px;
}

#faqs {
	
}

#faqs h2 {
	margin-bottom: 15px;
	border-bottom: 1px dotted #005862; 
}

#faqs h3 {
	font-size: 12px;
}

.normal_arrow {
	width: 50px;
	background-image: url(/images/arrow_up.jpg);
}

.normal_arrow_down {
	width: 50px;
	background-image: url(/images/arrow_down.jpg);
}

.options {
	text-align: right;
	border-bottom: 1px dotted #cccccc;
	padding: 2px;
	margin-top: 3px;
}

.options img {
	vertical-align: middle;
	border: 0px;
}

.options a, .options a img {
	border-bottom: 0px !important;
	text-decoration:none;
}

.twitter {
	width: 140px; padding: 3px; border: 2px solid #9ec9cf; background-color:#add8de; font-size: 10px; color: #000; position: relative; margin-left: auto; margin-right: auto; text-align: left;
}
.twitter a {
	color: #FFF;	
	text-decoration: none;

} 

.twitter a:hover {
	color: #000;
	text-decoration: underline;
}

.twitter p {
	border-bottom: 1px solid #50868e;
	margin: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}