/* Voor alle elementen de padding en margin een standaard waarde */
* {
	padding: 0;
	margin: 0;
}

html {
	width: 100%;
}

/* Voor de body de kleuren en fontgegevens zetten */
body { 
	font-size: 11px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #6D4C2B;
	line-height: 17px;
	text-align: center;
	background-color: #bcc5ae;
}

h1 { 
	font-size: 12px; 
	font-weight: bold;
	color: #DA5D38; }

h2 { 
	font-size: 11px;
	font-weight: bold;
	color: #DA5D38; }

h3 { 
	font-weight: bold; }

ul, li {
	margin-left: 8px;
	list-style-type: circle; }

a:link, 
a:visited, 
a:active {
	color: #439870;
	text-decoration: underline;
}

a:hover {
	color: #ed1c24;
	text-decoration: underline;
}

label { 
	font-size: 11px;
	color: #B3906D;
	float: right; }

label.verplicht { 
	font-weight: normal;
	color: #B3906D; }

.voetnoot { 
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
	color: #B3906D; }

.sterretje { 
	font-size: 11px;
	color: #DA5D38; }

             
/* Start nieuwe pagina-structuur */
#main {
	width:1006px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #bcc5ae;
	text-align: left;
}

/*
De volgende twee classes zijn helaas nodig voor IE6 omdat in IE6 de 
margin-left en margin-right ten onrechte worden verdubbeld wanneer je 
een float:left of float:right met margin gebruikt.
De div met een bepaalde margin left of right, die je eigenlijk links of rechts 
wilt laten "floaten" geef je float:none mee. 
Daar omheen zet je een div met een van de onderstaande classes.
*/
div.iebugleft {
	float: left;
}
div.iebugright {
	float: right;
}

#topbanner { 
	width: 994px;
	height: 147px;
	margin-left: 6px;
	background-image: url(images/topen.gif);
}

#topbanner img {
	position: relative;
	left: 650px;
	top: 73px;
}

#menubar {
	width: 994px;
	height: 32px;
	margin-left: 6px;
	background-color: #fff;
}

#language { 
	float: none;	/* float:left met iebugleft */
	margin-left: 15px;
	background-color: #fff;
}

/* Default language staat in een span om deze makkelijker te  kunnen manipuleren */
#language span, #language a {
	position: relative;
	top: -2px;
}

#language span {
	color: #6d4c2b;
}

#language a:link, 
#language a:visited, 
#language a:active, 
#language a:hover {
	color: #c8a573;
	text-decoration: none;
}

#language a:hover {
	color: #ed1c24;
}


/* Het menu en de menuopties heb ik ietsjes verschoven */
#menu { 
	float: none;	/* float:left met iebugleft */
	width: 555px;
	height: 32px;
	margin-left: 73px;
	background-color: #c8a573;
}

#menuopties {
	float: left;
	/* hier geen margin dus geen iebug nodig */
	padding-left: 45px;
}

/* De default menu-optie staat in een span om deze makkelijker te kunnen manipuleren */
#menuopties span, #menuopties a {
	position: relative;
	top: -19px;
	left: 0px;
	font-family: Tahoma;
}

#menuopties span {
	top: 0px;
	color: #ed1c24;
}

#menuopties a:link, 
#menuopties a:visited, 
#menuopties a:active, 
#menuopties a:hover {
	color: #efe6db;
	text-decoration: none;
}

/* Rollover voor een menu-optie */
#menuopties a:hover {
	color: #6D4C2B;
}

#mobile {
	float: left;
	margin-left: 60px;
	margin-top: 4px;
}

/* Link in de div #mobile */
#mobile a:link, 
#mobile a:visited, 
#mobile a:active, 
#mobile a:hover {
	color: #c8a573;
	text-decoration: none;
}

/* Rollover voor de link in de div #mobile */
#mobile a:hover {
	color: #ed1c24;
	text-decoration: none;
}

#weblog {
	float: left;
	/* waarom IE de linkermarge hier niet verdubbeld weet ik niet */
	margin-left: 40px;
	margin-top: 4px;
}

