/*
#############################
#			ALGEMEEN 		#
#############################
*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,tr,td,a { margin: 0; padding: 0; }
html { font: 62.5%/200% Verdana, Arial, Tahoma, sans-serif; }
body { background: #E4F2F2; color: #506263; font-size: 1.2em; line-height: 1.8em }


h1 { color: #ee3f43; font-size: 2em; }
h2 { color: #ee3f43; font-size: 1.8em; font-weight: normal; } /* IE6 */
h3 { color: #ee3f43; font-size: 1.2em; font-weight: normal; }
h3 a { color: #ee3f43; font-size: 1.2em; font-weight: normal; text-decoration: none; }
h3 a:hover { color: #22878d; }
h4 { color: #22878d; font-size: 1.2em; font-weight: normal; line-height: 1.8; }
h4 a { color: #506263; text-decoration: none; }
h4 a:hover { color: #22878d; }
h5 { color: #fff; font-size: 1.4em; font-weight: normal; }
h6 { color: #22878d; font-size: 1.4em; font-weight: normal; line-height: 2.0; }

.hidden { display: none; }
div.clear { clear: both; }
img { border: none; }

div.alinea p{ margin-bottom: 1em; }

a { color: #ee3f43; text-decoration: none; }
a img.non-hover,
a:hover img.hover,
a:focus img.hover,
a.active img.hover { display: inline-block; }
a img.hover,
a:hover img.non-hover,
a:focus img.non-hover,
a.active img.non-hover { display: none; }

a.cta { background: url(/img/cta-rood-pijl.gif) right center repeat-x; border: 1px solid #e4f2f2; color: #fff; float: left; font-weight: bold; padding: 3px 28px 3px 12px; text-transform: uppercase; }
a:hover.cta { background: url(/img/cta-rood-pijl-hover.gif) right center repeat-x; }

div#contactblok a.cta {
	text-transform: none;
	font-size: .8em;
}

a.cta-klein { color: #22878D; font-weight: bold; display: block; font-size: 1.167em; }
a:hover.cta-klein { color: #ee3f43; }

#content p { margin: 0 0 10px 0; }

.overflow { overflow: hidden; }
.overflowvisible { overflow: visible; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.block { display: block; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.tacenter { text-align: center; }
.taleft { text-align: left; }
.taright { text-align: right; }

.normalText a { color: #ee3f43; font-weight: bold; text-decoration: none; }
.normalText a:hover { color: #ee3f43; font-weight: bold; text-decoration: underline; }
.normalText .agendaLink:hover { color: #fff; text-decoration: none; }
form p.normalText{ margin-bottom: 0; }	
.smallText { color: #555555; line-height: 1.4; }
.smallText2 { color: #77b2b5; line-height: 1.4; }
.smallText3 { color: #506263; line-height: 2.0; }
.contactInput { border: 0px; width: 200px; }
.contactArea { border: 0px; height: 104px; width: 220px; }
.imageLeft { float: left; margin: 7px 9px 0 0; }
.imageRight { float: right; margin: 7px 0 0 9px; }
.backtoTop { color: #fff; font-weight: normal; line-height: 1.8; }
.backtoTop a { color: #fff; text-decoration: none; }
.backtoTop a:hover { color: #ee3f43; }

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

.tcenter{ text-align: center; }


/*
#############################
#		LAYOUT				#
#############################
*/

/* HOMEPAGE*/
body#component-languageroot { background-color: #fff; }
body#component-languageroot #footerimg { bottom: 150px; }
body#component-languageroot #footerwrapper { background: url(/img/footer_home.gif) repeat-x; clear: both; }

div#bgwrapper { background: url(/img/header.gif) no-repeat center top #fff; position: relative; }
div#wrapper {  background: url(/img/menubalk.gif) repeat-x center 114px; position: relative; }
div#footerimg { background: url(/img/footer_img.gif) center top no-repeat; bottom: 60px; height: 193px; position: absolute; width: 100%; z-index: 0; }
div#container {	margin: 0 auto; width: 960px; }

#header { height: 162px; }
#header .kolom { background: url(/img/header_icons.gif) no-repeat -0px -58px; border-right: 1px solid #e5f2f3; color: #22878d; float: left; margin: 35px 39px 0 0; padding: 0 0 0 25px; width: 115px; }
#header .kolom.mijn-aanvraag { background-position: -59px 4px; }
#header .kolom.mijn-aanvraag a span.titel { color: #22878D;  }
#header .kolom.mijn-aanvraag a:hover span.titel { color: #22878D; }
#header .kolom.mijn-aanvraag a:hover span { color: #852323; }
#header .kolom span { display: block; font-weight: bold; }
#header .kolom span.titel { font-weight: normal; }
a#logo { background: url(/img/logo.gif) no-repeat 10px 10px; display: block; float: left; height: 94px; overflow: hidden; margin: 0 101px 0 10px; padding: 10px; width: 200px; }

form#naam-zoeken,
form#zoeken { background: url(/img/form_schaduw.png) center bottom no-repeat; border: none; color: #22878d; float: left; padding: 35px 0 16px 0; width: 221px; }
form#naam-zoeken input.text,
form#zoeken input.text { background: url(/img/input.gif) repeat-x #fff; border: 1px solid #8fc2c5; float: left; height: 20px; padding: 3px; width: 180px; }
form#naam-zoeken div.button,
form#zoeken div.button { border: 1px solid #8fc2c5; float: left; height: 26px; overflow: hidden; width: 31px; }
form#naam-zoeken div.button input,
form#zoeken div.button input { 
	background: url(/img/input_zoeken.jpg) no-repeat;
	border: none;
	height: 78px;
	width: 31px;
	cursor: pointer;
}

form#naam-zoeken {
    float: right;
    padding: 0;
    margin-bottom: 5px;
}

#topbedrijf { padding: 0 0 10px 10px; width: 450px; }
#topbedrijf .afbeelding { float: left; margin: 0 20px 0 0; }
#topbedrijf a { display: block; } 
#topbedrijf a:hover { color: #852323; }

#tussenbalkwrapper { background: url(/img/tussenbalk.gif) center top repeat-y; margin: 0 0 20px 0; }
#tussenbalk { background: url(/img/glow_tussenbalk.gif) right top no-repeat; margin: 0 auto; width: 960px; position:relative;}
#tussenbalk .introtext { float: left; margin: 0 10px 0 0; padding: 20px 0; width: 470px; }
#tussenbalk h2 { padding: 0 0 5px 50px; }
#tussenbalk blockquote { background: url(/img/close-quote.gif) no-repeat right bottom; margin: 0; padding: 0 30px 0 13px;  }
#tussenbalk blockquote p { padding-left: 40px; }
#tussenbalk blockquote p span.blockquote-start { background: url(/img/open-quote.gif) no-repeat left 3px; display: block; margin-left: -28px; padding: 0 0 10px 28px;  }

/* LOCATIEZOEKER */
#component-languageroot #locatiezoeker { background: url(/img/locatiezoeker_schaduw_home.png) 6px bottom no-repeat; margin: 0 0 -91px 0; top: -111px; overflow: hidden; width: 470px; }
#component-languageroot #locatiezoeker h2 { float: right; }
#component-languageroot .wizard { width: 460px; }
#component-languageroot .wizard ul { padding: 0; } 
#component-languageroot .wizard input#afmeting { width: 50px; }
#component-languageroot .wizard input#aantal { width: 100px; }
#component-languageroot .wizard select { width: 100px; }
#searchform_diner.wizard ul li label,
#searchform_overnachting.wizard ul li label { width: 211px; }

#locatiezoeker { background: url(/img/locatiezoeker_schaduw.gif) 6px bottom no-repeat; float: left; margin: 0 0 20px 0; padding: 0 5px 6px; position: relative; width: 710px; }
#locatiezoeker ul#opties { background: url(/img/locatiezoeker_schaduwtop.gif) center bottom no-repeat; clear: both; }
#locatiezoeker ul#opties li { background: url(/img/bullet_opties.gif) right 10px no-repeat; float: left; list-style: none; margin: 0 0 0 12px; padding: 0 12px 0 0; }
#locatiezoeker ul#opties li.last { background: none; padding: 0; }
#locatiezoeker ul#opties li a { color: #22878d; display: block; padding: 0 0 8px 0; }
#locatiezoeker ul#opties li a:hover { color: #ee3f43; }
#locatiezoeker ul#opties li.active a { background: url(/img/opties_active.gif) center bottom no-repeat; color: #ee3f43; font-weight: bold; }

.wizard { background: url(/img/glow.gif) top center no-repeat #22878D; clear: both; border: 1px solid #22878d; margin: 0 0 0 10px; padding: 20px 0; }
.wizard ul { color: #fff; list-style: none; padding: 0 0 10px; }
.wizard ul li { background: url(/img/wizard_li.png) bottom center no-repeat; margin: 0 0 5px 0; padding: 0px 30px 20px; }
.wizard ul li label { color: #fff; display: block; float: left; font-weight: bold; width: 58px; }
.wizard ul li span { font-style: italic; padding: 0 4px; }
.wizard ul li input.text { padding: 5px 3px 4px 3px; }
.wizard ul li input#afmeting { width: 75px; }
.wizard ul li input#aantal { margin: 0 20px 0 0; width: 150px; }
.wizard ul li select { background: url(/img/input_text.gif) repeat-x #fff; border: 1px solid #49a9ac; padding: 3px; width: 250px; }

.wizard a#toevoegen { color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 0 0 88px; }
.wizard a:hover#toevoegen { color: #124549; }
.wizard input.button { 
	background: url(/img/cta-rood-pijl.gif) right center repeat-x;
	border: 1px solid #69a5a7;
	color: #fff;
	float: right;
	font-weight: bold;
	margin: 0 30px 0 0;
	padding: 7px 25px 7px 5px;
	text-transform: uppercase;
	cursor: pointer; 
}

.wizard input:hover.button { color: #852323; }

#content { float: left; width: 720px; } /* IE6 */
body#component-calendar #content { float:none; width: auto; }
#extracontent { margin: 0 auto; padding: 0 0 0 10px; width: 950px; }

#thumbs { padding: 0 0 20px 0; }
#thumbs img { float: left; padding: 0 20px 0 0; }
#thumbs img.last { padding: 0; }

div#contact { float: left; }
div#contact .kolom { float: left; padding: 0 20px 0 0; width: 220px; }
div#contact .kolom.last { padding: 0; }

/* ZOEKRESULTATEN */
#zoekresultaten { clear: both;}
#zoekresultaten .resultaat { background: url(/img/block_sub2.gif) no-repeat 10px 11px #fff; border-bottom: 1px solid #E4F2F2; padding: 5px 0 5px 30px; width: 756px; }
#zoekresultaten .resultaat a { display: block; }

/* NIEUWSOVERZICHT */
#component-nieuwsoverzicht .subSmallContainer { border-bottom: 1px solid #fff; width: 730px; }
#component-nieuwsoverzicht .subSmallContainer h4 { font-weight: bold; padding: 0 0 0 10px; }
#component-nieuwsoverzicht .subSmallFooter { width: 721px; }

/* GOOGLE MAPS */
div.google-maps { border: 1px solid #CAE5E6; clear: both; height: 294px; margin: 0 0 10px 0; overflow: hidden; width: 720px; }

/* RESULTATEN OVERZICHTSPAGINA */
#filters { 
	color: #506263;
	float: right;
	line-height: 1em; 
	/* margin: -30px 0 0 0; */
	margin: 0 0 15px; }
#filters span { float: left; padding: 5px 0 0 0; }
#filters ul { float: left; }
#filters ul li { 
	background: url(/img/cta-rood-pijl.gif) repeat-x left center;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	height: 14px;
	margin: 0 0 4px 10px;
	overflow: hidden;
	padding: 5px 6px 2px;
	color: #fff;
}

div.filterwrapper { padding: 0 5px 0 10px; clear: both; }

#filters ul li a { 
	background: url(/img/filters_verwijderen.gif) no-repeat bottom right;
	display: block;
	float: right;
	height: 11px;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	width: 11px;
}
#filters ul li a:hover { background-position: top right; }

.item { background: #fff; border: 1px solid #e4f2f2; margin: 10px 0 20px; padding: 15px 20px; position: relative; }
.item h2 { padding: 0 0 8px 0; }
.item a.logo { display: block; float: right; position: absolute; right: 20px; top: 12px; }
.item a.logo span { display: none; }

.item a.logo2 { display: block; float: right; padding: 0 0 5px 10px; }
.item a.logo2 span { display: none; }

img.logo-detail { float: right; margin: 0 0 5px 10px; }

.item .content { overflow: hidden; }

.item .images { display: inline; float: left; margin: 0 20px 0 0; }
.item.a .images,
.item.b .images { width: 240px; }
.item .images img { display: block; }
.item .images img.thumb { float: left; margin: 10px 16px 0 0; }
.item .images img.thumb.last { margin-right: 0; }

.item .kolom { float: left; margin: 10px 0; width: 200px; }
.item a.toevoegen { clear: both; color: #24898f; display: block; float: left; font-weight: bold; padding: 0; width: 44%; }
.item a:hover.toevoegen { text-decoration: underline; } 

.item a.meer.cta { float: right; max-width: 185px; }
.item.c a.meer { float: right; font-weight: bold;}
.item.c a:hover.meer { color: #506263; }

.kolom dl.type dt { color: #EE3F43; font-weight: bold; text-transform: capitalize; }
.kolom dl.type dd { background: url(/img/bullet_footermenu.gif) no-repeat 0px 8px; color: #24898F; display: block; margin: 0 0 5px; padding: 0 10px 0 15px; text-transform: capitalize; }

#right.filter { background: #22878d url(/img/block20.gif) no-repeat left top; padding: 20px 20px 10px; width: 180px; }
#right.filter h2 { padding: 5px 0 0 0; }
#right.filter ul { color: #fff; font-weight: bold; list-style: none; margin: 0 0 10px; }
#right.filter ul li { padding: 0 0 0 15px; }
#right.filter ul li.titel { background: url(/img/block_small.gif) left 7px no-repeat; text-transform: uppercase; }
#right.filter ul li a { color: #fff; font-weight: normal; }
#right.filter ul li a:hover { color: #cae5e6; border-bottom: 1px dotted #cae5e6; }

p.paginering { text-align: center; }
p.paginering a { padding: 2px 5px 2px 4px; }
p.paginering a.active {
	border: 1px solid #24898f;
	margin: 0 3px;
	font-weight: bold;
	text-decoration: none;
}

p.paginering a:hover { text-decoration: underline; }

/* Kalender pagina */
div.w942 { width: 942px; }
#kalender .filter { background: url(/img/glow.gif) no-repeat center top #22878D; border: 1px solid #22878d; padding: 10px 30px; width: 880px; }
#kalender .filter label { color: #fff; float: left; padding: 6px 0 4px 0; width: 120px; }
#kalender .filter ul { background: url(/img/ul_filter_kalender.png) bottom center no-repeat; }
#kalender .filter ul.last { background: none; }
#kalender .filter ul li { float: left; list-style: none; padding: 6px 8px 4px; }

#kalender .filter a { color: #fff; font-weight: bold; }
#kalender .filter a:hover { color: #cae5e6; }
#kalender .filter ul li.active a { color: #13494a; }
#kalender .filter ul.jaar li.active { background: url(/img/pijltje_filter_kalender.gif) no-repeat center 26px; }
#kalender .filter ul.maand li.active { background: url(/img/pijltje_filter_kalender.gif) no-repeat center -4px; }

#kalender table { background: #fff; margin-bottom: 20px; position: relative; width: 940px; }
#kalender table caption { padding: 25px 0 10px; } 
#kalender table td,
#kalender table th { 
	border-bottom: 1px solid #f0f7f7;
	border-left: 1px solid #deedee;
	border-right: 1px solid #f0f7f7;
	border-top: 1px solid #deedee;
	height: 132px;
	width: 128px;
	vertical-align: top;
}
#kalender table th { height: auto; padding: 12px 0 4px 0; }
#kalender table td div { 
	width: 132px;
	word-wrap: break-word;
	white-space: normal;
	
	position: relative;
	z-index: 3;
}

div.item-wrap {
	height: 100px;
	overflow: hidden;
}

div.item-wrap-hover {
	height: auto;
	overflow: visible;
}

a.jaaroverzicht,
#kalender a.maandoverzicht { 
	background: url(/img/cta-rood-pijldown.gif) right center repeat-x;
	border: 1px solid #E4F2F2;
	color: #fff;
	font-weight: bold;
	padding: 7px 45px 7px 20px;
	margin-top: 10px;
	text-transform: uppercase;
	/*width: auto;*/
	width: 392px;
	cursor: pointer;
}

a.jaaroverzicht {
	background-image: url(/img/cta-rood-pijl.gif);
}

a.jaaroverzicht:hover,
#kalender a.maandoverzicht:hover { color: #852323; }

ul.jaaroverzicht a { display: block; }
ul.jaaroverzicht span.datum {
	color: #506263;
    display: block;
    float: left;
    font-weight: bold;
    font-size: .95em;
    width: 50px;
}
ul.jaaroverzicht strong.title {
	display: block;
	float: left;   
	color: #ee3f43;
    font-weight: bold;
    background: url(/img/block_sub3.gif) no-repeat 0 8px;
    padding-left: 15px;
    font-size: 1.1em;
}
ul.jaaroverzicht a:hover strong.title { color: #2287a1; }
ul.jaaroverzicht span.locatie {
	display: block;
	clear: both;
	color: #506263;
	font-weight: normal;
	font-size: .95em;
	padding-left: 65px;
	line-height: 1.4em;
}

#maand ul { 
	float: left;
} 

#kalender ul.overzichtitems {
	/*width: 350px;*/
	width: 435px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	list-style: none;
	border: 1px solid #ccd6d6;
	background: #ffffff;
}

ul.overzichtitems li {
	border-bottom: 1px solid #ccd6d6;
	padding: 2px 0;
	line-height: 15px;
}

ul.overzichtitems li.last { border: none; }

ul.overzichtitems li span.location {
	display: block;
}

ul.overzichtitems a {
	display: block;     
	color: #EE3F43;
    font-size: 0.95em;
    font-weight: bold;
    padding: 2px 0 1px;	
}
ul.overzichtitems a:hover { color: #2287A1; }

ul.overzichtitems li span.datum {
	width: 40px;
	font-size: 10px;
	display: block;
	float: left;
	font-weight: bold;
	color: #506263;
}
ul.overzichtitems li strong.title {
	display: block;
	float: left;
	padding-left: 15px;
	background: url(/img/block_sub3.gif) no-repeat 3px 5px;
}

ul.overzichtitems span.location { 
	font-size: 10px;
	display: block;
	color: #506263;
	font-weight: normal;
	clear: both;
	padding-left: 55px;
	line-height: 1.6em;
}

div.maand-overz {
	position: relative;
	z-index: 10;
	/*width: 372px;*/
	width: 460px;
}
div.maand-overz ul.overzichtitems { 
	display: none;
	position: absolute;
	left: 1px;
	z-index: 10;
	float: left;
	margin: 46px 0 20px 0;
}
div.maand-overz-hover ul.overzichtitems { display: block; }

/*#kalender table td div:hover {
	overflow: visible;
}*/

div.groter { background: url(/img/arrow.gif) no-repeat 117px 85px; }

/*#kalender table td div:hover a { background: #fff; }
#kalender table td.alt div:hover a { background: #f4fafa; }
*/
#kalender table td.alt { background: #f4fafa; }

#kalender table td span.dag { 
	color: #22878d;
	display: block;
	font-size: 1.637em;
	font-weight: bold;
	padding: 5px 5px 0 5px;
	text-align: right;
	height: 27px;	
	position: relative;
}
#kalender table td span.dag.inactief { color: #d0d0d0; }

#kalender table td div a { display: block; padding: 5px 5px 5px 10px; }
#kalender table td div a span { color: #506263; display: block; font-size: 0.85em; line-height: 1.167em;  }
#kalender table td div a span.titel { color: #EE3F43; font-size: .95em; font-weight: bold; padding-bottom: 2px; }
#kalender table td div a:hover span.titel { color: #22878d; }

/* DETAILPAGINA */
#detailpagina { margin: 0 0 15px; padding: 0 0 20px 0; }

#detailpagina #details { border: 1px solid #e6e6e6; float: right; line-height: 2.273em; margin: -32px 0 0 20px; padding: 10px 10px 0 10px; width: 320px; }
#detailpagina #details a.cta { margin: 10px 0; width: 278px; }
#detailpagina #details a.cta-klein { margin: 0 0 10px; width: 278px; }
#detailpagina #details #imageholder img { float: left; margin: 0 0 10px 0; }

#detailpagina #details #imageholder #imageholder-showcase img,
#detailpagina #details #imageholder #imageholder-showcase div { display: none; }
#detailpagina #details #imageholder #imageholder-showcase img.active,
#detailpagina #details #imageholder #imageholder-showcase div.active { display: block; }

#detailpagina #details #imageholder a img { float: left; margin: 0; }
#detailpagina #details #imageholder a { display: block; float: left; margin: 0 14px 10px 0; height: 54px; overflow: hidden; padding: 1px; width: 67px; }
#detailpagina #details #imageholder a:hover { border: 1px solid #E6E6E6; padding: 0; } 
#detailpagina #details #imageholder a.last { margin-right: 0; }
#detailpagina #details #imageholder a span.video { position: relative; }
#detailpagina #details #imageholder a span.video span { background: url(/img/video.png) no-repeat -64px -73px; display: block; height: 100%; text-indent: -9999px; width: 100%; }
#detailpagina #details #imageholder a:hover span.video span { background: url(/img/video.png) no-repeat -264px -73px; }

#detailpagina #details table { width: 318px; }
#detailpagina #details table td { border-bottom: 1px solid #edf6f6;  }
#detailpagina #details table td.bold { padding: 0 10px 0 0; }

#detailpagina h3 { color: #506263; font-size: 1.273em; font-weight: bold; }
#detailpagina p.introtext { font-weight: bold; }
#detailpagina .kolom { border-top: 1px solid #edf6f6; clear: right; float: left; margin: 10px 0 0 0; padding: 10px 0 20px 0; width: 25%; }
#detailpagina .kolom.fright { float: right; }
#detailpagina .kolom label { clear: both; float: left; padding: 2px 0; width: 75px; }
#detailpagina .kolom span { font-weight: bold; overflow: hidden; padding: 2px 0; width: 162px }
#detailpagina .kolom a.cta-klein { display: block; font-size: 1em; text-align: right; }

#detailpagina table#zaalindeling { padding: 10px 0 10px 0; width: 100%; }
#detailpagina table#zaalindeling tr td { text-align: center }
#detailpagina table#zaalindeling th,
#detailpagina table#zaalindeling tr,
#detailpagina table#zaalindeling tr td { border-bottom: 1px solid #f0f7f7; border-right: 1px solid #f0f7f7; }
#detailpagina table#zaalindeling tr td { padding: 4px 0; }
#detailpagina table#zaalindeling tr th.taright { padding-right: 10px; }

#right #contactblok { background: url(/img/glow.gif) no-repeat center top #22878D; border: 1px solid #22878D; border-bottom: none; color: #fff; margin: 14px 0 0; padding: 10px 10px 0 10px; }
#right #contactblok a.cta { background-position: left center; border-top: none; font-size: 0.75em; margin: 5px 0 0 -12px; padding: 5px 0; text-align: center; width: 220px; } 

/* AANVRAAGPAGINA */
#aanvraagpagina dl dt { height: 24px; margin: 20px 0 0 0; }
#aanvraagpagina dl dd { margin: 0; padding: 15px 10px; width: 700px; }
#aanvraagpagina dl dd.odd { background: #E4F2F2; }
#aanvraagpagina dl dd img { float: left; margin: 0 20px 0 0; }
#aanvraagpagina dl dd span { display: block; float: left; width: 480px; }
#aanvraagpagina dl dd a.titel { display: block; height: 12px; overflow: hidden; margin: 0 0 5px; }
#aanvraagpagina dl dd a:hover.titel img { margin-top: -101px; }
#aanvraagpagina dl dd.odd a.titel img { margin-top: -50px; }
#aanvraagpagina dl dd.odd a:hover.titel img { margin-top: -150px; }
#aanvraagpagina dl dd a:hover { color: #22878D; }
#aanvraagpagina dl dd a.verwijderen { background: url(/img/bin_closed.png) left 1px no-repeat; color: #ccc; display: block; float: left; margin: 21px 0 0 20px; padding: 0 0 0 23px; }
#aanvraagpagina dl dd.odd a.verwijderen { color: #fff; }
#aanvraagpagina dl dd a:hover.verwijderen,
#aanvraagpagina dl dd.odd a:hover.verwijderen { color: #EE3F43; }

#aanvraagpagina form { clear: both; }
#aanvraagpagina fieldset { background: #fff; border: 1px solid #ddd; margin: 10px 0; padding: 15px 15px 0; }
#aanvraagpagina fieldset p { clear: both; }
#aanvraagpagina fieldset legend { color: #22878D; font-size: 1.182em; font-weight: bold; padding: 0 3px; text-transform: uppercase; }
#aanvraagpagina fieldset div { margin: 0 0 0 200px; }
#aanvraagpagina label { clear: both; float: left; width: 200px; }
#aanvraagpagina label:hover { color: #22878D; }
#aanvraagpagina label.radio,
#aanvraagpagina input.radio { border: none; float: none; width: auto; }
#aanvraagpagina input,
#aanvraagpagina textarea { border: 1px solid #ddd; margin: 0 0 10px 0; width: 300px; }
#aanvraagpagina input:focus,
#aanvraagpagina textarea:focus { border: 1px solid #49A9AC; }

#aanvraagpagina input.button { 
	background: url(/img/cta-rood-pijl.gif) right center repeat-x;
	border: 1px solid #69a5a7;
	clear: both;
	color: #fff;
	float: left; 
	font-weight: bold;
	margin: 0 30px 10px 220px;
	padding: 7px 25px 7px 5px;
	text-transform: uppercase;
	width: auto;
	cursor: pointer;
}
#aanvraagpagina input:hover.button { color: #852323; }

/*
#########################
#	MENU'S & LIJSTEN	#
#########################

HOOFDMENU */

ul#mainMenu { clear: both; height: 49px; list-style: none; overflow: hidden; }
ul#mainMenu li { float: left; }
ul#mainMenu li.hover ul.submenu { display: block; }
ul#mainMenu li a { background: url(/img/menu.gif) no-repeat right -69px; display: block; padding: 10px 8px 6px 6px; }
ul#mainMenu li.hover-ie,
ul#mainMenu li a:active,
ul#mainMenu li a.active { background: url(/img/menu.gif) bottom left repeat-x; }

/* SUBMENU IN HET HOOFDMENU */
ul#mainMenu li ul.submenu { background: #4a9b9f; border-left: 1px solid #4a9b9f; border-right: 1px solid #4a9b9f; display: none; font-size: 1em; list-style: none; position: absolute; width: 236px; z-index: 100; }
ul#mainMenu li ul.submenu li { background: none; border: none; height: auto; margin: 0; padding: 0; } /* IE6 */
ul#mainMenu li ul.submenu li a { background: url(/img/block_sub6.gif) no-repeat 11px 10px; border-bottom: 1px solid #298b90; color: #fff; display: block; padding: 7px 30px; text-decoration: none; }
ul#mainMenu li ul.submenu li a:hover { background: url(/img/block_sub3.gif) no-repeat 11px 10px #fff; color: #ee3f43; }
ul#mainMenu li ul.submenu li a:active,
ul#mainMenu li ul.submenu li a.active { background: #ee3f43 url(/img/block_sub1.gif) no-repeat 14px 9px; color: #fff; }

ul#mainMenu li:hover ul,
ul#mainMenu li.hover-ie ul { display: block; }
ul#mainMenu ul li { float: none; }
ul#mainMenu ul a { padding: 0; }

ul#mainMenu a img.non-hover,
ul#mainMenu a:hover img.hover,
ul#mainMenu a:focus img.hover,
ul#mainMenu a.active img.hover { display: block; }

ul#mainMenu a img.hover,
ul#mainMenu a:hover img.non-hover,
ul#mainMenu a:focus img.non-hover,
ul#mainMenu a.active img.non-hover { display: none; }

/* BREADCRUMBS */
ul#breadcrumbs { background-color: transparent; border-bottom: 1px solid #CAE5E6; clear: both; font-size: 0.9em; list-style: none; margin: 0 0 20px; padding: 5px 0; overflow: hidden; width: 720px; }
ul#breadcrumbs li { color: #22878d; float: left; text-decoration: none; }
ul#breadcrumbs li.first { padding: 0 10px 0 0; } 
ul#breadcrumbs li a { background: url(/img/pijltje-breadcrumbs.gif) no-repeat right 5px; color: #ee3f43; padding: 0 17px 0 0; text-decoration: underline; }
ul#breadcrumbs li a:hover { color: #22878D; }

div#deKontakt {
	float: left;
	width: 56px;
	margin: 30px 0px 0 0;
	border: 1px solid red;
	height: 18px
}

div#changelang {
	float: left;
	width: 142px;
	margin: 30px 0 0 0;
}

div#searchField {
	float: left;
	width: 151px;
	padding: 0 0 0 16px;
	margin: 30px 0 0 0;
}

div#searchButton {
	float: left;
	width: 19px;
	padding: 0 0 0 2px;
	margin: 30px 0 0 0;
}

.search {
	height: 15px;
	width: 145px;
	padding: 0;
	margin: 0;
}

div#spacer {
	clear: both;
	width: 776px;
	height: 33px;
}

div#contentLeft {
	float: left;
	width: 351px;
	height: 281px;
}

.thumbs {
	float: left;
	width: 108px;
	height: 108px;
	padding: 0 9px 9px 0;
}
div.thumbs2 {
	float: left;
	width: 123px;
}

div#contentMiddle {
	float: left;
	width: 191px;
	height: 281px;
	padding: 0 9px 0 0;
}

div#contentRight {
	float: left;
	width: 225px;
}

div#agenda2 {
	clear: both;
	float: left;
	width: 225px;
	text-align: right;
	height: 23px;
	padding: 3px 0 0 0;
}

div#news2 {
	clear: both;
	float: left;
	width: 225px;
	text-align: right;
	height: 23px;
	padding: 3px 0 0 0;
}

div#start_footer {
	clear: both;
	width: 776px;
	padding: 7px 0 0 0;
}

div#foundingFathers {
	float: left;
	width: 342px;
	padding: 0 9px 0 0;
}

div#ff_header {
	clear: both;
	float: left;
	width: 310px;
	padding: 5px 0 0 32px;
	background: url(/img/block2.gif) no-repeat left top;
}

div#ff_footer {
	clear: both;
	float: left;
	width: 342px;
}


div#rightThumb {
	float: left;
	width: 108px;
	padding: 0 8px 0 0;
}

div#spacer2 {
	float: left;
	width: 108px;
	height: 108px;
	background: #cae5e6;
}

/*
#########################
#	CONTENT				#
#########################
*/

div#contentText {
	clear: both;
	float: left;
	width: 288px;
	height: 215px;
	padding: 15px 20px 34px 34px;
	background: #cae5e6 url(/img/block20.gif) no-repeat left top;
	overflow: hidden;
}


/* AGENDA & NIEUWS BLOK */

div.blok { float: left; overflow: hidden; padding: 0 20px 0 0; }
div.blok ul { background: #22878d url(/img/block20.gif) no-repeat left top; height: 211px; list-style: none; padding: 26px 15px 20px 22px; width: 183px; }
div.blok ul li { background: url(/img/block_small.gif) no-repeat 0px 8px; color: #77b2b5; line-height: 1.819em; padding: 0 0 0px 15px; }
div.blok ul li.none { background: none; padding: 0; }
div.blok ul li a { color: #fff; display: block; font-weight: bold; text-decoration: none; }
div.blok ul li a:hover { color: #77b2b5; }
div.blok a.meer { display: block; font-size: 1.084em; font-style: italic; text-align: right; }
div.blok a:hover.meer { color: #22878D; }


/* FOOTER */
#footerwrapper { background: url(/img/footer.gif) repeat-x top left #e4f2f2; clear: both; margin: 20px 0 0 0; }
#footer { margin: 0 auto; width: 960px; } 
#footer ul { list-style: none; }

ul#foundingfathers { height: 76px; padding: 16px 0 0 0; }
ul#foundingfathers li { background: url(/img/bullet_foundingfathers.gif) no-repeat right center; float: left; padding: 0 4px 0 0; text-align: center; width: 152px; }
ul#foundingfathers li img { display: inline; vertical-align: middle; }
ul#foundingfathers li.first,
ul#foundingfathers li.last { background: none; }
ul#foundingfathers li.last { padding: 0; }
ul#foundingfathers li.first { padding: 20px 0 0 0; text-align: left; width: 180px; }

ul#footermenu { float: left; padding: 15px 0; }
ul#footermenu li { float: left; }
ul#footermenu li a { background: url(/img/bullet_footermenu.gif) right 6px no-repeat;  font-weight: bold; padding: 0 14px 0 10px; }
ul#footermenu li a:hover { color: #77B2B5; }
ul#footermenu li.last a { background: none; }
p#realisatie { float: right; padding: 15px 0 0; }

/*
#########################
#	SUBPAGINA	#
#########################
*/

div#subtitle { background: #cae5e6; clear: both; float: left; height: 25px; margin: -17px 0 0 0; padding: 22px 0 13px 20px; width: 930px; }
div#subcontent { float: left; margin: 0 0 20px 0; padding: 0 10px 0 0; width: 710px; }
div#subintro { background: url(/img/header.jpg) -100px 0 no-repeat; clear: both; float: left; height: 204px; margin: 0; width: 730px; }
div#right { float: left; margin: 0 10px; width: 220px; } /* IE6 */

div#right ul#submenu { list-style: none; padding: 12px 0 0 10px; }
div#right ul#submenu li { background: #fff url(/img/block_sub2.gif) no-repeat 0 8px; padding: 0 0 5px 20px; }
div#right ul#submenu li a:hover { color: #22878D; } 

div#subIntro2 { background: url(/img/header.jpg) 0 -20px no-repeat; clear: both; height: 100px; margin: 0; width: 730px; }


div#subIntroText {
	float: left;
	width: 578px;
	height: 68px;
	padding: 10px 100px 10px 20px;
	margin: 80px 0 0 0;
	background: #22878d;
}

div#subIntroText p {
	color: #fff;
	font-weight: bold;
	line-height: 1.8;
}

div#subIntroText2 p {
	color: #fff;
	font-weight: bold;
	line-height: 1.8;
}

div#subIntroText2 {
	float: left;
	width: 446px;
	height: 68px;
	padding: 10px 35px 10px 20px;
	margin: 0 0 0 0;
	background: #22878d;
}

div#redBlock {
	float: left;
	width: 22px;
	height: 22px;
	margin: 146px 0 0 0;
	background: #ee3f43;
}

div#redBlock2 {
	float: left;
	width: 22px;
	height: 22px;
	margin: 78px 0 0 0;
	background: #ee3f43;
}

.thumbs3 {
	clear: both;
	float: left;
	width: 123px;
/*	height: 165px;*/
	background: #e2f1f2;
}

div#subText {
	float: left;
	width: 514px;
	margin: 0 0 15px 0;
}
div#subText ul ,
div#subText p {
	padding: 0 9px 0 0;
	color: #506263;
	line-height: 2.2;
	margin-bottom: 15px;
}

div#subText p a {
	color: #ee3f43;
	text-decoration: none;
	font-weight: bold;
}


div.subRightPhoto {
	clear: both;
	float: left;
	width: 220px;
	/*height: 170px;*/
	/*overflow: hidden;*/
}

div#subRightInfoContainer a {
	color: #fff;
	text-decoration: none;
}

div#subRightInfoContainer a:hover {
	color: #ee3f43;
	text-decoration: none;
}

