@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,800,900');

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

body {
    padding:0px;
    margin:0px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #3c3c3c;
    line-height: 25px;
    font-weight: 400; 
    color:#263451;
}
a {color:#fb9221;}

.clear {clear:both;}
.blue {color:#48acf7;}
.morespacetop {margin-top:10px; display:block;}

#header-wrapper {
    overflow: hidden;
    height: 200px;
    background:#263451;
}

#header {
    overflow: hidden;
    width: 1050px;
    height: 80px;
    margin: 0 auto;
    padding: 0px 0px;
}
.container {
    width: 1050px;
    margin: 0px auto;
}

#logo {
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    padding-left: 40px;
    color: #FFFFFF;
    background:url(/images/logo.png) left no-repeat;
}

#logo a {
    text-decoration:none;
    font-size:30px;
    line-height: 80px;
    letter-spacing:-2px;
    font-weight:100;
}
#logo a strong {font-weight:600;}

#logo a span {
    color:#ccc;
}

#menu {
    float: right;
    width: 600px;
    margin: 0 auto;
    padding: 0;
}

#menu a {
    display: block;
    margin-right: 1px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    border: none;
}

#menu ul {
    float: right;
    margin: 0;
    padding: 20px 0px 0px 0px;
    list-style: none;
    line-height: normal;
}

#menu li {
    float: left;
    padding: 0px 0px 0px 0px;
}

#mobilemenu {
    display: none;
}

#searcharea {
    height:120px;
    background: url(/images/orange.png) repeat;
}

#zoekform {    
    width: 1050px;
    margin: 0 auto;
    padding-top:15px;
}

#zoekform div {width:292px; float:left; margin-right:20px;}

#zoekform label {display:block; font-weight:700; line-height: 20px;}

#zoekform input[type="text"] {
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;   
    width:100%;
}

#zoekform input[type="submit"] {
    padding: 12px;
    border: 1px solid #d04b02;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;   
    width:150px;
    background:#e75200;
    cursor:pointer;
}
#page {
    width: 1050px;
    min-height:1400px;
    margin: 0 auto;
    padding: 10px 0px;
    padding-bottom: 20px;
    padding-bottom: 0px;
    background: #FFFFFF;
}

#page.pagemain {min-height:850px; height:800px;}

#pagetitle {
    font-size:22px;
    margin:0px;
    padding:0px;
}

#pageheading h3{
    font-size:16px;
    margin:0px;
    padding:0px;
    font-weight:400;
    margin-bottom:20px;
}


#content {
    float: left;
    width: 730px;
    padding: 0px 0px 40px 0px;
}

#mainpage {}

#mainpage h1 {line-height:25px; font-size:25px; margin:0px; padding:0px; padding-bottom:10px;}

#breadcrumbs {margin-bottom:10px;}

#breadcrumbs i:before {
    font-family: "entypo";
    content: '\e821';
    font-style:normal;
    color:#263451;
}

#companyinfo {}

#companyinfo h1 {margin:0px; padding:5px 0px;}

#cileft {display:inline-block; vertical-align: top; width:390px;}
#ciright {display:inline-block;  padding-right: 30px; padding-bottom:20px;}

#ciright h4, #cileft h4 {font-size:12.5px; padding:10px 0px 5px 0px; margin:0px;} 

#companyinfo address span {
    display:block;
}

#datas {}

#datas ul {
    list-style:none;
    margin:20px 0px;
    padding:0px;
    border-top:1px solid #ccc;
}

#datas li {
    border-bottom:1px solid #ccc;
    padding:10px 0px;
}

#datas li span {
    min-width:200px;
    display:inline-block;
    padding-left:0px;    
}
#datas li span:before {
    font-family: "entypo";
    margin-right:5px;
    color:#fff;
    background:#999;
    width:24px;
    border:4px solid #fff;
    border-radius: 8px;
    display:inline-block;
    text-align:center;
}


#giverating {border:1px solid #43a143; text-align: center; padding-bottom:20px; margin-top:20px; margin-bottom: 20px; clear:both;
            background-image: radial-gradient(circle, white 90%, #43a143 10%); border-radius:5px;}
#giverating p {font-weight:600;}

#commentbox {
box-sizing: border-box;
width: 100%;
padding: 20px;
margin: 0px 0px 10px 0px;
border: 1px solid #c8c8c8;
background: #f6f6f6;
padding: 10px 20px 20px 20px;
min-height: 100px;
border-radius: 5px;
border-radius: 5px;
}

