html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#6c6c6c; font-size:0.8em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x top #fff;}
body a{ text-decoration:none; color:#6c6c6c; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#004a72; font-weight:bold;}

.clear{clear:both;} .clear2{clear:both; height:0px;} img{border:0px;} 


#container{ position:relative; width:998px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y;}
#container #inner{ position:relative; width:980px; padding:0px 10px 0px 8px; background:url(../images/bg_top.jpg) no-repeat;}
#container #inner #h1_inner{ position:absolute; width:0px; height:0px; display:hidden; text-indent:-3000px; margin:0px; padding:0px;}

#container #inner #logo { position:absolute; z-index:1; height:237px; width:253px; left:253px;}
#container #inner #logo img{ height:237px; width:253px;}

#container #inner #top { position:relative; width:980px;}
#container #inner #top ul {float:left; list-style:none; margin:0px; padding:8px 0px 0px 26px; height:36px; font-family:"Arial"}
#container #inner #top ul li{display:block; float:left;}
#container #inner #top ul li a{ float:left; height:33px; display:block; color:#004a72; cursor: pointer; cursor: hand; font-weight:bold; padding-right:10px;}
#container #inner #top p {margin:0px; padding:5px 7px 0px 0px; float:right;}
#container #inner #top div {clear:both; width:980px; height:149px;}
#container #inner #top div img.header{ width:980px; height:149px;z-index:-1;}

#container #inner #content { position:relative; width:980px; padding:0px 0px 112px 0px;}

#container #inner #content #left{ float:left; width:245px;}
#container #inner #content #left #menu{ width:245px; background:url(../images/bg_menu.jpg) no-repeat; padding-top:33px; font-size:1.2em;}
#container #inner #content #left #tagcloud { line-height:22px; width:225px; padding:20px 10px 0px 10px; text-align:center; }
#container #inner #content #left #tagcloud h2{ color:#004a72; display:inline; margin:0px; padding:0px; font-size:1.4em;}
#container #inner #content #left #tagcloud h2 a{ color:#004a72; display:inline; margin:0px; padding:0px; }
#container #inner #content #left #tagcloud h3{ color:#004a72; display:inline; margin:0px; padding:0px; font-size:1.1em;}
#container #inner #content #left #tagcloud h3 a{ color:#004a72; display:inline; margin:0px; padding:0px; }
#container #inner #content #left #tagcloud h4{ color:#36c3ea; display:inline; margin:0px; padding:0px; font-size:1.0em;}
#container #inner #content #left #tagcloud h4 a{ color:#36c3ea; display:inline; margin:0px; padding:0px; }
#container #inner #content #left #tagcloud h5{ color:#004a72; display:inline; margin:0px; padding:0px; font-size:0.9em;}
#container #inner #content #left #tagcloud h5 a{ color:#004a72; display:inline; margin:0px; padding:0px; }

#container #inner #content #blok{ float:left; width:244px; padding-top:50px;}
#container #inner #content #blok .box{ width:244px;}
#container #inner #content #blok .box .top{ width:244px; height:37px; background:url(../images/bg_boxtop.jpg) no-repeat; overflow:hidden;}
#container #inner #content #blok .box .bg{ width:188px; padding:0px 28px 30px 28px; background:url(../images/bg_box.jpg) repeat-y bottom;}
#container #inner #content #blok .box .bg span a{ text-indent:-3000px; display:block; width:188px; height:24px; margin-top:8px; background:url(../images/btn_sensor.jpg) no-repeat right;}

#container #inner #content #right{ float:left; width:491px; background:url(../images/bg_right.jpg) repeat-y;}
#container #inner #content #right .blok{ width:491px; border-bottom:1px solid #e6e6e6;}
#container #inner #content #right .blok .nieuws{ float:left; width:243px; padding-left:1px;}
#container #inner #content #right .blok .nieuws h2{ width:228px; height:31px; padding:10px 0px 0px 15px; margin:0px; color:#FFF; font-size:1.3em; font-weight:bold; background:url(../images/bg_righth2.jpg) no-repeat;}
#container #inner #content #right .blok .nieuws .item{ background:#FFF; padding:15px 15px 28px 15px; border-bottom:1px solid #e8e8e8;}
#container #inner #content #right .blok .nieuws .item h3{ color:#033d7d; font-weight:bold; font-size:1.0em; margin:0px; padding:0px 0px 10px 0px;}
#container #inner #content #right .blok .nieuws .item img{ float:left; border:1px solid #8d8a8a;}
#container #inner #content #right .blok .nieuws .item p{ margin:0px; padding:0px 2px 0px 0px; width:136px; float:right;}
#container #inner #content #right .blok .nieuws #grey{ background:#f3f3f3; border-bottom:0px solid #e8e8e8;}

#container #inner #content #right .blok .deel{ width:247px; float:right;}
#container #inner #content #right .blok .deel h2{ width:232px; height:31px; padding:10px 0px 0px 15px; margin:0px; color:#FFF; font-size:1.3em; font-weight:bold; background:url(../images/bg_righth22.jpg) no-repeat;}
#container #inner #content #right .blok .deel ul{ margin:0px; list-style:none; width:210px; padding:8px 0px 8px 19px;}
#container #inner #content #right .blok .deel ul li{ display:block; text-indent:-3000px;}
#container #inner #content #right .blok .deel ul li a{ height:57px; display:block; text-indent:-3000px;}
#container #inner #content #right .blok .deel ul li.mobi a{ background:url(../images/btn_mobi.jpg) no-repeat;}
#container #inner #content #right .blok .deel ul li.kli a{ background:url(../images/btn_kli.jpg) no-repeat;}
#container #inner #content #right .blok .deel ul li.geluid a{ background:url(../images/btn_geluid.jpg) no-repeat;}
#container #inner #content #right .blok .deel ul li.rev a{ height:63px; background:url(../images/btn_rev.jpg) no-repeat;}

#container #inner #content #right .over{ width:445px; padding:20px 22px 15px 22px; background:#FFF; border-left:1px solid #e6e6e6;}
#container #inner #content #right .over h2{ color:#004a72; font-weight:bold; font-size:1.2em; margin:0px; padding:0px 0px 16px 0px;}
#container #inner #content #right .over p{ margin:0px; padding:0px 0px 16px 0px;}
#container #inner #content #right .over a span{ cursor:pointer; cursor:hand; display:block; height:27px; width:90px; padding:18px 20px 0px 0px; font-weight:bold; color:#004a72; float:right; background:url(../images/btn_lees.jpg) no-repeat right;}

#container #inner #content #right .tbox{ position:relative; width:491px; border-top:1px solid #e8e8e8}
#container #inner #content #right .tbox .weblog { color:#FFF; width:230px; height:153px; padding:10px 0px 0px 16px; float:left; background:#004a72;}
#container #inner #content #right .tbox .weblog h2{ margin:0px; padding:0px; font-size:1.3em;}
#container #inner #content #right .tbox .weblog em{ display:block; font-style:normal; padding:0px 0px 16px 0px; color:#36c3ea; font-weight:bold; font-size:1.0em;}
#container #inner #content #right .tbox .weblog p{ margin:0px; padding:0px 0px 15px 0px;}
#container #inner #content #right .tbox .weblog a span{ cursor:pointer; cursor:hand; display:block; height:27px; width:90px; padding:0px 16px 0px 0px; font-weight:bold; color:#004a72; float:right; color:#FFF;}

#container #inner #content #right .tbox .sfeer { position:absolute; right:0px; display:block;color:#FFF; width:245px; height:163px; background:url(../images/bg_sfeer.jpg) no-repeat;}
#container #inner #content #right .tbox .sfeer a{ font-size:1.3em; color:#004a72; font-weight:bold; display:block; width:229px; height:153px; padding:10px 0px 0px 16px; cursor:pointer; cursor:hand; }
#container #inner #content #right .tbox .sfeer a:hover{ text-decoration:none; }

#container #inner #content #midle {width:430px; float:left; padding:80px 30px 0px 30px;position:relative;}
#container #inner #content #midle h2{margin:0px; padding:0px; font-size:1.1em; font-weight:bold; color:#004a72;}
#container #inner #content #midle h3{margin:0px; padding:0px; font-size:1.1em; font-weight:normal; color:#004a72;}
#container #inner #content #midle p{margin:0px; padding:0px 0px 16px 0px;}


#container #footer{ z-index:2; background:url(../images/bg_bottom.jpg) no-repeat; font-size:0.85em; width:998px; height:111px; overflow:block; position:relative; bottom: 0; }
#footer{ z-index:2; background:url(../images/bg_bottom.jpg) no-repeat; font-size:0.85em; width:998px; height:111px; overflow:block; position:relative; margin:0 auto; margin-top:-111px; }
#footer span a{ cursor:pointer; display:block; text-indent:-3000px; height:45px; float:right;}
#footer span.assen a{ width:177px; background:url(../images/assen.jpg) no-repeat;}
#footer span.sensor a{ width:114px; background:url(../images/sensor.jpg) no-repeat;}
#footer span.drenthe a{ width:179px; background:url(../images/drenthe.jpg) no-repeat;}

.boxover_body{
	background: 	#f6f1bd;
	color: 			black;
	border: 		1px solid black;
	font-size:		12px;
	font-family:	Arial;
	padding-top:	3px;
	padding-right:	3px;
	padding-left:	3px;
	padding-bottom:	3px;
}


.agenda_maand{
	color:							#34c3ea;
    font-size:						13px;
	font-weight:					bold;
}
.agenda_datum{
	color:							#6c6c6c;
    font-size:						12px;
	font-weight:					bold;
}
.agenda_titel{
	color:							#6c6c6c;
    font-size:						12px;
	font-weight:					bold;
}
.agenda_beschrijving{
	color:							#6c6c6c;
    font-size:						12px;
}
.agenda_sub{
	color:							#6c6c6c;
    font-size:						12px;
}

.news_datum , .news_datum a{
	color:							#6c6c6c;
    font-size:						12px;
	text-decoration:				none;
	font-style : 					italic;
}
.news_datum {
	color:							#6c6c6c;
}
 .news_datum a:hover{
	text-decoration:				underline;
}
.news_titel{
	color:							#6c6c6c;
    font-size:						12px;
	font-weight:					bold;
	width:							522px;	
	text-decoration:				none;
}
.newstitel a:hover{
	text-decoration:				underline;
}
.news_teaser_text{
	color:							#6c6c6c;
    font-size:						12px;
	width:							372px;
}


.album_datum , .album_datum a{
	color:							#6c6c6c;
    font-size:						12px;
	text-decoration:				none;
	font-style : 					italic;
}
.album_datum {
	color:							#6c6c6c;
}
 .album_datum a:hover{
	text-decoration:				none;
}
.album_titel{
	color:							#6c6c6c;
    font-size:						12px;
	font-weight:					bold;
	width:							522px;	
	text-decoration:				none;
}
.album_teaser_text{
	color:							#6c6c6c;
    font-size:						12px;
	width:							372px;
}

.sitemap_link{
	color: 							#0061aa;
	font-family:					Arial;
	font-size:						12px;
}
.sitemap_link a{
	color: 							#0061aa;
	text-decoration: 				none;
}
.sitemap_link a:hover{
	text-decoration: 				underline;
}

.sitemap_sub_link{
	color: 							#000000;
	font-family:					Arial;
	font-size:						12px;
}
.sitemap_sub_link a{
	color: 							#000000;
	text-decoration: 				none;
}
.sitemap_sub_link a:hover{
	text-decoration: 				underline;
}


.sitemap_main_link{
	color: 							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
	font-weight:					bold;
}
.sitemap_main_link a{
	color: 							#6c6c6c;
	text-decoration: 				none;
}
.sitemap_main_link a:hover{
	text-decoration: 				underline;
}

.zoeken_link{
	color: 							black;
	font-family:					Arial;
	font-size:						12px;
}
.zoeken_link a{
	color: 							black;
	text-decoration: 				none;
}
.zoeken_link a:hover{
	text-decoration: 				underline;
}

.nieuwsbriefaanmelden_box{
	width:							140px;
    height:							19px;
    border:							1px solid #6c6c6c;
    vertical-align:					middle;
	margin-left: 					10px;
}
.nieuwsbriefaanmelden_button{
	width:							100px;
    height:							19px;
	background:						#0061aa;
    border:							1px solid #6c6c6c;
	color:							white;
    vertical-align:					middle;
	margin-left:					129px;
}
.poll_button{
	width:							50px;
    height:							19px;
	background:						#0061aa;
    border:							1px solid #6c6c6c;
	color:							white;
    vertical-align:					middle;
}
#poll_result{
	color:							#6c6c6c;
}
#poll{
	
	color:							#0061aa;
	font-family:					Arial;
	font-size:						12px;
	margin-top: 					-12px;
}
#nieuwsbrief{
	margin-left: 					15px;
	margin-top: 					-10px;
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
}
.error{
	color:							red;
	font-size:						12px;
	font-family:					Arial;
}


