@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,300);
/* font-family: 'Alegreya Sans', sans-serif; */

/* 
bijna zwart; #202020
oranje: #ff7f00
*/
html, body {
	height:100%;
}
body {
	background: url(../img/bg.jpg) left top fixed #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Alegreya Sans', sans-serif;
	color: #202020;
	font-weight: 300;
	font-size: 17px;
	margin: 0px;
	overflow: hidden;
	overflow-y: scroll;
}
a {
	outline: none;
}
.bg {
	position: fixed;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -80px 400px ;
	background: rgba(243,233,223,0.3);
	border-left: dotted 1px #faae60;
}
.wrapper {
	position: relative;
	z-index: 2;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -80px 400px ;
}
.push {
	clear: both;
	width: 60%;
	height: 60px;
	bottom: 0px;
	margin-left: 400px;
}
.kolomlinks {
	float:  left;
	width: 400px;
}
.kolomrechts {
	float:  left;
	margin-top: 0px;
	width: 80%;
	min-width: 500px;
	max-width: 900px;
}
.logo {
	position: relative;
	width: 100%;
	text-align:center;
}
.logo img {
	width: 339px;
	margin-top: 10px;
	margin-left: 10px;
	border: 0px;
}
/* MENU */

.hoofdmenubalk {
	position: relative;
	width: 100%;
	padding: 0px;
	position: relative;
	top:  40px;
	left:  0px;
	margin-top: 0px;
	z-index: 2;
	text-align:center;
}
.hoofdmenu {
	text-align:center;
	clear: both;
}
.hoofdmenu ul {
	position: relative;
	z-index: 15;
	list-style-type: none;
	text-align: center;
}
.hoofdmenu li {
	height:  52px;
}
.hoofdmenu li a {
	border: solid 5px #fff;
	white-space:nowrap;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:  auto;
	color:  #fff;
	text-decoration: none;
	font-size: 20px;
	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.3);
	background-color: #faae60
}
.hoofdmenu li a:hover {
	position: relative;
	color: #202020;
	text-decoration: none;
	z-index: 30;
}
.hoofdmenu li a#oranje {
	margin-left:  -30px;
	background-color: #faae60
}

.hoofdmenu li a#roze {
	margin-left:  40px;
	background-color: #de9ec7
}

.hoofdmenu li a#groen {
	margin-left: 50px;
	background-color: #8ccfb5
}

.hoofdmenu li a#lila {
	margin-left: 30px;
	background-color: #cdd3eb
}

.hoofdmenu li a#lichtblauw {
	background-color: #a2ddf4
}
.hoofdmenu li a#login {
	margin-left: 17px;
	background: #da8a97;
}
.hoofdmenu li a.hierbenik {
	position: relative;
	z-index: 20;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #202020;
	cursor: default;
}
.hoofdmenu li a.hierbenik:hover {
	position: relative;
	color: #202020;
	z-index: 20;
	cursor: default;
}

/* Submenu */
.submenu .login
{
	margin-right: 17px;
	background: #da8a97;
	}
.submenu #login:hover
{
	color: #333;
	}

.submenu ul {
	position: relative;
	z-index: 15;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding-top: 31px;
	padding-bottom: 0px;
	margin-bottom: 31px;
	height: 31px;
	margin-left: 17px;
	margin-top: -62px;
}
.submenu li {
	display: inline;
	padding: 0px;
	margin: 0;
}
.submenu li a {
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	background: #da8a97;
	color:  #fff;
	text-decoration: none;
	font-size: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
	display:inline-block;
}
.submenu li a:hover {
	color: #202020;
	text-decoration: none;
}
.submenu li img {
	float: right;
	margin:0px;
	margin-left:  10px;
	margin-top: 5px;
	padding: 0px;
	border: 1px solid #fff;
	background: transparent;
}
.submenu img:hover {
	border: 1px solid #889976;
}
.submenu li a#hierbenik {
	padding-top: 6px;
	padding-bottom: 6px;
	color: #202020;
	cursor: default;
}
.submenu li a#hierbenik:hover {
	color: #202020;
	cursor: default;
}
a[href^=tel] {
	color:inherit;
	text-decoration:none;
}
.webcontent {
	margin: 0px;
	padding: 0px;
	clear: both;
}
/* AGENDA */

.aankondiging {
	padding-left: 25px;
	margin-top: 210px;
	width: 100%;
	min-height: 60px;
}
.aankondiging h1 {
	font-size: 16px;
	font-weight: normal;
}
.aankondiging p {
	color: #7d7d7d;
	font-size: 16px;
	line-height: 20px;
}
/* TEKST */

.tekst {
	width:  auto;
	padding-left: 25px;
	padding-right: 15px;
	border: solid 5px #fff;
	margin: 15px;
	margin-top:30px;
	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.3);
	background: url(../img/bg.jpg) 10px 5px   fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.tekst h1 {
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
}
.tekst h2 {
	font-size: 24px;
	font-weight: normal;
}
.tekst p {
	line-height: 21px;
}
.tekst p a {
	color: #7d7d7d;
	text-decoration: none;
}
.tekst p a:hover {
	color: #7d7d7d;
	text-decoration: underline;
}
.tekst img {
	border: 0px;
}
.blokAgenda {
	border: solid 5px #fff;
	margin: 15px;
	width:  auto;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
	text-decoration: none;
	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.3);
	background: url(../img/bg.jpg) 10px 5px   fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blokAgenda h1 {
	font-size: 24px;
	font-weight: normal;
}
.blokAgenda p {
	line-height: 21px;
}
.blokNieuws {
	border: solid 5px #fff;
	margin: 15px;
	width:  auto;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
	text-decoration: none;
	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.3);
	background: url(../img/bg.jpg) 10px 5px  fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blokNieuws h1 {
	font-size: 24px;
	font-weight: normal;
}
.blokNieuws p {
	line-height: 21px;
}
.footer {
	position: relative;
	left: 2;
	margin-top: 0px;
	padding-left: 25px;
}
.footer p {
	padding-top: 20px;
	font-size: 14px;
	color: #000;
}
.footer p a {
	color: #000;
	text-decoration: underline;
}
.footer p a:hover {
	color: #000;
	text-decoration: none;
}
@media screen and (max-width: 900px) {
.bg {
	background: none;	
	border-left:  none;
}
.wrapper {
	margin-left: 0px;	
}
.kolomlinks {
	width: 100%;
}
.kolomrechts {
	width: 100%;
}
.push {
	clear: both;
	width: 100%;
	margin-left: 0px;
}
.hoofdmenubalk {
	z-index: 3;
}
.hoofdmenu li {
	height:  70px;
}
.hoofdmenu li a {
	font-size: 40px;
}
.aankondiging {
	margin-top: 80px;
}
}