/* CSS OM ALLE MARGINS AAN TE PASSEN VAN ELEMENTEN DIE PER BROWSER ANDERS ZIJN */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
div.print { display: none; }

/* OVERIGE CSS */
html,
body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
	position: relative;
	text-align: center;
	background: #fff url(../images/layout/bg.gif) repeat-x 0 0;
	color: #121212;
}

h1 {
	font-size: 25px;
	color: #BA006F;
	margin-bottom: 15px;
	line-height: 25px;
}

h2 {
	font-size: 15px;
	color: #BA006F;
	margin-bottom: 15px;
}

h3 {
	
}

p {
	margin-bottom: 15px;
}

ul,
ol {
	margin-left: 25px;
	list-style-type: disc;
	margin-bottom: 15px;
}

ol {
	list-style-type: decimal;
}

ul ol, ol ul, ul ul, ol ol {
	margin-bottom: auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #BA006F;
	text-decoration: underline;
}

h1 a, h2 a,
h1 a:link, h2 a:link,
h1 a:visited, h2 a:visited,
h1 a:active, h2 a:active,
h1 a:hover, h2 a:hover {
	color: #BA006F;
	text-decoration: none;
}

.error {
	color: #FF0000;
}

/* FORM */
form {
	margin-bottom: 15px;
}

form label {
	float: left;
	width: 110px;
	margin-bottom: 5px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

form label.noFloat {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	line-height: 1em;
}


form input {
	border: 1px solid #BA006F;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #645B54;
	padding: 4px 2px;
	width: 248px;
}

form input.checkbox,
form input.radio {
	width: auto;
	padding: 0;
	margin: 0;
	border: none;
}

form input.button {
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
	margin-left: 270px;
}

form textarea {
	border: 1px solid #BA006F;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #645B54;
	padding: 4px 2px;
	width: 248px;
	height: 100px;
}

form span.error {
	padding-left: 111px;
	padding-bottom: 15px;
	display: block;
	margin-top: -10px;
}

/* CLEAR DIV */
div.clear {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}

/* CONTAINER */
#container {
	width: 952px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	width: 100%;
	height: 310px;
	background: url(../images/layout/header_bg.jpg) no-repeat center bottom;
	text-align: left;
}

#top {
	margin: 0 auto;
	width: 952px;
	position: relative;
}

#logo {
	width: 245px;
	height: 78px;
	padding: 30px 0 0 6px;
}

#zoeken {
	position: absolute;
	top: 65px;
	right: 0;
	width: 172px;
	height: 25px;
	text-align: left;
}

#zoeken form {
	display: block;
	width: 165px;
	height: 25px;
	margin: 0;
	padding: 0;
}

#zoeken input {
	width: 140px;
	height: 14px;
	border: 1px solid gray;
	background-color: #ddd;
	padding: 4px 2px;
}

#zoeken input.button {
	background: none;
	width: 25px;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border-style: none;
}

/* MENU */
#menu {
	display: block;
	width: 100%;	
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	position: relative;
	top: 4px;
	left: 7px;
	background: url(../images/layout/bg_menu.gif) no-repeat right top;
}

#menu ul {
	color: #FFFFFF;
	list-style-type: none;
	margin: 0;
}

#menu ul li {
	vertical-align: middle;
	margin-right: 0px;
	line-height: 37px;
	float: left;
	clear: right;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited,
#menu ul li a:hover,
#menu ul li a.actief {
	display: block;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	padding: 0 10px 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	border-right: 2px dotted white;
	text-decoration: none;
}

#menu ul li a.actief {
	background-image: url(../images/layout/layout/bg_menu_item_actief.jpg);
	color: #FFFFFF;
}

#menu ul li a.actief,
#menu ul li a.actief:link,
#menu ul li a.actief:visited,
#menu ul li a.actief:active,
#menu ul li a.actief:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/layout/bg_menu_actief.gif);
	background-position: center;
	background-repeat: no-repeat
}

#menu ul li.eerste {
	background-image: url(../images/layout/bg_menu_eerste.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

#menu ul li.actief {
	background-image: url(../images/layout/bg_menu_eerste_actief.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

/* SUBMENU */
#submenu {
	width: 240px;
	float: left;
	clear: right;
	margin-top: 20px;
}

#submenu ul {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
}

#submenu ul li {	
	margin-bottom: 7px;
}

#submenu ul li a,
#submenu ul li a:link,
#submenu ul li a:visited,
#submenu ul li a:active,
#submenu ul li a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: url(../images/layout/sub_sprite.jpg) no-repeat;
	background-position: left top;
	padding-left: 30px;
}

