@media screen {
/* BASIS ELEMENTEN 

lettergrootte: 1*/

body {
	background					: url(../img/bg.jpg) repeat-x left top;
	background-color			: #C8CDCE;
	margin						: 0px;
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 0.7em;
	color						: #666;
}

a:link, a:visited, a:active {
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	color						: #900;
	text-decoration				: none;
}

a:hover {
	text-decoration				: underline;
}

h1 {
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 1.1em;
	font-weight					: bold;
	color						: #900;
	padding-left				: 1px;
	margin						: 0px;
}

p
{
	margin: 0px;	
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
.bieb_letterzoeken:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	.bieb_letterzoeken
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html .bieb_letterzoeken 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	.bieb_letterzoeken 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* GESPECIFEERDE ELEMENTEN */
.hoofd_table
{
	width: 770px;
}
.spacer-content{
	padding						: 0px;
	margin						: 0px;
}

.bkp_bg, .kolomnamen {
	background					: url(../img/bkp_bg.jpg) bottom left repeat;
	color 	: #900;
}

#lefttop_bg {
	background					: url(../img/lefttop_bg.jpg) bottom left repeat-x;
}

.broodkruimelpad{
	padding-left 				: 10px;
	padding-top					: 5px;
	padding-bottom				: 5px;
	color						: #ff4e00;
	font-size					: 0.95em;
}

.content{ 
	padding						: 5px 5px 5px 5px;
	color						: #666;
}

.content2{ 
	color						: #666;
	background					: url(../img/home_grijsvlak_bg.gif) bottom left repeat;
}

.active{
	position					:relative;
	top							: 3px;
	left						: 0px;
	display						: none;
	font-size					: 1em;
	padding						: 4px 3px 4px 3px;
	background-color			: #999;
	color						: #fff;
	font-weight					: bold;
	text-align					:center;
	text-decoration				: none;
	width						: 125px;
}
	

/* ACHTERGRONDEN */
.header_bg {
	background					: #FB8104;
	height						: 106px;
}

.rechts_grijsvlak_bg {
	background					: url(../img/rechts-grijsvlak-bg.jpg) top right repeat-y;
}

#rechts_grijsvlak_bg {
	background					: url(../img/rechts-grijsvlak-bg.jpg) top left repeat;
}

#home_rood_bg {
	background					: url(../img/home_rood_bg.gif) top left repeat-x;
}

.home_roodtd_bg {
	background					: url(../img/home_rood_bg.gif) top left repeat;
}

#home_rechts_bg {
	background					: url(../img/home_rechts_bg.jpg) top right no-repeat;
}

#home_grijsvlak_bg {
	background					: url(../img/home_grijsvlak_bg.gif) bottom left repeat;
}

#home_roodbalkje_bg {
	background					: url(../img/home_rood_balkje.gif) top left repeat-x;
}
		
/* FORMULIEREN */
.search {
	background					: url(../img/home_grijsvlak_bg.gif) bottom left repeat-x;
	padding-top					: 1px;
	padding-left				: 8px;
	margin						: 0px;
}

.searchform {
	background					: url(../img/home_grijsvlak_bg.gif) bottom left repeat-x;
	padding-top					:3px;
	padding-left				:0px;
	margin						:0px;
}

.search2, .view_zoeken .button {
	background					: url(../img/button_03.jpg) top left repeat;
	font-size					: 1em;
	padding-top					: 2px;
	padding-left				: 2px;
	padding-right 				: 2px;
	color						: #fff;
	border						: 0px;
	cursor						: pointer;
}

.search3 {
	background					: url(../img/home_grijsvlak_bg.gif) bottom left repeat-x;
	padding-top					: 3px;
	padding-bottom				: 2px;
	padding-left				: 4px;
	margin						: 0px;
	width						: 120px;
	height						: 23px;
}

.zoekveld, #zoekwaarde {
	background					: url(../img/zoekveld_bg.jpg) top left repeat-x;
	font-size					: 1em;
	border						: 1px solid #999;
	width						: 120px;
}

#reserveer_formulier input,#reserveer_formulier select {
	background					: url(../img/zoekveld_bg.jpg) top left repeat-x;
	font-size					: 1em;
	border						: 1px solid #999;
	width						: 120px;
}

