/* General */
body{
	font-family:Helvetica, sans-serif;
	font-size:0.8em;
	color:#484848;
}
p{
	padding: 0 0 1em;
	margin:0px;
	font: 1em/1.8em helvetica,sans-serif;
}
img{
	border:none;
}
a, a.visited, a.active{
	text-decoration:none;
	color:#003399;
}
a:hover{
	color:#000066;
}
.glossary {
	border-bottom: 1px dashed #484848;
}
h2{
	color:#285828;
	font-weight:normal;
}

/* Header */
#header{
	margin:10px auto;
	width:750px;
	height:50px;
}
#header #title{
	font-family:"Bitstream Vera Sans";
	font-size:30px;
	letter-spacing:2.4px;
	font-weight:normal;
	color:#285828;
	float:left;
}
#header form{
	float:right;
}

/* Menu */
#menu{
	float:left;
	margin-top:10px;
	width:150px;
}
#menu ul{
	list-style:none;
	padding:0px;
	margin-left:0px;
}
#menu li a{
	color:#CFCFCF;
	font-size:1.15em;
	font-weight:normal;
	color:#285028;
	display:block;
	padding:10px 10px 10px 10px;
	width:130px;
}
#menu li a:hover, #menu li a.current{
	text-decoration:none;
	color:#004000;
	background-color:#F5F5F5;
}
#menu li a.current{
	font-weight:bold;
	background-color:#F0F0F0;
}

/* Content */
#main{
	margin:0px auto;
	width:750px;
}
#content{
	float:left;
	width:500px;
	min-height:400px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:#F0F0F0;
}
#content #left{
	float:left;
	padding:10px 10px 0px 15px;
}
#content #module{
	float:right;
	width:150px;
	margin-top:60px;
	margin-right:10px;
}
#extra{
	width:80px;
	float:left;
	margin-left:20px;
}
#extra .button{
	clear:both;
	width:170px;
	text-align:center;
	margin-bottom:10px;
}

/* Link to go back to top of page on long pages. */
a.top{
	float:right;
}
/* Opdrachten page */
#opdrachten .organisatie{
	margin-bottom:20px;
	margin-top:10px;
	clear:both;
}
#opdrachten .organisatie a{
	font-weight:bold;
}
#opdrachten .opdracht{
	margin-top:15px;
	margin-left:10px;
	clear:both;
}
#opdrachten .opdracht img{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	border:none;
}
#opdrachten .opdracht .title{
	font-weight:bold;
}
#opdrachten .opdracht .date{
	font-style:italic;
}
#opdrachten .opdracht .details{
}

/* Links page */
#links .title{
	margin-top:10px;
}
#links .details{
	margin-left:140px;
	margin-top:-18px;
}

/* Contact page */
#contact ul{
	list-style:none;
	margin-top:0px;
	margin-bottom:10px;
}
#contact1, #contact2{
	float:left;
}
#contact #empty{
	clear:both;	/* reset the float of the contact div's. */
}
#contact form{
	padding:0px;
}
#contact input, #contact textarea{
	border:none;	/* for IE you would need 0px none */
	color:#484848;
}
#contact .submit{
	border:1px #285828 solid;
}
#contact textarea{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1em;
}
#contact .label{
	width:70px;
	display:block;
	float:left;
}
#contact .error{
	color:red;
}
#contact .bericht{
	background-color:#FFFFFF;
}

/* Footer */
div#footer{
	clear:both;	/* clear float content div */
	margin:30px auto 10px;
	padding-top:10px;
	width:570px;
	color:#285828;
	font-size:.9em;	/* compared to font-size parent */
	text-align:center;
}
html, body {
	height: 90%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;	/* IE6 hack */
	height: 100%;				/* IE6 hack */
	margin: 0 auto -2em;
}
#footer, .push {
	height: 2em;
}

/* Other */
img.top{
	vertical-align:top;
}