/***************************
	MAIN GEDEELTE
/***************************/

	body {
		font: 12px arial;
		background: #c5c6c8;
	}
	
	#container {
		width: 995px;
		border: 1px solid #000;
		border-top: 0;
		background: #fff;
		margin: 0 auto;
	}
	
	#top {
		height: 150px;
		background: #fff url(images/header-bg.jpg) no-repeat;
		position: relative;
	}
	#logo {
		float: right;
		margin: 65px 30px 0 0;
	}	
	#main {
		background: url(images/content-bg.gif) no-repeat bottom right;
		margin-top: 15px;
		padding-bottom: 20px;
	}
	#content {
		width: 320px;
		float:left;
		margin-left: 40px;
		min-height: 500px;
		height: auto!important;
		height: 500px;	
		margin-right: 20px;	
	}	
	#extra {
		width: 320px;
		float: left;
	}

	#logos {
		width: 290px;
		float: left;
		height: 200px;
	}
	#adres {
		margin-left: 120px;
	}
/***************************
	NAVIGATION GEDEELTE
/***************************/
	#main-navigation {
		position: absolute;
		left: 14px;
		top: 85px;
	}
	#main-navigation li {
		float: left;
		margin: 0 .5em;
		list-style: none;
	}
	#main-navigation li a {
		color: #fff;
		background: url(images/bullet.png) no-repeat left center;
		padding-left: 18px;
		font-size: 1.2em;
		text-decoration: none;
	}
	#main-navigation li.active a {
		font-weight: bold;
	}
	#main-navigation li a:hover {
		text-decoration: none;
	}
	#main-navigation li a:focus,
	#sub-navigation li a:focus {
		text-decoration: underline;
	}
	
	#sub-navigation {
		position: absolute;
		left: 80px;
		top: 115px;
	}
	#sub-navigation li {
		float: left;
		color: #fff;
		margin: 0 .5em;
		font-size: 1.1em;
		list-style: none;
	}
	#sub-navigation li a {
		text-decoration: none;
		color: #fff;
	}
	#sub-navigation li.active a {
		font-weight: bold;
	}
	
/***************************
	CONTENT GEDEELTE
/***************************/	
	
	#content .component {
		padding
	}

/***************************
	ALGEMEEN GEDEELTE
/***************************/	
	h1, h2 {
		color: #000;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h1 {
		margin-left: -20px;
		padding-left: 20px;	
		background: url(images/bullet-red.gif) no-repeat left center;	
	}
	h2{
		font-size: 1.1em;
	}
	p {
		margin-bottom: 1em;
		line-height: 150%;
	}
	
	a {
		color: #000;
		text-decoration: underline;
	}
	a:hover, a:active, a:focus {
		text-decoration: underline;
	}
	a:active, a:focus {
		outline: none;
	}
	#content ul {
		margin-bottom: 10px;
	}
	#content li {
		list-style: outside disc;
		margin-left: 2em;
	}
	
	.clear {
		clear:both;
		width: 100%;
		height: 1px;
		display: block;
	}
	#extrakop {
		height: 30px;
	}
/***************************
	GALLERY GEDEELTE
/***************************/		
	#gal-main-pic {
		margin-bottom: 10px;
	}
	.gal-navigation {
		width: 330px;
	}
	.gal-navigation li {
		float: left;
		list-style: none;
		margin: 0 9px 5px 0;
	}
	.gal-navigation li img {
		cursor: pointer;
	}
/***************************
	FORMULIER GEDEELTE
/***************************/	
	form ol li {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		float: left;
	}
	form label {
		float: left;
		width: 120px;
		font-weight: bold;	
	}
	form label.error {
		color: #922224;
		margin-left: 120px;
		width: 190px;
	}
	form input, form textarea {
		width: 190px;
		font: 12px arial;
	}
	form input.btn {
		padding: .2em 1em;
		background: #922224;
		color: #fff;
		width: auto;
		border: 1px solid #000;
		margin-left: 120px;
	}