.reserveer {
	background					: url(../img/button_03.jpg) top left repeat;
	font-size					: 1em;
	padding-top					: 2px;
	padding-left				: 2px;
	padding-right 				: 2px;
	color						: #fff;
	border						: 0px;
	cursor						: pointer;
}

.error {
	color: #F00;
}

/* HEADERS FORMULIEREN */
.formheader_oranje {
	width						: 100%;
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-weight					: bold;
	font-size					: 1em;
	background-color			: #FB8104;
	color						: #fff;
	padding						: 5px 3px 5px 10px;
	}

.formheader {
	width						: 100%;
	margin-top					:0px;
	margin-bottom				:0px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-weight					:normal;
	font-size					: 1em;
	background-color			: #AB0000;
	color						: #fff;
	}
	
.formheader ul {
	list-style					: none;
	margin						: 0;
	padding						: 0;
	border						: none;
}
		
.formheader li {
	padding-bottom				: 1px;
	padding						: 5px 3px 5px 10px;
	margin						: 0;
	border-top 					: 1px solid #fff;
	background-color			: #AB0000;
}

.formheader h6 {
	padding						: 5px 3px 5px 10px;
	margin						: 0;
	border-top 					: 1px solid #fff;
	background-color			: #AB0000;
	display						: block;
	font-size					: 1em;
}

.formheader li a {
	display						: block;
	padding-right 				: 5px;
	background-color			: #AB0000;
	color						: #fff;
	text-decoration				: none;
}

.formheader a:link,.formheader a:visited,.formheader a:active{
	color						: #fff;
	padding-left				: 0px;
}

* html>body .formheader li a {
	width						: auto;
}

.formheader li a:hover {
	color						: #fff;
	text-decoration				: underline;
}

.mapactief {
	width						: 100%;
	margin-top					:0px;
	margin-bottom				:0px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-weight					:normal;
	font-size					: 1em;
	background-color			: #FB7C15;
	color						: #fff;
	}
	
.mapactief ul {
	list-style					: none;
	margin						: 0;
	padding						: 0;
	border						: none;
}
		
.mapactief li {
	padding-bottom				: 1px;
	padding						: 5px 3px 5px 10px;
	margin						: 0;
	border-top 					: 1px solid #fff;
	background-color			: #FB7C15;
}

.mapactief li a {
	display						: block;
	padding-right 				: 5px;
	background-color			: #FB7C15;
	color						: #fff;
	text-decoration				: none;
}

.mapactief a:link,.mapactief a:visited,.mapactief a:active{
	color						: #fff;
	padding-left				: 0px;
}

* html>body .mapactief li a {
	width						: auto;
}

.mapactief li a:hover {
	color						: #fff;
	text-decoration				: underline;
}

.formheader2 {
	margin-top					:0px;
	margin-bottom				:0px;
	border-top 					: 1px solid #fff;
	border-left 				: 1px solid #fff;
	padding-left				: 5px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-weight					:normal;
	font-size					: 1em;
	background-color			: #AB0000;
	color						: #fff;
}

/* HEADER */

.header{
	padding						: 0px;
	margin						: 0px;
	text-decoration				: none;
	font-family 				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 1em;
	color						: #fff;
	font-weight					: normal;
}

.header a{
	padding						: 0px;
	margin						: 0px;
	text-decoration				: none;
	font-family 				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 1em;
	color						: #fff;
	font-weight					: normal;
}

.header a:active, .header a:visited{
	text-decoration				: none;
	color						: #fff;
}



.print-content{
	background-color			: #fff;	
	color						: #f60;
	width						: 36px;
	height						: 54px;
}

.print-content a{
	background-color			: #fff;	
	color						: #f60;
	text-decoration 			: none;
	width						: 36px;
	height						: 54px;
}

.print-content a:active, .print-content a:visited{	
	color						: #f60;
	text-decoration 			: none;
}

.print-content a:hover {
	color						: #f60;
	text-decoration 			: underline;
}


/* LINKS */

a.links2:link, a.links2:visited, a.links2:active {
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 0.95em;
	color						: #666;
	text-decoration				: none;
}

