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

	body {
		font: 12px 'century gothic', tahoma,arial;
		color: #626262;
		background: #166590 url(images/body-bg.jpg) repeat-x;

	}
	
	#container {
		width: 800px;
		background: #fff;
		margin: 40px auto;
	}

	
/************************************************************
	TOP GEDEELTE
/************************************************************/
	
	#top {
		margin: 0;
		width: 800px;
		border-bottom: 3px solid #fdb827;
		position: relative;
	}
	#top #logo {
		margin-top: 15px;
		margin-left: 10px;
		margin: 15px 0 5px 15px;
	}
	#top .line1{
		width: 100%;
		height: 3px;
		background: #fde9be;
	}
	#top .line2{
		width: 100%;
		height: 3px;
		background: #ffcb5e;
	}

/************************************************************
	HEADER GEDEELTE
/************************************************************/

	#header {
		height: 154px;
		background: #fff url(images/header-bg-left.jpg) no-repeat;
		border-bottom: 1px solid #000;
	}
	
	#emotion {
		height: 154px;
		width: 342px;
		float: right;
		background: url(images/header-1.jpg);
	}
	
	#navigation {
		display: inline;
		margin-left: 275px;
		float: left;
	}
	#navigation ul {
		width: 175px;
		margin-top: 10px;
	}
	#navigation li {
		border-bottom: 1px solid #ccc;
		padding: 0;
		margin: 0;
	}
	#navigation li a {
		display: block;
		font-weight: bold;

		color: #145477;
		background: url(images/nav-bg-0.gif) no-repeat left center;
		text-decoration: none;
		text-transform:uppercase;

		padding-left: 35px;
		line-height: 20px;
	}
	#navigation li a:hover,
	#navigation li.active a {
		color: #ffcb5e;
	}
	#navigation li.active a {
		background: url(images/nav-bg-1.gif) no-repeat left center;
	}

/************************************************************
	MAIN GEDEELTE
/************************************************************/
	
	#main {
		width: 100%;
		float: left;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	#extra {
		float: left;
		width: 240px;
		text-align:right;
	}
	#content {
		float: left;
		width: 510px;
		margin-left: 20px;
		border-left: 1px #999 dashed;
		padding: 20px 0 15px 15px;
		position: relative;
		
		min-height: 250px;
		height: auto !important;
		height: 250px;
	}
	#footer {
		position: absolute;
		bottom: 0;
	}
	
	.readmore {
		padding-bottom: 1em;
		background: #fff;

		margin-bottom: 15px;
		margin: 0 10px 0 10px;
		float: left;
	}
	.readmore img {
		border: 1px solid #000;
		width: 75px;
		margin-right: 10px;
	}
	.readmore h2 {

		font-size: 12px;
	}
	
	a.file {
		padding-left: 19px;
	}
	a.file.pdf {
		background: url(icons/pdf.gif) no-repeat left center;
	}

/************************************************************
	TABLE GEDEELTE
/************************************************************/
	table {
		font-size: 11px;
		border: 2px solid #000;
		margin-bottom: 10px;
	}	
	table th {
		font-weight: bold;
		text-align: center;
		padding: 2px 4px;
	}
	table .header td {
		font-weight: bold;
		font-size: 10px;
	}
	table td.border, table th.border{
		border-right: 2px solid #000;
	}
	table td {
		padding: 0 4px;
	}
	table table td{
		border: 1px solid #ccc;
	}
	
/************************************************************
	FORM GEDEELTE
/************************************************************/
	form {
		margin-bottom: 60px;
	}
	fieldset {
	
	}
	fieldset legend {
		display: none;
	}
	fieldset p, fieldset ul, fiedset div.error-message {
		margin: 10px;
	}
	fieldset ol {
		list-style: none;
		margin-right: 10px;
	}
	fieldset li {
		margin-bottom: 10px;
		clear: both;
		float: left;
		width: 100%;
	}
	fieldset li li{
		margin-bottom: 2px;
	}
	fieldset label {
		float: left;
		width: 12em;
	}
	label.big {
		width: 24em;
	}
	fieldset label.extra {
		width: 15em;
	}
	fieldset label.error {
		color: #990000;
		margin-left: 10px;
		width: 13em;
	}
	
	fieldset input,
	fieldset textarea {
		border: 1px solid #145477;
		color: #145477;
		padding: 0;
		margin: 0;
		float: left;
		font: 11px 'century gothic', tahoma,arial;
		width: 170px;
	}
	select {
		padding: 0;
		margin: 0;
		float: left;
		
	}
	fieldset textarea{
		width: 250px;
	}
	fieldset input.button {
		background: #145477;
		color: #fff;
		width: auto;
		padding: .2em 1em;
	}
	
	input.checkbox {
		width: auto;
		border: none;
	}
	fieldset li li .checkbox {
		margin-left: 13em;
		margin-right: 10px;
	}
	fieldset input.error{
		border: 1px solid #990000;
	}
	input.tel {
		width: 8em;
	}
	input.postcode {
		width: 6em;
	}
	input.datum {
		width: 5.5em;
	}
	
	.valError {
		color: #990000;
		border: 1px solid #990000;
		padding: 10px;
		width: 400px;
	}

/************************************************************
	SPECIAL GEDEELTE
/************************************************************/
	#GoogleMaps {
		margin:  10px 0;
	}

	.block {
		width: 50%;
		float: left;
	}
	.clear {
		width: 100%;
		clear: both;
	}
	#elektrum-banner {
		heigh: 64px;
		width: 493px;
		margin-bottom: 10px;
	}
	#extra .contact {
		margin-top: 57px;
	}

/************************************************************
	ALGEMENE STYLEN
/************************************************************/

	h1 {
		color: #fdb827;
		font-size: 34px;
	}
	h2{
		color: #145477;
		font-size: 1.2em;
	}
	h2,h3 {
		font-weight: bold;
		text-transform:uppercase;
	}
	h3 {
		color: #fdb827; 
		text-transform:uppercase;
	}

	a {
		color: #145477;
	}	
	
	p {
		margin-bottom: 1em;
	}
	strong {
		font-weight: bold;
	}
	
	hr {
		margin-top: 10px;
		width: 100%;
		clear: both;
		border: none;
		border-top: 1px solid #145477;
	}
	img.right {
		float: right;
		clear: right;
		margin: 0 0 10px 10px;
	}

/************************************************************
	ALGEMENE STYLEN
/************************************************************/

	#ElektrumGallery {
		position:relative;
		width: 200px;
		height: 150px;
		float: right;
	}
	#ElektrumGallery img {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 150px;
	}