#submenu ul li a:hover,
#submenu ul li a.actief,
#submenu ul li a.actief:link,
#submenu ul li a.actief:visited,
#submenu ul li a.actief:active,
#submenu ul li a.actief:hover {
	background-position: 0px -40px;
}

#submenu ul li ul {
	margin: 0;
	margin-top: 7px;
}

#submenu ul li ul li {
	margin-left: 32px;
}

#submenu ul li ul li a,
#submenu ul li ul li a:link,
#submenu ul li ul li a:visited,
#submenu ul li ul li a:active,
#submenu ul li ul li a:hover {
	background: url(../images/layout/subsub_sprite.gif) no-repeat;
	background-position: left top;
	width: 154px;
	padding: 0 12px;
}

#submenu ul li ul li a:hover,
#submenu ul li ul li a.actief,
#submenu ul li ul li a.actief:link,
#submenu ul li ul li a.actief:visited,
#submenu ul li ul li a.actief:active,
#submenu ul li ul li a.actief:hover {
	background-position: 0px -27px;
}

/* CONTAINER > CONTENT */

#content {
	width: 915px;
	float: left;
	clear: right;
	padding-left: 17px;
}

#hometxt {
	width: 620px;
	float: left;
}

#pagetxt {
	width: 410px;
	float: left;
	clear: right;
}

#pagetxt.breed {
	width: 675px;
}

blockquote, q {
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* CONTAINER > CONTENT > NIEUWS */
#nieuws {
	width: 620px;
	float: left;
}

#nieuws div.nieuwsitem {
	display: block;
	width: 295px;
	float: left;
	clear: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

#nieuws div.nieuwsitem a.leesverder,
#nieuws div.nieuwsitem a.leesverder:link,
#nieuws div.nieuwsitem a.leesverder:visited,
#nieuws div.nieuwsitem a.leesverder:active,
#nieuws div.nieuwsitem a.leesverder:hover {
	color: #BA006F;
	text-decoration: underline;
	background: url(../images/layout/b_pijltje.jpg) no-repeat left center;
	padding-left: 10px;
}

div.nieuwsafbeelding {
	position: relative;
	margin-right: 10px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	clear: right;
}

div.nieuwsafbeelding img.nieuwsimg {
	display: block;
	/*float: left;*/
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

div.nieuwsitem {
	position: relative;
	margin-bottom: 5px;
}

div.nieuwsitem p.datum {
	position: absolute;
	right: 0;
	top: 2px;
	color: #808080;
}

/* CONTAINER > CONTENT > KRUIMELSPOOR */
#kruimelspoor {
	height: 34px;
	margin-top: 15px;
}

#kruimelspoor h4 {
	display: none;
}

#kruimelspoor a,
#kruimelspoor a:link,
#kruimelspoor a:visited,
#kruimelspoor a:active,
#kruimelspoor a:hover {
	text-decoration: underline;
	color: #BA006F;
}

#kruimelspoor a.actief,
#kruimelspoor a.actief:link,
#kruimelspoor a.actief:visited,
#kruimelspoor a.actief:active,
#kruimelspoor a.actief:hover {
	font-weight: normal;
	color: #191919;
	text-decoration: none;
}

/* FOOTER */

#footer {
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 955px;
	height: 30px;
	background: url(../images/layout/footertop.gif) repeat-x left top;
	margin-top: 15px;
	padding-top: 8px;
}

#footer #adres {
	width: 50%;
	float: left;
	clear: right;
}

#footer #servicenavigatie {
	color: #BA006F;
	text-align: right;
	width: 50%;
	float: left;
	clear: right;
}

#footer #servicenavigatie a,
#footer #servicenavigatie a:link,
#footer #servicenavigatie a:visited,
#footer #servicenavigatie a:active,
#footer #servicenavigatie a:hover {
	color: #BA006F;
	text-decoration: none;
}

#footer #servicenavigatie a:hover {
	text-decoration: none;
}

/* WIDGETS */
#widgets {
	float: right;
	width: 240px;
	padding-top: 47px;
}

#widgets div.grijs {
	text-align: left;
	background: url(../images/layout/bg_widget_grijs.gif) right bottom no-repeat;
	color: #FFF;
	margin-bottom: 15px;
}

#widgets div.grijs div.rounded-header {
	background: url(../images/layout/bg_widget_grijs.gif) right top no-repeat;
	margin: 0;
}

#widgets div.grijs div.rounded-content {
	overflow: hidden;
	width: 195px;
	background: url(../images/layout/bg_widget_grijs.gif) left bottom no-repeat;
	padding: 0 15px;/* 18px 18px;*/
	margin: 0;
}