/* Link in de div #weblog */
#weblog a:link, 
#weblog a:visited, 
#weblog a:active, 
#weblog a:hover {
	color: #c8a573;
	text-decoration: none;
}

/* Rollover voor de link in de div #weblog */
#weblog a:hover {
	color: #ed1c24;
	text-decoration: none;
}

#text {
	width: 994px;
	height: 450px;
	margin-left: 6px;
	background-color: #fff;
}

#textleft, #textright, #textrightlinks, #textrightprivacy {
	float: none;/* float:left en float:right met iebugleft en iebugright */
}

#textleft { 
	width: 310px; 
	margin-top: 50px;
	margin-left: 105px;
	color: #DA5D38;
}

#textleft a:link,
#textleft a:visited,
#textleft a:active,
#textleft a:hover {
	text-decoration: none;
	color: #DA5D38;
}

#textleft a:hover {
	color: #6D4C2B;
}

#textright { 
	width: 475px; 
	margin-top: 67px;
	margin-right: 85px;
}

#textrightlinks { 
	width: 475px; 
	margin-top: 50px;
	margin-right: 85px;
}

#textrightprivacy { 
	width: 475px; 
	height: 375px;
	margin-top: 50px;
	margin-right: 85px;
	overflow-y: scroll;
}

#textleft p, #textright p, #textrightlinks p, #textrightprivacy p {
	margin-bottom: 10px;
}

#textleft p {
	color: #DA5D38;
}

#bottombar {
	width: 994px;
	font-size: 80%;
	height: 17px;
	margin-left: 6px;
	background-color: #fff;
}

#contact {
	width: 446px;
	margin-left: 10px;
	color: #8A9D6C;
}

#contact a:link,
#contact a:visited,
#contact a:active,
#contact a:hover {
	text-decoration: none;
	color: #8A9D6C;
}

#contact a:hover {
	color: #ed1c24;
}

#pagenumbers { 
	float: left;
}

#pagenumbers span {
	color: #6d4c2b;
}

#pagenumbers a:link, 
#pagenumbers a:visited, 
#pagenumbers a:active, 
#pagenumbers a:hover {
	color: #c8a573;
	text-decoration: none;
}

#pagenumbers a:hover {
	color: #ed1c24;
}

#foto {
	margin-top: 20px;
	margin-bottom:20px;
}

/*	Het contactformulier 
	Het contactformulier is een tabel met twee kolommen.
	In elke kolom staat weer een nieuwe tabel.
	Het is niet echt CSS maar met zoveel velden is het (bijna) geen doen 
	om dit zonder tabellen op te maken.
*/              

#formcontactform {
	float: left;
}

#contactform {
	/* HTML table */
	float: none;
	margin: 50px 0px 0px 90px;
}

#contactform td {
	vertical-align: top;
	height: 22px;
	font-size: 11px;
	color: #B3906D;
}

#contactform p#contactkopregel {
	margin: 0 0 6px 0;
	font-size: 11px;
	color: #DA5D38;
}

#contactform p#contactkopregel span{
	font-size: 110%;
	font-weight: bold;
	padding-right: 12px;
}

#contactform label {
	padding-right: 10px;
}

#contactform input, #contactform textarea {
	width: 220px;
	background-color: #eeeef0;
	border: 1px solid #999;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

#contactform textarea {
	height:74px;
}

#contactform input {
	height: 18px;
}

#contactform h2 {
	margin: 0 0 0 0;
	color: #B3906D;
}

#contactformpart1 {
	width: 370px;
}

#contactformpart2 {
	width: 490px;
}

#contactformpart2 table {
	width: 100%;
}

/* De radiobuttons staan een een aparte div om ze makkelijker te manipuleren */
#contactradiotypes input {
	margin: 0 3px 0 0;
	width: 15px;
	height: 14px;
	background-color: #fff;
	border: none;
}

#contactradiotypes label {
	float: none;
	position: relative;
	top: -4px;
}

#contactform #submitform img, #contactform #cancelform img{
	margin: 8px 0 0 0;
	border: none;
}

#contactformbuttons {

	margin-right: 130px;

}

.contactform-extratext{
	font-size: 90%;
	padding-left: 5px;
	color: #ccb7a2;
}