@charset "UTF-8";

body, ul, ol, li, img, a, p, h1, h2, h3, h4, h5, h6, dl, dd, form, fieldset, label, input, table, td, th, tr, thead, blockquote, cite {
	border: 0;
	margin: 0;
	padding: 0;
}

body{
	background: url(../images/bg.jpg) top left repeat;
}

.hideitem{
	visibility: hidden;
}

.showitem{
	visibility: visible;
}

.removeitem{
	display: none !important;
}

.displayitem{
	display: block !important;
}

.img_left{
	float:left;
	
	margin: 0 8px 3px 0px;
	padding: 0;
}

.img_right{
	float:right;
	
	margin: 0 0 3px 8px;
	padding: 0;
}

.img_center{
	display:block;
	margin: 0 auto 0 auto;
}

.rand{
	border: #383838 solid 1px;
}

.skiplink,  input[type=hidden]{
	display:none !important;
}

#wrapper{
	

}

#banner{
height: 150px;
}

#menu{

}

#paal{

}

#content{
	position: absolute;
	background:url(../images/content_bg.png);
	min-width: 500px;
	min-height: 370px;
	left: 25%;
	padding: 1.5%;
	
	width:50%;
	border: #000066 solid 2px;
	
}

#content h1{
	margin: 0;
	padding: 0;
	
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	font-weight:bold;
	letter-spacing: 1px;
}

#content h2{
	margin: 0;
	padding: 0 0 1em 0;
	
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	font-weight:bold;
	
}

#content h3{
	margin: 0;
	padding: 1.5em 0 1.5em 0;
	
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	font-weight:bold;
	line-height: 1.5em;

	text-align:justify;
}

#content p{
	margin: 0 0 1.2em 1em;

	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	color: #000000;
	line-height: 1.5em;
}

#content ul, #content ol{
	margin: 0 0 1.2em 0;
}

#content li{
	margin: 0 0 0 3em;
	padding: 0 0 0em 0;
	line-height: 1.5em;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	color: #000000;
}

#content a:link, #content a:visited{ 
	color: #000000;
	font-weight:bold;
}

#content a:hover{
	color: #3333CC;
	font-weight:bold;
}

#menu{
	background: url(../images/paal.png) center top repeat-y;
	position: absolute;
	
	width:20%;
	height: 100%;
	top:100px;
	right: 0%;
	padding: 5px 0 0 0;
}

#menu ul li{
	display: block;
	overflow: hidden;
	margin: 0 auto -0 auto;
	list-style:none;
}

#menu ul li a{
	display: block;
	text-indent: -9999px;
	height: 100%;
}

#nav_wat{ 
	background:url(../images/menu_wat.png) left top no-repeat; 
	width: 155px;
	height: 54px;
}

#nav_wie{ 
	background:url(../images/menu_wie.png) left top no-repeat; 
	width: 155px;
	height: 49px;
}

#nav_projecten{ 
	background:url(../images/menu_projecten.png) left top no-repeat; 
	width: 155px;
	height: 46px;
}

#nav_links{ 
	background:url(../images/menu_links.png) left top no-repeat; 
	width: 155px;
	height: 51px;
}

#nav_contact{ 
	background:url(../images/menu_contact.png) left top no-repeat; 
	width: 155px;
	height: 54px;
}

#nav_vrijstaat{ 
	background:url(../images/menu_vrijstaat.png) left top no-repeat; 
	width: 150px;
	height: 50px;
}

#paal{
	background: url(../images/paal.png) center top repeat-y;
	position: absolute;
	
	width:20%;
	height: 100%;
	top:100px;
	left: 0%;
	padding: 5px 0 0 0;
}

#logo{
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -90px;
}

#vrijstaatlogo{
	position: absolute;
	top: 170px;
	left: 50%;
	margin: 0 0 0 -90px;
}

#zon{
	position:absolute;
	top: 3%;
	left: 3%;
}