.reactie_titel{
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
	font-weight:					bold;
}
.reactie_subtitel{
	color:							#0061aa;
	font-family:					Arial;
	font-size:						12px;
	font-weight:					bold;
}
.reactie_header{
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
	font-style: 					italic;
}
.reactie_header_name{
	color:							#0061aa;
	font-family:					Arial;
	font-size:						12px;
	font-style: 					italic;
}
.reactie_bericht{
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
}
.reactie_input{
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
	border:							1px solid #6c6c6c;
}
.reactie_button{
	width:							80px;
    height:							22px;
	background:						#0061aa;
    border:							1px solid #6c6c6c;
	color:							white;
    vertical-align:					middle;
}
.artikel_teaser_text{
	width:							372px;
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						12px;
}
#content_items_content{

}
.teaser_img{
	border: 						1px solid #6c6c6c;
}
.teaser_img_td{
	width:							160px;
}
.icon_img{
}


.auteur{
	color:							#6c6c6c;
	font-family:					Arial;
	font-size:						11px;
}
.text_field{
	color:							#000000;
	font-family:					Arial;
	font-size:						11px;
	border:							1px solid #6c6c6c;
	width:							250px;
}
.text_field_error{
	color:							#000000;
	font-family:					Arial;
	font-size:						11px;
	border:							1px solid #BE0000;
	width:							250px;
}
.textarea_field{
	color:							#000000;
	font-family:					Arial;
	font-size:						11px;
	border:							1px solid #6c6c6c;
	width:							250px;
	height:							120px;
}
.textarea_field_error{
	color:							#000000;
	font-family:					Arial;
	font-size:						11px;
	border:							1px solid #BE0000;
	width:							250px;
	height:							120px;
}
.submit_field{
	color:							#FFFFFF;
	background:						#004a72;
	font-family:					Arial;
	font-size:						11px;
	border:							1px solid #6c6c6c;
}



/*fotolibrary*/
#photolibrary_small , #photolibrary_large{
	border: 1px solid #6c6c6c;
}


.react_link{
	color: 		#0061AA;
}
