/* body */
body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font: 0.6em Arial, Verdana, sans-serif;
	background-color: white;
	color: black;
}
body#toonFoto {
	margin: 10px;
}

/* div en span */
div#container {
	width: 100%;
	height: 450px;
	margin-top: -225px;
	top: 50%;
	position: relative;
	background: url(body_bg.gif) repeat-x;
}
div#totaal {
	width: 760px;
	height: 433px;
	margin-left: -380px;
	left: 50%;
	position: relative;
	clear: both;
	background-repeat: no-repeat;
	background-position: right top;
}
div#html_menu {
	width: 128px;
	float: left;
	padding: 115px 0 0 17px;
	background: url(html_menu_bg.gif) no-repeat;
	height: 318px;
}
* html div#html_menu {
	width: 145px;
	height: 433px;
}
div#content {
	overflow: auto;
	top: 99px;
	height: 334px;
	position: relative;
	color: white;
}
div#fotos {
	width: 68px;
	padding: 17px 0 15px 0;
	margin-left: 79px;
	float: left;
}
* html div#fotos {
	margin-left: 38px;
}
div#tekst {
	width: 393px;
	margin-left: 167px;
	padding: 15px 0;
}
* html div#tekst {
	margin-left: 161px;
}
div#onder {
	color: #999999;
	font-size: 10px;
	width: 648px;
	left: 50%;
	margin-left: -380px;
	position: relative;
	padding: 2px 0 0 112px;
	text-align: center;
}
* html div#onder {
	width: 760px;
}
div#errorContainer {
	padding: 33px 20px 0 235px;
	width: 285px;
	height: 267px;
	margin: -150px 0 0 -270px;
	left: 50%;
	top: 50%;
	position: absolute;
	background: url(errorBg.jpg) no-repeat;
}
* html div#errorContainer {
	width: 540px;
	height: 300px;
}
@media screen {
	body>div#container,body>div#errorContainer {
		position: fixed;
	}
}

/* links */
a {
	color: #E93E27;
	text-decoration: none;
	padding: 0 2px;
}
a:hover {
	color: white;
	background-color: #999999;
}
a#setFocus {
	font-size: 0;
	color: gray;
}
* html a#setFocus {
	display: none;
}
a.nbg,a#setFocus,a.html_menu-item {
	padding: 0;
}
a.nbg:hover,a#setFocus:hover,a.html_menu-item:hover {
	background-color: transparent;
}
a.toelichting {
	cursor : help;
}

/* alinea's */
p {
	margin-top: 0;
	line-height: 1.5em;
	text-align: left;
}
p.nm {
	margin-bottom: 0;
}
p#buttons {
	text-align: center;
	padding-left: 95px;
}
p.navFotos {
	text-align: center;
	width: 100%;
	margin: 5px 0 0 0;
}
p.quote {
	font-style : oblique;
	color : #DCDCDC;
	padding-left : 20px;
}

/* koppen */
h1 {
	font: bold 1em Verdana, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding-left: 17px;
	background: url(h1_bg.gif) no-repeat left bottom;
}
h1.nl {
	background: url(vlagNl.gif) no-repeat;
	padding-left: 19px;
}
h1.eng {
	background: url(vlagEng.gif) no-repeat;
	padding-left: 19px;
	margin-top: 25px;
}

/* lijstitems */
ul {
	margin-top: 0;
	list-style: disc url(li.gif);
}

/* letter-spacing */
p,div#onder,ul,label,.veld,.veldactive,input.button {
	letter-spacing: 1px;
}
h1 {
	letter-spacing: 2px;
}

/* images en SWF */
#menu {
	float: left;
}
.menu_img {
	margin-bottom: 11px;
}
.tn {
	border: 1px solid white;
	margin-bottom: 10px;
}
* html .tn {
	margin-bottom: 7px;
}
.tn:hover {
	border-color: #3E3E3E;
}
#afErkend {
	float: right;
}

/* formelementen */
label {
	color: gray;
	float: left;
	width: 80px;
	padding-right: 15px;
	margin: 2px 0;
	text-align: right;
}
* html label {
	width: 95px;
}
label.active {
	color: white;
}
label#label_urgent {
	color: white;
	float: none;
	width: auto;
	padding-right: 0;
	margin: 0;
	text-align: left;
}
.veld,.veldactive {
	font: 1em Arial, Verdana, sans-serif;
	width: 271px;
	overflow: auto;
	margin-bottom: 2px;
	padding: 1px 2px;
}
.veld {
	color: gray;
	border: 1px solid gray;
	background-color: transparent;
}
.veldactive {
	background-color: black;
	color: white;
	border: 1px solid white;
}
input.button {
	background-color: #E93E27;
	font: 1em Arial, Verdana, sans-serif;
	border: none;
	color: white;
	width: 80px;
	padding: 1px 0 0 0;
}

TD,TH {
	font-size : 0.6em;
}
TH {
	text-align: left;
}