body {
	background: #FFFFFF;
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #333333;
	scrollbar-base-color: #916550;
	scrollbar-shadow-color: #C2A292;
	scrollbar-arrow-color: #916550;
	scrollbar-3d-light-color: #FFFFDB;
	scrollbar-dark-shadow-color: #FFFFDB;
	scrollbar-face-color: #FFFFDB;
	scrollbar-highlight-color: White;
}
body.nomargin {
	margin: 0;
}
body.popImage {
	margin: 0;
	padding: 5px;
}

p.nieuws1 {
	margin-top: 2px;
}
p.noMargin {
	margin: 0;
}
p.buttons {
	padding-left: 100px;
	width: 290px;
	text-align: center;
}
* html p.buttons {
	width: 390px;
}
p.verkoop {
	margin: 0 0 10px 0;
}

small.vergroting {
	color: #c00000;
}

td, th {
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #333333;
}
th {
	text-align: left;
	font-weight: bold;
}
td#error {
	background: #FFFFDB;
	border: 1px solid silver;
	width: 450px;
	height: 250px;
	padding: 15px;
}

div#top_ret {
	font-size: 10px;
	height: 14px;
	width: 85px;
	position: absolute;
	bottom: 20px;
	left: 600px;
	visibility: visible;
}
div#goToTop {
	font-size: 10px;
	height: 14px;
	width: 85px;
	position: absolute;
	bottom: 6px;
	left: 600px;
}
div#main {
	width: 560px;
	padding: 3px 0 20px 10px;
	text-align: justify;
}
* html div#main {
	width: 570px;
}
div#nieuws {
	border: 1px solid Silver;
	background-color: #F5F5F5;
	padding: 5px 5px 10px 5px;
	text-align: left;
}
div.rondKaderMidden, div.rondKaderMiddenGeel {
	padding: 8px 25px 8px 20px;
	overflow: hidden;
}
div.rondKaderMidden {
	background: url(rondKaderMidden.gif) repeat-y;
}
div.rondKaderMiddenGeel {
	background: url(rondKaderMiddenGeel.gif) repeat-y;
}
* html div.rondKaderMidden, * html div.rondKaderMiddenGeel {
	width: 100%; /* Force hasLayout in IE */
}
div.rondKaderOnder, div.rondKaderOnderGeel {
	padding: 4px 25px 0 20px;
	height: 28px;
	clear: both;
}
div.rondKaderOnder {
	background: url(rondKaderOnder.gif) no-repeat;
}
div.rondKaderOnderGeel {
	background: url(rondKaderOnderGeel.gif) no-repeat;
}
* html div.rondKaderOnder, * html div.rondKaderOnderGeel {
	height: 32px;
}
div#teller {
	position: absolute;
	left: 12px;
	bottom: 8px;
	font-size: 9px;
	color: darkgray;
	width: 116px;
	padding: 2px 4px;
}
* html div#teller {
	width: 124px;
}
span.toelichting {
	font-size: 0.8em;
	text-align: center;
	color: Navy;
}
span.toelichtingrechts {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	text-align: center;
	color: Navy;
}
span.toelichtinglinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	text-align: center;
	color: Navy;
}
span.verkocht {
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}
span.inactief {
	color: silver;
}

a {
	color: Navy;
}
a:hover {
	color: #576491;
	text-decoration: none;
}
a.navPopImage, a.navPopImageInactief {
	text-decoration: none;
	padding: 1px 3px;
	margin: 0 3px;
	font-size: 0.9em;
}
a.navPopImage {
	background-color: navy;
	color: white;
}
a.navPopImage:hover {
	background-color: #576491;
	color: white;
}
a.navPopImageInactief {
	background-color: silver;
	color: #333333;
}
a.toelichting {
	cursor: help;
}
a.anchorH2, a.anchorH2:hover, a.anchorH3, a.anchorH3:hover {
	color: #333333;
	text-decoration: none;
}

h1 {
	margin-top: 0;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}
h2 {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
h2.verkoop, h2.verkoopGeel {
	padding: 11px 25px 0 20px;
	height: 21px;
	margin-bottom: 0;
}
h2.verkoop {
	background: url(rondKaderBoven.gif) no-repeat;
}
h2.verkoopGeel {
	background: url(rondKaderBovenGeel.gif) no-repeat;
}
* html h2.verkoop, * html h2.verkoopGeel {
	height: 32px;
}
h2.nieuws {
	color: Navy;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
h3 {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
}
h3.top {
	margin-top: 0;
}

ul {
	padding-left: 0;
	margin: 5px 0 25px 25px;
	list-style: disc url(ul.gif);
	text-align: left;
}
ul.verkoop {
	margin-left: 15px;
	margin-bottom: 5px;
}
li.noBullet {
	list-style: none none;
}

hr {
	border: 0px none;
	border-bottom: 1px dashed Silver;
	height: 1px;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

img.thumb, img.thumbWithOverlay {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	margin: 0 3px 3px 0;
}
/* no margin if there is more than 1 class declared. not 
really necessary: the second value declared (i.e. the order 
of declarations in the stylesheet) prevails if the classes 
are defined for the same HTML element type (e.g. IMG). */
* html img.thumb, * html img.thumbWithOverlay {
	/* margin: expression(!this.className.match(' ') ? '0 3px 3px 0' : ''); */
}
img.floatright {
	float: right;
	margin: 0 0 10px 10px;
}
img.floatleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.popUp {
	margin-bottom: 10px;
}
img.verkoop {
	float: right;
	margin: 0 0 2px 20px;
	border: 1px solid silver;
}

*:focus {
	-moz-outline: none;
	outline: none;
}

.attentie {
	color: #c00000;
	font-variant: small-caps;
}
.blauw {
	color: Navy;
}

input.veld, textarea {
	background-color: white;
	font: 1em Arial, Helvetica, sans-serif;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: auto;
	width: 290px;
	margin-right: 10px;
}
select {
	background-color: white;
	font: 1em Arial, Helvetica, sans-serif;
	width: 290px;
	margin-right: 10px;
}
input.button {
	background-color: white;
	font: 1em Arial, Helvetica, sans-serif;
	color: navy;
	width: 120px;
	margin-top: 10px;
	border: 1px solid black;
}
label {
	float: left;
	padding-right: 10px;
	width: 90px;
	text-align: right;
	margin-bottom: 10px;
}
* html label {
	width: 100px;
}