#commentbox input[type=text], select, textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:12px;resize:vertical;}
#commentbox input[type="submit"] {background-color: #f7b06b; color: white; padding: 12px 20px; margin-right:20px; border: none; border-radius: 4px; cursor: pointer;}

.commentslist {
    margin: 0px;
    margin-top: 0px;
    margin-top: 20px;
    padding: 0px;
}


.commentslist li {
    list-style: none;
    margin-bottom: 5px;
    padding: 10px;
    padding-left:20px;
    border:1px solid #e0e0e0;
}

.nick {
    font-weight:600;
}

.cdate {
    float:right;
    color:#c0c0c0;
}

.i_op_star:before {content: '★★★★★'; color:#ffdb00; padding-right: 5px;}
.i_op_star:before {content: '☆☆☆☆☆'; color:#ffdb00; padding-right: 5px;}

.i_map:before {content: '\e727';}
.i_faxnummer:before {content: '\e716';}
.i_telefoonnummer:before {content: '\e854';}
.i_mobiel:before {content: '\e8ac';}
.i_website:before {content: '\e8b1';}
.i_klantenservice:before {content: '\e80b';}
.i_saldolijn:before {content: '\e84d';}
.i_alarmlijn:before {content: '\e83d';}

.i_latlng:before {content: '\e842'; font-family: "entypo"; font-style:normal; padding-right: 5px;}
.i_letter:before {content: '\e850'; font-family: "entypo"; font-style:normal; padding-right: 5px;}



.star-full {
  background-image: url(/images/star.svg);
  background-color:#ffdb00;
}

.star-half {
  background:url(/images/star.svg), linear-gradient(90deg, #ffdb00 50%, #ccc 50%);
}

.star-empty {
  background-image: url(/images/star.svg);
  background-color:#ccc;
}

#starVote .star-full,#starVote .star-half,#starVote .star-empty {
  width: 40px;
  height: 40px;
  display: inline-block;  
  cursor:pointer;
  background-size: 100% 100%;
}

.starInfo .star-full, .starInfo .star-half, .starInfo .star-empty {
  width: 15px;
  height: 15px;
  display: inline-block;  
  background-size: 100% 100%;
}

#starVote {height:40px; display: block; margin-bottom: 10px;}
.starInfo  {height:15px; float:left;}



#datas li a {font-weight:600;}
#datas li #planroute {background:#fb9221; color:#ffffff; padding:2px 12px; text-decoration:none; border-radius:3px; margin-left:5px;}
#datas li #planroute:hover {opacity:0.8;}

.adtopouter {
    width: 100%;
    min-height: 250px;
    background: #f9f9f9;
    margin-bottom: 10px;
}
.adbtop {
    width: 970px;
    min-height: 250px;
    background: #f9f9f9;
    margin-bottom: 10px;
}

.adblochorizontal {
    width: 728px;
    height: 90px;
    background: #f9f9f9;
    margin-bottom: 10px;
}

.adbox1 {
    background: #f9f9f9;
    margin-bottom: 10px;
}

#metadata  {
    color:#999;
    margin-bottom:40px;
    font-size:12px;
}

#mapcontainer {width:300px; height:250px; position:relative;}
#mapcontainerinfo {}

#nieuws h5 {margin:0px; padding:0px; font-size:12px; line-height: 14px;}
#nieuws p {font-size:12px; text-align: justify;}


.sidebar {
    float: right;
    width: 300px;
    margin: 0px;
    padding: 0px;
    min-height:500px;
}

.sidbox {
    border-bottom:1px solid #e7e7e7;
    padding-bottom:20px;
    margin-top:20px;
    min-height:100px;

}


.columns {
    overflow:hidden;
}

.sidebar .sidbox .col {
    float: left;
    width: 50%;
    padding:0px;
}    

.sidebar .sidbox .col span {
    display:inline-block;
    width:20px;
    display:none;
}

.sidebar .sidbox .col ul {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size: 14px;
    line-height: 18px;
}

.sidebar .sidbox .col ul a {    
    text-decoration:none;
}

.sidbox h5 {
    margin:0px;
    margin-bottom:10px;
    padding:0px 0px;
    font-size:14px;
    line-height: 14px;
}

.mainbox {
    border:1px solid #c8c8c8;
    background:#f6f6f6;
    padding:20px;
    min-height:100px;
    border-radius:5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mainbox h1 {
    margin:0px;
    margin-bottom:10px;
    padding:0px 0px;
    font-size:20px;
}

.mainbox h2 {
    margin:0px;
    margin-bottom:10px;
    padding:0px 0px;
    font-size:18px;
}


.mainbox a {
    text-decoration:none;
}

.mainboxinn {
    font-size:14px;
    line-height:18px;
    float:left;
    width:33%;
    padding-bottom: 20px;
    min-height: 210px;
}

.mainboxinn h2 {
    margin:0px;
    padding:0px 0px;
    font-size:15px;
}

.mainboxinn h3 {
    margin:0px;
    padding:10px 0px;
    font-size:14px;
}

.mainboxinn ul {
    padding:0px;
    margin:0px;
    list-style:none;
}

.mainboxinn li {
  /*width:90%;
  white-space: nowrap;
  overflow: hidden;*/
  text-overflow: ellipsis;
  line-height: 26px;
  border-bottom:1px solid #e7e7e7;
  color:#ccc;
}
.mainboxinn li a:before {
    content: '\e879';
    font-family: "entypo";
    padding-right:5px;
    color:#ccc;
}    

.cwide {width:100%}
.sidebar .columns {width:100% !important;}
.col{
    
}
#bedrijvenmap { cursor: pointer; position:absolute; z-index:2; width: 300px; height: 250px;}
.bedrijvenmap { cursor: pointer; position:absolute; z-index:2; width: 300px; height: 250px;}
.bedrijvenmaprelated {float:left; width: 120px; height:100px; margin-top:5px; margin-right:10px;}

#gmap_canvas {
    width: 300px;
    height: 250px;
    border: 0px;
    overflow: hidden;
}

.openinghours span {width:120px; display:inline-block;}
.webico {height:10px; margin-left:30px;}


.linklist1 {
    padding:0px;
    margin:0px;
    list-style:none;
    font-size:12px;
}



.bedbox {
    margin-bottom:20px;
    float:left;
    width:50%;
    padding-left:15px;
    box-sizing:border-box;
}

.bedbox:before {
    font-family: "entypo";
    content: '\e829';
    position:absolute;
    margin-left:-15px;
}


.bedbox h5 {
    margin:0px;
    padding:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#ccc;
    font-size:16px;
}    

.bedbox h5 a {
    text-decoration:none;
}    

.bedbox p {
    font-size:12px;    
}

.bedbox .bbadr {
    margin-top:10px;
    line-height:18px;
    font-size:14px;
}

.bedbox .bburl img {
    vertical-align:middle;
    margin-right:5px;
}


.zoekenbox {
    border:1px solid #e7e7e7;
    padding:10px;
    margin-bottom:20px;
    min-height:100px;    
    position:relative;
    /* margin-left: 320px; */
}

.zoekenbox:hover {
    background:#f7f7f7;
}

.zoekenbox h2 {
    margin:0px;
    padding:0px;
    font-size:15px;
}    

.zoekenbox h2 a {
    color:inherit;
    text-decoration:none;
}    

.zoekenbox p {
    font-size:12px;    
}

.zoekenbox .zbadr {
    margin-top:10px;
    line-height:18px;
}

.zoekenbox .zburl img {
    vertical-align:middle;
    margin-right:5px;
}

.zbmap {position: absolute; right:10px; top:10px;}
.zbmap img {width:126px; height:105px;}

.starbox {
    margin-top:1px;
    height:15px;
    line-height:15px;
    width:500px;
}

.starbox .rate {
    color:#ffdb00;
    float:left;
    margin-right:8px;
    padding-top:1px;
    font-weight:600;
}

.starbox .count {
    color:#ccc;
    float:left;
    padding-top:1px;    
    margin-left:10px;
}

.starbox .count:before {
    content: '\e80a';    
    font-family: 'entypo';
    font-size:12px;
    color:#e1e1e1;
    position: relative;
    top: -1px;
    padding-right:2px;
}


#alphabetical {
    border: 1px solid #c8c8c8;
    border-top:0px;
    background: #eeeeee;
    padding:10px 20px;
    margin:0px;
    margin-bottom:20px;
    border-radius:5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;    
}
#alphabetical a {
    text-decoration:none;
    padding:0px 5px;
    margin-right:5px;
}