div#subRightInfoContainer p {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8;
}

div#subRightInfoContainer, div.subRightInfoContainer {
	clear: both;
	float: left;
	margin: 0 0 0 10px;
	width: 164px;
	background: #22878d url(/img/block20.gif) no-repeat top left;
	padding: 31px 23px 23px 23px;
}

div#subEmpty {
	clear: both;
	float: left;
	width: 253px;
	height: 150px;
	background: #22878d url(/img/block20.gif) no-repeat top left;
}

.subSmallContainer { background: #e2f1f2; font-size: .9em; margin: 0; width: 514px; }

.subSmallContainer2 {
	clear: both;
	float: left;
	width: 514px;
	margin: 0 0 9px 0;
	background: #e2f1f2;
}

.subSmallText {
	float: left;
	width: 376px;
	padding: 5px 15px 0 0;
	background: #e2f1f2;
	line-height: 1.5;
}
.subSmallText2 {
	float: left;
	width: 376px;
	padding: 5px 15px 5px 0;
}

img.nieuwspreview {
	float: right;
	padding: 3px;
	border: 1px solid #CAE5E6;
}

.subSmallFooter {
	clear: both;
	float: left;
	width: 505px;
	height: 25px;
	padding: 0 9px 0 0;
	overflow: hidden;
	background: #cae5e6;
	text-align: right;
}


div#ledenInfo {
	clear: both;
	float: left;
	width: 523px;
}

