/*
Author:		
Company:	VPRI (.nl)
Project:	
*/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

.content_txt a {text-decoration: underline; color: blue;}

.plattegrond img {max-width: 700px; max-height: 500px;}

/* Main elements */
html,body,.site,td,th	{ margin:0px; padding:0px; height:100%; font-size: 13px; line-height:140%; font-family:'Droid Sans', Arial, Helvetica, sans-serif; color: #333; }

#paginadec a {text-decoration: underline;}
#paginadec {font-size: 14px;}

#alfabetsearch a{margin: 5px;}

.cse .gsc-control-cse:after, .gsc-control-cse:after {
    content: "";
    display: block;
    height: 0;
    clear: none !important;
    visibility: hidden;
}
.gsc-control-cse:after {
    content: "";
    display: block;
    clear: none !important;
    height: 0;
    visibility: hidden;
}

.background		{ position: fixed; top: 0; left: 0; display:none; width: auto; height: auto; z-index:-5;  }

.site			{ width:100%; }
.container 		{ width: 100%; max-width:950px; min-height:100%; height:auto !important; height:100%; margin: 0 auto -45px auto; padding:0; position:relative;  }

a				{ color: #30423D; text-decoration: none; }
a:hover			{ color: #8C0000; }

.gsib_a input {
	background: none;
	width: 90%;
}


h1, h2, h3, h4, h5, h6		{ margin: 5px 0px; padding: 0; width: 100%; }
h1				{ color: #8C0000; font-size: 24px; font-weight: bold; margin: 20px 0px; }
h2				{ color: #30423D; font-size: 21px; font-weight: bold; }
h3				{ color: #8C0000; font-size: 18px; font-weight: bold; }
h4				{ color: #30423D; font-size: 16px; }
h5				{ color: #8C0000; font-size: 16px; }
h6				{ color: #30423D; font-size: 15px; }

img				{ border: none; }
hr				{ border: none; border-bottom: 1px Solid #30423D; background: none; }
td				{ vertical-align: top; }
td p			{ padding:0; }
iframe			{ width: 100%; }

.hidden			{ display: none; }

/* Header: */
.logo				{ width: 100%; max-width: 200px; min-width: 175px; height: 202px; background: #EDEFE8; display:block; margin-top: -100px; padding:30px 0; }
.logo img			{ width: 152; height: 197px; display:block; margin:auto; }
.header				{ max-width: 950px; width: 100%; margin:0 auto; height: 135px; }

.zoekbox			{ width: 90%; max-width: 172px; min-width: 155px; background: #EDEFE8; display: block; padding: 10px 5%; text-align: center; }

/* Menu: */
.menu				{ display: inline-block; float:left; width: 200px; }
.alfabet   			{ margin: 0; padding: 0; }
.alfabet li  		{ list-style: none; display: inline-block; }
.alfabet li a 		{ padding: 0 8px; color: #FFF; }

.tableRes a { text-decoration: underline;}

/* Product image web */
.productgroot img			{display:inherit;}
.productmiddel img			{display:none;}
.productklein img			{display:none;}
.hidelinks					{display:none;}


/* Nummer onderin: */ 
.blok_paginas a		{ width: 35px; height: 35px; background: #FFF; border: 2px solid #666; text-align: center; padding: 5px; line-height: 250%;}
.blok_paginas a:hover {background: #D7D7D7;}
.blok_paginas a:visited {color: #8C0000;}
.blok_paginas a:active {color: yellow;}
.nieuws_title a:visited {color: #8C0000;}


/* Zoeken: */
.zoeken				{ background: #FFF; border: 1px solid #30423D; padding: 0px 0 0 2.5%; width: 82%; display: inline-block; }
.zoeken	input		{ background: #FFF; width: 60%; border: none; float: left; padding: 10px 0;  }
.zoeken	.zoekbutton	{ background: #30423D; width: 37%; border: none; float: right; padding: 10px 0; color: #FFF; }
.zoek_resultaten 	{ display: inline-block; }

/* Content: */

.menu_alfabet		{ margin: 250px 0 0 200px; padding: 12px 5px; min-height: 15px; width:740px;  background: rgba(48,66,61,0.9); }
.content			{ margin: 0 0 0 200px; padding:0; min-height: 540px; width:750px; background:#FFF; }
.content_txt		{ padding: 10px 0; min-height: 100px; }
.content_txt ul		{ margin:0; padding:0; }
.content_txt li		{ padding:10px 0 10px 25px; border-top:1px solid #F9E5E0; list-style:none; }

.foto_title			{ display:none; }

.nieuws_titel		{ font-size: 18px; font-weight:bold; color: #30423D; }
.nieuws_afbeelding	{ margin-bottom:20px; width:198px; height:102px; overflow:hidden; }
.nieuws_afbeelding img	{ width:198px; height:auto; }

.nieuws_overzicht,
.nieuws_overzicht_bericht	{ display:inline-block; margin-bottom:5px; }

.lees_meer			{ color: #8C0000; padding:8px 10px; background:#FFF; border-radius:5px; font-weight:bold; display:inline-block; }
.lees_meer:hover	{ color: #FFF; background:#30423D; }
.nieuws_group		{ display:none; }
.nieuws_overzicht_bericht 	{ display:inline-block; width:100%; }
.nieuws_overzicht_bericht .nieuws_image		{ float:right; margin: 0 0 10px 10px; max-height:130px; overflow:hidden; }
.nieuws_overzicht_bericht .nieuws_image img	{ /*display:none;*/ max-width:250px; }
.nieuws_bericht .nieuws_image		{ display:none; }
.nieuws_bericht .nieuws_image img	{ display:none; }
.nieuws_album 	{ display:inline-block; }

.nieuws_title {color: #8C0000}

.afbeelding			{ margin:0 auto; padding:30px 0 0 0; display:block; width:640px; height:300px; }
.carrousel_vorige, 
.carrousel_volgende, 
.nav 				{ display:none; }
.gm-style			{ margin-top:30px; }
#map				{ margin:0 auto; padding:30px 0 0 0; display:block; width:640px; height:250px; background:#FFF !important; }

.post-it h1, .post-it h2, .post-it h3, .post-it h4, .post-it h5, .post-it h6 { color:#8C0000; margin:0px 30px 15px 0; text-align: left; }
.post-it			{ position:absolute; z-index:50; border:3px solid #FFF; width:270px; border-radius:7px; padding:20px; color:#30423D; background:#EAECF1; top:-130px; right:25px; 
					-moz-box-shadow: 0 0 10px rgba(68,68,68,0.8); -webkit-box-shadow: 0 0 10px rgba(68,68,68,0.8); box-shadow: 0 0 10px rgba(68,68,68,0.8); }
.close				{ text-align:center; cursor:pointer; position:absolute; top:-15px; right:-10px; background:#8C0000; color:#FFF; padding:5px 10px; height:20px; width:55px; border-radius:5px; border: 3px solid white;}
.gsc-resultsbox-visible, .gsc-resultsRoot.gsc-tabData.gsc-tabdActive, .gsc-resultsHeader { display: inline-block; }
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important; 
}
td.gsib_b { display: none !important; }
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0;
    width: auto;
}
/* Footer: */
.push				{ height:45px; }
.footer	p			{ margin: 0; padding: 0 0 10px 0; }
.footer				{ margin:0 auto; padding: 0; width: 100%; max-width: 950px; height:45px; position:relative; color: #FFF; z-index: -1;}
.footercopyright	{ margin:0 0 0 200px; padding: 10px 35px 0 35px; width: 680px; min-height:45px; background: rgba(48,66,61,0.9); }
a.vpri 				{ display:inline-block; float:right; color: #FFF; }

@media screen and (max-width: 1150px) {
	.productgroot img			{display:none;}
  .productmiddel img 		{display:inherit;}
  .productklein img			{display:none;}	
  .hidelinks				{display:none;}
}

@media all and (max-width: 580px) {
	
	.hidelinks 					{display:inherit;}	
	.productgroot img			{display:none;}
	.productmiddel img			{display:none;}
	.productklein img			{display:inherit;}
	.hideplattekst				{display: none;}
	.hidelinks a				{text-decoration: none;}
	
}

@media screen and (min-width: 500px) {
	.menu			{ width: 20%; }
	.menu_alfabet,
	.content,
	.footercopyright { margin-left: 20%; width:75%; padding-left: 2.5%; padding-right: 2.5%; }
}
@media screen and (max-width: 500px) {
	.logo			{ margin-top: 0; width: 50%; float: none; }
	.menu_alfabet	{ display: none; }
	.menu			{ width: 100%; float: none; }
	.content img 	{ width: 100%; height: auto; }
	.content,
	.footercopyright { margin-left: 0; width:95%; padding-left: 2.5%; padding-right: 2.5%; }
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  background: rgba(48,66,61,0.9);
  width: 100%;
  max-width: 200px;
}
#cssmenu > ul > li {
  /*float: left;*/
  position: relative;
  width: 100%;
}
#cssmenu > ul > li.menu-current {
	background: #FFF;
}
#cssmenu > ul > li.menu-current a {
	color: #8C0000;
  	font-weight: 700;
}
#cssmenu > ul > li.menu-current li a {
	color: #FFF;
}
#cssmenu > ul > li > a {
  padding: 17px;
  text-decoration: none;
  color: #FFF;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  background: rgba(48,66,61,1.0);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #FFF;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #FFF;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: relative;
  left: -9999px;
  top: 0;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  margin-left: 0%;
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  text-decoration: none;
  color: #FFF;
  font-weight: 400;
  background: rgba(48,66,61,1.0);
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #FFF;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 500px) {
  #cssmenu {
    width: 100%;
    max-width: 100%;
	z-index: 100000;
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
  	margin-left: 0;
    height: auto;
	padding: 5px;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li.menu-current {
	background: #FFF;
	}
	#cssmenu > ul > li.menu-current a {
		color: #8C0000;
		font-weight: 700;
	}
	#cssmenu > ul > li.menu-current li a {
		color: #FFF;
	}
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #FFF;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}