/* 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: 15px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #6D4C2B;
	line-height: 21px;
	text-align: center;
}

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

h2 { 
	font-size: 15px;
	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: #6D4C2B;
	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;
	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: 105px;
	margin-top: 20px;
	background-color: #fff;
}

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

#language span {
	color: #c8a573;
	font-weight: bold;
}

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

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


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

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

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

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

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

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

#mobile {
	float: left;
	margin-left: 25px;
	margin-top: 20px;
}

/* 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: #DA5D38;
	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: 600px;
	margin-top: 50px;
	margin-right: 85px;
}

#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-top: 50px;
	margin-left: 270px;
	color: #c8a573;
	font-size: 80%;
}

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

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

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