/**
 * GENERAL & FIXES
 * _____________________________________________
 */
 
 
* {
	margin:0; 
	padding:0;
}
body {
	background-color: #666666;
	color: #333333;
	/* background:#636363 url(../images/layout/bg.jpg) no-repeat top center;*/
	font: 76%/1.4em Verdana,Arial,Helvetica,sans-serif;
}
html, body {
	height: 100%;
}
a {		
	overflow: hidden; 
	color: #333333; 
	text-decoration: none; 
}
a:hover{
	text-decoration: underline;
}
img, a img {
	border: 0; 
}
textarea { 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.2em;
}
h6 { 
	font-size: 1em;
}
label {
	margin-left: .5em;
}
#mycommerce {
	float: left;
	width: 100%;
	position: relative;
}

#mycommerce label {	
	float: left;
	width: 17em;
	clear: both;
	margin-bottom: .5em;
}

#mycommerce input {
	float: left;
	display: block;
	margin: 0 .5em .5em 0;
}	

.width18 {
	width: 18em;
}
#mycommerce input.chkbox {
	float: left;
	margin: 6px 2px 0 0;
	border: none;
}

#mycommerce textarea {
	float:left;
	display:block;	
	margin-bottom: .5em;
	width: 20em;
	height: 6em;
}

#mycommerce .catslabel {
	display: block;
	margin: 0 .5em .5em .5em;
	width: 12em;
	clear: right;
}

#mycommerce img {
	float: left;
	margin-right: 6px;
	width: 36px;
	height: 24px;
	margin-bottom: .5em;
}

#mycommerce label.cat {
	width: 6em;
}

#mycommerce #div1 {
	clear: both;
	float: left;
	width: 15em;
	margin-left: 17em;
}
#mycommerce #div2 {
	float: left;
	width: 15em;
}
#mycommerce div label {
	margin-left: .5em;
	clear: none;
	display: block;
}

.bold{font-weight:bold;}
.center { text-align: center; vertical-align: middle; }
.clear{clear:both;}

.button{width: 80px; height: 22px; margin: 10px 10px 5px 0; font-size: 14px;}

.error, .warning1{color:#FF3333; font-weight:bold;}

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


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

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



/**
 * WRAPPERS
 * _____________________________________________
 */
 

/* ----------wrapper om site in het midden te plaatsen-------------- */
	#site_wrapper {
		width: 980px;
		margin: 0 auto;
		/*background-color:#CC9900;*/
		background:#fff url(../images/layout/bg.jpg) no-repeat top center;
	}
	


/* -----------------content zone van de website--------------------- */
	#content_wrapper {
		padding: 0;
		margin: 0;
		margin-left:0px;
		margin-right:08px;
		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;
		position: relative;
	}
	#header_wrapper ul {
		background-color:#ba2124;
		text-align: center;
		margin:0 37px 0 40px;
		width:541px;
		list-style:none;
		height:20px;
		padding-top:2px;
	}
	#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: #ffffff;
		font-size:11px;
		font-weight:bold;
		margin: 0 4px;
	}
	#header_wrapper ul li a:hover{
		text-decoration:underline;
	}
	
	#header_wrapper{
		display:none;
		/*height:200px;*/
		height:150px;
	}
	
	p.headerfoto{
		display:none;
		padding-left:30px;
		height:123px;
		overflow:hidden;
	}
	
 	.mask_home_foto{
 		display:none;
		position:absolute;
		z-index:88;
		width:618px;
		height:123px;
	}
	.mask_home_foto img{
		display:none;
		width:618px;
		height:123px;
	}

	/* --------------left & right------------- */
	#left_wrapper {
	display:none;
	float: left;
	width: 173px;
	margin: 0;
	margin-left:1px;
	padding: 0;
	padding-left:20px;
	}
	#right_wrapper {
	display:none;
	float: right;
	width: 178px;
	margin: 0;
	padding: 0;
	}
	
	/* -----------footer--------------------------- */
	
	#footer_wrapper{
	display:none;
	width: 541px;
	margin: 0 auto;
	font-size:0.8em;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
	color:#666666;
	}
	
	
	#footer_wrapper2 {
	display:none;
	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:#518F23; font-weight:bold;}
	#footer_wrapper a:hover{color:#666;}
	