div#lidFoto {
	float: left;
	width: 180px;
	height: 200px;
	margin: 0 25px 0 50px;
	background: url(/img/geenfoto.jpg);
	border: solid 1px black;
}

div#contactAddress {
	float: left;
	width: 220px;
	height: 200px;
	padding: 0 22px 0 22px;
}

div#contactRoute {
	float: left;
	height: 212px;
	padding: 0 22px 0 0;
}

div#contactHeader {
	clear: both;
	float: left;
	width: 467px;
	height: 29px;
	padding: 0 22px 0 22px;
	margin: 0 0 1px 0;
	background: #ddedee;	
}

div#contactForm {
	clear: both;
	float: left;
	width: 467px;
	padding: 5px 22px 5px 22px;
	background: #ddedee; 
}

div#contactForm textarea {
	width: 240px;
	height: 140px;
}

div#contactForm .button input {
	background: #cae5e6;
	color: #EC353A;
	border: none;
	margin: -5px 15px 5px 0;
	cursor: pointer;
	font-weight: bold;
}

div#cases {
	clear: both;
	float: left;
	width: 501px;
	padding: 0 0 0 22px;
}

.caseContainer {
	float: left;
	width: 238px;
	padding: 24px 12px 0 0;
}

.casePhoto {
	float: left;
	width: 238px;
	height: 158px;
	margin: 0 0 1px 0;
}

