/* GRID 1200 v2.1 (by PMKMedia.nl/grid) */

/* fixed header css */

header {
	z-index: 2000;
	position: fixed;
	top: 0;
	width: 100%;
	background-color:#a7a7a7;
}

main {
	z-index: 1000;
}

main .content {
	margin-top: 40px; /* header height */
    border: 1px solid rgba(153, 153, 153, 0.22);
}

footer {
	z-index: 1000;	
}

@media screen and (max-width: 800px) {	
	
	header:hover {
		overflow: auto;
		max-height: 100%;
	}
	
}
/* Stylesheet: Responsive FIXED Header Modified On 2016-03-25 23:11:30 */
/* GRID 1200 v2.1 (by PMKMedia.nl/grid) */

/* menu css */

#menu {
	font-size: 15px;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	/* margin-top: -10%; */
	margin-left: 10%;
	display: none;
	float: right;
}

#menu ul li ul,
#menu ul ul li ul {
	margin-top: -10%;
	margin-left: 80%;
}

/* show submenu 1 */

#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

/* show submenu 2 */

#menu ul li:hover ul {
	display: block;
	}

#menu ul li:hover ul ul {
	display: none;
}

/* show submenu 3 */

#menu ul ul li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 30px 28px;
    height: 80px;
    margin-right: 29px;
}

@media screen and (max-width: 800px) {
#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 10px;
}
}

#menu a:hover {
	color: #999;
	text-decoration: underline;
}

#menu ul {
	background: #999;
	border: 1px solid #999;
	width: 200px;
}

#menu ul a {
	background: #fff;
	color: #000;
	font-size: 14px;
	width: 198px;
/*	padding: 15px; */
}

.currentpage {
	background: ##061428 !important;
	color: #fff !important;
}

/* menu z-index */

#menu {
	z-index: 1000;
}

#menu ul {
	z-index: 2000;
}

#menu ul ul {
	z-index: 3000;
}

#menu ul ul ul {
	z-index: 4000;
}

@media screen and (max-width: 800px) {	
    
	/* mobile menu css */
	
	#nav-mobile {
		padding: 1px;
	}
	
	#nav-mobile:before {
		content: "Home";
	}
	
	#nav-mobile:hover {
	    text-decoration:underline;
	    cursor:pointer;
	}
	
	#menu {
		display: none;
		border: 0px solid #999;
	}
	
	#menu-mobile:hover #menu {
		display: none;
		
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul,
	#menu ul li ul,
	#menu ul ul li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul ul,
	#menu ul li:hover ul ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		border: 0;
	}

	/* menu link css */
	
	#menu li a {
		background: #fff;
	}
	
	#menu ul a {
		width: 100%;
		padding: 5px 10%;
	}
	
	#menu ul li ul a {
		width: 100%;
		padding: 15px 15%;
	}
	
	#menu ul li ul ul a {
		width: 100%;
		padding: 15px 20%;
	}

}
/* Stylesheet: Responsive MENU Modified On 2025-08-15 15:21:00 */
/* GRID 1200 v2.1 (by PMKMedia.nl/grid) */

/* sticky div css */

#sticky-left-content.fix {
	margin-left: 34.333333%;
}

#sticky-left.stick {
	position: fixed;
	top: 0;
	right: 50%;
	width:376px;
	margin:10px 212px 10px 12px;
}

#sticky-right.stick {
	position: fixed;
	top: 0;
	left: 50%;
	width:376px;
	margin:10px 12px 10px 212px;
}

@media screen and (max-width: 1200px) {
	
	#sticky-left.stick {
		right: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}	
	
	#sticky-right.stick {
		left: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}
	
}

@media screen and (max-width: 800px) {
	
	#sticky-left-content, #sticky-left-content.fix {
		margin-left: 1.5%;
	}
	
	#sticky-left.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
	#sticky-right.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
}

@media screen and (max-width: 600px) {
	
	#sticky-left-content, #sticky-left-content.fix {
		margin-left: 2%;
	}
	
	#sticky-left.stick {
		width: 96%;
		margin:10px 2%;
	}
	
	#sticky-right.stick {
		width: 96%;
		margin:10px 2%;
	}
	
}
/* Stylesheet: Responsive STICKY DIV Modified On 2015-03-04 16:16:48 */
/* GRID 1200 v2.1 (by PMKMedia.nl/grid) */

/* body css */

html, 
body {
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #f1f1f1;
	font-size: 17px;
	font-weight: 400;
	line-height: 27px;
	-webkit-text-size-adjust: 100%;
	display: table;
	width: 100%
}

.title {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 39px;
}

/* headings and paragraph margin css */

h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0px;
}

/* headings css */

