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

}

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

}

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

}

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

}

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

}

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

}

.hide {	display: none; }

.button {
    width: 161px;
    height: 39px;
    background: url('../images/button.png') center top no-repeat;
    display: block;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    font-size: 13px;
}

    .button:hover {
        background-position-y: -39px;
        text-decoration: none;
    }

h1 { font-family: 'aller_lightregular'; }
h1 span { font-family: 'allerbold'; }

#wrapper { padding:0; }
#wrapper .wrap-top { background:url(../images/top-menubg.png) repeat-x; padding-top:37px; }
#wrapper .wrap-top-inner { background:#fff; }
#wrapper .wrap-top .content { width:960px; margin:0 auto; position:relative; min-height:150px; }

/***	Left Menu 		***/
#wrapper .wrap-top .content .left-menu { position:absolute; left:0; top:-37px; width:260px; background: url('../images/left_menu_bottom.png') no-repeat center bottom; padding-bottom: 60px; }
#wrapper .wrap-top .content .left-menu-inner { background:url('../images/left_menu_bg.png') center top repeat-y; position:relative; }
#wrapper .wrap-top .content .left-menu a { color:#fff; }
#wrapper .wrap-top .content .left-menu a:hover { text-decoration: none; color: #d4d4d4; }
#wrapper .wrap-top .content .left-menu .logo, #wrapper .wrap-top .content .left-menu .logo-juf { margin:0 0 100px 0; padding-top:10px; }
#wrapper .wrap-top .content .left-menu .logo > a, #wrapper .wrap-top .content .left-menu .logo-juf > a { display:block; text-align:center; }
#wrapper .wrap-top .content .left-menu .slogan { background:url('../images/slogan.jpg') no-repeat; position:absolute; height:56px; width:260px; top:130px; left:0; }
#wrapper .wrap-top .content .left-menu .mainmenu { width: 185px; margin: 0 auto; font-size: 14px; padding: 0 0 20px 0; }
#wrapper .wrap-top .content .left-menu .mainmenu ul, #wrapper .wrap-top .content .left-menu .mainmenu ul li { list-style:none; padding:0; margin:0; }
#wrapper .wrap-top .content .left-menu .mainmenu ul li { border-top: 1px solid #303030; padding:4px 2px; margin:0; text-align:center; }
#wrapper .wrap-top .content .left-menu .mainmenu ul li:last-child { border-bottom: 1px solid #303030; }

/***	Top Menu		***/
#wrapper .wrap-top .content .top-menu { position:absolute; right:0; top:-30px; }
#wrapper .wrap-top .content .top-menu a { color:#fff; display: inline-block; padding-left: 22px; font-size: 13px; }
#wrapper .wrap-top .content .top-menu a:hover { text-decoration: none; color: #d4d4d4; }
#wrapper .wrap-top .content .top-menu ul { float: right; }
#wrapper .wrap-top .content .top-menu ul, #wrapper .wrap-top .content .top-menu ul li { display:inline; list-style:none; margin:0; padding: 0; }
#wrapper .wrap-top .content .top-menu ul li { padding-left:30px;  }
#wrapper .wrap-top .content .top-menu ul li a.twitter { background:url('../images/icon_twitter.png') no-repeat left; }
#wrapper .wrap-top .content .top-menu ul li a.insta {background:url('../images/icon_insta.png') no-repeat left; }
#wrapper .wrap-top .content .top-menu ul li a.email, #wrapper .wrap-footer .content p a.email {background:url('../images/icon_email.png') no-repeat left; }
#wrapper .wrap-top .content .top-menu ul li a.phone, #wrapper .wrap-footer .content p a.phone {background:url('../images/icon_phone.png') no-repeat left; }
#wrapper .wrap-footer .content p a.email, #wrapper .wrap-footer .content p a.phone { padding-left: 20px;background-position:left center;padding-top:5px; margin:0 10px;}


/***	Top Main		***/
#wrapper .wrap-top .content .main { padding: 20px 0 20px 280px; }
#wrapper .wrap-top .content .main img.pull-right { margin:20px 0 20px 10px; }
#wrapper .wrap-top .content .main h1 { margin:0; padding-bottom: 15px; font-size: 22px; font-weight:normal; padding-top:30px; line-height: 30px; }
#wrapper .wrap-top .content .main .text p { padding: 0 0 30px 0; }
#wrapper .wrap-top .content .main h1 span, #wrapper .wrap-top .content .main .text p span { font-weight:bold; }

