@font-face {font-family: 'Conv_FrancophilSans';src: url('fonts/FrancophilSans.eot');src: local('☺'), url('fonts/FrancophilSans.woff') format('woff'), url('fonts/FrancophilSans.ttf') format('truetype'), url('fonts/FrancophilSans.svg') format('svg');font-weight: normal;font-style: normal;}
*, html{margin:0; padding:0;} html{font-family:'Conv_FrancophilSans',Sans-Serif; font-size:14px; letter-spacing:0.5px; line-height:22px; color:#494949;}
::selection {background:#45e3f8;color:#fff}::-moz-selection{background:#45e3f8;color:#fff}
.holder{width:997px; margin:0 auto;}
h1{ margin-bottom:15px;}img{border:none;}
.mobielrender{visibility:hidden;}.Recensiemobile{ top:-5000px; position:absolute;}
.menuholder{width:100%; height:86px; background-color:#fff;  position:absolute;}
	.menukleurmenging{width:43%; height:86px; background-color:#8ceaf4; float:left;}
#logo{ float:left; clear:both; margin-top:-86px;}
#nav {list-style: none;  float:right; margin-top:-86px;}
#nav li {float: left; padding:32px 15px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
#nav li:hover { background-color:#8ceaf4;}
#nav a {text-decoration:none;color:#494949;}
.talenselectie{position:absolute; right:0; top:86px; z-index:99;} 
.balk{ visibility:hidden; height:0;} 
.openendicht{display: none; visibility:hidden; height:0;}
#slides{float:left; margin-top:86px; width:100%; height:500px; z-index:1;}
.slidesjs-next{width:92px; height:157px; background-image:url(../afbeeldingen/next.gif); position:absolute; top:270px; z-index:99999; right:25px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.7;filter:alpha(opacity=70);}
.slidesjs-previous{width:92px; height:157px; background-image:url(../afbeeldingen/pre.gif); position:absolute; top:270px; z-index:99999; left:25px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.7;filter:alpha(opacity=70);}
.slidesjs-previous:hover, .slidesjs-next:hover{opacity:1;filter:alpha(opacity=100);}
.slidesjs-container{width:100%; height:500px;}
.slidesjs-pagination{visibility:hidden; display:none;}
.slide{width:100%; height:500px;background-position:center; background-size:cover; }
.contentplaceholder{width:40%; padding:15px; float:right; margin-top:250px; color:#FFF; text-shadow: 2px 0px 8px rgba(0, 0, 0, 1); background-color:rgba(0, 0, 0, 0.3);}
.rechtercolom{ width:50%; background-color:#4b4b4b; float:right; clear:both; }
.homemain{margin-left:-498px; padding:10px 0; background-image:url(../afbeeldingen/homecontentholder.gif); float:left; background-position:center left; background-repeat:no-repeat; background-size:cover; min-height:300px; max-height:900px; overflow:hidden; }
.homemainlinks{ float:left; padding:10px 0; width:300px;}
	.homemainboeking{width:180px;}
	.btn{background-image:url(../afbeeldingen/btn.gif); color:#FFF; padding:10px; width:149px; text-decoration:none; font-size:17px; display:block; clear:both; margin-top:10px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.8;filter:alpha(opacity=80);}.btn:hover{opacity:1;filter:alpha(opacity=100);}
.donker{ background-image:url(../afbeeldingen/btndonker.gif); float:right; margin-top:10px; margin-right:50px; color:#4b4b4b; padding:10px; width:149px; text-decoration:none; font-size:17px; display:block; clear:both; margin-top:10px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.8;filter:alpha(opacity=80);}.donker:hover{opacity:1;filter:alpha(opacity=100);}
.donkerarchief{ background-image:url(../afbeeldingen/leesmeer.gif); float:right;margin-right:-20px; color:#4b4b4b; padding:0 5px; font-size:12px; width:75px; text-decoration:none; display:block; clear:both; margin-top:10px;}
	.homemainrecensies{width:200px; float:left; padding:0 0 10px 0;}
.homemainrechts{width:600px; float:right; color:#FFF;}
	.overons{width:600px; float:right; padding:10px 0;}
	
#headerimg{width:100%; height:250px; background-position:center; background-attachment:fixed; background-size:cover;}

.linkerkleur{background-color:#4b4b4b; width:40%; height:505px;}
.linkercolom{ background-image:url(../afbeeldingen/linkercolom.gif); float:left; height:485px; width:405px; color:#FFF; overflow:hidden; padding:10px 0;}
.linkercolomholder{margin-top:-505px;}
.linkercolomholderrechts{width:570px; float:right; padding:10px 0;}

.nieuwsrender {list-style: none; }
.nieuwsrender li {float: left; padding:15px 20px; width:314px; border-bottom:#333 thin solid; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.nieuwsrender li:hover { background-color:#73acb2;}
.nieuwsrender a {text-decoration:none;color:#fff;}
.archiefmain{margin-left:-338px; padding:10px 0; background-color:#4b4b4b;float:left; width:700px; min-height:300px;}
.archiefcontent{width:680px; float:right; padding:10px 0;}
.nieuwsarchiefrender {list-style: none; }
.nieuwsarchiefrender li {float: left; padding:15px 20px; width:100%; border-bottom:#333 thin solid; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.nieuwsarchiefrender li:hover { background-color:#73acb2;}
.nieuwsarchiefrender a {text-decoration:none;color:#fff;}
.nieuwsfoto{width:100%; float:left; clear:both; margin-top:20px; border:#4b4b4b thick solid;}

.kalmain{margin-left:-628px; padding:10px 0; background-image:url(../afbeeldingen/homecontentholder.gif); float:left; background-position:center left; background-repeat:no-repeat; background-size:cover; min-height:300px; max-height:900px; overflow:hidden; }
.kalenderlinkpre{float:left; margin-left:-85px;}
.kalenderlinknext{float:right; margin-right:-85px;}
td.kalalg{ padding: 0px; margin: 0px; line-height: 16px; }
td.kaltit{ padding: 0px; margin: 0px; center:top; background: #373737; color: #fff;}
td.kaltexr{ width: 80px; padding: 0px; height: 30px; text-align:center; padding:27px 0 20px;background: #8ceaf4; color:#494949;}
td.leeg{background-color:#73acb2;}
.kaltit{ height:50px; text-align:center;}
.kalenderlink{color:#666; text-decoration:none;}
.actie{ width:100%; height:77px; margin-bottom:-100px; background-color:#b6a0a6; float:left; margin-top:-43px;}
.kleurkal{float:left; width:20px; height:20px; background-color:#b6a0a6; margin:0 5px 0 2px;}

td.kaltexr_MINI{ width: 50px; padding: 0px; height: 3px; text-align:center; padding:17px 0 10px;background: #8ceaf4; color:#494949;}
.kaltit_MINI{ height:30px; text-align:center;}
.kalenderlink_MINI{color:#666; text-decoration:none;}
.actie_MINI{ width:100%; height:43px; margin-bottom:-100px; background-color:#b6a0a6; float:left; margin-top:-33px;}
.kleurkal_MINI{float:left; width:20px; height:20px; background-color:#b6a0a6; margin:0 5px 0 2px;}

.fotoafbeelding{width:150px; height:120px; float:left; margin:10px; border:#4b4b4b thick solid; overflow:hidden;}

.footer{width:100%; margin-top:20px; clear:both; float:left; background-color:#4b4b4b;}
.footerkleuringblauw{ width:50%; float:left; position:absolute; height:367px; background-color:#8ceaf4; }
.footercontainer{ margin-top:0px; background-image:url(../afbeeldingen/footerholder.gif); height:367px; overflow:hidden; background-position:top right; background-repeat:no-repeat; z-index:99; position:relative;}
.footerkolom{width:300px; margin:10px 10px 0 10px; height:330px;float:left;}
.footnav {list-style: none; }
.footnav li {float: left; padding:6px 10px; width:280px; border-bottom:#494949 thin solid; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.footnav li:hover { background-color:#73acb2;}
.footnav a {text-decoration:none;color:#494949;}
.copy{font-size:9px; width:100%; clear:both;}
.clear{width:100%; clear:both;}
.clearrecensies{width:100%; height:7px; clear:both;}
.recensie{padding-top:10px; margin-bottom:10px; border-top:#666 thin dotted;}

.form_btn{ background-image:url(../afbeeldingen/btndonker.gif); border:none; text-align:left; float:right; margin-top:10px; margin-right:50px; color:#4b4b4b; padding:10px; cursor:pointer; width:169px; text-decoration:none;font-family:'Conv_FrancophilSans',Sans-Serif; font-size:17px; display:block; clear:both; margin-top:10px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.8;filter:alpha(opacity=80);}.form_btn:hover{opacity:1;filter:alpha(opacity=100);}
#naam, #email, #som, #bericht{font-family:'Conv_FrancophilSans',Sans-Serif; background-color:#666; border:none; color:#FFF; padding:7px; width:343px;letter-spacing:0.5px;}#bericht{height:100px;}
#naammin, #emailmin, #sommin, #berichtmin{font-family:'Conv_FrancophilSans',Sans-Serif; background-color:#666; border:none; color:#FFF; padding:7px; width:90%;letter-spacing:0.5px;}#berichtmin{height:100px;}
#boekingnaam, #boekingmail, #boekingtel, #boekingdatumeen, #boekingdatumtwee, #boekingadres, #boekingpostcode, #boekingopmerking{ font-family:'Conv_FrancophilSans',Sans-Serif; background-color:#fff; border:#4b4b4b thin solid; color:#4b4b4b; padding:7px; width:90%;letter-spacing:0.5px;}
#boekingopmerking{height:150px;}
.form_btnlicht{ background-image:url(../afbeeldingen/btn.gif); border:none; text-align:left; float:right; margin-top:10px; margin-right:50px; color:#fff; padding:10px; cursor:pointer; width:169px; text-decoration:none;font-family:'Conv_FrancophilSans',Sans-Serif; font-size:17px; display:block; clear:both; margin-top:10px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;opacity:0.8;filter:alpha(opacity=80);}.form_btnlicht:hover{opacity:1;filter:alpha(opacity=100);}

.melding{background-color:#b6a0a6; width:337px; padding:0 10px; margin-bottom:-20px;}
.err{background-color:#b6a0a6; width:507px; padding:0 10px; margin-bottom:-20px; z-index:1; position:absolute;}
.vlag{ width:66px; height:22px; background-image:url(../afbeeldingen/vlagag.gif); float:right; margin-top:-11px;}.recentievlag{float:left; margin-top:4px; margin-left:23px;}
.contact{margin-top:-250px;}
.contactlinks{height:230px;}
.contactkleur{height:250px;}
.extraveldenmetspesificaties{display:none; visibility:hidden;}



#ui-datepicker-div{background-color:#FFF; color:#4b4b4b; padding:15px; border:#4b4b4b thick solid; position:absolute; top:-5000px;}
.ui-datepicker-title{text-align:center;}
.ui-icon-circle-triangle-w{ background-image:url(../afbeeldingen/predate.gif); height:37px; width:39px; float:left; cursor:pointer; font-size:0;}
.ui-icon-circle-triangle-e{ background-image:url(../afbeeldingen/nextdate.gif); height:37px; width:39px; float:right; cursor:pointer; font-size:0;}
.ui-datepicker-calendar th{ background-color:#4b4b4b; color:#FFF; padding:7px 17px;}
.ui-datepicker-calendar td{ background-color:#8ceaf4; color:#FFF; padding:7px 17px;}
.ui-datepicker-calendar a{color:#4b4b4b; text-decoration:none;}

@media only screen and (max-width: 1465px) {
	.menukleurmenging, .linkerkleur{width:30%;}

}
@media only screen and (max-width: 1015px) {
#nav{display:none;}.mobielrender{visibility:visible;}
.holder{width:100%;}
.balk{width:100%; padding:10px 0; cursor:pointer; color:#333; top:10px; right:30px; z-index:999; text-align:center;position:absolute; visibility:visible; height:30px;} 
.menuicon{float:right; margin:0px;}
.openendicht{width:100%;display: none; position:absolute; z-index:999; background-color:#FFF; top:125px;visibility:visible; height:auto;}
#mobiel {list-style: none; width:100%;}
#mobiel li {float: left; padding:15px 0; width:100%; border-bottom:#CCC thin solid; text-align:center;}
#mobiel a {text-decoration:none;color:#494949;}
.footer{visibility:hidden; display:none;}
.Recensiemobile{ top:66px; margin-bottom:100px; position:relative; background-color:#494949; color:#FFF; height:450px; padding:50px 0;}
.homemainlinks, .linkercolom, .linkerkleur{display:none; visibility:hidden;}.rechtercolom, .homemainrechts, .overons, .archiefcontent, .linkercolomholderrechts{width:100%;}.homemain, .kalmain, .archiefmain, .linkercolomholder, .kalenderlinkpre, .kalenderlinknext{margin:0; background-image:none;}
.nieuwsarchiefrender li{padding:20px 0;}
}