.caseTitle {
	float: left;
	width: 214px;
	height: 45px;
	padding: 0 12px 0 12px;
	margin: 0 0 5px 0;
	/*overflow: hidden;*/
	background: #e2f1f2;
}

.caseText {
	float: left;
	width: 238px;
	height: 175px;
	/*overflow: hidden;*/
}

div#agendaPhoto {
	clear: both;
	float: left;
	width: 776px;
	height: 88px;
	margin: 0 0 10px 0;
	background: url(/img/agenda_photo.jpg);
}

div#agendaFilter {
	clear: both;
	float: left;
	width: 776px;
	margin: 0 0 7px 0;	
}

div#agendaFilterText {
	float: right;
}

div#agendaLine {
	clear: both;
	float: left;
	width: 776px;
	height: 1px;
	margin: 5px 0 5px 0;
	font-size: 0;
	background: #cae5e6;
}

div#agendaFilterLine {
	clear: both;
	float: left;
	width: 776px;
	margin: 0 0 5px 0;
}

div#agendaFilterLine p {
	padding: 0 9px 0 0;
	color: #506263;
	line-height: 1.0;
	margin-bottom: 15px;
}

div#ledenlijst {
	clear: both;
	margin: 0 0 5px 0;
}

div#ledenlijst p {
	padding: 0 9px 0 0;
	color: #506263;
	line-height: 2.2;
	margin-bottom: 15px;
}

