/****************
	MAIN PART
/***************/
	body {
		font: 68% verdana;
		color: #036;
		line-height: 150%;
		background: #ff9900 ;
	}
	#container {
		width: 996px;
		margin: 5px auto;
		margin-bottom: 0px !important;
		padding-bottom: 0;
		position: relative;
	}
	#top {
		border: 2px solid #000;
		background: #fff url(images/headerafbeelding1.jpg) top right no-repeat;
		height: 97px;
		position: relative;
		margin-bottom: 10px;
	}
	.variant2 #top { background: #fff url(images/headerafbeelding2.jpg) top right no-repeat; }
	.variant3 #top { background: #fff url(images/headerafbeelding3.jpg) top right no-repeat; }
	.variant4 #top { background: #fff url(images/headerafbeelding4.jpg) top right no-repeat; }
	#navigation {
		float: left;
		width: 200px;
		background: #fff;
		border: 2px solid #000;
		min-height: 300px;
		height: auto!important;
		height: 300px;
		margin-bottom: 260px;
	}
	#main{
		border: 2px solid #000;
		background: #fff;
		min-height: 600px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		height: auto!important;
		height: 600px;
		width: 780px;
		float: right;
		margin: 0;
		padding: 0;
	}
	#wrapper {
		clear: both;
		float: right;
		padding: 0;
		margin:0;
	}
	#content {
		float: left;
		width: 450px;
		padding: 20px 20px 20px 20px;
		overflow: hidden;
	}
	#extra {
		float: right;
		width: 250px;
		margin: 40px 20px 0 10px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	#ambient {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 289px;
		width: 200px;
		background: transparent url(images/ambient.jpg) no-repeat left bottom;
	}
	
/****************
	NAVIGATION PART
/***************/	
	#menu {
		margin: 10px 5px;
	}
	#menu li {
		margin-right: 1px;	
		font-size: 1.4em;
		margin-bottom: 3px;
	}
	#menu li li {
		font-size: 0.7em;
		margin-left: 10px;
	}
	#menu li li li {
		font-size: 1em;
		line-height: 90%;
	}
	#menu li a {
		color: #000;
		text-decoration: none;
	}
	#menu li.selected a, #menu li.selected li.selected a, #menu li.selected li.selected li.selected a{
		color: #ff9900;
	}
	#menu li.disabled a {
		text-decoration: line-through;
	}
	#menu li.selected li a, #menu li.selected li.selected li a{
		color: #000;
	}
	#subnav {
		height: 1.5em;
		margin-left: 250px;
	}
	#subnav li {
		display: inline;
		border-right: 1px solid #fff;
		padding: 0 5px;
	}
	#subnav li a {
		color: #036;
		text-decoration: none;
	}
/****************
	COMMON PART
/***************/		
	a, object, embed {
		outline: none;
	}
	a {
		color: #F39800;
	}
	a:hover, a:active, a:focus {
		text-decoration: none;
	}
	h1,h2,h3 {
		color: #F39800
	}
	h1 {
		font-size: 1.5em;
		border-bottom: 1px solid #F39800; 
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	h2 {
		font-size: 1.3em;
	}
	h3 {
		font-weight: bold;
	}
	p {
		margin-bottom: 1em;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-style: italic;
	}
	.clear {
		clear: both;
	}
	#content li {
		list-style: outside disc;
		margin-left: 2.5em;
	}
	#content li li {
		list-style: outside circle;
	}
	#search {
		position: absolute;
		right: 30px;
		bottom: -10px;
	}
	#login {
		position: absolute;
		right: 30px;
		bottom: 65px;
	}
/****************
	COMMON PART
/***************/	
	#content input, #content textarea, select {
		font: 1em verdana;
		border: 1px solid #000;
	}
	form ol {
	
	}
	#content form ol li {
		list-style: none;
		margin-bottom: 5px;
		margin-left: 10px;
	}
	form li label {
		width: 100px;
		float: left;
	}
	form li input, form li  select {
		width: 300px;
	}
	form li textarea {
		width: 400px;
	}
	input.button, form li input.button {
		width: auto!important;
	}