/* =========================================== MENU === */
#middenMenu_new{
	float: left;
	width: 960px;


/* */
	font-size: 75%;
	font-weight: bold;

/*
	font-size: 80%;
	font-weight: normal;
*/
}

.menuWhiteSpace{
	float: left;
	width: 60px;
}
.menuleft{
	float: left;
	width: 69px;
	height: 117px;
	background: url('../img/menu_left_bg.gif');
}
.menubody{
	float: left;
	width: 831px;
	height: 117px;
	background: url('../img/menu_body_bg.gif');
}
.menubody_cijfers{
	float: left;
	width: 831px;
	height: 117px;
	background: url('../img/menu_body_bg_cijfers.jpg');
}
.menuleft_cijfers{
	float: left;
	width: 69px;
	height: 117px;
	background: url('../img/menu_left_bg_cijfers.jpg');
}



/* ================================================================ Level 1 == */
#level_1_new{
	float: left;
	width: 831px;
}

#level_1_new ul li{
	float: left;
}

#level_1_new ul li a{
	float: left;
	display: block;
	height:19px;
	color: white;
	padding: 7px 7px 3px 7px;
	text-decoration: none;
	cursor:pointer;
/*	border-right: 1px solid #e8e7ec;*/
}
#level_1_new ul li a:hover, #level_1_new .active{
	background: url('../img/menu_body_active_1_bg.gif');
	color: #28481f;
}

/* ================================================================ Level 2 == */
#level_2_new{
	float: left;
	width: 831px;
	height: 30px;
}

#level_2_new .initialHide, #level_3_new .initialHide {
	display: none;
}

#level_2_new ul li{
	float: left;
}

#level_2_new ul li a{
	float: left;
	display: block;
	height:20px;
	color: white;
	padding: 7px 7px 3px 7px;
	text-decoration: none;
	cursor:pointer;
/*	border-right: 1px solid #e8e7ec;*/
}
#level_2_new ul li a:hover, #level_2_new .active{
	background: url('../img/menu_body_active_2_bg.gif');
	color: #28482f;
}


/* ================================================================ Level 3 == */
#level_3_new{
	float: left;
	width: 831px;
	margin-top: 30px;
}

#level_3_new ul li{
	float: left;
}

#level_3_new ul li a{
	float: left;
	display: block;
	height:18px;
	color: white;
	padding: 7px 7px 3px 7px;
	text-decoration: none;
/*	border-right: 1px solid #e8e7ec;*/

	font-size: 80%;
/*	font-weight: normal;*/
}
#level_3_new ul li a:hover, #level_3_new .active, #level_3_new ul li a:active {
	background: url('../img/menu_body_active_3_bg.gif');
}


/* ================================================================ TABS == */

#maintabs{
	float: left;
	width: 945px;
	padding-left: 15px;
	margin-top: 19px;
	height: 29px;
	width: 945px;
	background:url(../img/thirdleveltab-background.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	font-size: 75%;
	font-weight: bold;
}

#maintabs li {
	float: left;
}
#maintabs li a{
	float: left;
	padding: 4px 10px 2px 25px;
	border-left: 1px #CCCCCC solid;
	border-top: 1px white solid;
	text-decoration: none;
	color: #406039;
	cursor:pointer;
}
#maintabs li a:hover{border-top: 1px #CCCCCC solid;}
#maintabs li a.active , #maintabs .active{
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px white solid;
}
#maintabs .last{border-right: 1px #CCCCCC solid;}

.bijsluiter{
	background:url(../img/icon/icon-bijsluiter.gif) no-repeat;
	background-position: 5px 4px;
}
.bestand{
	background:url(../img/icon/icon-bestand.gif) no-repeat;
	background-position: 5px 4px;
}
.grafiek{
	background:url(../img/icon/icon-grafiek.gif) no-repeat;
	background-position: 5px 4px;
}
.tabel{
	background:url(../img/icon/icon-tabel.gif) no-repeat;
	background-position: 5px 4px;
}
.kaart{
	background:url(../img/icon/icon-kaart.gif) no-repeat;
	background-position: 5px 4px;
}


/* =========================================== ALGEMEEN === */

.clear{clear: both;}

html, body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#footer{width: 960px;height:12px;}
img{border: 0px;}
ul{list-style-type:none;margin:0px;padding:0px;}
p{margin-top:0px;padding-top:0px;}
a, a:visited{color:#0e681f;text-decoration: underline;}
a:hover{color:black;}

/* =========================================== TOP === */
#top{
	position: relative;
	float: left;
	margin-top:25px;
	width: 960px;
	height: 105px;
}

