
body {
    background:#eee;
    margin:0;
    padding:0;
	font-family:"Verdana", Helvetica, sans-serif;
}

p{
font-family:"Verdana", Helvetica, sans-serif;
font-size:13px;
}

h2{
font-size:16px;
}

p.red  {
	color:red;
}

.wrap {
		position:relative;
		margin:0 auto;
		width:70%;
	}
	
	
	#header, #footer {
		width:100%;
		float:left;
		padding:5px 0;
	}
	
	#header {
		background:#335599 url(../images/bg.png) repeat-x 0 -80px;
		position:fixed;
		z-index:99999;
		clear:both;
		height:100px;
		left:0;
	}
	
	#header .logo {
		float:right;
		width:270px;
		font-size:24px;
	}
	
	#header p {
		float:left;
		width:400px;
		margin-top:0px;
		font-size:20px;
		color:#ffffff;

	}
	
	#content {
		padding:5px 0;
		margin-top:100px;
		float:left;
		width: 77%;
	}
	

	
	#menu {
		padding:15px 0;
		margin-top:100px;
		float:left;
		width:100%;
		margin-left: auto ;
		margin-right: auto ;
	}
	
	#footer {
		background:#335599 url(../images/bg.png) repeat-x 0 -110px;
		text-align:center;
		position:fixed;
		bottom:0;
		z-index:999999;
	}
	
	#footer a {
		color:#fff;
	}
	#footer p {
		color:#ffffff;
	}

	#sidebar {
		/*height: 500px;
		overflow: scroll;
		padding: 10px; */
		margin-left: 78%;  /* gelijk aan breedte #content + wat afstand */
		border: 1px solid black;
		background:#ffff;
		position: absolute;
		top:120px;
		width:20%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:5px 5px 5px #888;
		font-size:12px;
	}	
	
	#sidebar h3 {
		font-size:16px;
		text-align:center;
		display:block;
		margin:0;
		background-color:#335599;
		color:#ffffff;
		border:1px solid black;
		padding: 2px;
		border-radius:5px;
		-moz-border-radius:5px;
	}
	
	#sidebar a {
		margin-left: 10px;
	}

	#sidebar p {
		margin-left: 10px;
	}

	
		