/* © Erik Visser */

@charset "utf-8";

/* ====GLOBAL RESET==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var,optgroup { font-style:inherit; font-weight:inherit; }
strong { font-style:inherit; font-weight: bold; }
em { font-style: italic; }
del,ins { text-decoration:none; }
ol, ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select{ font-size:100%; }
body { font:13px/1.231 arial,helvetica,clean,sans-serif; font-size:small; }
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif; }
table{ font-size:inherit; }
pre,code,kbd,samp,tt{ font-family:monospace; font-size:108%; line-height:100%; }

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: constantia, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 0.03em;
	line-height: 20px;
/*	background-color: #90c590;
	width: 100%;
	letter-spacing: 1px;
	line-height: 20px;*/
}

body {
	background: #7f9d7b;
/*	background: #7F9D7B url(../images/achtergrond.jpg);*/
	background: #7F9D7B url(../images/mist.jpg);
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #000000;
}

#container {
	width: 1000px;
	min-height: 100%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #dfdfdf;
	position: relative;
	text-align: left;
	overflow: hidden;
	border-radius: 20px;
}

#head {
	width: 100%;
	height: 120px;
}

#logo {
	float: left;
	width: 312px;
	height: 115px;
	background: url(../images/logo.png) no-repeat;
	margin-top: 5px;
	margin-left: 10px;
}

#kopteksteco {
	float: left;
	margin-top: 50px;
	margin-left: 30px;
	width: 400px;
	height: 24px;
	font-size: 20px;
}

#koptekstblik {
	float: right;
	margin-top: 15px;
	margin-right: 30px;
	width: 300px;
	height: 24px;
	background: url(../images/scherpeblik.png) no-repeat;
}
/*
#topimage {
	float: right;
	width: 100px;
	height: 100px;
	margin-top: 10px;
	margin-right: 20px;
	border: 1px solid #000000;
	border-radius: 15px;
}
*/
#topmenu {
	width: 100%;
	height: 30px;
	background-color: #5b00c1;
	font-family: verdana;
	font-size: 12px;
}

#topmenu ul li {
	display: inline;
}

#topmenu a {
	line-height: 28px;
/*	padding-top: 3px;*/
	padding-right: 20px;
/*	padding-bottom: 3px;*/
	padding-left: 3px;
	margin-right: 30px;
/*	margin-left: 5px;*/
	color: #ffea33;
/*	border-left: 5px solid #005a00;*/
/*	background-color: #6691d8;*/
	
}

#topmenu .active {
	border-bottom: 1px solid #ffea33;
	border-left: 3px solid #ffea33;
	color: #ff0000;
}

#kruimel {
	width: 100%;
	height: 20px;
	font-family: verdana;
	border-bottom: 1px solid #5b00c1;
}

#kruimel ul li {
	display: inline;
	font-size: 10px;
	padding-left: 5px;
}

#main {
	width: 950px;
	height: 90%;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	position: relative;
	background-color: #dfdfdf;
	overflow: hidden;
/*	background-color: #90c590;
	min-height: 350px;*/
}

#contenttekst {
	position: relative;
	width: 600px;
	overflow: hidden;
	background-color: #dfdfdf;
	float: left;
}

#contentfoto {
	width: 300px;
	float: right;
/*	margin-left: 20px;*/
}

#contentfoto img {
	width: 275px;
	border: 1px solid #5b00c1;
	border-radius: 15px;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	color: #005a00;
	margin-bottom: 6px;
}

.readmore {
	line-height: 20px;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	
}

.readmore a {
	color: #5b00c1;
}

.readmore a:hover {
	color: #005a00;
}