/*
// @@@
// @@ Author: Naan Eldering
// @@ Date: 09-02-2010
// @@ Last change: 09-02-2010
// @@ Last change by: Naan Eldering
// @@ Version: 1.0
// @@@
*/


body,html {
		font-family: "Arial", Arial, sans-serif;
		margin:0;
		padding:0;
		background-color: #f8f8f8;
		font-style: arial, sans-serif;
		font-size: 1em;
		color: #303030;
		
	}
	
	h1 {
		font-size: 1.4em;
	    margin:0;
    }

	h2 {
		font-size: 1.5em;
		font-style: italic;
		color:black;
		border-bottom: 1px solid;
		margin-left:-0.5em;
		
		}
		
	h3 {
		font-size: 1.5em;	
		font-family: "Arial", Arial, sans-serif;	
	}	
	
	#content {
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	height:100px;
	margin-bottom: 3em;
	}
	

	
	#main {
		
		margin-bottom: 4em;
		
		padding-top: 4em;
		float:left;
		clear: right;
		width: 32em;
		padding-left:6em;
	}
	
	#main p acc {
	font-style: italic;
	}
	
	#main p.info {
	font-style: italic;
	padding: 10px;
	background-color: white;
	}
	
	#main p:hover acc {
font-style: italic;
color: black;
background-color: yellow;

		
	}
	
	/*#main img {
		margin-right: 1em;
		margin-left: -30em;
		margin-bottom: 1em;
		float: left;
		overflow: hidden;
		width: 280px;
		background-color: gray;
	}*/
	
	#main img {
		margin-left: 1em;
		margin-bottom: 1em;
		float: right;
		overflow: hidden;
		width: 280px;
		background-color: gray;
		border: 0;
	}
	
	#main img.groot {
		margin-left: 1em;
		margin-bottom: 1em;
		float: right;
		overflow: hidden;
		width: 512px;
		background-color: gray;
	
	}

	
	#main a:link{
		color: #323232;
		text-decoration: underline;		
	}
	
	#main a:visited{
		color: gray;
	}
	
	#main a:active{
		
		
	}
	
	#main a:hover{
		color:black;
		background:#e0e0e0;
		
	}
	
	#main p {
		margin-bottom: 2em;
		word-wrap: break-word;
		font-size: 0.8em;
	}
	
	#main ul {
		line-height: 1.5em;
		font-style: italic;
		padding-left: 2em;
		padding-bottom: 1em;
		padding-right: 2em;
		padding-top: 1em;
		font-family: "Arial", Arial, sans-serif;
		font-size: 0.9em;
		border-left: dotted 2px black;	
	}
	
	
	#main li {
		font-style: italic;
		list-style: square;
	}
	
	#main h2 {
	color: #a0b62d;
	font-family: Georgia;
	
	}
	
	#main h3 {
	font-size: 1.1em;

	}
	
	
	#header {
		background-color: white;
		background-position: right top;
		background-repeat: no-repeat;
		height: 200px;		
		overflow:hidden;
	
	}
	
	#header img {
	margin-left: 2em;
}
	
	#nav {
		min-width: 50em;
		}
	
	#nav ul {
		height: 50px;
		padding-left:370px;
		list-style:none;
		background-color: black;
		margin: 0;
	}
	
	#nav li {		
		font-size:1em;
		display: inline;
		float: left;
	}	
	
	
	#nav li a
{
font-weight: bold;
color: white;
padding-left:1em;
padding-right: 1em;
line-height: 50px;
float: left;
text-decoration: none;
text-align: center;
background-color: black;

}
	
	
	#nav li a:link {

	}
	
	#nav li a:visited {
		background: black;
		color: white;
		
	}

	#nav li a:hover {
		
		background: white;
		color: black;
	}
	
	#nav li a:active {
		background: white;
		color: black;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
		line-height: 46px;	
		
	}
	
	
	
	#sidebar {
		margin-left:3em;
		padding-top: 7em;
		float:left;
		width:240px;
		height: 100%;
	}
	
	#sidebar #nieuwsbrief {
	margin-top: 50px;
	padding: 10px;
	background-color: white;
	font-size: 0.8em;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 	
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;	
	}
	
	#sidebar .banner {
	margin-top: 20px;
	padding: 10px;
	background-color: white;
	font-size: 0.8em;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 	
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;	
	}

	
	#sidebar h2 {
	border: none;
	font-style: normal;
	margin: 0;
	
	}
	
	#sidebar .email {
	border-color: grey;
	width: 98%;
	}
	
.item{
		margin-bottom: 2em;
		width:100%;
		height: 200px;
		overflow: hidden;
		padding-bottom: 1em;	
	}
	
.item p {		
		font-size: 0.8em;		
		text-align: left;
		line-height: 1.5em;
		
	}
	
	
.item h1 {

font-size: 0.8em;
background-color:black;
color: white;
padding: 0.5em;

}

.item input {
float: left;
width: 12em;
border: 1px solid black;
padding: 0;
height: 2em;
}

.item .inschrijven {
float: left;
width: 7em;

border: 1px solid black;
padding: 0;
height: 2em;
}


#logo {

	position: absolute;
	margin-left: 3em;
}




/* formulier */

form {

}

label {
font-size:0.9em;
float: left;
text-align: right;
margin-right: 2em;
}

input {
border: none;
border: 1px solid black;
width: 10em;
}

.checkbox {
border: 1px solid black;
}

textarea {
border: 1px solid black;
}

textarea {
width: 100%;
}

#footer {
width: 100%;
height: 150px;
border-top: #a0b62d solid 2px;
background-color: white;
float: inherit;
clear: both;
}

#footer p {
	text-align: left;
	margin: 20px;
	font-size: 12px;
	
}