@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
    margin: 0; padding: 0;
}
img {outline-style: none; border: none;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
	font-weight: normal;
}

/* Removes list-style form lists */
ol, ul {
    list-style: none;
}

/* BODY & HTML */
body {
	text-align: left;
	background-color: #999;
}
div#container{
	left:50%;
	top:40px;
	width:700px;
	height:700px;
	margin-left: -350px;
	background-color: #FFFFFF;
	border: none;
	position:relative;
}

/* menu */
div#nav1 {
	position: absolute;
	top: 233px;
	left: 0px;
	width: 284px;
	height: 427px;
	padding: 40px 38px 0px 28px;
	background-color: #d0e1ec;
}
ul.nav1 li {
	position: relative;
	width: 284px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	text-align: left;
}
/* rechtsonder */
div#nav2 {
	position: absolute;
	top: 233px;
	left: 350px;
	width: 288px;
	height: 427px;
	padding: 40px 18px 0px 43px;
	background-color: #ffffff;
}
div#anna {
	position: absolute;
	top: 273px;
	left: 375px;
	width: 312px;
	height: 250px;
	z-index: 6;
}
div#anna li {
	position: relative;
	width: 284px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	text-align: left;
}
div#anna ul{
	padding-left: 10px;
	margin-left: 10px;
	list-style-position: outside;
	list-style-image: url(plaatjes/dash.gif);
}

div#streepje {
	position: absolute;
	top: 273px;
	left: 375px;
	width: 15px;
	height: 250px;
	}
div#content li{ 
	font-family: georgia, palatino, serif;
  	font-size: medium;
  	text-align: justify; }

/* beeld */
div#liboven {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 284px;
	height: 106px;
	padding: 92px 38px 35px 28px;
	background-color: #575656;
}
div#titel{
	position:absolute;
	top:35px;
	left:25px;
	width: 291px;
	height: 32px;
	background-image: url(plaatjes/webletters2.png);
}
div#reboven {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 350px;
	height: 233px;
	background-color: #f0ab04;
}
div#reboven2 {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 292px;
	height: 106px;
	padding: 92px 30px 35px 28px;
	vertical-align: bottom;
	background-image: url(plaatjes/terug2.gif);
}
div#foto {
	position: absolute;
	top: 233px;
	left: 0px;
	width: 350px;
	height: 467px;
	visibility: hidden;
}
div#logo {
	position: absolute;
	top: 624px;
	left: 656px;
	width: 30px;
	height: 63px;
	z-index: 6;
}
div#klik {
	position: absolute;
	top: 662px;
	left: 28px;
	width: 294px;
	height: 40px;
	z-index: 6;
}
.aklik {
	color: #999999;
	text-decoration: none;
	font-size: 14px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#pdf {
	position: absolute;
	top: 159px;
	left: 621px;
	width: 620px;
	height: 750px;
}

/* FONTS */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: lighter;
	line-height: 28px;
	color: #999999;
	letter-spacing: 1px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #333333;
	font-style: italic;
}
p {
		font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
	line-height: 22px;
	color: #333333;
}
p a {text-decoration: none;
color: #787878;}
p a:hover {
color: #000000;}
.kleiner {font-size: 14px;
	line-height: 17px;
		font-style: italic;
}
a.amenu {
	color: #787878;
	text-decoration: none;
}
a.amenu:hover {
	color: #333333;
	text-decoration: none;
}
.menuactief {
	color: #333333;
	text-decoration: none;
}
a.atekst {
	color: #999999;
	text-decoration: none;
}
a.atekst:hover {
	color: #0d4364;
	text-decoration: none;
}
.atekst:link, .atekst:visited {
	color: #136aa0;
	text-decoration: none;
}

/* MOUSTACCIO ADD-ONS DOOR HINSE VAN DIJK */

input[type=checkbox] {
	display: none;
}

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

body {
	background: transparent;
}

p, div#anna li {
	line-height: 170%;
}

div#container {
	height: auto;
	width: 100%;
	top: initial;
	margin-left: 0;
	left: 0;
}

div#logo, div#klik, div#reboven2, div#liboven h1 {
	display: none;
}

div#nav1 {
	width: 80%;
	display: none;
	top: 0;
    height: auto;
    padding: 20px 10%;
}

ul.nav1 li {
	line-height: 190%;
}

div#foto img {
	width: 100%;
}

div#liboven, div#reboven, div#anna, div#foto {
	position: relative;
	width: 100%;
	display: table;
	top: initial;
	left: initial;
	height: auto;
	padding: 0;
}

div#titel {
	width: 182px;
	height: 20px;
	background-size: 100% 100%;
	top: 20px;
	left: 5%;
}

div#liboven {
	height: 60px;
}


body.homepage div#liboven {
	height: 150px;
}

body.homepage div#liboven h1 {
	display: block;
    margin-top: 60px;
    position: relative;
    width: 90%;
    padding: 0 5%;
}

div#reboven img {
	width: 100%;
}

div#anna {
	padding: 20px 5%;
	width: 90%;
}

div#foto {
	display: none;
}

input[type=checkbox]:checked ~ div#nav1 {
	display: table;
	z-index: 7;
}

label[for="verstop-menu"] {
	width: 60px;
	height: 60px;
	display: block;
	top: 0;
	background-image: url('responsive/menu-icon.png');
	background-repeat:	no-repeat;
	background-position: center center;
	background-color: #575656;
	position: absolute;
	right: 0;
	z-index: 8;
}

ul.nav1 li:first-child a {
	visibility: hidden;
}

ul.nav1 li:first-child a:before {
	visibility: visible;
	content: 'menu';
}

}