#logo {
/*	position: absolute;
	top: 10px;*/
	float: left;
	margin-top: 10px;
	width: 409px;
	height: 45px;
}

/* == MENU == */
#menu{
	float: left;
	margin-top: 24px;
	width: 960px;
	height: 25px;
}

#headmenu{
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0px;
}

#headmenu li{
	float: left;
	font-size: 80%;
}

#headmenu li a{
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 30px 2px 30px;
}

#headmenu li a:hover, #headmenu li a.active{
	color: #FFE600;
	background-color: #28461E;
}

#headmenu li:hover a, #headmenu li.sfhover a{
	color: #FFE600;
	background-color: #28461E;
}

#headmenu li:hover li a, #headmenu li.sfhover li a{
	color: #28461E;
	background-color: #FFFFFF;
}

#headmenu li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	list-style: none;
	border: 1px solid #28461E;
	border-width: 1px 0px 0 0px;
	padding:0px;
	margin: 0px;
	z-index: 999;
}

#headmenu li ul li{
	width: 200px;
	font-size: 100%;
}

#headmenu li ul li a{
	color: #28461E;
	background-color: #FFFFFF;
	padding: 2px 0 0 5px;
	width: 195px;
	height: 18px;
	display: block;
	font-weight: normal;
	border-bottom: 1px solid #28461E;
}

#headmenu li ul li a:hover, #headmenu li ul li a.active{
	background-color: #FFE600;
	color: #28461E;
}

#headmenu li:hover ul{
	left: auto;
}

#headmenu li.sfhover ul {
	left: auto;
}

#headmenu li ul ul {
	display: none;
}

/*
#rightTop{
	position: absolute;
	top: -2px;
	left: 780px;
	width: 180px;
	background:#ffe600;
}
*/
#aSitemap {
	float: left;
	margin: 3px 0 0 10px;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
	color: #28461e;
	text-decoration: none;
}

#l_name, #s_phrase{
	margin-left: 10px;
}


#login {
	padding: 14px 15px 14px 15px;
	width: 150px;
	height: 37px;
}

.loginText {
	font-size: 70%;
	font-weight: bold;
	color: #335a3a;
	width: 40px;
}

#loginform {
	background: url('../img/go.jpg');
	cursor: pointer;
	height: 11px;
	width: 11px;
	vertical-align: middle;
	border: none;
}

/*
input.inputTop{
	float: left;
	width: 65px;

	font-size: 70%;
	height: 13px;
	margin-bottom: 1px;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-top: 1px solid #737373;
	border-right: 1px solid #737373;
}
*/


#zoeken form {
	margin: 0;
	padding: 0;
	height: 33px;
}

#zoeken form fieldset input.inputfield {
	margin-top: 10px;
}

#zoeken form fieldset input.arrow, #zoeken form fieldset input.arrow2{
/*	margin-top: 7px;*/
	
}

#cse-search-results {
	overflow: hidden;
}

#zoeken {
	float: right;
	margin-right: 10px;
	width: 181px;
	height: 55px;
	background-image: url('../img/geel_vlak_klein_static.png');
	background-repeat: no-repeat;
	display:inline;
	
}

#rightTop {
	width:181px;
	float: right;
	height: 55px;
	overflow:hidden;
	display:inline;

}

.rightTopStatic {
	float:right;
	width: 181px;
	background: url('../img/login_static.png');
	background-repeat: no-repeat;
	cursor: pointer;

}

.rightTopHover {
	width: 181px;
	background: url('../img/login_hover.png');
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
}

.rightTopOk {
	width: 181px;
	background: url('../img/ingelogd.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.rightTopError {
	width: 181px;
	background: url('../img/login_error.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#rightTopActive {
	display: none;
	float: right;
	width: 272px;
	height: 55px;
	background: url('../img/geel_vlak_groot.png');
	background-repeat: no-repeat;
	cursor: default;
	background-color:#FF0099;

	
}

.headerblokwform span {
	float: right;
	display:inline;
	margin-left: 10px;
	color: #28461E;
	font-size: 80%;
	font-weight: bold;

}

#top .inputfield2 {
	margin-top: 5px;
	margin-right: 10px;
	background-color: #dcdcdc;
	width: 100px;
	border: 1px solid #b7b7b7;
	display:inline;
}

#top .inputfield{
	margin-top: 15px;
	margin-right: 5px;
	padding-left: 4px;
	background-color: #dcdcdc;
	width: 115px;
	border: 1px solid #b7b7b7;
	padding-top:0px;
}

