@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@charset 'UTF-8';
/* Base Styles */
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
#cssmenu {
  z-index: 10000;
  background-color: #333;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}
#cssmenu ul {
  zoom: 1;
  background: #212121;
  background: -moz-linear-gradient(top, #212121 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #212121 0%, #070707 100%);
  background: -o-linear-gradient(top, #212121 0%, #070707 100%);
  background: -ms-linear-gradient(top, #212121 0%, #070707 100%);
  background: linear-gradient(top, #212121 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#cssmenu ul:before {
  content: '';
  display: block;
}
#cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu li {
  float: left;
  margin: 0 5px 0 0;
  border: 1px solid transparent;
}
#cssmenu li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px 9px 15px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid transparent;
  font-size: 16px;
}
#cssmenu li.active {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #212121;
  text-decoration: underline;
}
#cssmenu li.active a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background: #000000;
  border: 1px solid #000000;
  -moz-box-shadow: inset 0 5px 10px #000000;
  -webkit-box-shadow: inset 0 5px 10px #000000;
  box-shadow: inset 0 5px 10px #000000;
}
#cssmenu li:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #212121;
  text-decoration: underline;
}
#cssmenu li:hover a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background: #000000;
  border: 1px solid #000000;
  -moz-box-shadow: inset 0 5px 10px #000000;
  -webkit-box-shadow: inset 0 5px 10px #000000;
  box-shadow: inset 0 5px 10px #000000;
}

a img  
{  
border: none;  
}  
img.MapsLogo{
	width: 15%;
	max-width: 15px;
	padding-left:20px;
	float:right;}
	
img.MapsLogo2{
	width: 15%;
	max-width: 15px;
	padding-left:20px;
	float:right;}
	
img.SocLogo{
	width: 15%;
	max-width: 20px;
	padding-left:20px;
	float:right;}
	
.tekst {font-size:15px;    
        color:#000000;
        text-align:left;
        line-height: 1.7;}
        
.infotekst {font-size:14px;    
           color:#000000;
           text-align:left;
           line-height: 1.7;}

.nieuwstekst {font-size:16px;    
        color:#000000;
        text-align:left;
        line-height: 1.7;
        padding:5px;}
        
.indextekst {font-size:14px;    
        color:#000000;
        text-align:left;
        line-height: 1.7;
        padding:5px;}       
        
.nieuwsbuttontekst {font-size:15px; 
                   font-weight:bold;   
                   color:#000000;
                   line-height: 1.7;}
                   
.regiobuttontekst {font-size:15px; 
                   font-weight:bold;   
                   color:#000000;
                   line-height: 1.7;}
                   
.datumtekstbox {font-size:15px; 
                color:#000000;
                line-height: 1.7;}
            
.fototekst {font-size:12px;    
        color:#000000;
        text-align:left;}
             
.noJavaScript {font-size:22px;
               color:#FF0000;
               background-color:#FFFF12;
               text-align:center;
               padding-left:5px;
               border-radius:3px 3px 3px 3px;
               width:75%;
               margin-left:auto;
               margin-right:auto;}
               
a.noJavaScript {font-size:22px;
               color:#FF0000;
               background-color:#FFFF12;
               text-align:center;}

             
h3.Hnieuwstekst {font-size:16px;
/*    font-style: italic;*/
    color:#000000;
    padding-left:5px;}

h4.Hnieuwstekst {font-size:16px;
    font-style: italic;
    color:#000000;
    padding-left:5px;}
    
h4.comment {font-size:15px;
           font-style: italic;
           color:#000000;
           padding-left:5px;
           line-height: 1.7;}
    
a.Hnieuwstekst {color:#005B6A;
                font-weight:bold;
                line-height: 1.7;}
               
a.Hnieuwstekst:visited {color:#005B6A;
                        font-weight:bold;}

a.Hnieuwstekst:hover{color:#FFD800;
                     font-weight:bold;}

#hamburger-input{
  display: none;
}

#hamburger-menu {
	z-index: 10001;
    position: fixed;
    top: 20px;
    left: 20px;
    width: 80px;
    height: 80px;
    display: none;
    border: none;
    padding: 0px;
    margin: 0px;
	font-family: 'Lato', sans-serif;	
    background: linear-gradient(
      to bottom, 
		red, red 20%, 
		transparent  20%, transparent  40%, 
		red 40%, red 60%, 
		transparent  60%, transparent  80%, 
		red 80%, red 100%
    );
}

#hamburger-menu #sidebar-menu {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: -250px;
    width: 125px;
    height: 100%;
	  background: -moz-linear-gradient(top, #212121 0%, #070707 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #070707));
	  background: -webkit-linear-gradient(top, #212121 0%, #070707 100%);
	  background: -o-linear-gradient(top, #212121 0%, #070707 100%);
	  background: -ms-linear-gradient(top, #212121 0%, #070707 100%);
	  background: linear-gradient(top, #212121 0%, #070707 100%);
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; 
  
  transition: 0.3s;
}

#hamburger-menu h3 {
  color: #ffffff;
  font-size: 16px;
}

#hamburger-menu ul {
  zoom: 1;
  background: #212121;
  background: -moz-linear-gradient(top, #212121 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #212121 0%, #070707 100%);
  background: -o-linear-gradient(top, #212121 0%, #070707 100%);
  background: -ms-linear-gradient(top, #212121 0%, #070707 100%);
  background: linear-gradient(top, #212121 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#hamburger-menu li {
  list-style-type: none;
  line-height: 2.8rem;
}

#hamburger-menu a {
  color: #ffffff;  
  font-size: 20px;
  text-decoration: none;
}

#hamburger-menu li.active {
  text-decoration: underline;
}

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

#hamburger-input:checked + #hamburger-menu #sidebar-menu {
    visibility: visible;
    left: 0;
}
#hamburger-input:checked ~ .overlay{
   visibility: visible;
   opacity: 0.4;
}

#thumbwrap {
  position:relative;
}
.thumb span { 
  position:absolute;
  visibility:hidden;
}
.thumb:hover, .thumb:hover span { 
  visibility:visible;
  top:0;
  left:-350px; 
  z-index:1;
}

@media screen and (max-width: 1250px) {
  #cssmenu {
    display: none;
  }
  #hamburger-menu {
    display: inline;
  }
}