/*
#################
#	ALGEMEEN	#
#################
*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { font-size: 12px; background: #fff; color: #4c4c4c; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nomp { margin: 0; padding: 0; }
.f-left, .fleft { float: left; }
.f-right, .fright { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold, .strong { font-weight: bold; }
.italic, .em { font-style: italic; }
.underline { text-decoration: underline; }
.pointer { cursor: pointer; }
ul.none, ol.none { list-style: none; }
.resetlh { line-height: 100%; }


img { border: none; }
p { margin-bottom: 1.2em; }
div.alinea { margin-bottom: 40px; }
div.wrapper, .overflow { overflow: hidden; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #00b0f0; outline: none; }

a,
a.underline:hover, a.underline:focus { text-decoration: none; }
a:hover, a:focus, a.underline { text-decoration: underline; }
a span { cursor: pointer; }

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

/* Container
------------------------------------------------------------------*/
div#container { width: 950px; margin: 14px auto 0; padding-right: 25px; }

/* Logo
------------------------------------------------------------------*/

p#logo {
	background: url(/img/logo.png) no-repeat;
	float: right;
	width: 175px; height: 58px;
	margin-bottom: 14px;
	overflow: hidden;
	text-indent: -9999px;
}
div#container p.kleur {
	background-position: 0 bottom;
}
p#logo a { display: block; height: 58px; }

/* Breadcrumbs
------------------------------------------------------------------*/
div.top-wrapper { margin-bottom: 40px; font-size: 14px; line-height: 16px; }

p#breadcrumbs {
	float: left;
	width: 625px;
	margin: 0 0 0 150px; /* ie6 */
}
p#breadcrumbs, p#breadcrumbs a { color: #616161; }

p#breadcrumbs a:hover,
p#breadcrumbs a:focus { color: #00b0f0; }

p#breadcrumbs span { color: #00b0f0; }
p#breadcrumbs a { text-decoration: none; }
/* Textwriter
p#breadcrumbs a img,
p#breadcrumbs a:hover img.hover,
p#breadcrumbs a:focus img.hover { display: inline; }

p#breadcrumbs a img.hover,
p#breadcrumbs a:hover img.non-hover,
p#breadcrumbs a:focus img.non-hover { display: none; }
*/

/* Taalmenu
------------------------------------------------------------------*/
p#taalmenu { float: right; margin-bottom: 0; color: #a1a1a1; }
p#taalmenu a { color: #616161; text-decoration: none; }
p#taalmenu a:hover, p#taalmenu a:focus, p#taalmenu a.active { color: #00b0f0; }
/* Textwriter
p#taalmenu a img,
p#taalmenu a:hover img.hover,
p#taalmenu a:focus img.hover { display: inline; }

p#taalmenu a img.hover,
p#taalmenu a:hover img.non-hover,
p#taalmenu a:focus img.non-hover { display: none; }
*/

/* Paginatitel
------------------------------------------------------------------*/
h1.paginatitel {
	color: #00b0f0;
	display: none;
	font-size: 14px;
	font-weight: normal;
	margin: -34px 0 19px 150px;
	position: absolute;
}

/* Kolommen
------------------------------------------------------------------*/
div.kolom-links { float: left; }
div.kolom-breed { float: left; width: 800px; min-height: 500px; }
div.kolom-rechts { float: right; }
div.kolom-wrapper { margin-bottom: 25px; }

div.kolom-175 { width: 175px; min-height: 500px; }
div.kolom-375 { width: 375px; }
div.kolom-400 { width: 400px; }
div.kolom-600 { width: 600px; }

/* Tekst-kolom
------------------------------------------------------------------*/
div.tekst-kolom {
	background: #e2e2e2;
	padding: 30px 25px;
	color: #353535;
	line-height: 20px;
	min-height: 440px;
	margin-bottom: 4px;
}
div.tekst-kolom h2 {
	color: #00b0f0;
	font-size: 12px;
	font-weight: normal;
}
div.tekst-kolom a { text-decoration: underline; }
div.tekst-kolom a:hover,
div.tekst-kolom a:focus { text-decoration: none; }