a.links2:hover {
	text-decoration				: underline;
}


/* TEKST */
.white {
	color						: #fff;
}

.tekst {
	padding-left				: 4px;
	font-size					: 0.95em;
	color						: #666;	
}

.tekst-bold {
	font-size					: 0.95em;
	padding-left				: 4px;
	font-weight					: bold;
}

.tekst-subhead {
	font-size					: 0.95em;
	padding-left				: 0px;
	font-weight					: bold;
	color						: #FB7C14;
}

.tekst-laatstewijziging {
	font-size					: 0.80em;
	padding-left				: 0px;
	font-style					: italic;
}

.kop_boven_mappen {
	font-size					: 1.1em;
	font-weight					: bold;
	color						: #FB8104;
	padding-left				: 1px;
	margin						: 0px;
}

/* iwes */
.iwes ul,
.iwes ol,
.iwes blockquote	{
	margin-left					: 0;
	padding-left				: 30px;
}

/* Kalender */	
.kalender_kop { 
	color: #000000;
	background-color: #D5D5D5;
}

.dag { 
	color: #000000;
	background-color: #F2F2F4;
}

.dag_anderemaand { 
	color: #666666;
	background-color:#FFFFFF;
}

.dag_vandaag { 
	color: #000000;
	background-color: #FB8104;
}

.dag_evenement {
	color: #000000;
	background-color: #FFDEBD;
}

.dag_a { 
	color: #FFFFFF;
	background: url(../img/home_rood_bg.gif) top left repeat-x;
}

.dag_a_anderemaand { 
	color: #333333;
	background-color:#FFFFFF;
}

.dag_a_vandaag { 
	color: #FFFFFF;
	background-color: #FB8104;
}

td.kalender {
	/*height: 90px;*/
	background-color: #F4F4F4;
	margin-left: 10px;
	}
	
td.kalender select {
	/*margin-left: 10px;
	margin-top: 10px;
/*	width: 150px;*/
	color: #919191;	
}
	
td.kalender input {
	margin-left: 10px;
	width: 144px;
	height: 13px;
	font-size: 0.625em;
	}
	
td.kalender input.submit {
	border: 1px solid #000000;
	background-color: #878787;
	color: #E0E0E0;
	margin-left: 10px;
	width: 40px;
	height: 17px;
	cursor: pointer;
	}

/*-------------contactformulier------------------------*/
.veld
{
	border: 1px solid #aaaaaa;
	color: #666;
	font-size: 1em;
}
.veldFout
{
	border: 1px solid #ff2222;
}
#melding
{
	color: #E70509;
	display:none;
	font-weight: bold;
}
.contactformulier_titel
{
	font-weight: bold;
	color: #333333;
}
input,textarea,.select
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	0.7em;
}

.button{
	border: 0px solid #AB0000;
	background-color			: #AB0000;
	color: #fff;
	width: 75px;
	height: 20px;
	cursor: pointer;
}
/*----------------*/


/* Ajax autosuggest Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:300px;	/* Width of box */
	height:300px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #000;	/* Black border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	/*font-size:0.9em;*/
	z-index:100;
}

#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;

}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

}

#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color: #FFDEBD;
	/*color:#FFF;*/
}

#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}

.hidden
{
	display:none;
}
}


/**
 * 20061127 VT
 */
#tabs
{
	list-style				: none;	
	margin					: 0;
	padding					: 0;
	display					: block;
}

#tabs li
{
	display					: block;
	float					: left;
}

#tabs li a
{	
	display					: block;
	padding					: 0.4em 0.7em;
	background-color		: #ab0000;
	color					: white;
	border					: 1px solid #eee;
	font-weight				: bold;
}

#tabs li a:hover
{
	color					: #fff;
	border					: 1px solid #eee;
	background-color		: #d26151;
	text-decoration			: none;
}

#tabs li.actief a
{
	background-color		: #eee; /* #FB7C15; */
	cursor					: default;
	color					: #666;
}

#zoekresultaten
{
	margin					: 0 0 2em 0;
}

#select_filter
{
	list-style				: none; 
	margin					: 0 1em 1em 0; 
	padding					: 1em; 
	background-color		: #eee;
	border					: 1px solid #eee;
}