#top .inputfield:focus {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #666666;
}


#top .arrow{
	position: absolute;
	margin: 7px 0 0 5px;
}

#top .arrow2{
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0;
	cursor: pointer;
}


.float {
	float: left;
}

.floatRight {
	float: right;
	display:inline;
}




/* =========================================== MIDDEN BANNER === */
#banner{
	width: 960px;
	float: left;
	margin-bottom: 0px;
	height: 117px;
	background-color: #E1E1E1;
	overflow: hidden;
}




/* =========================================== MIDDEN TITEL, PLAATJE EN TEXT === */
#midden{
	float: left;
	width: 960px;
	height: 190px;
	background-image: url(../img/achtergrond-titel.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

/* =========================================== MAIN CONTENT === */
.contentVlak h1, h2{
	margin: 0px;
	padding: 0px;
}
.contentVlak h1{
	margin-bottom: 8px;
	font-size: 140%;
	font-weight: bold;
	color: #004710;
}
.contentVlak h2{
	margin-bottom: 4px;
	font-size: 100%;
	font-weight: bold;
	color: #004710;
}
.contentVlak ul{
	list-style-type:square;
	margin-left:15px;
}
.contentVlak{
	position: relative;
	float: left;
	width: 960px;
	margin-top: 12px;
}

#content{
	float: left;
	text-align: left;
	margin-left:0px;
	margin-top:0px;
	width: 630px;
	padding: 0px 0px 20px 72px;

	line-height:150%;
	font-size: 75%;
}
#content img{
	margin: 3px;
}
.contentcijfer{
	float: left;
	text-align: left;
	width: 745px;
	padding: 0px 0px 20px 15px;
	margin: 0px;
	min-height:600px;
	line-height:150%;
	font-size: 75%;
	overflow: hidden;
}

.contentcijfer .googlemapskaart {
	width: 745px;
	height: 424px;
}

.content_CMS {
	text-align: left;
	margin:15px;
	line-height:150%;
	font-size: 75%;
}

.content_CMS_yellow {
	background-color:#ffe600;
	text-align: left;
	padding: 0px;
	margin:5px;
	line-height:150%;
	font-size: 70%;
}

.content_CMS_yellow h1 {
	color:#004710;
	font-size:100%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.content_CMS h1{
	margin-bottom: 8px;
	font-size: 140%;
	font-weight: bold;
	color: #004710;
}

.content_CMS ul{
	margin-left:15px;
	list-style-type:square;
}

.content_CMS h2{
	margin-bottom: 4px;
	font-size: 100%;
	font-weight: bold;
	color: #004710;
}


.yellowBlock{
	margin-bottom: 12px;
}

.yellowBlock div{
	padding: 10px 10px 10px 10px;
	width: 160px;
}

.lastEditYellow ul, .lastEditYellow li { margin:0; padding:0; }
.lastEditYellow ul {list-style: disc;}
.lastEditYellow li { margin-left:16px;}

.lastEditYellow div {
	padding-top: 0;
	padding-left: 0;
}

/* == contentRight == */
.contentRightTop{
	background: url(../img/yellowblock_top_bg.png) no-repeat top;
	float: right;
	width: 184px;
	
}
.contentRight {
	float: right;
	width: 184px;
	line-height: 140%;
	font-size: 70%;
	background: url(../img/yellowblock_body_bg.png) no-repeat top;
	background-position: left bottom;
	overflow: hidden;
}

.contentRight h1{
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #004710;
}


.bannerBlock img{
	float:left;
	padding: 2px 0px 2px 10px;
}

.bannerText{
	float:left;
	margin-left:4px;
	margin-top:12px;
	color:#0e681f;
	width: 100px;
	font-size: 100%;
}

.bannerText a:hover {
	color: black;
	text-decoration:underline;
}

.bannerMeldAan {float:left; width:120px; height:60px; padding-top:15px; padding-left:5px;cursor: pointer;text-decoration:none;}
.bannerEnvelop {float:left; width:32px; height:60px; cursor: pointer;}

.bannerBlock a {
	width: 177px;
	display:block;
	height: 35px;
	text-decoration:none;
	line-height:100%;
	cursor: pointer;
}

.bannerBlock a:hover {
	color: black;
	text-decoration:underline;
}

#imgNieuwsbrief {
	padding-top: 15px
}

#cijferData .bron {
	padding-bottom: 15px;
}
#cijferData .bron a {
	font-style: italic;
	color: #000;
}