h1 {
    font-size: 50px;
    font-family: 'Open Sans', Verdana, Arial, SunSans-Regular, Sans-Serif;
    font-weight: 900;
    color: rgb(255 255 255);
    line-height: 1;
    letter-spacing: -1px;
    margin: 0px;
    padding: 50px 1px;
}

h2 {
    font-size: 24px;
    font-family: K2D,'Open Sans', Verdana, Arial, SunSans-Regular, Sans-Serif;
    font-weight: 500;
    line-height: 1.3;
    color: rgb(203, 249, 96);
}

h3 {
	font-size:18px;
        font-family:K2D,'Open Sans', Verdana, Arial, SunSans-Regular, Sans-Serif;
        font-weight:600;
        color:#CBF960;
        margin-top:-3px;
        margin-bottom:-3px
}

h4 {
	font-size: 15px;
	font-weight: 400;
	color: #d3d3d3;
        line-height: 1.8;
}
	
h5 {
	font-size: 10px;
	font-weight: 400;
	color: #fff;
}

h6 {
	font-size: 5px;
	font-weight: 400;
	color: rgb(203, 249, 96);
}

/* HR */
hr  {
    border: 0;
    margin-top: 20px;
    margin-bottom: 27px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
}

/* list css */

ul {
	list-style-type: disc;
	margin: 15px 45px;
}

ol {
	list-style-type: decimal;
	margin: 15px 45px;
}

ul li,
ol li {
	display: list-item;
}

/* link css */

a {
	color: #fff;
	text-decoration: solid;
       
}

a:visited {
	color: #999;
}

a:hover {
	color: #cbf960;
}

a:active {
	color: #666;
}

.gridlink a {
	font-weight: 400;
	text-decoration: none;
}

/* elements css */

strong,
b {
	font-weight: 400;
}

em,
i {
	font-style: italic;
}

u {
	text-decoration: underline;
}

.kopcontent {
    text-align: left;
    padding: 20px;
}  

/* form css */

.form {
	margin: 15px;
}

.form h1,
.form h2,
.form h3,
.form h4,
.form h5,
.form h6,
.form p {
	margin: 15px 0;
}

.form input {
	border-radius: 0;
}

.form select {
	border-radius: 0;
	-webkit-appearance: none;
}

.form input,
.form textarea,
.form button,
.form select {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 20px;
}

.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=password],
.form select,
.form textarea {
	padding: 7px;
	background: #fff;
	border: 1px solid #999;
}

.form input[type=radio],
.form input[type=checkbox] {
	margin-top: 15px;
}

.form input[type=submit],
.form input[type=reset] {
	margin-top: 15px;
	padding: 10px;
	background: #999;
	color: #fff;
	border: 0;
}

.form input[type=submit]:hover,
.form input[type=reset]:hover {
	background: #666;
}

/* table css */

table {
	width: 96%;
	margin: 15px 2%;
	border-spacing: 0;
	border-collapse: collapse;
}

table th {
	font-weight: 400;
	padding: 10px;
	border: 1px solid #999;
	background: #efefef;
}

table td {
	padding: 10px;
	border: 0px solid #999;
}

/* content css */

header {
    background: #000000;
    border-bottom: 1px solid #000000;
}

main {
	display: table-row;
	height: 100%;
}

footer {
	display: table-row;
	height: 1px;
	background: #fff;
	outline: 1px solid #999;
}

header .three-column,
header .two-third-column,
footer .four-column,
footer .one-column {
	border: 0;
}

header .three-column p {
	text-align: right;
}

footer .one-column {
	display: none;
}

. one- colums, .one-column-koptekst,.two-column,.three-column,.three-column-close,.two-third-column,.four-column,.one-fourth-column,.two-fourth-column,.three-fourth-column,.six-column,.five-sixth-column {
	background: rgba(42, 42, 42, 1);
	border: 0px solid #999;
}


.four-column-footer{
    background:none;
    font-size:11px;
    color: rgba(173, 153, 143, 0.25)
text-decoration:none;
}
.four-column-footer a,a:visited{
    background:none;
    font-size:11px;
    color: rgba(173, 153, 143, 0.25)
text-decoration:none;
}
@media screen and (max-width: 800px) {
	
	/* content css */
	
	header .three-column,
	footer .four-column {
		display: none;
	}

	footer .one-column {
		display: block;
		text-align: center;
	}
	
	.four-column-footer{
    background:none;
    }
	
}

@media screen and (max-width: 600px) {

	/* table css */
	
	table {
		width: 98%;
		margin: 15px 1%;
		font-size: 12px;
	}
     .three-column-head {
       width: 100%;
    }  
}