#overzicht .left	
{
	width					: 49%;
	float					: left;
}

#overzicht .right	
{
	width					: 49%;
	float					: right;
}

#overzicht .plus, #overzicht h3 a	
{
	background				: url(../img/plus.gif) no-repeat 0 3px;
}

#overzicht .min	
{
	background				: url(../img/min.gif) no-repeat 0 3px;
}

#overzicht h2 
{
	font-size				: 12px;
	margin: 0.5em 0;
}

#overzicht h3
{
	font-size				: 11px;
	margin					: 0.5em 0;
}

#overzicht h3 a
{
	padding					: 0 0 0 1.2em;
}

#overzicht ul
{
	display					: block;
	margin					: 0 0 0 2.5em;
	padding					: 0;
	line-height				: 1.3em;
	list-style				: square;
	color					: #FB8104;
}

#overzicht ul li a
{
	color					: #666666;
}

#overzicht ul li a:hover
{
	color					: #FB8104;
}

#output	{ /* autocomplete ajax divje */
	border					: solid 1px #999;
	background				: white;
	width					: 350px;
	height					: 200px;	
	overflow				: auto;
	margin: 0;
	padding: 0;
}

#output ul
{
	margin: 1em 0 0 0;	
}

#output li
{
	margin: 0.3em 0;
}

#ajax_box
{
	margin: 1em 0 0 0;
}

.suggest_link, .suggest_link_over 
{
	padding				: 2px 6px 2px 6px;
}

#googlemaps	{
	border				: 0px;
	height				: 400px;
	width					: 100%;
	background		: #eee;
	text-align		: left;
	font					: 1em Verdana;
	color					: #4E4E4E;
}

#googlemaps a	{
	color				: #990000;
}

/* BIEB VIEWS */
.sort_up_off, .sort_up_on, .sort_down_off, .sort_down_on {
	display: none;
}
.grid {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.grid td {
	border: 0;
	margin: 0;
	padding:2px;
}
.grid tr {
	vertical-align: top
}
.grid td {
	padding: 4px;
}
.kolom_0 {
	width: 20px;
	text-align: center;
}
.kolom_1, .kolom_2 {
	width: 240px;
	text-align: left;
}
.even {

}
.oneven {
	background-color: #eeeeee;
}
.view_zoeken fieldset, 
#zoekform fieldset {
	border: 0;
}
.view_zoeken, .view_zoeken *, 
#zoekform, #zoekform * {
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

.view_zoeken,
#zoekform {
	text-align: right;
}

.view_zoeken legend,
#zoekform legend {
	display: none;
}
h1.overzichten {
	display: none;
}

#overzichtcontainer {
	text-align: left;
}
#zoekwaarde {
	padding: 2px;
}

.formulier input, formulier textarea {

	background					: url(../img/zoekveld_bg.jpg) top left repeat-x;
	font-size					: 1.2em;
	border						: 1px solid #999;
	width						: 300px;
}

.formulier .label, 
.formulier .veld {
	background					: #fff;
}

/* Bieb zoeken */
.bieb_zoeken {
	border				: 1px solid #ccc;
	background			: #f5f5f5;
	padding				: 10px;
}

.bieb_zoeken .view_zoeken,
.bieb_zoeken #zoekform {
	text-align			: left;
    padding				: 0 0 0 10px;
}

.bieb_zoeken .view_zoeken input,
.bieb_zoeken #zoekform input {
	padding				: 3px 2px 2px 2px;
    *padding			: 4px 2px 3px 2px;
}

.bieb_zoeken .view_zoeken input.button,
.bieb_zoeken #zoekform input.button {
	position			: relative;
    top					: 1px;
    *top				: -1px;
}

/* Bieb zoeken op letter */
.bieb_letterzoeken {
	list-style			: none;
	margin				: 0 0 0 10px;
	padding				: 0;
}

.bieb_letterzoeken li {
	float				: left;
	margin				: 0 2px 0 0;
}

.bieb_letterzoeken li.actief {
	background			: #900;
	border				: 1px solid #900;
	color				: #FFF;
	font-weight			: bold;
	padding				: 2px 4px;
}