.agendaItemContainer1 {
	clear: both;
	display: block;
	font-size: .9em;
	float: left;
	width: 776px;
	margin: 0 0 1px 0;
	background: #cae5e6 url(/img/block_sub3.gif) no-repeat 10px 10px;
}

.agendaItemContainer2 {
	clear: both;
	float: left;
	font-size: .9em;
	width: 776px;
	margin: 0 0 1px 0;
	background: #e2f1f2 url(/img/block_sub5.gif) no-repeat 10px 10px;
}

.agendaItemDate {
	float: left;
	width: 240px;
	padding: 0 0 0 25px;
}

.agendaItemTitle {
	float: left;
	padding: 0 0 0 25px;
}

.agendaExtraContainer {
	clear: both;
	float: left;
	width: 776px;
	display: block;
}

div.agendaItemContainerSpan:hover p.normalText,
div.agendaItemContainerSpanJshover p.normalText,
div.agendaItemContainerSpan:hover p.smallText3, 
div.agendaItemContainerSpanJshover p.smallText3{
	color: #fff;
	font-weight: bold;
}

div.agendaItemContainerSpan:hover a,
div.agendaItemContainerSpanJshover a {
	color: #cae5e6;
}

div.agendaItemContainerSpanJshover div.agendaItemContainer1,
div.agendaItemContainerSpanJshover div.agendaItemContainer2, 
div.agendaItemContainerSpan:hover div.agendaItemContainer1,
div.agendaItemContainerSpan:hover div.agendaItemContainer2 {
	background: #EE3F43 url(/img/block_sub1.gif) no-repeat 10px 10px;
}

