/**
 * GENERAL & FIXES
 * _____________________________________________
 */
 
 
*{margin:0px; padding:0px;}

html, body {
	height: 100%;
}

a {	overflow: hidden; color:#333333; text-decoration:none; }
a:hover{text-decoration:underline;}
a img {	border: 0; }


body {
	/* background:#636363 url(../images/layout/bg.jpg) no-repeat top center; */
	color: #333333;
	font: 85%/1.4 Verdana,Arial,Helvetica,sans-serif;
}

div, p, label, ul, li {
	/*line-height: 18px;*/
}

.clear{clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


span.error{color:#FF3333;}


#breadcrumb{margin-bottom:20px;}
#breadcrumb a.link{color:#333; font-weight:normal;}
#breadcrumb a.link:hover{color:#518F23; text-decoration:none;}

#tools{text-align:right; height:50px;}
#tools img.space{margin-left:5px;}


/**
 * WRAPPERS
 * _____________________________________________
 */
 

/* ----------wrapper om site in het midden te plaatsen-------------- */
	#site_wrapper {
		width: 980px;
		margin: 0 auto;
	}

/* -----------------content zone van de website--------------------- */
	#content_wrapper {
		padding: 0px;
		margin: 0;
		margin-left:184px;
		margin-right:178px;
	}
	
	
	div#content_wrapper { 
		min-height:800px;
		height:expression(this.scrollHeight > 800 ? "auto":"800px");
		background:#fff url(../images/layout/bg-symbool.gif) no-repeat bottom;
	}
	
	
	#content_wrapper_inhoud{
		margin:0 37px 0 40px;
	}
	
	#header_wrapper ul {
		background-color:#ba2124;
		margin:0 37px 0 40px;
		width:531px;
		list-style:none;
		height:20px;
		padding:0 5px;
		font-size:12px;
	}
	#header_wrapper ul li{
		display:inline;
		border-right:#fff solid 1px;
	}
	#header_wrapper ul li.end{
		border-right:none
	}
	
	#header_wrapper ul li a{
		color:white;
		font-size:11px;
		font-weight:bold;
	}
	#header_wrapper ul li a:hover{
		text-decoration:none;
		border-bottom:#ba2124 solid 1px;
	}
	
	#header_wrapper{
		/*height:200px;*/
		height:150px;
	}
	
	p.headerfoto{
		padding-left:30px;
		height:123px;
		overflow:hidden;
	}
	
 	.mask_home_foto{
		position:absolute;
		z-index:88;
	}
	.mask_home_foto img{
	}

	/* --------------left & right------------- */
	#left_wrapper {
	float: left;
	width: 173px;
	margin: 0;
	margin-left:1px;
	padding: 0;
	padding-left:20px;
	}
	#right_wrapper {
	float: right;
	width: 178px;
	margin: 0;
	padding: 0;
	}
	
	/* -----------footer--------------------------- */
	#footer_wrapper{
		width: 541px;
		margin: 0 auto;
	font-size:0.8em;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
	color:#666666;
	}
	
	
	#footer_wrapper2 {
	clear:both;
	margin: 0;
	padding: 0;
	font-size:0.8em;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
	color:#666666;
	}
	
	#footer_wrapper a{
		color:#666666;
	}
	
	
/**
 * NAVIGATIE
 * _____________________________________________
 */
	
	#left_wrapper #nav{
		margin-top:200px;
		margin-bottom:20px;
		width:170px;
		border:#529c19 solid 1px;
		background-color:white;
	}
	#left_wrapper #nav li.actief{
		/*background-color:#c7db85; */
		font-weight:bold;
	}
	#left_wrapper #nav li{
		list-style:none;
		border-bottom:#c7db85 solid 1px;
		margin:0px;
	}
	#left_wrapper #nav li a{
		background:url(../images/layout/nav-list-img.gif) no-repeat top left;
		background-position:5px 5px;
		padding:2px 3px 2px 20px;
		display:block;
	}
	#left_wrapper #nav li a:hover{background-color:#c7db85; text-decoration:none;}
	
	#left_wrapper #nav ul{margin-bottom:0px;}
	#left_wrapper #nav ul li{padding-left:0px; border-bottom:none;}
	#left_wrapper #nav ul li a{background:none; color:#666;}
	#left_wrapper ul#nav_level3 li{background-color:#E5EFC2;}
	#left_wrapper ul#nav_level3 li a{padding-left:25px;}
	
	
	#left_wrapper ul#nav_level3,#left_wrapper ul#nav_level4{border-bottom:#c7db85 solid 1px; border-top:#c7db85 solid 1px;}
	/*#left_wrapper ul#nav_level4{width:80px;}*/
	#left_wrapper ul#nav_level4 li{background-color:#ECEFE0;}
	#left_wrapper ul#nav_level4 li a{padding-left:30px;}

		
	