/***	Middle Main		***/
#wrapper .wrap-middle { height: 261px; background: url('../images/middle_bg.jpg') repeat-x; padding: 40px 0 40px 0; }
#wrapper .wrap-middle .content { width:960px; margin:0 auto; overflow:hidden; padding:0; }
#wrapper .wrap-middle .content .box { width: 290px; padding-left: 40px; float: left; }
#wrapper .wrap-middle .content .box.first { padding-left: 0; }
#wrapper .wrap-middle .content .box, #wrapper .wrap-middle .content .box a { color:#fff; }
#wrapper .wrap-middle .content .box > h2 { font-size:medium; margin:10px 0; font-family:'allerbold'; font-weight:bold; font-size: 19px; }
#wrapper .wrap-middle .content .box > .text { margin:10px 0; height:140px; font-size: 13px; font-weight: lighter; line-height: 23px; }
#wrapper .wrap-middle .content .box.twitter .text.twitter { background:url(../images/arrow.png) no-repeat 80% bottom; padding-bottom:14px; margin:0; height:auto; }
#wrapper .wrap-middle .content .box.twitter .text.twitter.inner { background:#2e2e2e; padding:10px; font-size: 12px; line-height: 25px; }
#wrapper .wrap-middle .content .box.twitter .text.twitter.inner span, #wrapper .wrap-middle .content .box.twitter .text.twitter.inner a  { color: #aaa5a5; }
#wrapper .wrap-middle .content .box.twitter .link.twitter > a { background:url('../images/icon_twitter_small.png') no-repeat left; padding-left:20px; font-size: 11px; color: #aaaaaa; font-style: italic; }
.logo-small { margin-top: -5px; margin-right: 10px; }
#wrapper .wrap-middle .content .span4 > .link.lightbox { margin-top:40px; }
#wrapper .wrap-middle .button { float: left; width: 155px; }

/***	Wrap Bottom		***/
#wrapper .wrap-bottom {  }
#wrapper .wrap-bottom .content { width:960px; margin:0 auto; min-height:100px; overflow:hidden; padding:20px 0 40px 0; }
#wrapper .wrap-bottom.slideshow { border-bottom:1px dotted #e7e5e5; }
#wrapper .wrap-bottom .content .slideshow {  }
#wrapper .wrap-bottom .content .slideshow > h2 { font-size:22px; font-family:'allerbold'; text-align:center; font-weight:bold; padding-bottom: 20px; padding-top: 30px; }
#wrapper .wrap-bottom .content .slideshow > h2 span.stars { background:url(../images/slideshow-stars.png) no-repeat; padding:0 20px; position:relative; top:15px; left:10px; }
#wrapper .wrap-bottom .content .slideshow .jcarslider { width:900px !important; margin:0 auto; max-height:157px; }
#wrapper .wrap-bottom .content .slideshow a.prev.pull-left, #wrapper .wrap-bottom .content .slideshow a.next.pull-right { margin-top:7%; cursor: pointer; }
#wrapper .wrap-bottom .content .slideshow .jcarslider ul {  }
#wrapper .wrap-bottom .content .slideshow .jcarslider li { padding:6px; background:#ececec; border:1px solid #e2d6d6; margin-left:20px; width:143px !important; height:143px !important; }
#wrapper .wrap-bottom .content .slideshow .jcarslider li:last-child {  }