#widgets div.grijs div.rounded-header h2 {
	color: #FFF;
	margin: 0 20px 0 0;
	padding: 15px 15px 5px 15px;
	background: url(../images/layout/bg_widget_grijs.gif) left top no-repeat;
	font-weight: bold;
	font-size: 18px;
}

#widgets div.grijs div.knop {
	background: url(../images/layout/widget_button_sprite.gif) no-repeat;
	background-position: 0 0;
	overflow: hidden;
	height: 22px;
	padding-left: 15px;
	float: right;
}

#widgets div.grijs div.knop img {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

#widgets div.grijs div.knop a,
#widgets div.grijs div.knop a:link,
#widgets div.grijs div.knop a:visited,
#widgets div.grijs div.knop a:active,
#widgets div.grijs div.knop a:hover {
	background: url(../images/layout/widget_button_sprite.gif) no-repeat;
	background-position: top right;
	display: block;
	height: 22px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	line-height: 22px;
	vertical-align: middle;
}

#widgets div.grijs div.knop a:hover {
	text-decoration: underline;
}

#widgets div.grijs div.knop.bekijkallevacatures {
	width: 150px;
}

#widgets div.grijs div.rounded-content-wrapper {
	margin: 0;
}

#widgets div.grijs p {
	margin: 0;
	margin-bottom: 10px;
	color: #FFF;
	padding-bottom: 10px;
}

#widgets div.grijs h1,
#widgets div.grijs h2,
#widgets div.grijs h3,
#widgets div.grijs h4 {
	color: #FFF;
}

#widgets div.grijs a {
	color: #FFF;
}

/* LEES VERDER BUTTONS */
.verder {
	width: 100%;
	text-align: right;
	vertical-align: middle;
	display: block;
	height: 22px;
	background: url(../images/layout/verder_bg.gif) repeat-x left top;
	clear: both;
}

.verder .rond {
	background: url(../images/layout/button_sprite.jpg) no-repeat left;
	overflow: hidden;
	height: 22px;
	padding-left: 15px;
	margin-right: 20px;
	float: right;
}

.verder .rond img {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.verder .rond a,
.verder .rond a:link,
.verder .rond a:visited,
.verder .rond a:active,
.verder .rond a:hover {
	background: url(../images/layout/button_sprite.jpg) right no-repeat;
	display: block;
	height: 22px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	line-height: 22px;
	vertical-align: middle;
}

.verder .rond a:hover {
	text-decoration: underline;
}

.rond.leesmeer {
	width: 95px;
}

.rond.nieuwsarchief {
	width: 110px;
}

.rond.bekijkalhetnieuws {
	width: 145px;
}

/* FAQ */
div.faq-item,
div.faq-item-active {
	display: block;
	margin-bottom: 9px;
	background-repeat: no-repeat;
}

div.faq-item {
	/*background-image: url(../images/layout/bg_faq_item.gif);*/
}

div.faq-item-active {
	/*background-image: url(../images/layout/bg_faq_item_actief.gif);*/
}

div.faq-item div.faq-top,
div.faq-item-active div.faq-top {
	width: 410px;
	height: 27px;
	font-size: 12px;
	font-weight: bold;
}

div.faq-item div.faq-top div.faq-counter,
div.faq-item-active div.faq-top div.faq-counter {
	float: left;
	clear: right;
	width: 31px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	color: #BA006F;
}

div.faq-item div.faq-top div.faq-title,
div.faq-item-active div.faq-top div.faq-title {
	float: left;
	clear: right;
	width: 369px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	padding-left: 10px;
	color: #BA006F;
}

div.faq-item div.faq-top div.faq-title a,
div.faq-item div.faq-top div.faq-title a:link,
div.faq-item div.faq-top div.faq-title a:visited,
div.faq-item div.faq-top div.faq-title a:active,
div.faq-item div.faq-top div.faq-title a:hover {
	color: #BA006F;
	text-decoration: none;
}

div.faq-item-active div.faq-top div.faq-counter,
div.faq-item-active div.faq-top div.faq-title {
	color: #BA006F;
	text-decoration: none;
}

div.faq-item-active div.faq-top div.faq-title a,
div.faq-item-active div.faq-top div.faq-title a:link,
div.faq-item-active div.faq-top div.faq-title a:visited,
div.faq-item-active div.faq-top div.faq-title a:active,
div.faq-item-active div.faq-top div.faq-title a:hover {
	color: #BA006F;
	text-decoration: none;
}

div.faq-item-active div.faq-body {
	margin-left: 34px;
	padding: 10px;
}

div.faq-item-active div.faq-body p {
	margin: 0;
}

/* FOTOALBUM */
div.fotoalbum {
	width: 100%;
}

div.fotoalbum a,
div.fotoalbum a:link,
div.fotoalbum a:visited,
div.fotoalbum a:active,
div.fotoalbum a:hover {
	color: #121212;
	text-decoration: none;
}

div.fotoalbum div.afbeelding {
	position: relative;
	width: 110px;
	height: 140px;
	float: left;
	clear: right;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

div.fotoalbum div.afbeelding img {
	position: absolute;
	top: 0;
	left: 0;
}

div.fotoalbum div.afbeelding div.caption {
	height: 25px;
	width: 110px;
	line-height: 25px;
	vertical-align: middle;
	position: absolute;
	top: 115px;
	left: 0;
}

/* VACATURE */
div.vacatureitem {
	position: relative;
	margin-bottom: 5px;
}

div.vacatureitem p.datum {
	position: absolute;
	right: 0;
	top: 2px;
	color: #808080;
}

/* ZOEKRESULTATEN */
span.search {
	/*color: #9E1B1B;*/
	font-weight: bold;
	background-color: #FFFF66;
}

span.search1 {
	background-color: #A0FFFF;
	font-weight: bold;
}

span.search2 {
	background-color: #99FF99;
	font-weight: bold;
}

span.search3 {
	background-color: #FF9999;
	font-weight: bold;
}

span.search4 {
	background-color: #FF66FF;
	font-weight: bold;
}

span.search5 {
	background-color: #880000;
	font-weight: bold;
	color: #FFFFFF;
}

span.search6 {
	background-color: #00AA00;
	font-weight: bold;
	color: #FFFFFF;
}

span.search7 {
	background-color: #886800;
	font-weight: bold;
	color: #FFFFFF;
}

/* GMAP */
#map {
	height: 446px;
	overflow: hidden;
	border: 2px solid #BA006F;
	background-color: #E5E3DF;
}

/* Locaties */
#navigatieFilter {
	border-top: 1px dashed #D1CDCC;
	border-bottom: 1px dashed #D1CDCC;
	height: 42px;
}