/**
 * CONTENT
 * _____________________________________________
 */
	
	#left_wrapper h1 a{
	width: 171px;
	height: 160px;
	background-color:#529c19;
	position: absolute;
	margin-top:10px;
	z-index:99;
	border:#529c19 solid 1px;
	}
	
	#left_wrapper h1 a{
	background: transparent url(../images/layout/logo_beringen.gif) no-repeat top left;
	text-indent: -9999px;
	}
	
	#panelleft_block{width:171px;}
	#panelleft_block dl.greenbox1{border:#529c19 solid 1px; text-align:center; margin-bottom:15px; background-color:#8fb80b;}
	#panelleft_block dl.greenbox1 dt img{width:169px;}
	
	#panelleft_block dl.greenbox1 dd {
		padding:0px; 
		text-align:left;
		font-weight:bold;
		padding:0px 8px 3px 8px;
	}
	#panelleft_block dl.greenbox1 dd a{color:#fff;}
	
	
	
	#content_wrapper_inhoud{
		font-size:0.9em;
		line-height:150%;
		/*margin-bottom:30px;*/
	}
	
	#content_wrapper_inhoud hr{
		height:1px; 
		margin:6px 0;
		border:none;
		background-color:#c7db85;
	}
	
	#content_wrapper_inhoud h1{
		color:#bc2127;
		font-size:2em;
		font-weight:normal;
		line-height:120%;
		margin:0 0 15px 0px;
	}
	
	#content_wrapper_inhoud h2{
		color:#03782A;
		font-size:1.15em;
		font-weight:bold;
		margin:0 0 10px 0px;
		padding:20px 0px 0 0;
		border-bottom:#03782A dotted 1px;
	}
	
	#content_wrapper_inhoud h2.h2_collectie{
		background-color:#c7db85;
		padding:3px;
		border:#03782A solid 1px;
	}
	
	#content_wrapper_inhoud h3{
		padding:15px 0 10px 0;
		color:#03782A;
		font-size:1.05em;
	}
	
	#content_wrapper_inhoud tabel{width:540px;}
	
	#content_wrapper_inhoud ul{
		list-style-type:square;
		margin:11px 0;
		padding:0 0 0 40px;
	}
	
	#content_wrapper_inhoud p.up{
		text-align:right;
		font-size:0.9em;
		margin:5px 0;
	}
	
	#content_wrapper_inhoud div.up{
		font-size:0.9em;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#content_wrapper_inhoud p.grijs{
		color:#999;
	}
	#content_wrapper_inhoud p.right1{
		text-align:right;
	}
	#content_wrapper_inhoud p.right2{
		float:right;
	}
	#content_wrapper_inhoud p.left2{
		float:left;
	}

	#content_wrapper_inhoud a{color:#518F23; font-weight:bold;}
	#content_wrapper_inhoud a:hover{color:#666;}
	
	#content_wrapper_inhoud dl.contactgegevens{clear:both; margin-bottom:3px;}
	#content_wrapper_inhoud dl.contactgegevens dt{
		float:left;
		width:200px;
	}
	
	#content_wrapper_inhoud table{width:90%;}
	
	
	
	/*_PRESS*/
	#nieuws_block .nieuws_block_inhoud{
		margin-bottom:30px;
	}
	#nieuws_block .nieuws_block_inhoud_small{
		min-height:100px;
	}
	#nieuws_block .nieuws_block_inhoud_big{
		min-height:170px;
	}
	
	#nieuws_block .nieuws_block_inhoud img{margin-right:10px; rgin-bottom:10px;}}
	#nieuws_block .nieuws_block_inhoud .nieuws_block_inhoud_more{display:block; 	margin-top:10px; float:left;}
	#nieuws_block .nieuws_block_inhoud .nieuws_block_inhoud_datum{display:block; 	margin-top:10px; float:right;}
	
	/*_EVENTS*/

	#events_block table.overzicht1{line-height:120%;}
	#events_block table.overzicht1 td{vertical-align:top; border-bottom:#c7db85 dotted 1px; padding:5px 0;}
	#events_block table.overzicht1 td.datum{width:135px; text-align:center;}
	#events_block table.overzicht1 td.naam{width:250px;}
	#events_block table.overzicht1 td.locatie{width:158px;}
	
	td.heading{background-color:#8FB80B; color:white; padding:3px 0; text-align:center; font-weight:bold;}
	
	
	/*_RECHTS*/
	#panelright_block {
		margin-top:123px;
		padding-right:8px;
	}
	#panelright_block dl.redbox1{border:#b72226 solid 1px; background-color:white; text-align:center; margin-bottom:15px;}
	#panelright_block dl.redbox1 dt{
		font-weight:bold;
		background-color:#b72226;
		color:white;
		padding:2px 0px;
		font-size:0.9em;
	}
	#panelright_block dl.redbox1 dt a{color:#fff;}

	#panelright_block dl.redbox1 dd {padding:1px 0px;}
	#panelright_block dl.redbox1 dd a{color:#b72226; padding:0 3px;}
	#panelright_block dl.redbox1 dd .size1{font-size:11px;}
	#panelright_block dl.redbox1 dd .size2{font-size:14px;}
	#panelright_block dl.redbox1 dd .size3{font-size:16px;}
	#panelright_block dl.redbox1 dd .size4{font-size:18px;}
	#panelright_block dl.redbox1 dd .size5{font-size:20px;}
	
	
	
	#panelright_block dl.redbox2{border:#b72226 solid 1px; text-align:center; margin-bottom:15px; background-color:#c54420;}
	#panelright_block dl.redbox2 dd {
		padding:0px; 
		text-align:left;
		font-weight:bold;
		padding:0px 8px 3px 8px;
	}
	#panelright_block dl.redbox2 dd a{color:#fff;}
	#panelright_block dl.redbox2 dt img{width:169px;}
	
	
	
	#panelright_block dl.graybox1{border:#b72226 solid 1px; background-color:white; text-align:center; margin-bottom:15px;}
	#panelright_block dl.graybox1 dt{
		font-weight:bold;
		background-color:#cccccc;
		color:white;
		padding:2px 0px;
		font-size:0.9em;
	}
	#panelright_block dl.graybox1 dd.event{font-size:0.9em; text-align:left; padding:3px;}
	#panelright_block dl.graybox1 dd.event p.naam{background:url(../images/layout/list_red_bullet.gif) no-repeat;}
	
	#panelright_block dd.event li{list-style:none;}
	#panelright_block dd.event li a{
		background:url(../images/layout/list_red_bullet.gif) no-repeat top left;
		background-position:5px 5px;
		padding:2px 3px 2px 20px;
		display:block;
	}
	
	
	/*_CALENDER */
	.right_calendar_header{
		background-color:#808080; 
		text-align:center; 
		color:white; 
		font-size:0.9em; 
		border-top:#FFFFFF solid 1px; 
		border-bottom:#FFFFFF solid 2px;
	}
	.right_calendar_header a{color:white;}
	.right_calendar_header tr{height:24px;}
	
	#right_calendar tr{font-size:0.8em; margin:20px 0;}
	#right_calendar .calendarHeader{
		color:white;
		font-weight:bold;
		text-transform:uppercase;
		background-color:#cccccc;
	}
	
	#right_calendar .calendarDaysToday{background-color:#cccccc;}
	#right_calendar .calendarDaysToday a{color:white;}
	#right_calendar .calendarDays a{font-weight:bold;}
	#right_calendar .calendarDays a:hover,#right_calendar .calendarDaysToday a:hover{color:#03782A; text-decoration:none;}
	
	
	#search .listItem{margin-bottom:20px;}
	#search .listItem {color:#333333; font-size:0.9em;}
	#search .listItem .listItem_title{color:#518F23; font-size:1.2em;}
	#search .redtext{background-color:#C7DB85; padding:0 3px;}
	
	
	/*_DIGITAAL_LOKET */
	#digitaal_loket_top2 {} 
	.digitaal_loket_block li { padding: 0, margin: 0;} 
	.digitaal_loket_block li { list-style: none; margin-left: -16px;} 
	.digitaal_loket_block {width:48%; margin:0 10px 0 0;} 
	
	.imgspace img{padding-right:10px; padding-bottom:10px;}
	.txt-textarea{height:220px; width:370px;}
	
	
	

		