#pagination {
    text-align: center;
    margin-top: 40px;
    clear: both;
}
#pagination a {
    text-decoration:none;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 2px;
    padding: 5px 10px;
    margin-left:5px;
}
#pagination .pactv {
    background: #dbdbdb;
}

#contact {}
#contact{border-radius:5px;background:#f6f6f6;padding:20px;margin-bottom:50px;}
#contact input[type=text], select, textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:12px;resize:vertical;}
#contact input[type=submit]{background-color:#f7b06b;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;}
#contact input[type=submit]:hover{background-color:#cf7f32;}


#tagsbox {}
#tagsbox span {padding-right:20px;}

#footer-content-wrapper {
    background: #222222;
}

#footer-content {
    overflow: hidden;
    width: 1050px;
    margin: 0px auto;
    padding: 30px 0px 50px 0px;
    color: #FFFFFF;
    font-size:14px;
}

#footer-content h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #fb9221;
    font-weight: 400;
}

#footer-content #footerbox1 {
    float: left;
    width: 237px;
    margin-right: 50px;
}

#footer-content #footerbox2 {
    float: left;
    width: 237px;
    margin-right: 50px;
}

#footer-content #footerbox3 {
    float: left;
    width: 237px;
}

#footer-content #footerbox4 {
    float: right;
    width: 220px;
}

