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

html {
	background-color: #131313;
}

body {
	background-color: #131313;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f1f1e5;
	}
	
#container {
	width: 940px;
	height: 610px;
	background-color: #131313;
	margin-top: -300px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -470px;
	top: 50%;	
	left: 50%;
	position: absolute;
	}
	
/* Linkerbalk */

#links {
	width: 760px;
	height: 600px;
	background-color: #131313;
	float: left;
	}
	
.balkvak {
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	background-color: #242424;
	}
	
.balkvaka {
	background: url(../images/layout/plaatje1.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}
	
.balkvaka2 {
	background: url(../images/layout/plaatje2.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}
	
.balkvakb {
	background: url(../images/layout/plaatje3.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}
	
.balkvakb2 {
	background: url(../images/layout/plaatje4.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}

.balkvakc {
	background: url(../images/layout/plaatje6.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}
	
.balkvakc2 {
	background: url(../images/layout/plaatje5.jpg);
	width: 180px;
	height: 130px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	float: left;
	}
	
#inhoud {
	width: 750px;
	min-height: 460px;
	margin-right: 10px;
	clear: both;
	overflow: visible;
	background-color: #242424;
	padding: 0px;
	}
	
/* Rechterbalk */

#rechts {
	width: 180px;
	height: 600px;
	background-color: #131313;
	float: left;
	}
	
#balklogo {
	width: 180px;
	height: 130px;
	margin-bottom: 10px;
	background-color: #242424;
	clear: both;
	}	
	
#menublok {
	width: 173px;
	min-height: 260px;
	overflow: visible;
	margin-bottom: 10px;
	clear: both;
	background-color: #242424;
	text-align: left;
	padding-top: 5px;
	padding-left: 7px;
	}

#infoblok {
	width: 173px;
	min-height: 180px;
	clear: both;
	background-color: #242424;
	text-align: left;
	padding-top: 5px;
	padding-left: 7px;
	overflow: visible;
	font-size: 80%;
	}
	
#webdesigner {
	width: 180px;
	height: 10px;
	font-size: 80%;
	text-align: right;
	color: #333333;
	margin-top: 10px;
	}
	
/* navigatie */

#menublok ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	width: 170px;
	}

#menublok ul li{
	padding: 0px;
	margin: 0px;
}

#menublok ul li a {
	color: #f1f1e5;
	display: block;
	padding-top: 1px;
	padding-left: 25px; 
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	outline: none;
	margin: 0px;
	}
	
#menublok ul li.huidig a {
	color: #a61d1d;
	display: block;
	padding-top: 1px;
	padding-left: 25px; 
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	outline: none;
	}

#menublok ul li a:hover { 
	color: #a61d1d;
	outline: none;
	}
	
/* Infoblok */
#infoblok p{
	margin-top: 2px;
	margin-left: 6px;
	}

/* Inhoud */

#tekst {
	width: 720px;
	min-height: 410px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	text-align: left;
	line-height: 1.3em;
	overflow: visible;
	background-color: #242424;
	}	
	
#tekst h1{
	font-size: 105%;
	margin: 0px;
	}
	
#inhoud h2{
	font-size: 85%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #131313;
	width: 340px;
	}
	
#tekst a{
	color: #f1f1e5;
	outline: none;
	}
	
#tekst a:hover {
	color: #a61d1d;
	outline: none;
	}
	
/* Over mij */

img.zijfoto {
	float: right;
	}
		
	
span.natuurgebieden {
	color: #7c8739;
	}	

span.landschappen {
	color: #d2c507;
	}

span.dieren {
	color: #3bc5cf;
	}
	
span.macro {
	color: #aa58c6;
	}

span.sport {
	color: #a72527;
	}
	
span.diversen {
	color: #ea7204;
	}
	
p.informatie {
	font-size: 85%;
	margin-top: 187px;
	font-style: italic;
	clear: both;
	}
	
/* Apparatuur */

p.vaklinks {
	float: left;
	width: 140px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: left;
	}
	
p.vakrechts {
	float: left;
	width: 360px;
	margin: 5px;
	clear: none;
	}
	
/* Fotogallery */

.galleryvak {
	width: 350px;
	min-height: 430px;
	float: left;
	background-color: #242424;
	text-align: left;
	line-height: 1.3em;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 15px;
	overflow: visible;
	}
	
.galleryvak2 {
	width: 350px;
	height: 430px;
	float: left;
	background-color: #242424;
	text-align: left;
	line-height: 1.3em;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 10px;
	overflow: visible;

	}
	
.gallery {
	list-style-position: outside;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	width: 350px;
	}

.gallery li{
	font-size: 80%;
	margin-left: 0px;
	background-color: #242424;
	padding-left: 5px;
	width: 345px;
	}
	
.gallery li:hover{
	background-color: #333333;
	color: #a61d1d;
	}
	
.gallery a{
	text-decoration: none;
	outline: none;
	width: 345px;
	display: block;
	color: #ffffff;
	}
	
.gallery a:hover {
	color: #ffffff;
	}

.gallery a:visited {
	color: #f1f1e5;
	}
	
p.galleryinfo {
	font-size: 85%;
	}
	
/* Contactformulier */

#contactformulier {
	background-color: #131313;
	padding: 10px;
	width: 350px;
	height: 380px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	}

#contactformulier p {
	margin: 3px;
	}
	
#message {
	width: 330px;
	height: 130px;
	}
	
#adresgegevens {
	width: 275px;
	padding: 15px;
	background-color: #131313;
	float: left;
	margin-bottom: 15px;
	}
	
/* Bestelformulier */

.bestelvak {
	width: 345px;
	min-height: 205px;
	float: left;
	padding-right: 15px;
	}
	
.bestelvak p{
	margin: 0px;
	}
	
#naam {
	width: 250px;
	margin-bottom: 2px;
	}
	
#adres {
	width: 250px;
	margin-bottom: 2px;
	}

#postcode {
	width: 60px;
	margin-right: 5px;
	margin-bottom: 2px;
	}
	
#woonplaats {
	width: 180px;
	margin-bottom: 2px;
	}
	
#telefoonnummer {
	width: 150px;
	margin-bottom: 2px;
	}
	
#email {
	width: 250px;
	margin-bottom: 2px;
	}
	
#opmerkingen {
	width: 300px;
	height: 100px;
	}
	
.bestelvak fieldset {
	padding: 10px;
	}
	
legend {
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	color: #ffffff;
	}
	
.titel {
	width: 250px;
	margin-bottom: 3px;
	}
	
.categorie {
	margin-bottom: 6px;
	width: 200px;
	}
	
/* Linkpagina */

#linktekst {
	width: 720px;
	min-height: 410px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	text-align: left;
	line-height: 1.3em;
	overflow: visible;
	background-color: #242424;
	}	
	
#linktekst a{
	color: #f1f1e5;
	outline: none;
	text-decoration: none;
	}
	
#linktekst a:hover {
	color: #a61d1d;
	outline: none;
	text-decoration: none;
	}