/* ======================= */
/* ======================= */
/*    BEGIN MAIN STYLE     */
/* ======================= */
/* ======================= */

html{height:auto !important;overflow-y:scroll;} /* Scrollbar door G-Translate */
@font-face {font-family: Custom; src:url('../fonts/custom.ttf') format('truetype');}
@font-face {font-family: Tit; src:url('../fonts/tit.ttf') format('truetype');}
*{outline:none;}
.clear{clear:both;}
*::selection {color:#ccc;background:#333;}
*::-moz-selection {color:#ccc;background:#333;}
*::-webkit-selection{color:#ccc;background:#333;}

body::-webkit-scrollbar {width:1em;}
body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(60,60,60,0.9);}
body::-webkit-scrollbar-thumb{background-color: #3C3C3C;outline: 1px solid #999;}

body{
background: url('../img/full.jpg') no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
font-family:"Lucida Sans Unicode", Sans-Serif;
margin:0;
padding:0;
}

#container{background:transparent;position:relative;width:98%;margin:0 auto;max-width:1050px;}


.mdt_txt_pos {position:absolute;top:45px;left:150px;width:380px;}
.mdt_txt_pos span{letter-spacing:1px !important;font-size:1.8em;color:#EBAFAF;font-family:Tit, Custom, Sans-Serif;text-shadow: 1px 1px 2px #000;}


/* Responsive Youtube iframe  */
.videoWrapper{position:relative;padding-bottom:56.25%; /* 16:9 */ padding-top:25px;height:0;}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #666;-webkit-border-radius:10px;border-radius:10px;}

/* Responsive images */
.pic{border:none;width:100%;display:block;max-width:100%;}
.logo_img{list-style-image:none;}

#header{background:rgba(255,246,237,0.5);height:190px;width:98%;position:relative;margin:0 auto;margin-top:5px;max-width:1050px;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;}
.mdt-logo{float:left;width:300px;display:inline-block;} /* LOGO */
#balk{background-color:rgba(86, 181, 154, 0.60);width:100%;height:35px;position:relative;margin:0 auto;max-width:1150px;}
#inhoud{background-color:transparent; /* achtergrondkleur gebroken wit */
width:100%;padding:0;margin:0;min-height:320px;max-width:1050px;}
#tekst{background-image:url('../img/bgr.png');background-repeat:repeat;width:100%;float:left;margin:0 0 0 0;color:#000;padding:2% 2% 4% 3%;min-height:320px;}
#footer{background:rgba(157,207,193,0.6);height:20px;width:98%;position:relative;margin:0 auto;margin-bottom:28px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;max-width:1050px;-webkit-box-shadow: 0 8px 6px -6px #111;-moz-box-shadow: 0 8px 6px -6px #111;box-shadow: 0 8px 6px -6px #111;}
strong{font-weight:bold;}
p{margin-bottom:30px;text-align:left;}
p, strong{font-family:"Lucida Sans Unicode", Sans-Serif;color:#333;font-size:1.4rem;line-height:1.9rem;}
li{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:1.4rem;color:#C8C8C8;font-weight:normal;line-height:1.9rem;}

h1, h1 a {font-size:24px;color:#DB6F4E;}
h1, h2, h3, h4, h5, h6{font-family:Khand, "Lucida Sans Unicode", Sans-Serif;color:#333;letter-spacing:1px;}

h1 a:link, h1 a:visited{text-decoration:none;font-family:Khand, "Lucida Sans Unicode", Sans-Serif;}
h1 a:hover{text-decoration:none;font-family:Khand, "Lucida Sans Unicode", Sans-Serif;}
h1 a:active{text-decoration:none;font-family:Khand, "Lucida Sans Unicode", Sans-Serif;}

h4, h5, h6{font-size:15px;padding:10px 0 0 0;}
h2{padding:30px 0 0 0;margin:0;font-size:19px;color:#DB6F4E;}
h3{font-size:17px;padding:25px 0 0 0;margin-bottom:-12px;color:#DB6F4E;}

.tekstlink:link, .tekstlink:visited, .fancybox:link, .fancybox:visited{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:1.4rem;color:#0E9DA7;text-decoration:none;}
.tekstlink:hover, .fancybox:hover {font-family :"Lucida Sans Unicode", Sans-Serif;font-size:1.4rem;color:#38CBD5;text-decoration:underline;}
.tekstlink:active, .fancybox:active {font-family :"Lucida Sans Unicode", Sans-Serif;font-size:1.4rem;color:#0E9DA7;text-decoration:none;}

#tekst ul li, #tekst ol li{color:#333;}

#pos_txt_footer{float:right;margin:5px 10px 0 0;}
img{border:none;}
#pos_txt_footer{float:right;margin:-2px 5px 0 0;}
.footertext{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:11px;color:#111;padding:0 5px 0 0;}
a.footerlink:link, a.footerlink:visited{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:11px;color:#111;text-decoration:none;padding:0 5px 0 0;outline:none;}
a.footerlink:hover{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:11px;color:#8F370B;text-decoration:underline;padding:0 5px 0 0;outline:none;}
a.footerlink:active{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:11px;color:#111;text-decoration:none;padding:0 5px 0 0;outline:none;}

.bullet{list-style-image:url('../img/li.png');}
.bullet li{line-height:25px;}
.norm{font-weight:normal;font-size:12px;color:#638FE5;}

hr{border:none;border-top:1px solid #111;width:100%;height:1px;} 

.toplink{position:fixed;bottom:10px;right:10px;z-index:99999999;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.toplink:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}


/* Colorbox Gallery */
.tmb{width:150px;height:150px;border:none;margin:10px 2px 5px 5px;}
.thumb img{border:none;-moz-opacity: 1.0;opacity: 1.0;filter:alpha(opacity=100);}
.thumb img:hover{border:none;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
/* End Gallery */



/* Contact */
#bericht{width:60%;height:200px;color:#333;}
#bericht, .rand, .input{border:1px solid #ccc;margin-top:10px;color:#333;}
label{margin-top:10px;}
.input{width:110px;color:#333;}
.labeltje{float:left;width:120px;}
input, textarea{background-color:#EAFBF6;}
input:focus, textarea:focus{background-color:#fff;}
.acc{font-weight:bold;color:#86BAE7;}
textarea{overflow:auto;}
/* End Contact */



/* Back to top */
#back-top {position:fixed;bottom:0;right:8px;}
#back-top a{width: 60px;display: block;text-align:center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color: #555;-webkit-transition:1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover{color:#555;}
#back-top span{width: 60px;height:60px;	display:block;background:transparent url('..img/up-arrow.png') no-repeat center center;-webkit-border-radius: 40px 40px 0 0;border-radius: 40px 40px 0 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span{background-color:transparent;
-webkit-box-shadow: 0 -5px 10px 2px #D50202;
box-shadow: 0 -5px 10px 2px #D50202;
-webkit-transition: color 1.6s ease, box-shadow 0.8s ease;
-moz-transition:color 1.6s ease, box-shadow 0.8s ease;
-o-transition:color 1.6s ease, box-shadow 0.8s ease;
-ms-transition:color 1.6s ease, box-shadow 0.8s ease;
transition:color 1.6s ease, box-shadow 0.8s ease;
}
/* End Back to top */



a.tooltip span strong{color:#DFADAD;}
a.tooltip span {display:none; padding:3px 6px 7px 6px;margin-top:-90px;margin-left:180px; width:285px;cursor:default;min-height:30px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #111;}
a.tooltip:hover{cursor:default;}
a.tooltip:hover span{display:inline; position:absolute;background:#222; color:#fff;cursor:default;font-size:11px;}
a.tooltip img{margin:0 10px 0 2px;}

a.tooltip2 span strong{color:#DFADAD;}
a.tooltip2 span {display:none; padding:3px 6px 7px 6px;margin-top:-90px;margin-left:-355px; width:285px;cursor:default;min-height:30px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #111;}
a.tooltip2:hover{cursor:default;}
a.tooltip2:hover span{display:inline; position:absolute;background:#222; color:#fff;cursor:default;font-size:11px;}
a.tooltip2 img{margin:0 10px 0 2px;}



.submit {
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	background-color:#7d5d3b;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Lucida Sans Unicode", Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.submit:hover {
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	background-color:#634b30;
}
.submit:active {
	position:relative;
	top:1px;
}


.reserveer {
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Lucida Sans Unicode", Arial;
	font-size:17px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.reserveer:hover {
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color:#68a54b;
}
.reserveer:active {
	position:relative;
	top:1px;
}

abbr{cursor:help;}

.fancybox-custom .fancybox-skin{box-shadow:0 0 50px #222;}


/* ################################################### */
/* ############ ---- Onder 1000px ####################  */
/* ################################################### */
@media screen and (max-width:1000px) {
a.tooltip span {margin-top:40px;margin-left:-90px; width:285px;cursor:default;min-height:30px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #111;}
a.tooltip:hover span{display:inline; position:absolute;background:#222; color:#fff;cursor:default;font-size:11px;}

a.tooltip2 span {display:none; padding:3px 6px 7px 6px;margin-top:40px;margin-left:-90px; width:285px;cursor:default;min-height:30px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #111;}
a.tooltip2:hover span{display:inline; position:absolute;background:#222; color:#fff;cursor:default;font-size:11px;}
}

/* ################################################### */
/* ############ ---- Onder 960px ####################  */
/* ################################################### */
@media screen and (max-width:959px) {
body{background-color:#111 !important;}
#balk{height:0;background-color:#222;}
p, li, strong, a.tekstlink, a.fancybox {line-height:20px !important;}


.nav .nav-submenu > ul li {padding:0;}
.nav .nav-submenu > ul li a{padding:3px 10px 3px 10px;}
.nav .nav-submenu > ul li {border-bottom:1px dotted #333;}

.nav ul{margin-top:10px;background-color:#000;}
.nav ul li{border-bottom:1px dotted #333;}
.nav > ul li a{padding:3px 10px 3px 10px;}
.nav > ul li a:hover{padding:3px 10px 3px 10px;}

.nav{overflow:hidden;} /* 1 scrollbar bij hamburger submenu a.u.b. */

#bericht{width:80%;height:200px;}
}
    
/* ################################################### */
/* ############ ---- Onder 800px ####################  */
/* ################################################### */
@media screen and (max-width:800px) {
/* Dealers */
#bericht{width:80%;height:200px;}
/* End Dealers */
}

/* ################################################### */
/* ############ ---- Onder 650px ####################  */
/* ################################################### */
@media screen and (max-width:650px) {
#bericht{width:80%;height:150px;}
}


/* ################################################### */
/* ############ ---- Onder 550px ####################  */
/* ################################################### */
@media screen and (max-width:550px) {
#footer{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;height:75px;}
.footerlink, .ixl{font-size:11px !important;}
#pos_txt_footer{text-align:center !important;}
#bericht{width:90%;height:150px;}
.mdt_txt_pos {width:240px;}
}

@media screen and (max-width:470px) {
.marloes{display:none;}
}

/* ################################################### */
/* ############ ---- Onder 450px ####################  */
/* ################################################### */
@media screen and (max-width:450px) {
.mdt_txt_pos {position:absolute;top:0px;left:0px;width:0px;visibility:hidden;}
#alllinks{width:98%;}
#bericht{width:98%;height:150px;}
img.inge, img.carnaval{width:160px !important;}
img.brandweer{width:120px !important;}
}


/* ################################################### */
/* ############ ---- Onder 350px ####################  */
/* ################################################### */

@media screen and (max-width:350px) {
#bericht{width:98%;height:150px;}
}