#footer-content ul.style1 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#footer-content ul.style1 .first {
    border-top: none;
    padding-top: 0px;
}
#footer-content ul.style1 li {
    padding: 10px 0px 10px 0px;
    padding-top: 10px;
    border-top: 1px solid #444444;
    line-height: 160%;
}

#footer-content  ul.style1 li a {
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    color: #ffffff;
    width:95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}

#footer {
    background: #0f0f0f;
    padding: 20px 0;
    text-align: center;
    color: #8c8c8c;
    background: #0f0f0f;
    font-size:12px;
}

#cookiesinfo {
    font-size: 14px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0px;
    background: rgba(0,0,0,0.8);
    z-index: 100;
    position: fixed;
    bottom: 0px;
    color: #ddd;
}
#cookiesinfo button {
    border-radius: 3px;
    border: 0px;
    background: #222;
    color: #fff;
    padding: 3px 6px;
    margin-left: 15px;
    cursor: pointer;
}
#ad_zoeken1 {width:300px; float:right; height:600px; background: #efefef;; position:absolute;}

#ad_zoeken1 {width:300px; float:right; height:600px; background: #efefef; position:absolute; margin-top:620px;}




@media screen and (max-width:800px){
#mtop {padding-right:5%;background:#efefef;text-align:right;}
#header, #page, #footer-content, #zoekform, #contact {width:90%;margin:0 auto;}    

#logo a {font-size:25px;}

#zoekform {}

#zoekform div:nth-child(1) {
    width: 36% !important;
    margin-right:10px;
}

#zoekform div:nth-child(2) {
    width: 36% !important;
    margin-right:10px;
}

#zoekform div:nth-child(3) {
    width: 20% !important;
    margin-right:0px;
    float:right;
}
#zoekform input[type="submit"] {
    padding: 12px;
    width: 60px;
}



#fbwidget {display:none;} /* --------------------------------------------------- */

#content {width:auto;}
#mainpage h1 {font-size:14px;}
.mainboxinn {width:50%;}


.sidebar{clear:both; width:100%; margin-bottom: 20px;}    

#ad_zoeken1, #ad_zoeken1  {display:none;} /* --------------------------------------------------- */
.zoekenbox {margin-left:0px;}

#breadcrumbs {display:none;}
.adblochorizontal {width:100%;}

#cileft,#ciright{width:100%; padding:0px; display:block;}


#bedboxholder {}
.bedbox {clear:both;}
.starbox {width:auto;}

#footerbox1, #footerbox2, #footerbox3, #footerbox4 {
    float: left !important;
    width: 43% !important;
    margin-right: 20px !important;
    margin-bottom: 50px;
    text-align: justify;
}
    
}    