#wrapper .wrap-bottom .content .fancybox {  }
#wrapper .wrap-bottom .content .fancybox .span6 { width: 460px; float: left; margin: 0; }
#wrapper .wrap-bottom .content .fancybox .span6 h2 { font-size: 19px; font-weight: 600; font-family: 'allerbold'; }
#wrapper .wrap-bottom .content .fancybox .span6 .content-box { background:#f6f6f6; border-radius:5px; border:1px solid #e7e5e5; padding:10px; overflow: hidden; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment { overflow:hidden; margin:4px 0; font-size: 12px; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span { margin:0; padding:5px; border:1px solid #e7e5e5; background:#fff; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span1 { width:40px; position:relative; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span1 > img { padding:6px 4px 5px 0px; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span1 span.arrow { position:absolute; background:url(../images/arrow-author.png) no-repeat; width:9px; height:12px; right:-9px; top:40%; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span5 { width:365px; border-left:none; padding:8px 8px 8px 10px;  min-height:40px; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span5 span.author { color:#000; font-weight:bold; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .pagination { margin:10px 0; text-align:right; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .pagination ul { width: auto; box-shadow:none; font-weight: bold; overflow: visible; font-size: 12px;}
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .pagination ul li { float: left; line-height: 12px !important; color: #5d5d5d; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .pagination ul li a { padding: 0 5px 0 5px !important; line-height: 12px !important; background:none; border:none; border-right:2px solid #e7e5e5; font-size: 12px; font-weight: bold; color: #5d5d5d; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .pagination ul li:last-child a { border:none; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment ul, #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment ul li { list-style:none; margin:0; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment textarea { width:97%; height: 80px; font-size:13px; font-style:italic; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment input[type=text] { width:290px; font-size:13px; font-weight: normal; font-style:italic; margin: 0; float: left; }
#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment input[type=submit] { margin:0; padding: 5px 15px 5px 15px; font-family:'aller_lightregular'; background: #2c2c2c; border-radius: 5px; border: 0; color: white; float: right; }
#wrapper .wrap-bottom .content .fancybox .span6.two { margin-left: 35px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box { padding:10px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion { margin:0; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-heading, #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body { background:#fff url(../images/accorditembg.png) repeat-x; background-size:auto 100%; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-heading { border-radius:4px 4px 0 0; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body { border-radius:0 0 4px 4px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body .left { width:270px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body .left ul { list-style:none; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body .left li span.title { color:#8c8c8c; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body .left li span.desc { color:#3b3737; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-body .right { margin-left:0; text-align:right; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item { overflow:hidden; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion a.accordion-toggle { padding:0; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span { margin:0; padding:5px; line-height:40px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span1 { width:40px; position:relative; padding:5px 8px 5px 5px; border-right:1px solid #e7e5e5; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span1 > img { padding:2.5px; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span1 span.arrow { position:absolute; background:url(../images/arrow-author.png) no-repeat; width:9px; height:12px; right:-9px; top:40%; }
.accordion-body .span3 {width: 100px !important; float: right;}
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span5 { width:350px; padding:5px 20px 5px 10px ; }

#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-heading a.accordion-toggle .item .span5 { background:url(../images/accorditemarrowclose.png) no-repeat 99% 60%; }
#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .accordion-heading a.accordion-toggle.collapsed .item .span5 { background:url(../images/accorditemarrow.png) no-repeat 99% 60%; }

#wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span5 span.title { color:#000; font-weight:bold; position:relative; top:3px; }
/***	Wrap Footer		***/
#wrapper .wrap-footer { background: url('../images/middle_bg.jpg') repeat-x; padding: 30px 0 20px 0; }
#wrapper .wrap-footer .content { width:960px; margin:0 auto; min-height:100px; padding:0px 0; overflow:hidden; }
#wrapper .wrap-footer .content p, #wrapper .wrap-footer .content p a  { text-align:center; color:#fff; font-family:'aller_lightregular'; font-size: 13px; padding: 0 0 5px 0; margin: 0;  }
#wrapper .wrap-footer .content p.head { font-size: 16px; padding-bottom: 20px; }
#wrapper .wrap-footer .content p span.email { margin-left:20px; }

/** Zoombox **/
.zoombox_container { height: auto !important; color: black; padding: 20px !important; }
.zoombox_container h1 { font-size: 20px; padding: 0 0 10px 0; margin: 0; line-height: auto !important; }

.verhuurfoto li { padding:6px; background:#ececec; border:1px solid #e2d6d6; margin-left:20px; width:143px !important; height:143px !important; list-style:none; float:left; }

/** Rating blok */
.rating {background: #f6f6f6; border-top:solid 1px #e7e5e5; font-size:14px; text-align:center;padding:20px;font-style:italic;}
.rating .rating-img {margin-bottom: 10px;}
.rating .container > div p{ font-style: normal; font-size:11px; color: #aaaaaa; text-transform:uppercase; letter-spacing:0.04em; line-height:1.5; margin-bottom:0; }