/* Login form*/
.redMsg {color:red;}
#login_form {padding-top: 0px;}
.loginleft{width: 120px; float: left;}
.loginrow{width: 580px; padding-bottom:8px;}
#bigLoginForm{ border: 1px solid #DFDBB5; padding: 20px; background-color: #FFFCDF }
#bigLoginForm input, #bigLoginForm textarea, #bigLoginForm select { border:1px solid rgb(170, 187, 204)}


/* =============== contactformulier =============== */
#formulier {border: 1px solid #DFDBB5; padding: 20px; background-color: #FFFCDF}
fieldset {border: none; margin:0; padding:0;}
#formulier label { position: absolute; text-align:right; width:125px; margin-top: 6px;}
#formulier input, #formulier textarea, #formulier select { margin-left: 130px;  margin-top: 5px; border:1px solid rgb(170, 187, 204)}
#formulier label.check, #formulier label.radio { position:relative; text-align:left; }
#formulier .inputField { width: 425px; border:1px solid rgb(170, 187, 204); }
#formulier .inputField, #geslacht {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#formulier .checkBox { border: none;}
#formulier .checkBoxLabel { margin-left: 4px; width: 400px; text-align:left;}
#formulier .rightIn {margin-left:130px;}

#personalEdit input, #personalEdit textarea, #personalEdit select { border:1px solid rgb(170, 187, 204); font-size: 11px;}
#personalView label {font-weight: bold;}

.ErrInputField {color: #FF5050; font-size: 10px;clear: both; margin-left:130px;}
.ErrInputFieldSmall {color: #FF5050; font-size: 10px; clear: both;}
.ResponseMessageOke {color: #009933; font-size: 12px;clear: both; background-image:url(../img/icon/finish.gif); background-repeat:no-repeat; padding-left:20px; margin:10px;}

/* =============== sitemap =============== */
#sitemapLeft {
	width:275px; float: left; overflow: hidden;
}
#sitemapRight {
	width:270px; float: left; padding-left: 15px; border-left: 1px #0E681F dotted; overflow: hidden;
}

#sitemapLeft .notLinked, #sitemapRight .notLinked {
	color: #0E681F;
	font-weight: bold;
}

#sitemapLeft ul, #sitemapRight ul {
	list-style: circle;
}

.pdfdownload {
	margin-bottom: 12px;
	padding: 10px;
	border: 1px solid #DFDBB5; background-color: #FFFCDF
}

.pdfdownload img {
	vertical-align: middle;
	padding-right: 14px;
}

.pdfdownload a {
	text-decoration: none;
}






/* =============================== HOMEPAGES =============================== */

#mainhomepage{
	float: left;
	width: 630px;
	background:url(../img/dots-vertical-homepage.gif);
	background-repeat: no-repeat;
	background-position: 425px 16px;
	font-size: 90%;
}

.homeleft, .homeright{
	float: left;
	width: 285px;
	border: 1px solid #D7D7D7;
	margin:0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding:10px;
	margin-bottom:10px;
}

.homeleft {
	margin-right:10px;
}

#mijn_snelkoppelingen, #mijn_cijferboekje {
	position:absolute; 
	width:275px; 
	background-color:#FFFFFF; 
	margin-left:10px;
	border: #9F9F9F solid 1px;
}
.DashboardCijferbox
{
	overflow: auto;
	height: 250px;
	width:275px;
}

.DashboardCijferboxRowTop {
	padding-bottom:2px; 
	padding-left:5px; 
	background-color: #004710;
	color: #fff;
	text-weight: bold;
}

.DashboardCijferboxRow {
	padding-top:10px; 
	text-align:right; 
}

.saveBtn {
	color: #28461E; 
	background-color: #FFE600;
	border: 1px solid #28461E;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.followform {
	margin-left:10px;
	margin-right:10px;	
	margin-top:10px;
	margin-bottom:30px;
}

.followform .saveBtn {
	float:right;
	color: #28461E; 
	background-color: #FFE600;
	border: 1px solid #28461E;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	width:60px;
	margin-right:10px;
}
.followform label {
	float:left;
	margin-top:5px;
	margin-right:20px;
}
#feedbackmessage {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	float:left
	
}
.followform input {
	margin-top: 5px;
	margin-right: 10px;
	background-color: #dcdcdc;
	width: 100px;
	border: 1px solid #b7b7b7;
	display:inline;
	font-size:10px;
}
.cijferboekje_nl
{
	padding: 0px 0px 0px 50px;
}