div.alinea a { text-decoration: underline; }
div.alinea a:hover,
div.alinea a:focus { text-decoration: none; }
/* Zoom
------------------------------------------------------------------*/
a.zoom {
	background: url(/img/zoom.png) no-repeat;
	width: 29px; height: 25px;
	position: absolute;
	top: 6px; right: 4px;
	cursor: pointer;
}
/* Blog
------------------------------------------------------------------*/
div.tekst { clear: both; padding-top: 25px; }
p.geplaatst { padding-bottom: 8px;}
div.artikel { margin-bottom: 40px; }
div.border-bottom { border-bottom: 1px solid #c2c2c2; margin-bottom: 10px; }
div.artikel ul { margin: 5px 0 5px 25px; }
div.artikel h1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
div.no-lightbox .media a { display: none; }

body#bloglocatie .media { margin-bottom: 40px; }

/* Contact
------------------------------------------------------------------*/
div#contactfolder { height: 500px; }

a.contact {
	display: block;
	width: 192px; height: 50.5px;
	border: 4px solid #00B0F0;
	position: absolute;
	left: 0; top: 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
a.inactive, a.inactive span { cursor: default; }

a.haarlem { left: 0; top: 250px; }
a.zwolle { left: 600px; top: 125px; }
a.almere { left: 200px; top: 250px; }

a.contact span { display: none; }
span.link-contact {
	position: absolute;
	z-index: 2;
	text-transform: lowercase;
	top: 32px; left: 4px;
}
span.overlay-contact {
	position: absolute;
	width: 188px; height: 50.5px;
	filter: alpha(opacity=50);
	left: 0; top: 0;
	display: none;
	z-index: 1;
}

a.contact:hover, a.contact:focus { text-decoration: none; }

a.contact:hover span,
a.contact:focus span,
a.hover span { display: block; }

div.content-rechts {
	float: right;
	width: 400px; overflow: hidden;
}
div.contact-rechts { margin-top: 20px; }

/* Achtergrond
------------------------------------------------------------------*/
div.achtergrond {
	width: 800px; height: 500px;
	background: no-repeat;
}
/*
####################
#	LIJSTEN	   #
####################
*/
/* Hoofdmenu
------------------------------------------------------------------*/
ul#hoofdmenu {
	float: left;
	width: 125px;
	margin-right: 25px;
	text-align: right;
	list-style: none;
}
ul#hoofdmenu li { text-align:right; font-size:1.2em }
ul#hoofdmenu li.level1 { margin-bottom: 2px; }
ul#hoofdmenu li.active { margin-bottom: 0; }

ul#hoofdmenu ul { list-style: none; }
ul#hoofdmenu a {
	color: #616161;
	display: block;
	height: 1%;
	padding: 1px 0;
}

ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.hover,
ul#hoofdmenu a.active{ color: #00B0F0 }

ul#hoofdmenu a img,
ul#hoofdmenu a:hover img.hover,
ul#hoofdmenu a:focus img.hover,
ul#hoofdmenu a.hover img.hover,
ul#hoofdmenu a.active img.hover { display: block; }

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

/* Submenu
------------------------------------------------------------------*/
ul#submenu {
	list-style: none;
	margin: 0;
	font-weight: bold;
	line-height: 130%;
}
ul#submenu li { margin-bottom: 1em; }
ul#submenu li a { color: #616161; }
ul#submenu .normal { font-weight: normal; display: block; }
ul#submenu li a:hover,
ul#submenu li a:focus,
ul#submenu li a.hover { color: #00b0f0; text-decoration: none; }
/* Overzicht
------------------------------------------------------------------*/
ul#overzicht { list-style: none; }
ul#overzicht li {
	background: no-repeat;
	width: 200px;
	height: 125px;
	float: left;
}
ul#overzicht a {
	display: block;
	height: 125px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
ul#overzicht span { display: none; }
ul#overzicht a.hover span { display: block; }

ul#overzicht span.link {
	position: absolute;
	margin: 100px 0 0 16px;
	color: #fff;
	z-index: 2;
}

ul#overzicht span.block { display: block; }

ul#overzicht span.overlay {
	position: absolute;
	width: 200px; height: 125px;
	background: #00B0F0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1;
}
/* Sorteer
------------------------------------------------------------------*/
ul.sorteer {
	list-style: none;
	float: left;
	margin-left: 15px;
}
ul.sorteer li {
	float: left;
	clear: both;
	margin-bottom: 2px;
}
ul.sorteer a {
	width: 11px; height: 5px;
	line-height: 5px;
	text-indent: -9999px;
	background: no-repeat;
	display: block;
	background-image: url(/img/sorteer.gif);
}
ul.sorteer li.boven a {
	background-position: 0 0;
}
ul.sorteer li.boven a:hover,
ul.sorteer li.boven a:focus,
ul.sorteer li.boven a.active {
	background-position: 0 -5px;
}
ul.sorteer li.onder a {
	background-position: -11px 0;
}
ul.sorteer li.onder a:hover,
ul.sorteer li.onder a:focus,
ul.sorteer li.onder a.active {
	background-position: -11px -5px;
}

/* Paginering
------------------------------------------------------------------*/
ul.paginering {
	list-style: none;
	float: right;
	font-size: 8px;
	line-height: 16px;
}
ul.paginering-margin { margin-top: 3px; }
ul.paginering li { float: left; margin-left: 3px; }
ul.paginering a {
	width: 16px; height: 16px;
	text-align: center;
	float: left;
	text-indent: -9999px;
	color: #ababab;
	background: url(/img/navigatie-nieuw.gif) no-repeat;
}

