@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}
body { background:#000; background-position:top; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #663300;}
a { color: #663300;}
#wrap { width:870px; margin: 5px auto; position:relative; top:0; left:0;}
#container {
	width:658px;
	height: 1086;
	border: 1px solid #fff;
	z-index:5;
	background-image: url(afbeeldingen/tekstvlak.jpg);
	background-repeat: repeat-y;
	margin-top: 170px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container .padding { padding: 35px 35px 50px 35px;}
h1 {
	width:658px;
	height:105px;
	background: url(images/logo.gif);
	position:absolute;
	top:20px;
	left: 107px;
	z-index:5;
}
h1 span { visibility:hidden;}
#navigation {
	width:658px;
	height:46;
	color:#e6c96c;
	border: 0px solid #fff;
	position:absolute;
	top:126px;
	left:106px;
	text-align:right;
	background-image: url(afbeeldingen/knoppenbalk.gif);
	visibility: visible;
}
#navigation a { color:#e6c96c; text-decoration:none; font-weight:bold; font-size:12px;}
#navigation a:hover {  color:#663300;}
#navigation ul { list-style:none;}
#navigation ul li { padding: 2px 0; }
p { margin: 0 0 10px 0;}
.extra { color:#ff0000;}
#footer { color:#d8cb9a; background: url(afbeeldingen/voeter.gif; width:570px; margin: 2px auto 0 auto; text-align:center; font-size:10px;}

#leftbox { position:absolute; top:300px; left:60px;}
#rightbox { position:absolute; top:90px; left:702px;}

img.left { float:left; margin: 0 10px 5px 0;}
img.right { float:right; margin: 0 0 5px 10px;}

.transparanttest { width:100px; height:600px; background:#fff; filter:Alpha(opacity=50); -moz-opacity:0.5; opacity:0.8;}