@media screen and (max-width: 400px) {
       .kopcontent{
        text-align:left;
    } 

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	/* retina display css */
	
	body {
		background: url('images/back@2x.jpg') #fff;
		background-size: 66px; /* size no retina image */
		-moz-background-size: 66px;
		-webkit-background-size: 66px;
	}

}

/* Start Etalage */

#etalage {
    background-color:rgba(42, 42, 42, 1);
    background: linear-gradient(0deg, #000000 , #181818, #181818);
}

#etalage_afbeelding {
display: block;
}

h2.etalage {
    font-size: 22px;
    font-family: K2D, 'Open Sans', Verdana, Arial, SunSans-Regular, Sans-Serif;
    font-weight: 500;
    color: #CBF960;
    margin-top: -6px;
    margin-bottom: 4px;
}

#etalage_beschrijving {
padding:20px 20px 20px 20px;
}

#etalage_beschrijving_tekst {
    color:#fff;
}

#etalage_leesmeer {
    text-align:left;
    font-size: 11px;
    
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* Caption title in slider */  
.caption-title {
width: fit-content;
position: absolute;
display: block;
bottom: 300px;
left: 0;
right: 0;
margin-left:90px;
padding: 25px 18px 24px 14px;
text-align: left;
font-family:Open-Sans, Sans-Serif;
font-size:75px;
text-shadow:2px 2px 0px #fff;
font-weight: 600;
background: #87CEFA;
color: #000;
/*background: url(/png/quickflare.png);*/
}

/* Caption comment in slider */  
.caption-comment {
width: fit-content;
position: absolute;
display: block;
bottom: 251px;
left: 0;
right: 0;
margin-left: 90px;
padding: 7px 15px 7px 15px;
text-align: left;
font-family:Open-Sans, Sans-Serif;
font-size:25px;
/*text-shadow: 2px 2px 2px #fff;*/
background: #c2e4ff;
color: #000;
/*background: url(/png/quickflare.png);*/
}

#footer_social {
    height: 45px;
    width: 123px;
    text-align:center;
    margin: 0 auto;
}

.social {
    text-align:center;
    float: left;
    width: 41px;
    height: 41px;
}
.vl {
    border-left: 4px solid #cbf960;
    border-radius: 5px;
    height: 90px;
    width: 10px;
    position: relative;
    left: 2.7%;
    margin-top: 87px;
}
/* Stylesheet: Responsive STYLE Modified On 2025-08-15 15:09:06 */
/* GRID 1200 v2.1 (by PMKMedia.nl/grid) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body {
    margin: 0;
    text-align: left;
    min-height: 100%;
    height: 100%;
    background-color: #000000;
}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],input[type=button],input[type=submit],input[type=reset],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}

.content {
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
    background-color: rgb(0, 0, 0);
} 

/* width of your responsive website (example 1200px) */

.one-column {
    float: left;
    width: 99.7%;
    margin: 0px 0.2% 1px 0.2%;
    padding: 20px;
}

.one-column-koptekst {
    float: left;
    width: 99.69%;
    margin: 1px 2px 0px 2px;
    padding: 0px;
}

.one-column-moodstrip{float:left;width:100%;margin:5px 0 0 0;}

.one-column-slider {
    float: left;
    width: 99.85%;
    margin: 0px 0%;
    background-color: rgba(53, 53, 53, 0);
    padding: 0px 0px 0px 2px;
}