.agendaItemCat {
	clear: left;
	float: left;
	width: 240px;
	padding: 0 0 0 25px;
}

.agendaItemLoc {
	float: left;
	padding: 0 0 0 25px;
}

.agendaItemPart {
	float: right;
	padding: 0 10px 0 0;
}


div#backToTop {
	clear: both;
	float: left;
	width: 766px;
	height: 25px;
	margin: 25px 0 0 0;
	padding: 5px 0 0 10px;
	background: #22878D;
}

div.lidContainer1,
div.lidContainer2 {
	float: left;
	font-size: .9em;
	display: block;
	width: 349px;
	margin: 0 1px 1px 0;
	padding: 3px 0 3px 10px;
	background: #cae5e6;
}

div.lidContainer2 {
	background: #e2f1f2;
}

div.lidContainer1 p.normalText, div.lidContainer2 p.normalText{
	margin-bottom: 0;
}

/*
#############################
#	SUBMENU'S & SUBLIJSTEN	#
#############################
*/

#subMainContainer { float: left; overflow: hidden; width: 720px; } /* IE6 */
ul#subRightMenu {
	clear: both;
	float: left;
	font-size: .8em;
	width: 253px;
	list-style: none;
}

ul#subRightMenu li a {
	line-height: 1.2;
	display: block;
	width: 229px;
	padding: 5px 4px 5px 20px;
	color: #646464;
	background: #fff url(/img/block_sub2.gif) no-repeat 7px 9px;
	text-decoration: none;
	/*overflow: hidden;*/
}

