@font-face {
    font-family: 'KlavikaBold';
    src: url('fonts/klavika-bold-webfont.eot');
    src: url('fonts/klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavika-bold-webfont.woff') format('woff'),
         url('fonts/klavika-bold-webfont.ttf') format('truetype'),
         url('fonts/klavika-bold-webfont.svg#KlavikaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KlavikaMedium';
    src: url('fonts/klavika-medium-webfont.eot');
    src: url('fonts/klavika-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavika-medium-webfont.woff') format('woff'),
         url('fonts/klavika-medium-webfont.ttf') format('truetype'),
         url('fonts/klavika-medium-webfont.svg#KlavikaMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*###############
# ALGEMEEN    #
###############*/
body, html { height: 100%; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object { margin: 0; padding: 0; }
html { font: 12px; font-family: Arial, Helvetica, sans-serif; overflow-y: scroll }
body { background: #f6f6f6; color: #000; line-height: 24px; }

.nomargin, .nom { margin: 0 }
.nopadding, .nop { padding: 0 }
.nomp { margin: 0; padding: 0 }
.block { display: block } 
.inline { display: inline }
.center { display: block; margin: auto; }
.show {display: block;}
.hide { display: none; }
.fleft { float: left }
.fright { float: right }
.clear { clear: both }
.cleft { clear: left }
.cright { clear: right }
.tcenter { text-align: center }
.tleft { text-align: left }
.tright { text-align: right }
.vbottom { vertical-align: bottom }
.vmiddle { vertical-align: middle }
.vtop { vertical-align: top }
.absolute { position: absolute }
.relative { position: relative }
.bold, .b, .strong { font-weight: bold }
.em, .italic, .i { font-style: italic }
.normal { font-weight: normal }
.u, .underline { text-decoration: underline }
.small { font-size: 11px }
.lower { text-transform: lowercase }
.upper { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.wide { width: 100%} 
.default { cursor: default }
.pointer { cursor: pointer }
img { border: none; vertical-align: middle; }
object { display: block }
p, div.alinea{ margin-bottom: 1.2em }
.overflow { overflow: hidden }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";clear: both; height: 0 }

.hilite { background:yellow; }

a { color: #336699; text-decoration: none; }
a:hover,a:focus,a.none { text-decoration: none; font-style: italic; }
a.none:hover, a.none:focus { text-decoration: underline; }

h1 { font-family: 'KlavikaMedium';font-size: 20px;color: #000;padding: 4px 0 10px 0;}
h2 { font-family: 'KlavikaMedium';color: #000;font-size: 17px;}
h3 {	font-family: 'KlavikaMedium';font-weight: bold;color: #222;font-size: 14px;padding-bottom: 2px;}


/*###############
# HEADER        #
###############*/
/* Main elements*/
.center {width: 960px;margin: 0 auto;}
#container {min-height: 100%;position: relative;	}
#header {background-image:url('images/bgheader.png');background-repeat: repeat-x;width: 100%;height: 140px;}
#navigation {margin-top: 10px;height: 36px;width: 700px;float: left;overflow: hidden;font-family: 'KlavikaMedium';font-size: 14px;}
#content {margin-top: 5px;padding-bottom: 335px;   /* Height of the footer */}
#footer {position: absolute;bottom: 0;width: 100%;height: 335px;   /* Height of the footer */background-image:url('images/bgfooter.png');background-repeat: repeat-x;font-family: 'KlavikaMedium';font-size: 14px; color: #fff;}

/* Logo */
.logo {background-image:url('images/logo.png');background-repeat: no-repeat;width: 160px;height: 93px;text-indent: -9999px;}
.logo a { display: block; height: 93px; text-indent:-9999px; }

/* Top Call to actions */
.telefoon {background-image:url('images/telefoon.gif');background-repeat: no-repeat;width: 121px;padding-left:30px;float:right;margin-top:-60px;}
.calltoaction {background-image:url('images/usp-button.gif');background-repeat: no-repeat;width: 200px;padding-left:30px;float:right;margin-top:-60px;margin-right:110px;}
.calltoactionreserveren {background-image: url("images/usp-button.gif");background-repeat: no-repeat;float: right;margin-right: 346px;margin-top: -60px;padding-left: 30px;width: 113px;}

/* Hoofdmenu */
#menu-hoofdmenu {padding: 0;margin: 0;list-style: none;}
#menu-hoofdmenu li {padding: 3px 12px;margin: 0 6px;float: left;color: #000;	cursor: pointer;}
#menu-hoofdmenu li:hover, #menu-hoofdmenu li.current-menu-item {background-color: #fff;color: #000;}
#menu-hoofdmenu li a { color: #000; text-decoration: none; font-style: normal; }
#menu-hoofdmenu li a:hover, #menu-hoofdmenu li.current-menu-item { color: #000; text-decoration: none; font-style: normal; }
#menu-footermenu-first {width: 230px;height: 260px;float: left;margin-top: 40px;}
#menu-footermenu-second {width: 230px;height: 260px; float: left;margin-top: 40px;}

/* Breadcrumbs */
#breadcrumbs {font-size: 10px;margin-left: 20px;}
#breadcrumbs p {margin: 0;}

/* Zoeken*/
#headersearch {float: right;width: 210px;margin-top: 6px;}
#headersearch fieldset {border: 0;}
.searchinputbg {background-image:url('images/bgsearch.png');background-repeat: repeat-x;width: 135px;height: 24px;border: 1px solid #cecece;border-right: 0;float: left;padding: 0;margin: 0;}
.searchbuttonbg {background-image:url('images/bgsearch.png');background-repeat: repeat-x;width: 34px;height: 24px;border: 1px solid #cecece;border-left: 0;cursor: pointer;float: left;padding: 0;margin: 0;	}
.searchinput {background: none;border: 0;padding: 0 5px;	width: 120px;font-style: italic;color: #646464;}
.searchbutton {background-image:url('images/searchbutton.png');background-repeat: no-repeat;width: 30px;height: 18px;cursor: pointer;border: 0;}

/* Slider */
.slider {background-image:url('images/bgslider.png');background-repeat: no-repeat;width: 954px;height: 294px;margin-top: 8px;}
.slider .slide { height: 281px; width: 940px; 	border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin-left: 5px;}

/* Content */
.content-entry {float: left;width: 620px;min-height: 300px;padding: 8px 10px;background-color: #fff;border: 1px solid #e2e2e2;border-bottom: 2px solid #000;margin-top: 10px;margin-bottom: 30px;font-size: 12px;}
.entry-meta, .entry-utility {font-size: 11px;font-style: italic;}
.content-entry ul { margin-left: 25px; margin-bottom: 1.2em; }
.firstcolumn li, .secondcolumn li {margin-bottom: 3px;list-style: none;}
.vo {float: right;margin: 30px 10px 0 0;}
.red { color: #F00; }
.redextra { color: #F00; }

/* Sidebar */
.sidebar {float: right;width: 280px;min-height: 300px;margin-top: 10px;	margin-bottom: 30px;font-size: 12px;		}
.sidebar-menu {float: left;width: 280px;background-color: #fff;border: 1px solid #e4e4e4;	margin-top: 10px;	margin-bottom: 30px;	padding-bottom: 10px;font-size: 12px;	}
.sidebar-menu h3 {border-bottom: 1px solid #e4e4e4;}
.sidebar-menu ul {margin-top: 4px;list-style: none;}
.sidebar-menu li {margin-left: 4px;}

/* Submenu */
.submenu-widget {padding: 10px;}
.submenu-widget a {color: #454545;font-weight: bold;display: block;padding: 5px;}
.submenu-widget a:hover, .submenu-widget li.current-menu-item a {background-color: #e9e9e9;font-style: normal;}

/* Call to actions */
.offertebut {background-image:url('images/offerte.png');background-repeat: no-repeat;width: 280px;height: 75px;text-indent: -9999px;margin-bottom: 4px;}
.reserveerbut {background-image:url('images/reserveer.png');background-repeat: no-repeat;width: 280px;height: 75px;text-indent: -9999px;margin-bottom: 4px;	}
.contactbut {background-image:url('images/contact.png');background-repeat: no-repeat;width: 280px;height: 75px;text-indent: -9999px;margin-bottom: 14px;		}
.offertebut a, .reserveerbut a, .contactbut a { display: block; height: 75px; text-indent:-9999px; }

/* Footer */
#footer a {color: #fff;text-decoration: none;font-style: normal;}
#footer a:hover { text-decoration: underline; }

/* Social */
.sociallinks {width: 260px;height: 260px;	float: left;margin-top: 40px;}
.sociallinks img {float: left;margin-right: 10px;}
.footlogin {width: 230px;height: 260px;	float: left;margin-top: 40px;}

.footlogin fieldset { background: none; border: 0; padding: 0; margin: 0; }
.logininput { background-color: #fff; border: 0; padding: 4px; margin-bottom: 4px; }
.loginbutton {background-image:url('images/loginbut.png');background-repeat: repeat-x;width: 70px;height: 25px;cursor: pointer;border: 0;text-align: center;font-family: 'KlavikaMedium';font-size: 14px;	color: #fff;}


/* Images */
.entry-content img,
.comment-content img,
.widget img {max-width: 97.5%; /* Fluid images for posts, comments, and widgets */}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large {max-width: 97.5%;width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
.entry-content img.wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;}
p img, .wp-caption {margin-top: 0.4em;}
.wp-caption {background: #eee;margin-bottom: 1.625em;max-width: 96%;padding: 9px;}
.wp-caption img {display: block;margin: 0 auto;max-width: 98%;}

/* Alignment */
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}