/* ------------------------- CSS Reset ------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:110%;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table {border-collapse: collapse;border-spacing:0;}

/* ------------------------- LINKS ------------------------- */

a:link, a:visited, a:active	{color: #ffffff; text-decoration: none; }
a:hover		{color: #ffffff; text-decoration: underline; } 
 
a.n_nieuwsbericht:link, 
a.n_nieuwsbericht:visited,  
a.n_nieuwsbericht:active	{color: #ffffff; text-decoration: underline; }
a.n_nieuwsbericht:hover	    {color: #ffffff; text-decoration: none; }  

a.s_menu:link,
a.s_menu:visited,
a.s_menu:active	    {color: #FFFFFF; text-decoration: none; }
a.s_menu:hover	    {color: #999999; text-decoration: none; }

a.terug:link,
a.terug:visited,
a.terug:active,
a.terug:hover	    {color: #FFFFFF; text-decoration: none; float:right;margin:0px 15px 0px 0px;}  

/* ------------------------- HTML, BODY, DIVS ------------------------- */

body {
    background-color: #000000;
    font-family: Lucida Sans Unicode, tahoma, Helvetica, sans-serif;
    font-size: 10px;
    color:#FFFFFF;
    color:#252525;
}

div.s_header {
    width: 100%;
    height: 119px;
    background-image: url(/sites/33/images/header.jpg);
    background-repeat: no-repeat;
    background-position:right;
}

div.s_menu {
	padding:92px 0px 0px 0px;
	float: left;
}

.sharediv {
	padding-bottom: 20px;
	font-size: 12px;
	margin-top: 10px;
	}

.sharediv p {
	padding-bottom: 5px;
	color:White;
}

.nav-btn{
	display:none;
}

.main {
	background-color:#1a1a1a;
	overflow: hidden;
}  

div.s_merkdiv {
    position:absolute;
    margin:0px 0px 0px 0px;
    #margin:0px 0px 0px -755px;
    _margin:0px 0px 0px -733px;
    width:150px;
    height:400px;
    z-index:3;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
}

div.s_merkdivgroot {
    padding: 10px;
    width:200px;
    height:480px;
    background-color:#ffffff;
    z-index:3;
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
}

div.s_fotobgdiv {
    height:525px;
    background-color:#1a1a1a;
    z-index:2;     
}

.actueeltekst {
	padding: 30px 10px 10px 10px;
}

.s_foto-actueel {
    max-height:500px;
    float:left;
    background-color:#1a1a1a;
    z-index:2;
    display: inline;     
}

.s_maintekst {
    max-width:500px;
	padding: 20px;
    background-color:#1a1a1a;
    position:relative;
    overflow:auto;
}

.maintekst {
    width:510px;
    height:460px;
    float:right;
	padding: 20px;
    background-color:#1a1a1a;
    position:relative;
    overflow:auto;
}

.s_maintekstdiv,
.s_fotobgdiv{
	padding-top:40px;
}

.hometekstdiv {
    min-height:380px;
	padding: 10px 0px 0px 50px;
    background-color:#1a1a1a;
    font-size: 12px;
}

.hometekstdiv p{
	color:White;
	margin-top:60px;
}
 
.n_nieuwsdetail {
    max-width: 580px;
    padding-top:20px;
    font-size:14px;
    z-index: 7;
    background-color:#1a1a1a;
}

.actiedetail {
    display: none;
}

.s_merkentab {
    position:absolute;
    margin:-60px 0px 0px 233px;
    width:200px;
    height:60px;
}

.nieuwsbericht_groot {
    max-width: 600px;
    height:610px;
    z-index: 7;
    overflow: auto;
    display: block;
    background-color:#1a1a1a;
	padding:5px 0px 0px 0px;
}

.nieuwssource input {display:none;}

.submenu {
	position:absolute;
	margin:4px 0px 0px 133px;
	#margin:18px 0px 0px -72px;
    padding:0px 4px 0px 4px;
    display: none;
    z-index: 5;
    line-height: 14px;  
    background-image: url('/sites/33/images/bgpng.png');
    background-repeat:repeat;
    _background-image: none;
    _background-repeat:no-repeat;
    _background-color: #000000;
    _filter:alpha(opacity=50);
    _-moz-opacity: 0.50;  
}

#menu3 {
	margin-left: 160px;
	}

#menu4 {
	margin-left: 250px;
	}

#menu7 {
	margin-left:540px;
	#margin-left:-55px;
}

.actiefdiv {
    display:block;
}

.submenu ul.s_menu li.s_menu {
	display:block;
    font-family: Lucida Sans Unicode, tahoma, Helvetica, sans-serif;
    font-size: 10px;
    color:#252525;	
    list-style:none;
    list-style-position:outside;
    margin:0px 0px 0px 0px;
}

.a_actiesdetaildiv {
    overflow:auto;
    height:325px;
    width:322px;
}

.social-follow {
	float: left;
	padding-top: 82px;
	padding-left: 110px;
	}

.s_footer {
    margin: 0 auto 0 auto;
    background-color:#000;
    padding: 10px 0 10px 0;
    font-size: 12px;
}

.s_footer p {
	text-align: center;
	padding: 10px 0 0 0;
	color: #fff;
}

/* TABLES */

table.s_adresgegevens,
table.s_openingstijden {
    font-size: 13px;
    color:#ffffff;
    margin:2px 5px 5px 3px;
    width:100%;
}

td.s_adresgegevens,
td.s_openingstijden1,
td.s_openingstijden2 {
    padding:3px 0 3px 0;
}

td.s_adresgegevens p{
	  padding: 3px 0 3px 0;	
}

table.contact {
    font-size: 11px;
    color:#ffffff;
    margin:0px 5px 0px 3px;
    width:100%;
}

td.s_contactform1 {
    width:30%;
}
    
table.s_center {
    width:100%;
    height:100%;
}

td.s_center {
    vertical-align:middle; 
}

table.s_center2 {width:433px;height:325px;float:left;}
td.s_center2 {vertical-align:middle;text-align:center;}

table.n_nieuwstable {
    width:300px;
}

td.n_nieuwstd1{
  height:320px;  
  width:300px;
  text-align:center;
}

td.n_nieuwstd2 {
  height:320px;  
  width:322px;
  vertical-align:top;
  padding:5px 0px 0px 0px;
}

td.n_nieuwstd2 img {
float:right;
}


/* H + P */
h1.verticaltext {
    writing-mode: tb-rl;
    filter: flipv fliph;
    font-size: 24px;
    #font-size: 40px;
    color:#000000;
    position:absolute;
    bottom:0px;
    left:0px;
    margin:0px 0px 0px 2px;
    #margin:0px 0px 0px -5px;
    text-transform:uppercase;
}

h2.n_datum {
    font-size: 11px;
    color:#8c8c8c;
    margin:8px 15px 5px 23px;
}

h2.s_mainteksttitel {
    font-size: 14px;
    color:#ffffff;
    margin:0px;
    letter-spacing:3px;
}

h2.hometekstheader {
    font-size: 14px;
    color:#ffffff;
    margin:50px 0 0 0;
    letter-spacing:3px;
	line-height:1;
}


h3.s_merkentab {
    font-size: 18px;
    color:#ffffff;
}


h3.n_nieuwsbericht {
    font-size: 14px;
    color:#ffffff;
    margin:0px 15px 10px 3px;
    padding:0px 0px 0px 20px;
    background: url(/sites/33/images/blok.gif) 4px left no-repeat;
    text-decoration:underline;
    cursor:pointer;  
}

h3.n_nieuwsbericht:hover {
	text-decoration:none;
}


h4.n_datumdetail {
    font-size: 10px;
    color:#8c8c8c;
    margin:0px 0px 0px 3px;
}

h5.n_nieuwsbericht_detail {

    font-size: 16px;
    color:#ffffff;
    margin:4px 5px 4px 3px;
}


.s_maintekst {
	font-size: 12px;
    line-height: 16px;
    color:#ffffff;
    margin:10px 0px 0px 10px;
}

p.n_main {
    font-size: 10px;
    color:#ffffff;
    margin:0px 15px 10px 23px
}

p.n_nieuwsdetail {
    font-size: 13px;
    line-height: 14px;
    color:#ffffff;
    margin:0px 5px 0px 3px
}

p.n_melding {
    font-size: 12px;
    margin:10px 5px 3px 23px;
}

p.n_melding2 {
    font-size: 12px;
    color:#ffffff;
    margin:10px 5px 3px 3px;
}

p.c_melding {
    font-size: 10px;
    color:#ffffff;
    margin:0px 5px 8px 3px
}

p.s_footer {
    font-size: 11px;
    color:#ffffff;
    text-align:center;
    margin:14px 0px 0px 0px;
}

/* UL, OL, LI */

ul{
    margin:0px;
    padding:0px;   
}

li{
    margin:0px;
    padding:0px;   
}

ul.s_menu {
  display:inline;  
  color:#ffffff;
}

li.s_menu {
    display:inline;
    font-family: Lucida Sans Unicode, tahoma, Helvetica, sans-serif;
    font-size: 14px;
    margin:0px 15px 0px 0px;
    color:#cc0000;
    letter-spacing:3px;
}

/* IMAGES */

img.new_windowpijl{
	margin-left:5px;
	border:0px;
	vertical-align:middle;
}

img.s_fotobgdiv {
    float:right;
}

img.n_actueel{
    margin:0px 0px 0px 0px;   
}

img.right{
	float:right;
}

img.s_fotomerkentab{
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    width:200px;
    height:60px;
}

img.n_nieuwsdetail {
    margin:0px 0px 0px 3px;   
}

img.a_actiedetailfoto {
    width:200px;
}

/* FORMS */

#Naam {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }
	  
#From {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }
	  
#Subject,#Onderwerp {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#Beschrijving 
{
      width: 200px;
	  #width: 201px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

input.textarea 
{
    font-size:10px;
	color: #000000;
    width:200px;
    margin:0px 0px 2px 0px;
}

textarea.textarea 
{
    font-size:10px;
	color: #000000;
	#padding-left:1px;
    width:202px;	
    
}

input.c_submit {
    font-size: 11px;
    font-weight:bold;
    width: 75px;
    height: 18px;
    background: transparent url(/sites/33/images/button.gif) no-repeat;
    outline: none;
    border: none;
    cursor : pointer;
    margin:1px 0px 0px 0px;
}

/*-------------------------*/

#voornaam {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#achternaam {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#adres {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#postcode {
	  width: 55px; /*padding ipv spatie*/
	  margin:0px 2px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#woonplaats {
	  width: 144px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#telefoonnummer {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#land {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#email {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

#emaildis {
	  width: 200px;
	  margin:0px 0px 2px 0px;
	  #margin: 0px 0px 0px 0px;
	  }

div.cms_datafeedsource input {
	display:none;
}



/* FlexSlider Necessary Styles */
.flexslider {margin: 0; padding: 0;}
/*.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}  Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme */
.flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 470px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: right;}
.flex-control-nav li {margin: 0 10px 0 0; display: inline-block; zoom: 1; *display: inline; background: #000; padding: 4px 10px 4px 10px; color: #fff;}
.flex-control-nav li:hover {margin: 0 10px 0 0; display: inline-block; zoom: 1; *display: inline; background: #444; padding: 4px 10px 4px 10px; color: #fff;}
.flex-control-nav li a {color: #eee; font: bold;}

.slides img
{
	max-width: 1200px;
	max-height: 565px;
}

/* media queries */

@media (max-width: 1199px){
	li.s_menu{
		font-size:12px
	}	
	.social-follow {
		padding-left: 15px;
	}
}

@media (max-width: 991px){
	.nav-btn{
		display:inline-block;
		width:62px;
		height:32px;
		margin-top: 82px;
		background-color:White;
		float:left;
		background:url(/sites/33/images/nav-btn.svg) no-repeat left center;
		background-size:40px;
	}	
	
	div.s_menu{
		display:none;
		position:absolute;
		z-index:5;
		padding:15px;
		top:119px;
		background-color:Black;
	}
	
	.social-follow {
	  padding-left: 0;
	}
	
	li.s_menu {
	  display:block;
	  font-size:22px;
	  height:42px;
	}
	
	#menu3,
	#menu4,
	#menu7 {
		margin-left: 156px;
	}
	
	.maintekst {
		width: auto;
		float: none;
	}
	.submenu ul.s_menu li.s_menu {
		font-size: 16px;
	}
	
	img.s_fotobgdiv {
		float: none;
	}
	
	div.s_fotobgdiv {
		height: auto;
	}
	
	h2.s_mainteksttitel,
	.sharediv{
		margin-left:30px;
	}
	
	table.s_center2 {
	  width: auto;
	  height: auto;
	  float: none;
	}
}