@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;	font-weight: normal; }	
ol, ul { list-style: none; }


body { background-color: #bfbfa8; font-family: Georgia, "Times New Roman", Times, serif; text-alignment: left; }
div#container{ top:20px; width:720px; height:700px; background-color: #FFFFFF; margin-left: auto; margin-right: auto;
	position:relative; }
div#titel{ left:30px; top:17px; width:315px; height:50px; position:absolute; }

div#links{ left:0px; top:70px; width:360px; height:250px; position:absolute; }
div#rechts{ left:360px; top:70px; width:360px; height:250px; position:absolute; }

div#menu{ left:0px; top:320px; width:360px; height:500px; background-color: #FFFFFF; position:absolute; }
div#knoppen{ left:30px; top:350px; width:300px; height:160px; position:absolute; }

div#tekst{ left:360px; top:320px; width:360px; height:500px; background-color: #f4f4df; position:absolute; color: #FFFFFF; }
div#inhoud{ left:390px; top:350px; width:304px; height:249px; position:absolute; }

div#footer{
	left: 31px;
	top: 772px;
	width: 297px;
	height: 29px;
	position: absolute;
}

.menu { font-size: 14px; line-height: 18px; color: #999999; text-decoration: none; }
.link { font-size: 14px; line-height: 18px; color: #333333; text-decoration: none; }
h1 { font-size: 30px; font-style: italic; line-height: normal; font-weight: normal; color: #a9a99d; }
h2 { font-size: 18px; font-style: italic; line-height: 18px; color: #000000; padding-bottom: 18px; }
h3 { font-size: 10px; line-height: 18px; font-style: italic; color: #999999; text-decoration: none; }
p { font-size: 14px; line-height: 18px; color: #333333; text-decoration: none; }
a { color: #878773; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.curs { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 18px;
	color: #FFFFFF; text-decoration: none; font-style: italic; }

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

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

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

body { background: transparent; }
div#container { height: auto; width: 100%; top: initial; }

div#titel, div#links, div#rechts, div#tekst, div#inhoud, div#footer, div#menu {
	width: 100%; position: relative; display: table; left: initial; right: initial; top: initial; bottom: initial; height: auto; }

div#menu, div#knoppen, div#tekst, div#rechts { display: none; }
div#links img, div#rechts img { width: 100%; height: auto; }
div#links { position: relative; }
div#titel { height: 70px; }

div#inhoud { width: 90%; margin: 0 auto; }
div#footer { width: 90%; margin: 10px auto; }

label[for="verstop-menu"] {
	position: absolute; width: 70px; height: 70px; display: block; top: 0;
	background: url('responsive/menu-icon.png') no-repeat center center; }

div#knoppen {
	position:absolute; top: 70px; width: 100%; margin-left: -9%;
	z-index: 9999; background-color: #E6E6D9; padding: 25px 0; }

div#knoppen a { font-size: 16px; padding: 8px 7%; color: #1F1F1F; line-height: 24px; }

input[type=checkbox]:checked ~ div#knoppen { display: table; }
.menu, .link { }

h1 { text-align: center; font-size: 23px; line-height: 300%; margin-left: 70px; }
h2 { padding-top: 18px; font-size: 20px; line-height: 22px; }
p { line-height: 20px; font-size: 16px; }

}