@charset "utf-8";
/* CSS Document Flora*/
html {
	overflow-y: scroll;
	background-image: url(../images/bg_html.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
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: #fff;
	background-attachment: scroll;
	/*background-color: #4a4643;*/
	background-image: url(../images/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 75%;
	/* [disabled]background-color: red; */
}

body.lange_pagina {
	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: #fff;
	background-attachment: scroll;
	background-color: #5799e7;
	background-image: url(../images/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 75%;
	/* [disabled]background-color: red; */
}

#container {
	width: 900px; 
	
	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: 370px;}
#taal {
	position: relative;
	width:100px;
	height: 25px;
	/*background-color: #005aab;*/
	top: 350px;
	left: 800px;
	padding:2px;
}	
#taal a {color: #fff; text-decoration:none; }
#taal a:hover {color: #cb3d1e; text-decoration:none;}
#taal img {border:0px; float: left;}


#nav {
	position: absolute;
	top: 30px;
	margin-left: 310px;
	width: 350px;
	
	
}

#nav ul {
	padding: 0;
	margin: 50px auto 3px 5px; /*nodig voor IE7 en IE6*/
	list-style: none;
	display: block;
}
#nav li{
	display: block;
	font-size: 1.4em;
	/*letter-spacing:0.1em;*/
	line-height: 100%;
	margin: 0.4em 0;	
	font-variant: normal;
}

#nav a, #nav a:visited{color: #fff;text-decoration: none; padding: 0 1.0em 0 1.6em;}
#nav a:hover {color: #cc3333; text-decoration: none;padding: 0 1.0em 0 1.6em;background-image: url(../images/bg_nav_bullet.gif);	background-repeat: no-repeat;	background-position: left center;}
#nav a.selected:visited {color: #cc3333;text-decoration: none;background: url(../images/bg_nav_bullet.gif) no-repeat;background-position: left center; padding: 0 1.0em 0 1.6em;}

#sidebar {float: left; width: 320px; padding-top: 15px;}
#sidebar img {border: 2px solid #fff; margin: 5px auto 5px 50px;}
#sidebar p {margin: 5px auto 5px 50px;}

#content { min-height:300px;	margin: 0 20px 0 343px;	padding: 0;}
#content h1 {font-size: 1.7em; color:#f4eb1b; line-height: 200%; font-weight:bold; margin-bottom: -5px;}
#witblok {
	background:#FFF;
	padding: 10px;
	border: 1px solid #ccc;
	width: 360px;
}



#content h2 {font-size: 1.2em; line-height: 200%;color: #cb3d1e; margin-bottom: -5px;}
#content h2:first-letter {font-size: 1.4em; font-weight: bold; }
#content p {font-size: 1.1em; margin-top: 0px ; margin-bottom: 3px; padding: 0; }




.border_wit {border: 2px solid #fff;}

#content a, #sidebar a {color: #fff;text-decoration: underline; }
#content a:hover, #sidebar a:hover{color: #cc3333;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 {  font-size: 0.9em; padding: 10px 0;  margin: 0 50px;}
#footer a {color: #fff;text-decoration: underline;}
#footer a:hover {color: #cc3333;text-decoration: none; background:#f4eb1b;}

.clear {clear: both;}
.fltrt {float: right; margin: 5px 0px 5px 10px;}
.fltrt_border {float: right; margin: 5px 0px 5px 10px; border: 2px solid #fff;}
.fltlt {
	float: left;
	margin: 5px 10px 5px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.img_border {margin: 5px 0px; border: 2px solid #fff;}
#sidebar img.facebook {
	float: left;
	margin: 5px 10px 5px 0px;
	border: none;
}
.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;}