ul#subRightMenu li a:hover {
	color: #646464;
	background: #cae5e6 url(/img/block_sub3.gif) no-repeat 7px 9px;
}

ul#subRightMenu li a:active,
ul#subRightMenu li a.active {
	color: #fff;
	background: #ee3f43 url(/img/block_sub1.gif) no-repeat 7px 9px;
}


/* INFO LIJST */

ul#subRightInfo , div#subRightInfoContainer ul{
	color: #fff;
	width: 171px;
	padding: 0 23px 0 13px;
}

ul#subRightInfo li  , div#subRightInfoContainer li {
	line-height: 1.4;
	margin: 5px 0 5px 5px;
}

ul#subRightInfo li a {
	text-decoration: none;
}

/* SMALL FOOTER LIJST */

.subSmallList {
	float: right;
	list-style: none;
	padding: 0 20px 0 0;
}

.subSmallList li {	
	float: right;
	color: #22878d;
	padding: 4pt 0 0 25px;
	background: url(/img/block_sub3.gif) no-repeat 13px 13px;
	position: relative;
}

.subSmallList li a {
	color: #22878d;
	text-decoration: underline;
}

.subSmallList li a:hover {
	color: #ee3f43;
}


/* CONTACT SUBMIT */

input.contactSubmit {
	clear: both;
	width: 511px;
	background: #cae5e6 url(/img/block_sub3.gif) no-repeat 23px 10px;
	color: #646464;
	font-weight: normal;
	line-height: 1.8;
	height: 23px;
	border: 0;
	text-align: left;
	padding: 2px 0 0 36px;
}

ul.errors {
	color: red;
	list-style: disc;
	margin: 10px 10px 10px 30px;
}


div.formfeedback {
	margin: 10px;
	padding: 10px;
	text-align: center;
	background-color: #ddedee;
	border: 1px solid #7f9db9;
}

ul#contactSubmit {
	clear: both;
	float: left;
	width: 511px;
	height: 25px;
	list-style: none;
}

ul#contactSubmit li a {
	font-weight: normal;
	line-height: 1.8;
	display: block;
	height: 23px;
	width: 475px;
	padding: 2px 0 0 36px;
	color: #646464;
	background: #cae5e6 url(/img/block_sub3.gif) no-repeat 23px 10px;
	text-decoration: none;
	overflow: hidden;
}

ul#contactSubmit li a:hover {
	color: #fff;
	background: #22878d url(/img/block_sub4.gif) no-repeat 23px 10px;
}

ul#contactSubmit li a:active,
ul#contactSubmit li a.active {
	color: #fff;
	background: #ee3f43 url(/img/block_sub1.gif) no-repeat 23px 10px;
}


/*
#########################
#	SUBPAGINA 			#
#########################
*/


/* TAALMENU */

ul#taalMenu { list-style: none; position: relative; }
#header ul#taalMenu li span { background: url(/img/pijltje.gif) right 7px no-repeat; display: inline; padding: 0 15px 0 0; }
#header ul#taalMenu li span:hover { background-position: right 8px; color: #EE3F43; }
ul#taalMenu li { cursor: pointer; position: relative; }
ul#taalMenu li h3 { background: #fff url(/img/select_top.gif) no-repeat 126px 6px; display: block; height: 17px; padding: 0 0 3px 8px; }
ul#taalMenu ul { border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; display: none; left: 0; list-style: none; position: absolute; top: 25px; width: 114px; }
ul#taalMenu ul li { background: #fff; border: none; margin: 0; }
ul#taalMenu ul li a { border-bottom: 1px solid #ccc; color: #ee3f43; display: block; margin: 0; padding: 3px 9px; text-decoration: none; } /* IE6/7 */
ul#taalMenu ul li a:hover { background: #22878d; color: #fff; }

/* FILTER MENU 1 */
ul#filterMenu1 { font-size: .9em; list-style: none; position: absolute; width: 120px; }
ul#filterMenu1 li { border: 1px solid #ee3f43; cursor: default; }
ul#filterMenu1 li h3 { background: #fff url(/img/select_top.gif) no-repeat 104px 6px; display: block; height: 17px; padding: 1px 0 0 8px; }
ul#sub_filterMenu1 { border-top: 1px solid #ee3f43; display: none; list-style: none; }
ul#sub_filterMenu1 li { background: #fff; border: none; }
ul#sub_filterMenu1 li a { color: #ee3f43; display: block; height: 15px; padding: 4px 0 3px 8px; text-decoration: none; }
ul#sub_filterMenu1 li a:hover { background: #22878d; color: #fff; }

/* FILTER MENU 2 */

