@charset "utf-8";
/* CSS Document Flora*/
html {overflow-y: scroll;}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2f5a8b;
	background-attachment: scroll;
	background-color: #4a4643;
	background-image: url(../images/bg_body2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 75%;
	line-height: 180%;
}



#container {
	width: 900px; background:url(../images/bg_tekstblok.png);
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {width: 900px; height: 447px; background:url(../images/header.jpg);

}


#nav {
    
	font-size:1.8em;
	letter-spacing: 0.2em;
	font-family: Geneva, "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#nav ul{
	list-style-type: none;
	margin: -30px 20px auto auto;
	line-height: 0;
	
}
#nav li{
	display: inline;
	padding-left: 40px;
	
	
	
}
#nav a, #nav a:visited	{color: #fff;text-decoration: none;}
#nav a:hover {color: #fff;text-decoration: underline;}
#nav a.selected {color: #fff;text-decoration: underline;}
#nav a:visited.selected {color: #fff;text-decoration: underline;	}

#content {padding: 30px 80px;}
#content h1 {font-size: 1.8em; letter-spacing: 0.2em; line-height: 200%; font-weight:normal; margin-bottom: -5px;}
#witblok {
	background:#FFF;
	padding: 10px;
	border: 1px solid #ccc;
	width: 360px;
}



#content h2 {font-size: 1.2em; line-height: 200%;color: #c91009; margin-bottom: -5px;}
#content p {font-size: 1.1em; margin-top: 0px ; margin-bottom: 3px; padding: 0; }
#content p:first-letter {font-size: 1.3em; font-weight: bold; }
#content img {border: 8px solid #fff;}
#content a {color: #2f5a8b;text-decoration: underline; }
#content a:hover{color: #af2320;text-decoration: none;}



#content ul {margin-top: 1em;font-size: 1.1em;}
#content ul li {
	list-style-position: outside;
	list-style-image: url(../images/bullet-rood.gif);
	padding-left: 0px;
	font-size: 1.0em;
	margin: auto auto 0.5em -5px;
	}

#footer { border-top: 1px dashed #4a4643; font-size: 0.9em; padding: 10px 0;  margin: 0 80px;}
#footer a {color: #2f5a8b;text-decoration: underline;}
#footer a:hover {color: #af2320;text-decoration: none;}

.clear {clear: both;}
.fltrt {float: right; margin: 5px 0px 5px 10px;}
.fltlt {float: left; margin: 5px 10px 5px 0px;}
.highlight {font-weight: bold;}
#kadertje {width: 190px; float: right; margin-right: 100px; border: 1px solid #2f5a8b; background: #fff; padding: 5px; font-size: 1em; text-align: center; letter-spacing:0.1em;}
#kadertje h3 {font-size: 1.2em; color: #c91009; margin: 0 auto;}