.bieb_letterzoeken a {
	float				: left;
	border				: 1px solid #DDD;
	padding				: 2px 4px;
}

.bieb_letterzoeken a:hover {
	border				: 1px solid #900;
	background			: #FFF;
}

/* ---------------------------------------- */
/* zoeken in de navigatiebalk				*/
/* ---------------------------------------- */
td.nav_zoeken	{
	vertical-align		: middle;
	text-align			: right;
	padding				: 0 10px 0 0;
	white-space			: nowrap;
}

td.nav_zoeken form	{
	margin				: 0;
}

td.nav_zoeken input	{
	height				: 12px;
	padding				: 1px;
	vertical-align		: middle;
}

td.nav_zoeken input.search2	{
	height				: 16px;
	padding				: 2px;
	vertical-align		: middle;
}


/* ---------------------------------------- */
/* uitgelicht scroller						*/
/* ---------------------------------------- */
#uitgelicht	{
	background			: #D9DCDD;
	width				: 233px;
	position			: relative;
}

#uitgelicht h2	{
	background			: #FB8104;
	color				: #fff;
	padding				: 5px;
	margin				: 0;
	text-transform		: uppercase;
	font-size			: 1em;
	border-bottom		: solid 1px #fff;	
}

#uitgelicht a.vorige, #uitgelicht a.volgende	{
	background			: #AB0000;
	color				: #fff;
	width				: 14px;
	height				: 14px;
	display				: block;
	text-align			: center;
	font-weight			: bold;
	text-decoration		: none;
	position			: absolute;
	top					: 5px;
	right				: 10px;
}

#uitgelicht a.vorige	{
	right				: 30px;
}

#uitgelicht div.scroller { 
	width				: 233px; 
	overflow			: hidden;
}

#uitgelicht div.scroller ul	{
	list-style			: none;
	margin				: 0;
	padding				: 0;
	width				: 10000px;
	display				: block;
}

#uitgelicht div.scroller ul li {
	width				: 233px;
	float				: left;
}

#uitgelicht div.scroller ul li h3	{
	background			: #FB8104;
	color				: #fff;
	padding				: 2px 5px;
	margin				: 0;
	font-size			: 1em;
}

#uitgelicht div.scroller ul li p.foto {
	text-align			: center;
	padding				: 5px;
}

#uitgelicht div.scroller ul li p.omschrijving {
	text-align			: left;
	padding				: 5px;
}

#uitgelicht div.scroller ul li p.url {
	text-align			: right;
	padding				: 0 5px 5px 5px;
}



/* ---------------------------------------- */
/* footer									*/
/* ---------------------------------------- */
#footer	{
	text-align			: center;
	padding				: 0 0 10px 0;
	font-size			: 10px;
}

#footer a	{
	color				: #666;
}

address {
	font-style			: normal;
}

#footer address	{
	margin				: 0 0 10px 0;
}

#footer .amimpact a	{
	color				: #999;
}


/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	display				: none;
}

.formmodule ul.error {
	color				: #c00;
	list-style			: square;
}

.formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.formmodule .fout	{
	border				: solid 1px #c00 !important;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #c00;
} 

.formmodule ul.formulier {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.formmodule ul.formulier li	{
	padding				: 1px 0;
}

.formmodule ul.formulier li.oneven	{
	background			: #fff;
} 

.formmodule ul.formulier li .veld	{
	border				: none;
} 


.formmodule ul.formulier input, .formmodule ul.formulier select, .formmodule ul.formulier textarea 	{
	background			: #fff;
	border				: solid 1px #999;
} 

.formmodule ul.formulier input.button 	{
	background			: #AB0000;
	border				: solid 1px #AB0000;
	color				: #fff;
	font-weight			: bold;
	width				: auto;
} 

.formmodule label	{
	cursor				: pointer;
} 

.formmodule li.melding	{
	color				: #f00;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: solid 1px dotted;
} 


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
.formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 65px;
}

.formmodule li.fm_form1_plaats	{
	float				: left;
	width				: 230px;
}

.formmodule li.fm_form1_telefoon	{
	clear				: both;
}