/**
 * 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
	{
		font-weight:normal;
	}
	#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:24px;}
	
	
	#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:28px;}

		
	
/**
 * 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 a:hover {text-decoration: none;}
	
	#content_wrapper_inhoud h2.h2_collectie{
		background-color:#c7db85;
		padding:3px;
		border:#03782A solid 1px;
	}
	
	#content_wrapper_inhoud h3{
		padding:12px 0 3px 0;
		color:#03782A;
		font-size:1.05em;
	}
	
	#content_wrapper_inhoud tabel{width:540px;}
	
	#content_wrapper_inhoud ul {
		/* list-style: square outside;  */
		list-style: none;

		margin: 11px 0 11px -16px;
		padding-left: 40px;
	}
		
	#content_wrapper_inhoud ul 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;
	}
	
	#content_wrapper_inhoud ul.no_bullet li a {
		background:none;
	}
	
	#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 a.linkLetter {margin-left: -1px;}
	
	#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:96%;}
	
	#content_wrapper_inhoud #searchAgain{float: left;}
	#content_wrapper_inhoud #prevNext{float: right;}
	
	#content_wrapper_inhoud form .leftRow div {width:8em; border: 2px solid red;}
	#content_wrapper_inhoud form .hours{width:5em;}
	
	/*_PRESS*/
	#nieuws_block {
		position: relative;
		float: left;
		width: 100%;
	}
	
	#nieuws_block h2{
		clear: both;
	}
	
	#nieuws_block .nieuws_block_inhoud {
		margin-bottom:20px;
	}
	#nieuws_block .nieuws_block_inhoud_small {
		min-height:80px;
	}
	#nieuws_block .nieuws_block_inhoud_big {
		min-height:120px;
	}
	
	#nieuws_block .nieuws_block_inhoud img {margin-right:10px; margin-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:middle; border-bottom:#c7db85 dotted 1px; padding:5px 0;}
	#events_block table.overzicht1 td.datum{width:150px; 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;}
	table td.formLeft { width: 140px; text-align: right; vertical-align: top;}
	table#eventInputData a { text-decoration: none;}
	table#eventInputData a button { width: 5em; margin-left: 40px;}
	
	form#data p { text-align: center; margin-top: 1em;}
	table#loket_files_form td { padding: .2em .4em; }
	
	div#mailings_block div { float: left; position: relative; width: 100%}
	div#mailings_block div a { float: left; margin-top: .3em; clear: both; border-bottom: 1px dotted #efefef; width: 100%}
	div#mailings_block div span { float:right; margin-top: -1.6em }
	
	a#nieuwsbrief { display: block; text-align: right; margin-top: -2em;}
	
	/*_RECHTS*/
	#panelright_block {
		margin-top:123px;
		padding-right:8px;
		overflow: hidden;
	}
	#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; width: 160px; overflow: hidden;}
	#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:0px 5px;
		padding:2px 3px 2px 15px;
		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 p{font-weight: normal;}
	#search .listItem {color:#333; font-size:1em; margin-bottom:12px;}
	#search .listItem .listItem_title{color:#518F23; font-size:1.2em;margin-bottom:5px;}
	#search .probPerc{text-align: right; color: #888888; font-size: 0.80em;margin-bottom: 16px;}
	#search .redtext{background-color:#C7DB85; padding:0 2px;}
	
	
	/*_DIGITAAL_LOKET */
	#digitaal_loket_top2 {width:100%; float:left;}
	.digitaal_loket_block li { padding: 0, margin: 0;}
	.digitaal_loket_block li { list-style: none; margin-left: -16px;}
	.digitaal_loket_block {width:49%; margin:0 0px 0 0;}
	
	.imgspace img{padding-right:10px; padding-bottom:10px;}
	
	.txt-textarea{height:220px; width:370px;}

