@charset "UTF-8";

/*************** RESET ******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;
	font-size:100%;font-family:inherit;vertical-align:baseline;list-style-type: none;
}
img { vertical-align: bottom }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border:0;}
a {	position: relative;z-index: 11; }
:focus { outline: 0; }
* {	margin: 0;}
/*****************************************************/

/* Body styles */
html, body { height: 100%; }
body {font-family: Verdana,Arial,Helvetica,sans-serif;color:#0099CC;font-size:0.75em;min-height: 100%; height: auto !important; height: 100%;}

/* Content styles */
h1 { font-size:1.5em;line-height:1.5em;color:#FF6600;font-weight:bold;margin:0 0 10px 0; }
h2 { font-size:1.25em;line-height:1.06em;color:#FF6600;font-weight:bold; }
h3 { font-size:1.25em;line-height:1.06em;color:#FF6600;font-weight:bold; }
h4 { font-size:1.17em;line-height:1.06em;color:#FF6600;font-weight:bold; }
h5 { font-size:1.17em;line-height:1.06em;color:#FF6600;font-weight:bold; }
h6 { font-size:1.08em;line-height:1.06em;color:#FF6600;font-weight:bold; }
p { font-size:1.00em;line-height:1.8em;margin:0 0 16px 0;color:#0099CC; }
a { color:#FF6600;text-decoration:none; }
ol { margin: 0 20px 0 30px; }
ol li { list-style-type:decimal;font-size:1em;}
ul { margin: 0 15px 0 15px; }
ul li {   list-style-type:disc;font-size:12px;line-height:1.5em;}
ul li ul li { font-size:1.00em; }
dl {  }
dl dt { margin:0 0 5px 0;}
dl dd { margin:0 0 0 0;margin:0 0 15px 0;}
blockquote { padding:5px;font-style:italic; }
table { width:100%;border: 1px solid #DFDFDF; }
th { background:#33AACF;padding:5px 20px 5px 5px;text-align:left;border: 1px solid #DFDFDF;  }
td { padding:7px 20px 7px 7px;vertical-align:top;text-align:left;border: 1px solid #DFDFDF;  }

.footerbg { background:url(../img/img_site/bg_footer_repeat.jpg) repeat-x left bottom; }
.page { background:url(../img/img_site/bg_body_repeat.png) repeat-x left top; }
.wrapper { width:980px; margin:0 auto; }

/* text styles */
.content ul, .content ol { font-size: 11px; color:#0099CC; margin-bottom: 16px; }
.content li { margin-bottom: 4px; }
.content a { text-decoration: underline; }
.content a:hover { text-decoration: none; }

/* website styles */
.header { height: 115px; position:relative;} /* height:208px */
.header .logo { margin-top:5px; margin-left: 236px;}
.header .deco { position:absolute;top:83px;margin-left:367px;}

.header ul.taal { position:absolute;right:0px;top:82px;}
.header ul.taal li { list-style:none;display:inline; }

.col_left { background:#fff;float:left;width:210px;}
.col_left img { margin:0 0 10px 0; }

.main { position:relative;float:right; }
.main_header { background:#fff; } 
.col_wrapper { background:#fff;float:left;width:520px;margin:30px 45px 0 40px; }
.col_right { background:#fff;float:right;width:185px;margin:30px 0 0 0;  }

.decoelement  { padding:0 0 0 20px; }  

.main_breed .col_wrapper { width:725px;margin:30px 0 0 40px; }
.main_breed .col_wrapper_content { background:#fff;float:left;width:520px;margin:30px 25px 0 40px; }
.main_breed .col_wrapper_content_footer { background:#fff;width:535px;margin:15px 5px 0 253px; } /*float:left;*/
.main_breed .col_wrapper_extra { background:#fff;overflow:hidden;display:block;width:720px;margin:30px 0px 0 253px;height:120px;cursor:pointer; }
.main_breed .col_wrapper_extra a { display:block;height:120px;cursor:pointer; }
.main_breed .col_wrapper_extra_afb { background:#fff;float:right;width:145px; }
.main_breed .col_wrapper_extra a .link { position:absolute;left:420px;color:#FF6600; }
.main_breed .col_wrapper_extra a:hover .link { text-decoration:underline; }

/* Hor menu */
ul.navlist { margin:0 5px;background:#cec75e;min-height:178px; }
ul.navlist li { list-style:none; }
ul.navlist li a { text-decoration:none;line-height:1.83em;color:#fff;display:block;padding:0px 5px 0 15px; }
ul.navlist li a:hover { color:#887811; }
ul.navlist li.active { background:#aca726; }
ul.navlist li.active a { color:#887811;display:block; }
ul.navlist li ul.subnavlist { margin:0 0px;background:#DBD688; }
ul.navlist li ul.subnavlist li { list-style:none;padding:0px 5px 0 5px; }
ul.navlist li ul.subnavlist li a { text-decoration:none;font-size:1em;line-height:1.83em;color:#fff;display:block; }
ul.navlist li ul.subnavlist li a:hover { color:#887811; }
ul.navlist li ul.subnavlist li.active { background:#DBD688; }
ul.navlist li ul.subnavlist li.active a { color:#887811;display:block; }

.servicemenu { position:absolute;top:5px;right:10px;z-index:10;color:#0099CC; }
.servicemenu a:hover { text-decoration:underline; }

/* Button reserveren onder het menu */
.reserveren { margin:50px 0 0 0;display:block; }

.actionbtns { cursor:pointer;color:#fff;text-transform:uppercase;text-decoration:none !important;display:block;text-align: center; }

.reserveerbtn { font-size:16px !important;margin:15px 5px 0;width:170px;padding:0 30px 0 0;height:55px;line-height:55px;background:url(../img/img_site/btn_reserveer.jpg) no-repeat left top; }
.reserveerbtn:hover { color:#994006; }
.brochurebtn { font-size:13px !important;margin:6px 5px 0;width:185px;height:40px;line-height:40px;background:url(../img/img_site/btn_brochure.jpg) no-repeat left top; }
.brochurebtn:hover { color:#065E70; }
.contactbtn { font-size:13px !important;margin:6px 5px 0;width:185px;height:40px;line-height:40px;background:url(../img/img_site/btn_contact.jpg) no-repeat left top; }
.contactbtn:hover { color:#777227; }



/* Box imgmulti */
.imgMultiBox { border:1px solid #CFCFCF;width:87px;height:70px;Text-align:center;float:left;margin:0 9px 10px 0;padding:10px 0 0 0; }
.imgMultiLast { border:1px solid #CFCFCF;width:87px;height:70px;Text-align:center;float:left;margin:0 0 10px 0;padding:10px 0 0 0; }

/* Menu links onder */
ul.linksmenu { margin:15px 5px 0 5px; border:1px solid #FF9900;padding:11px 13px 13px 13px; }

ul.linksmenu li { color:#0099CC;list-style:none;font-size:1em;line-height:1em;}
ul.linksmenu li a { font-size:1.10em;font-family: Arial,Helvetica,sans-serif;margin:5px 0 20px 0;display:block; text-decoration:underline; }
ul.linksmenu li a.last { margin:0;display:block; }
ul.linksmenu li a:hover { }
ul.linksmenu li.last a { margin:5px 0 0 0; }

ul.linksmenu li.title { margin: 0 0 12px 0; }
ul.linksmenu li.title span { float:left; font-family:Georgia, Times New Roman, Times, serif;font-size:1.25em; color:#0099CC;font-weight:bold;}
ul.linksmenu li.title a { float: right; margin: 2px 0 0 25px; font-size:0.9em;  font-weight:normal;  text-decoration: underline; }

ul.linksmenu .datum {font-size: 0.9em}

/* Ingangen */
ul.ingang { margin:0px;padding:0px; }
ul.ingang .block { width:150px;list-style:none;background:#fff;border:1px solid #FF9900;float:left;margin:0 10px 10px 0;padding:7px;text-align:center; }
ul.ingang .block h3 { font-size:1em;margin:0 0 5px 0;color:#0099CC; }
ul.ingang .last { margin:0px; }
ul.ingang .first { clear:both;}

/* Homeblokken */
.homeblok { margin: 0 0 25px 0;width:540px; }
.homeblok .fotoboxright{	float:right;text-align: center;	margin: 5px 0 0 5px; }
.homeblok .fotoboxright img{	padding: 18px 3px 0 0;}
.homeblok a {	margin-bottom: 7px; color:#0099CC; }
.homeblok a span.title h2 { color:#FF6600; }
.homeblok a span.link {	margin-bottom: 7px; color:#FF6600; text-decoration: underline; }
.homeblok a span.link:hover { text-decoration: none; }

.fotoboxright img { margin:3px 0 0 0; }

/* Gastenboek */
.gastenboek table, .gastenboek tr, .gastenboek td { border:0px; }
.gastenboek table td { color:#0099CC;	vertical-align: top;margin: 0px;	padding: 5px 10px 10px 0;	font-weight:bold; width: 80px; }
.gastenboek table.gastenboek_header_table td { color:#0099CC;	padding: 20px 0 0 0;	font-weight:bold;font-size:1.20em; }
.gastenboek table input {   width: 258px;	border: 1px solid #DFDFDF; 	padding: 4px;	margin: 0 0 0 0; }
.gastenboek table textarea {   width: 258px;	border: 1px solid #DFDFDF; 	padding: 4px;	margin: 0 0 0 0; }
.gastenboek table td .button {color: #fff;	background: #B9B209;	cursor: pointer;	width: 100px;	text-align: center;	padding: 5px 5px; 	font-weight: bold;}
table.box_table_head, .box_table_head td { border:0px;}
table.box_table_head td {color:#0099CC;	padding: 20px 0 0 0;	font-weight:bold;font-size:1.20em;	vertical-align: top;margin: 0px;	padding: 5px 10px 10px 0;	font-weight:bold; }
.gastenboek .message { color:#FF6600; }
ul.gastenboekgeplaatst { margin:20px 0 0 0;padding:0px; } 
ul.gastenboekgeplaatst li.geplaatst { list-style:none; } 
.gastenboek .geplaatst {font-style: italic;  }
ul.gastenboekgeplaatst .bericht { list-style:none; font-style: normal;margin:10px 0 0 0; } 
#Captcha { width: 70px;	border: 1px solid #DFDFDF; 	padding: 4px;	margin: 0 0 0 0; }

/* Links */
.links { line-height:1.50em;margin:0 0 10px 0;}

/* Agenda */
ul.agendabox { margin:0px;padding:0px; width:100%;}
ul.agendabox a {text-decoration: none; }
ul.agendabox a:hover {text-decoration: underline; }
ul.agendabox li { list-style:none;padding:0 0 0 5px;font-size:11px;  }
ul.agendabox li dl { /* border-bottom:1px solid #CEC75E; */ }
ul.agendabox li dl.first, ul.agendabox li dl.last { border-bottom:0px solid #CEC75E;  }
ul.agendabox li dl dt { width:210px;margin:0px;float:left;line-height:20px;margin:10px 20px 0 0; }
ul.agendabox li dl dd { float:left;line-height:20px;margin:10px 0 0 0; }
ul.agendabox li dl.first dt {margin:0 20px 0 0; }
ul.agendabox li dl.first dd {margin:0 0; }
ul.agendabox li.title { font-weight:bold;background:#CEC75E;}
ul.agendabox li dl dd.plaats { width:140px;  }
ul.agendabox li dl dd.categorie { width:140px;  }
ul.agendabox li dl dd.datum { width:200px;  }
ul.agendabox li dl.last { margin:0 0 10px 0;}
.filter { text-align:right;margin:0 0px 5px 0; }

/* Sitemap */
.sitemap li { line-height:1.50em;margin:0px;padding:0px; }

/* Small footer */
.footer { margin:0px 0 0 0;font-size:0.92em;clear:both;background:url(../img/img_site/bg_footer_repeat.jpg) repeat-x center bottom; }
.footer .footerservice { width:980px;height:35px;padding:100px 0 5px 0px; line-height:1.4em;margin: 0 auto;background:url(../img/img_site/bg_footer.jpg) no-repeat;color:#fff; }
.footer .footerservice a { color:#fff;text-decoration:none; font-weight:bold;}
.footer .footerservice a:hover { color:#fff;text-decoration:underline; }
.footer .footerservice .serviceleft { margin:0 0 -12px 0;display:block; }
.footer .footerservice .realisatie { float:right;margin:0 25px 0px 0; }

/* Beschikbaarheid kalenders */
.col_right h2 { font-size:1.25em; }
.col_right a  { font-size:.92em;text-decoration:underline; }
.col_right a:hover { text-decoration:none; }
.col_right ul li a { font-size:1em;  }

.bsbh-kalenders .bsbh-kalender-inner { width:165px !important; }
.bsbh-kalenders .bsbh-kalender-table { border:0; }
.bsbh-kalenders .bsbh-kalender-table th { border:0;padding:0;text-align:center; }
.bsbh-kalenders .bsbh-kalender-table td { border:0; }
.bsbh-kalenders .bsbh-kalender-table td { border:0; }
.bsbh-kalenders .bsbh-kalender-table tbody tr.bsbh-kalender-row-days td { color:#000; }
.bsbh-kalenders .bsbh-kalender-legenda ul li { color:#000; }
.bsbh-kalenders .bsbh-kalender-legenda .bsbh-kalender-legenda-item { margin-right:5px !important; }

.usernameField { position: absolute; right: 10000px;}

/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/
.main:after,
.col_wrapper:after,
dl:after,
li.title:after,
.col_wrapper_extra:after,
.col_left:after {
  content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


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

.g-recaptcha {
    margin-left: 160px;
    margin-bottom: 10px;
    margin-top: 50px;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}