ul#filterMenu2 { font-size: .9em; list-style: none; margin: 0 0 0 130px; position: absolute; width: 250px; }
ul#filterMenu2 li { border: 1px solid #ee3f43; cursor: default; }
ul#filterMenu2 li h3 { background: #fff url(/img/select_top.gif) no-repeat 234px 6px; display: block; height: 17px; padding: 1px 0 0 8px; }
ul#sub_filterMenu2 { border-top: 1px solid #ee3f43; display: none; list-style: none; }
ul#sub_filterMenu2 li { background: #fff; border: none; }
ul#sub_filterMenu2 li a { color: #ee3f43; display: block; padding: 4px 0 3px 8px; text-decoration: none; }
ul#sub_filterMenu2 li a:hover { background: #22878d; color: #fff; }
div.sitemap { }
div.sitemap a { color: #ee3f43; text-decoration: none; }
div.sitemap a.head { color: #22878d; }
div.sitemap a.head:hover { text-decoration: underline; }
div.sitemap a:hover { color: #22878d; }
div.sitemap ul { margin-left: 20px; }
p.afbeelding { border: 1px solid #cae5e6; float: right; text-align: center; }
div#subText p.afbeelding,
div#subMainContainer p.afbeelding { padding: .6em; }
p.afbeelding small { color: #cae5e6; display: block; text-align: center; }

/*
#########################
#	FORMULIEREN			#
#########################
*/
input.text,
textarea { background: url(/img/input_text.gif) repeat-x #fff; border: 1px solid #49a9ac; color: #22878d; padding: 3px; }


form.webbeheer-formulier { padding: 10px 0 0; }
form.webbeheer-formulier fieldset { border: 1px solid #ddd; }
form.webbeheer-formulier fieldset legend { font-size: 1.182em; font-weight: bold; padding: 0 3px; }
form.webbeheer-formulier ul { list-style: none; }
form.webbeheer-formulier ul li { clear: both; padding: 3px 0; }
form.webbeheer-formulier label { float: left; font-weight: bold; padding: 0 0 0 20px; width: 175px; }
form.webbeheer-formulier input.text,
form.webbeheer-formulier textarea { width: 350px }
form.webbeheer-formulier input.button { margin: 0 0 0 270px; width: auto; }
form.webbeheer-formulier li.form-input-heading h2 { font-size: 1.167em; font-weight: bold; }

/* calendar item */
div.wrapper {
	overflow: hidden;
	margin-top: 16px;	
}

div.specs {
	float: left;
	width: 250px;	
}

div.specs b {
	display: inline-block;
	width: 90px;
}

div.specs2 {
	float: left;
	width: 250px;
}

div.logoholder {
	float: left;	
	width: 210px;
	text-align: right;
}

div.logoholder img {
	display: inline;	
}

/* jaaroverzicht */
ul.jaaroverzicht {
	list-style: none;
	margin: 20px 5px;
}

ul.jaaroverzicht li {
	margin-bottom: 10px;
}

/* YouTube */
div.youtube-movie {
	margin: 20px 0;
}

/* DCM Provinciedetail folder */
div.dikzwart .introText{ color: #000; font-weight: bold; font-style: italic; line-height: 140%; margin: 10px 0 20px; }

ul.provincie_folder_detail{
	margin: 10px 0;
}

ul.provincie_folder_detail li{
	float: left;
	width: 226px;
	margin: 0 16px 24px 0;
	list-style: none;
	padding-bottom: 5px;
	background: #22878d;
}

ul.dcmfolderlist li{ margin: 0 10px 10px 0 !important; }

ul.provincie_folder_detail li.last{ margin-right: 0;}
ul.provincie_folder_detail li.hover{ background: #78b0b6; }

ul.provincie_folder_detail li h2 a{
	height: 46px;
	display: block;
	color: #fff;
	padding: 7px 5px;
	text-transform: uppercase;
	font-size: 14px;
}

ul.provincie_folder_detail li a.image{
	display: block;
	height: 110px;
}
ul.provincie_folder_detail li a.subtitel{
	display: block;
	color: #22878d;
	text-transform: uppercase;
	padding: 2px 0;
	background-color: #fff;
}

/* DCM Provinciedetail iFADER */
#ifader { position: relative; margin-top: 154px; margin-bottom: 20px !important; width: 489px; height: 300px; background: url(/img/dcm/mediaviewer-footer.png) no-repeat center bottom #fff;  }
#ifader .js-ifader-item { background: url(/img/dcm/mediaviewer-bg.png) no-repeat top center #bbd1d4; padding: 11px 11px 8px; margin-left: 8px; } 
#ifader .js-islider { margin-top: 0px; !important; top: -123px; position: absolute; }

#ifader .js-islider-wrapper{ margin: 0px 9px !important; }

#ifader .js-islider-item{ padding: 0 4px 11px 0;  }
#ifader .js-islider-container .js-ifader-active{ background: url(/img/dcm/mediaviewer-pijl.png) no-repeat bottom center; }
#ifader .js-islider-item img{ border: 2px solid #22878D; border-radius: 2px;  padding-bottom: 0; }

#ifader div.title{ position: absolute; top: -59px; background: url(/img/dcm/mediaviewer-title-bg.png) no-repeat; height: 58px; width: 471px; margin-left: 8px;  border: 1px solid #22878d; border-bottom: 0; color: #fff;}
#ifader div.title img{ margin: 19px 0 0 15px; }

#subcontent .js-ifader .js-ifader-item { width: auto; height: auto;}
#subcontent .js-ifader .js-ifader-container { width: auto; height: auto; }
.js-ifader .js-ifader-item img { width: 451px; height: 277px; }
.js-ifader .title img { height:auto; width: auto;}

/* DCM Folder */
div#dcm_folder{
	position: relative;
	list-style: none;
	width: 697px;
}

div#dcm_folder a.titel{
	float: left;
	color: #22878D;
	display: block;
	background: url(/img/dcm/dcm-prov-titel.png) no-repeat 100% 50%;
	outline: none;
}

div#dcm_folder a.titel span{ padding: 0 10px 15px; }
div#dcm_folder a.active span{ background: url(/img/dcm/mediaviewer-pijl.png) no-repeat bottom center; }
div#dcm_folder a.titel:hover{ color: #EE3F43; }
div#dcm_folder a.active { color: #EE3F43; font-weight: bold; }

div#dcm_folder h3{
	background: url(/img/dcm/dcm-titel.png) no-repeat top left;
	width: 697px;
	height: 69px;
}

div#dcm_folder h3 img{
	margin: 22px 0px 0px 18px;
}

div#dcm_folder div.content{
	background: #22878d;
	margin-top: 12px;
	width: 697px;
	border: 1px solid #22878d; 
	float: left;
	border-bottom: 0;
}

div#dcm_folder div.content ul{ list-style: none; }

div#dcm_folder div.content ul li a{
	background: url(/img/dcm/dcm-subtitel.png) no-repeat top center #22878d;
	padding: 17px 0 13px 26px;
	font-weight: bold;
	color: #Fff;
	text-transform: uppercase;
	display: block;
}

div#dcm_folder div.content ul li.first a{
	background: url(/img/dcm/dcm-subtitel-first.png) no-repeat top center;
	padding-top: 5px;
}

div#dcm_folder div.content ul li span{
	background: url(/img/dcm/raquo.png) no-repeat 100% 50%;
	padding-right: 10px;
}
div#dcm_folder div.content ul li a:hover span{
	background: url(/img/dcm/raquo-hover.png) no-repeat 100% 50%;
}

div#dcm_folder div.content ul li span img{ margin-bottom: -6px; }

/* DCM Contactformulier */
form.dcm_contactformulier { width: 699px; background: #bbd1d4; overflow: hidden; padding-bottom: 20px; }
form.dcm_contactformulier h4{
	background: url(/img/dcm/dcm-form-titel.png) no-repeat top center;
	display: block;
	width: 680px;
	padding: 22px 0 0 17px;
	height: 59px;
}

form.dcm_contactformulier .text,
form.dcm_contactformulier textarea{
	border: 1px solid #9fb2b4;
}

form.dcm_contactformulier label{ color: #22878d; }

form.dcm_contactformulier .text,
form.dcm_contactformulier textarea,
form.dcm_contactformulier label{
	float: left;
	clear: both;
}

form.dcm_contactformulier textarea{
	width: 630px;
	height: 200px;
}

form.dcm_contactformulier .text{
	width: 300px;	
}

form.dcm_contactformulier ul{ 
	list-style: none;
	padding-left: 22px;
}

form.dcm_contactformulier ul li{
	clear: both;
	margin-bottom: 8px;	
}

form.dcm_contactformulier ul li.half{
	width: 330px;
	float: left;
	clear: none;
}

form.dcm_contactformulier ul li .button{
	float: right;
	background: url(/img/dcm/versturen.png) no-repeat;
	margin: 10px 39px 0 0;
	border: 0;
	height: 28px;
	width: 136px;
	cursor: pointer;
}

form.dcm_contactformulier ul.errors{
	border: 3px solid red;
	padding: 10px 10px 5px 25px;
	list-style: disc;
	line-height: 140%;
	margin-bottom: 10px;
	margin-left: 23px;
	width: 595px;
}

div#ctablok {
	background: url(/img/ctablok.gif) no-repeat top left;
	padding: 5px 20px 20px;
	width: 420px;
	color: #fff;
	position:absolute;
	bottom: 20px;
	right: 5px;
	text-align:center;
}
div#ctablok.js-hover { opacity: .7; cursor:pointer; }
div#ctablok a { display:block; font-weight:bold; text-align:center; font-size: 15px; color:#fff;}