ul.paginering a:hover,
ul.paginering a:focus,
ul.paginering a.active { color: #fff; text-decoration: none; }

ul.paginering li.rond a,
ul.paginering li.nr a {
	background-position: 0 0;
}
ul.paginering li.rond a:hover,
ul.paginering li.rond a:focus,
ul.paginering li.rond a.active,
ul.paginering li.nr a:hover,
ul.paginering li.nr a:focus,
ul.paginering li.nr a.active {
	background-position: 0 -16px;
}

ul.paginering li.nr a {
	text-indent: 0;
}

ul.paginering li.tekst a {
	background-position: -16px 0;
}
ul.paginering li.tekst a:hover,
ul.paginering li.tekst a:focus,
ul.paginering li.tekst a.active {
	background-position: -16px -16px;
}

ul.paginering li.archief a {
	background-position: -34px 0;
	width: 18px;
}
ul.paginering li.archief a:hover,
ul.paginering li.archief a:focus,
ul.paginering li.archief a.active {
	background-position: -34px -16px;
}

ul.paginering li.vorige a {
	background-position: -50px 0;
}
ul.paginering li.vorige a:hover,
ul.paginering li.vorige a:focus {
	background-position: -50px -16px;
}

ul.paginering li.volgende a {
	background-position: -64px 0;
}
ul.paginering li.volgende a:hover,
ul.paginering li.volgende a:focus {
	background-position: -64px -16px;
}

ul.paginering li.eerste a {
	background-position: -80px 0;
}
ul.paginering li.eerste a:hover,
ul.paginering li.eerste a:focus {
	background-position: -80px -16px;
}

ul.paginering li.laatste a {
	background-position: -96px 0;
}
ul.paginering li.laatste a:hover,
ul.paginering li.laatste a:focus {
	background-position: -96px -16px;
}
/* Mederwerkers
------------------------------------------------------------------*/
ul.medewerkers {
	list-style: none;
	float: left;
	margin: 16px 0 0 25px;
	width: 175px;
}
ul.medewerkers li a {
	color: #616161;
}
ul.medewerkers li a:hover,
ul.medewerkers li a:focus {
	text-decoration: none;
	color: #00b0f0;
}
/* Contact
------------------------------------------------------------------*/
ul.contact {
	list-style: none;
	float: left;
	width: 175px;
	margin-top: 20px;
}
ul.contact-klein {
	width: 25px;
}
/* FCK-editor-lijst
------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }
div.alinea li { padding: .2em 0; line-height: 125%; }
a.no-underline {
	text-decoration: none;
	cursor: pointer;
}
a.no-underline div {
	text-decoration: none;
	cursor: pointer;
}
/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
input.text, textarea { padding: 2px 3px; }
textarea { font-size: 11px; overflow: auto; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin-left: 0; }
input.button, input.submit { cursor: pointer; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }
form li { padding: .2em 0; }

/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier { position: relative; }
form.webbeheer-formulier fieldset {
	margin: 0; padding: 0;
	border: none;
}

form.webbeheer-formulier em.verplicht { position: absolute; left: 167px; margin-top: -2px; }
form.webbeheer-formulier legend { display: none; }
form.webbeheer-formulier ul.velden { list-style: none; }

form.webbeheer-formulier li {
	overflow: hidden; height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier label {
	width: 165px; margin-right: 15px;
	float: left;
}
form.webbeheer-formulier input { float: left; }
form.webbeheer-formulier fieldset.radiogrouper { float: left; }
form.webbeheer-formulier fieldset.radiogrouper div { overflow: hidden; height: 1%; }
form.webbeheer-formulier fieldset.radiogrouper label { width: auto; margin: 0 0 0 5px; }

/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }

/* FCK-editor-tabel
------------------------------------------------------------------*/
div.alinea table {
	width: 100%;
	margin: 1em 0;
	color: #545454;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

div.alinea table td,
div.alinea table th {
	padding: .2em 4px;
	border: 1px solid #d8d8d8;
}
/* Overzicht
------------------------------------------------------------------*/
table#overzicht {  color: #4C4C4C; margin-bottom: 1em; }
table#overzicht thead { font-weight: normal; }

table#overzicht th { text-align: left; height: 25px; vertical-align: top; }
table#overzicht td, table#overzicht tr { line-height: 15px; }

table#overzicht a { color: #4C4C4C; }
table#overzicht a:hover,
table#overzicht a:focus { text-decoration: none; }

table#overzicht a.zwart { color: #000; }
table#overzicht a.zwart:hover,
table#overzicht a.zwart:focus { text-decoration: underline; }

table#overzicht tr:hover td a,
table#overzicht tr.hover-ie td a,
table#overzicht tr:hover td span.title a,
table#overzicht tr.hover-ie td span.title a { color: #00b0f0; }

table#overzicht tr td span.title {
	color: #747474;
	font-weight: bold;
	display: block;
}
table#overzicht tr span.overlay {
	position: absolute;
	width: 80px; height: 50px;
	background: #00B0F0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
	cursor: pointer;
}
table#overzicht tr:hover span.overlay,
table#overzicht tr.hover-ie span.overlay { display: block; }

/* ul#hoofdmenu li.level1 ul li a { height: 16px; } */