#navigatieFilter div.pagenav {
	width: 50%;
	float: left;
	clear: right;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
}

#navigatieFilter div.pagenav a,
#navigatieFilter div.pagenav a:link,
#navigatieFilter div.pagenav a:visited,
#navigatieFilter div.pagenav a:active,
#navigatieFilter div.pagenav a:hover {
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #FFF;
	padding: 2px 3px;
}

#navigatieFilter div.pagenav a.active,
#navigatieFilter div.pagenav a.active:link,
#navigatieFilter div.pagenav a.active:visited,
#navigatieFilter div.pagenav a.active:active,
#navigatieFilter div.pagenav a.active:hover {
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #BA006F;
	padding: 2px 3px;
}

#navigatieFilter div.filter {
	width: 50%;
	float: left;
	clear: right;
	text-align: right;
	height: 42px;
}

#navigatieFilter div.filter select {
	margin-top: 11px;
}

div.locatieitem {
	padding: 10px 0;
	float: left;
	clear: right;
	width: 50%;
}

div.locatieitem div.afbeelding {
	float: left;
	clear: right;
	width: 100px;
}

div.locatieitem div.afbeelding div.locatieafbeelding {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

div.locatieitem div.afbeelding div.locatieafbeelding img {
	position: absolute;
	top: 0;
	left: 0;
}

div.locatieitem div.tekst {
	float: left;
	clear: right;
	width: 213px;
}

div.locatieitem div.tekst h2 {
	font-size: 13px;
}

div.locatieitem div.tekst h2 a span.plaats {
	color: #615851;
}

#locatiefooter {
}

#locatiefooter div.links,
#locatiefooter div.rechts {
	float: left;
	clear: right;
	width: 50%;
}

#locatiefooter div.rechts {
	text-align: right;
}

div.locatieafbeeldingtekst {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0 15px 15px 0;
}

div.locatieafbeeldingtekst img {
	position: absolute;
	top: 0;
	left: 0;
}

div.contact {
}

div.contact div.knoppen {
	width: 250px;
	text-align: right;
	float: right;
	padding-top: 10px;
}

div.contact div.knoppen img {
	margin-bottom: 10px;
}

/* Lees meer */
div.pageBreak {
	display: none;
}

/* Afbeeldingen */
img.left {
	float: left;
	margin: 5px 10px 5px 0;
}

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

/* TEKST */
span.small {
	font-size: 9px;
}

/* poll */
#pollformulier {
	text-align: right;
	padding-bottom: 4px;
}

#widgets div.grijs p.poll {
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 8px;
}

#pollformulier ul {
	text-align: left;
	list-style-type: none;
	margin: 0;
}

p.pollstand {
	text-align: left;
	line-height: 1.8em;
}