.two-column, .two-fourth-column {
    float: left;
    width: 45.5%;
    height: 100%;
    margin-right: 1px;margin-left: 60px;padding-right: 90px;
    padding: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.three-column{float:left;width:31.333333%;margin:10px 1%;padding:15px;}

.three-column-head {
    float: left;
    max-width: 120%;
    width: 33.15%;
    margin: 0px 0% 2px 2px;
}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.one-column-menu{float:right;margin:0px 4%;background-color:#000000;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;padding:20px;}
.four-column-footer{text-decoration: none; color: rgba(178, 178, 178, 1);float:left;width:23%;margin:10px 1%;padding:20px;}
.four-column-footer a{text-decoration: none; color: rgba(178, 178, 178, 1);}
.four-column-footer a:hover{text-decoration: none; color:#999;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;padding:20px;}
.six-column{float:left;width:14.666666%;margin:10px 1%;padding:20px;}
.gallery .img{float:left;width:14.666666%;height:14.66666%;margin:30px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;padding:20px;}
.hr_mood_top {background:url(/png/hr_boven.png);margin: 10px 1%;height: 1px;width: 98%;}
.hr_mood_bottom {background:url(/png/hr_boven.png);margin: 10px 1%;height: 1px;width: 98%;}
.cycle-slideshow { width: 100% }
.gallery {
    width: 100.8%;
    margin-bottom: 21px;
    margin-top: 50px;
    margin-left: 55px;
}
.logo {
position:fixed;
width:218px;
height:130px;
z-index:10000;
background:url(/png/logo_bk.png) no-repeat;
opacity: 1.0;
margin-left:89px;
margin-top: -47px;
cursor:pointer;
cursor:hand;
}

@media screen and (max-width: 800px) {
    #nav-mobile {
        display: none;
    }
    header {
        height:43px;
    }
main .content {margin-top: 43px;}
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:98%;margin:10px 1%;padding:20px;}
.one-column-menu{width:98%;margin:10px 1%; padding:0px;}
.one-column-koptekst{max-width:784px;float:left;width:98%;margin:0px 1% 5px 1%;padding:20px;}
.one-column-moodstrip{max-width:784px;float:left;width:98%;margin:10px 1%;}
.one-column-slider{max-width:784px;float:left;width:98%;margin:0px 1%;}
.two-column,.four-column{width:48%;margin:10px 1%;padding:20px;}
.four-column-footer{text-decoration: none; color: rgba(178, 178, 178, 1);width:48%;margin:10px 1%;padding:20px;}
.four-column-footer a{text-decoration: none; color: rgba(178, 178, 178, 1.);}
.four-column-footer a:hover{text-decoration: none; color:#999;}
.gallery .img{width:29.333%;height:29.333%;margin:10px 1%;}
.three-column-head{max-width:384px;width:48%;margin:10px 1%;}
.gallery .img{max-width:192px;}
.hr_mood_top {background:url(/png/hr_boven.png);height: 1px;width: 50%;}
.hr_mood_bottom {background:url(/png/hr_boven.png);height: 1px;width: 98%;}
.logo {
position:fixed;
width:40px;
height:40px;
z-index:10000;
background:url(/png/homebuttonheader.png) no-repeat;
background-size: 40px 40px;
opacity: 1.0;
margin-left:20px;
margin-top: -43px;
cursor:pointer;
cursor:hand;
}


@media screen and (max-width: 600px) {
.content{min-width:300px;}
main .content {margin-top: 43px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{max-width:588px; width:98%;margin:10px 1%;padding:20px;line-height: 1.4;}
.four-column-footer{display:none;max-width:588px; width:98%;margin:10px 1%;padding:20px;}
.one-column-menu{max-width:588px; width:98%;margin:10px 1%; padding:0px;}
.one-column-koptekst{max-width:588px;float:left;width:98%;margin:0px 1% 5px 1%;padding:20px;}
.one-column-moodstrip{max-width:588px;float:left;width:98%;margin:10px 1%;}
.one-column-slider{max-width:588px;float:left;width:98%;margin:0px 1%;}
.three-column-head{max-width:100%;width:96%;margin:10px 1.5%;}
.gallery{max-width:588px;}
.gallery .img{max-width:588px;width:43%;height:48%;margin:10px 1%;}
.hr_mood_top {background:url(/png/hr_boven.png);height: 1px;width: 98%;}
.hr_mood_bottom {background:url(/png/hr_boven.png);height: 1px;width: 98%;}
}
vl {
    border-left: 4px solid #cbf960;
    border-radius: 5px;
    height: 80px;
    width: 10px;
    position: relative;
    left: 2.7%;
    margin-top: 72px;
}


@media screen and (max-width: 400px) {.content{min-width:300px;}
main .content {margin-top: 43px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{max-width:384px; width:98%;margin:10px 1%; padding:20px;}
.four-column-footer{display:none;max-width:384px; width:98%;margin:10px 1%; padding:20px;}
.one-column-menu{max-width:384px; width:98%;margin:10px 1%; padding:0px;}
.one-column-koptekst{max-width:384px;float:left;width:98%;margin:0px 1% 5px 1%;padding:20px;}
.one-column-moodstrip{max-width:384px;float:left;width:98%;margin:10px 1%;}
.gallery {margin-left: 1px;}
}

.one-column-slider{
max-width:384px;
float:left;
width:98%;
margin:0px 1%;
}

h1 {
  font-size: 11vw;
}
h4 {
	
        line-height: 1;
}
.vl {
    border-left: 4px solid #cbf960;
    border-radius: 5px;
    height: 88px;
    width: 10px;
    position: relative;
    left: 2.7%;
    margin-top: 59px;
}

.three-column-head{max-width:384px;width:96%;margin:10px 1.5%;}
.gallery .img{max-width:588px;width:42%;height:48%;margin:10px 1%;}
.hr_mood_top {background:url(/png/hr_boven.png);height: 1px;width: 98%;}
.hr_mood_bottom {background:url(/png/hr_boven.png);height: 1px;width: 98%;}
}

.pp_social .twitter{float:right}


/* Stylesheet: Responsive GRID Modified On 2025-08-15 13:12:06 */