html, body {
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ 
}

body {
	background: #E3ECEB none;
	color: #00443E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
}

#kop {
	background: #B7CADB;
	display: block;
	height: 70px;
}

#menu {
	display: block;
	position: relative;
	width: 100%;
	height: 1.7em;
	background: #606F7D url(achtergrond.jpg) repeat-x scroll left bottom;
	padding: 0 0 10px 0;
	font-size: 0.8em; 
	z-index: 999;
}

#menu ul {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	float: right;
	min-width: 100%; /* dit is een verhelpt het probleem in Opera */
}

#menu li {
	float: right;
	position: relative;
}

#menu li a.menu1 {
	display: block;
	position: relative;
	height: 1.7em;
	_width: 5px; /* Otherwise IE takes a 100% width for each li and this is rendered as min-width */
	padding: 0 17px 0 17px;
	border-left: 1px solid #606F7E;
	border-right: 1px solid #606F7E;
	color: #E3ECEB;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.7em;
}

#menu li a.menu1:hover {
	color: #BDCDDD;
	border-left: 1px solid #BDCDDD;
	border-right: 1px solid #BDCDDD;
}

#menu ul.menu2 {
	display: none;
	left: 0;
	top: 1.7em;
	position: absolute;
}

#menu ul.menu2 li {
	float: none;
}

#menu li:hover ul.menu2, #menu li.over ul.menu2 {
	display: block;
}

#menu ul.menu2 a {
	display: block;
	width: 14em;
	text-decoration: none;
	color: #606F7E;
	border: 1px solid #BDCDDD;
	background: #BDCDDD none;
	height: auto;
	text-align: center;
	padding: 3px 0 3px 0;
}

#menu ul.menu2 a:hover {
	border: 1px solid #606F7E;
}


.message, .message2, .message3, #snelmenu2 {
	display: block;
	margin: 7px 0px 17px 0px;
	border: 2px dotted #BDCDDD;
	padding: 2px 2px 2px 2px;
}

.message2 {
	margin: 7px 15px 7px 15px;
}

.message3 {
	background: #FFFFFF;
}

.message .title, .message2 .title, .message3 .title {
	background: #BDCDDD none;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.message .title2, .message3 .title2 {
	background: #BDCDDD none;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.message .content, .message2 .content, .message3 .content, #snelmenu2 .content {
	padding: 3px 0 3px 0;
}

.message .content2, .message2 .content2 {
	padding: 3px 0 3px 0;
	text-align: center;
}

.message2 .content_artikel {
	background: #FFFFFF;
	padding: 20px 3px 3px 3px;
}

.note, .message .note, .message2 .note {
	text-align: center;
	border-top: 2px dotted #BDCDDD;
	font-size: 0.8em;
}

#snelmenu {
	float: left;
	width: 12em;
	z-index: 0;
	margin: 4px 4px 4px 4px;
}

#snelmenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
}

#snelmenu2 ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 15px 5px;
}

#snelmenu #takken li {
	display: block;
}

#snelmenu #takken li a {
	display: block;
	height: 80px;
	width: 65px;
	background-position: left top;
	background-repeat: no-repeat;
}

#snelmenu #takken li a:hover {
	background-position: right top;
}

.content ul li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#inhoud {
	float: none;
	border-left: dotted 2px #606F7D;
	margin: 0px 0px 0px 12.8em;
	padding: 5px 8px 5px 8px;
	min-height: 400px;
	_height: 400px;
}

#inhoud2 {
	z-index: 0;
	margin: 0px 16em 0px 0px;
	padding: 0px 0px 0px 0px;
}

#platte_opsomming {
	margin: 0 0 0 0;	
}

.platte_opsomming {
	margin: 0 0 0 0;	
}

#platte_opsomming ul, .platte_opsomming {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
}

#toolbar {
	float: right;
	width: 15em;
	z-index: 0;
	margin: 0px 0px 0px 0px; 
	padding: 0px 3px 0px 3px;
}

a , a:link, a:visited, a:active {
	color: #9C182C;	
	text-decoration: none;
}

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

a img {
	border: 0;
}

.locatie {
	color: #606F7D;
	font-size: 8pt;	
	border-bottom: solid 1px #BDCDDD;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}

a:link.locatie, a:active.locatie, a:visited.locatie {
	text-decoration: none;
	color: #9C182C;
}

a:hover.locatie {
	text-decoration: underline;
	color: #606F7D;
}

h1 {
	padding: 7px 5px 15px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 11pt;
	text-align: left;
	font-weight: bold;
	color: #BDCDDD;
	background: url(titel.gif) no-repeat;
	height: 15px;
}

h2 {
	font-size: 10pt;
	font-weight: bold;
	background: #E3ECEB url("pijltjes.gif") no-repeat left bottom;
	padding: 0px 0px 0px 14px;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.3em;
	font-weight: lighter;
	text-align: center;
	margin: 8px 0px 0px 0px;
}

acronym {
	border-bottom: dotted 1px #606F7D;
	cursor: help;
}

.titel2 {
	color: #606F7D;
	font-weight: bold;
	background: #BDCDDD url("pijltje.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.titel3 {
	color: #606F7D;
	font-weight: bold;
	background: #E3ECEB url("pijltje.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.pijltje {
	background: transparent url("pijltje2.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.midden {
	text-align: center;
}

.rechts {
	text-align: right;
}

.input, .inputvast, .inputdisabled, .inputdisabled2, .inputdisabledvast, .inputklein, .inputvast2, .inputdisabledvast2 {
	color: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #606F7D;
	background-color: white;
	padding: 0px 0px 0px 2px;
	overflow: auto;
}

.inputdisabled2 {
	overflow: visible;
	text-align: right;
}

.inputvast, .inputdisabledvast, .inputbox {
	width: 420px;
}

.inputvast2, .inputdisabledvast2 {
	width: 620px;
}

.inputdisabled {
	background: #E3ECEB;
}

.inputklein {
	font-size: 0.8em;
}

.button, .buttonklein {
	color: #E3ECEB;
	border: 1px solid #BDCDDD;
	background: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}

.buttonklein {
	font-size: 0.8em;
}

.inputbox {
	color: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #606F7D;
	background-color: white;
	padding: 0px 0px 0px 2px;
	overflow: auto;
	height: 6em;
}

.onder_inputbox {
	padding: 5px 0px 0px 0px;
}

#trekdoor {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#voet {
	clear: both;
	background: #606F7D;
	color: #E3ECEB;
	padding: 3px 3px 3px 3px;
	text-align: center;
	display: block;
	font-size: 0.8em;
}

#voet a{
	color: #E3ECEB;	
}

.inhoud_tabel {
	border: #BDCDDD solid 1px;
}


th {
	background: #BDCDDD;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	height: 20px;
}

.tabel, .tabel3 {
	text-align: center;
	background-color: #E3ECEB;
	border: 2px dotted #BDCDDD;
	padding: 2px 2px 2px 2px;
	margin: 2px auto 2px auto;
}


.tabel2 {
	border: #00443E solid 1px;
}

.tabel3 {
	text-align: left;
}

.tabel3 th {
	text-align: center;
	vertical-align: top;
	background: #BDCDDD;
	font-weight: bold;
	white-space: nowrap;
	padding: 2px 4px 2px 4px;
}

.tabel3 td {
	vertical-align: top;
	border: 1px dotted #BDCDDD;
	white-space: nowrap;
	padding: 1px 3px 1px 3px;
}

.tabel4 {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.tabel4 tr td {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.td1 {
	background: #BDCDDD;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.td2 {
	border: 1px dotted #BDCDDD;
}


.rijkop, .rijkopvast, .rijkoplager {
	background: #BDCDDD;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	text-align: right;
	vertical-align: top;
}

.rijkopvast {
	width: 140px;
}

.rijtekst, .rijtekstvast {
	text-align: left;
}

.rijtekstvast {
	width: 449px;
}

.rijkoplager {
	padding: 4px 2px 2px 2px;
}

.tabeltitel_links {
	width: 8em;
	text-align: left;
}

.tabeltitel_rechts {
	width: 8em;
	text-align: right;
}

.in {
	padding: 0px 0px 0px 20px;
}

.lijn {
	border-bottom: solid 1px #606F7D;
	margin: 10px 0px 10px 0px;
}

.lijntje {
	border-bottom: dotted 2px #BDCDDD;
}

.voetnoot {
	border-top: dotted 2px #606F7D;
	color: #606F7D;
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.loginstatus {
	color: #606F7D;
}

.fotokader {
	background-color: #E3ECEB;
	border: 1px solid #BDCDDD;
	width: 104px;
	height: 104px;
}

.foto {
	background-color: #E3ECEB;
	border: 1px solid #C0C0C0;
}

.map {
	text-align: center;
	background-color: #E3ECEB;
	border: 2px dotted #BDCDDD;
	padding: 2px 2px 2px 2px;
	display: none;
	margin-top: 2px;
	position: relative;
	width: 100%;
}

#belangrijk, .belangrijk {
	color: #9C182C;
	font-weight: bold;
}

.message3 .pijltje {
	background: #FFFFFF url("pijltje2.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.jws05 {
	font-size: 0.8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.jws05 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.jws05 ul li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.kalenderdag {
	background-color: #A51D03;
	border-top: 1px solid #C7ADB0;
	border-bottom: 1px solid #C7ADB0;
	border-left: 1px solid #C7ADB0;
	border-right: 1px solid #C7ADB0;
	color: #D8A83A;
	font-size: 0.8em;
	font-family: verdana, arial;
	text-align: center;
	padding: 3px 3px;
	width: 80px;
}

.kalenderdagweekend, .kalenderdaggewoon, .vandaag , .optie, .bevestigd , .optie_vandaag, .bevestigd_vandaag {
	font-size: 0.8em;
	border: 1px solid #BDCDDD;
	padding: 3px;
	text-align: left;
	width: 80px;
	height: 50px;
	vertical-align: top;
}

.kalenderdagweekend {
	background-color: #BDCDDD;
}

.kalenderdaggewoon {
	background-color: #FFFFFF;
}

.vandaag {
	background-color: #606F7D;
	color: #E3ECEB;
}

.optie {
	background-color: #FACA0A;
}

.optie_vandaag {
	background-color: #F6DA6C;
}

.bevestigd {
	background-color: #CD0E0E;
	color: #E3ECEB;
}

.bevestigd_vandaag {
	background-color: #870D0D;
	color: #E3ECEB;
}

.kalenderdagweekend a, .kalenderdaggewoon a, .kalenderdagweekend a:link, .kalenderdaggewoon a:link, .kalenderdagweekend a:visited, .kalenderdaggewoon a:visited, .kalenderdagweekend a:hover, .kalenderdaggewoon a:hover, .kalenderdagweekend a:active, .kalenderdaggewoon a:active {
	color: #9C182C;
}

.vandaag a, .vandaag a:link, .vandaag a:visited, .vandaag a:hover, .vandaag a:active, .bevestigd a, .bevestigd a:link, .bevestigd a:visited, .bevestigd a:hover, .bevestigd a:active , .bevestigd_vandaag a, .bevestigd_vandaag a:link, .bevestigd_vandaag a:visited, .bevestigd_vandaag a:hover, .bevestigd_vandaag a:active {
	color: #E3ECEB;
}

.tooltip {
	position: relative;
}

.tooltip a .extra_info {
	display: none;
}

.tooltip a:hover {
	font-size: 99%;
}

.tooltip a:hover .extra_info {
	display: block;
	position: absolute;
	margin-top: 1.6em;
	margin-left: 0em;
	left: -18em;
	top: 0px;
	padding: 1px;
	z-index: 10;
	background: #BDCDDD;
	color: #00443E;
	text-decoration: none;
	border: solid 1px #606F7D;
	width: 20em;
	float: none;
}

.tooltip a:hover .extra_info span {
	background: #E3ECEB;
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	background: #E3ECEB url("pijltje2.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.bevestigingscode {
	border: 1px solid #606F7D;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

th.tabelvoet {
	text-align: right;
}

td.tabelmidden {
	text-align: center;
	vertical-align: middle;
	margin: 30px 3px 3px 3px;
}

.foto_links {
	float: none;
}

img.foto_links {
	float: left;
	padding: 0px 4px 4px 0px;
}

.tabelhover2 {
	background: #D0D0D0;
}

.tabelhover3 {
	background: #F0F0F0;
	color: #A0A0A0;
}

.tabelhover:hover, .tabelhover2:hover, .tabelhover3:hover {
	background: #606F7D;
	color: #E3ECEB;
}

.tabelhover:hover a, .tabelhover2:hover a, .tabelhover3:hover a   {
	color: #E3ECEB;
}

.fotokader_rechts {
	background-color: #FFFFFF;
	border: 1px solid #BDCDDD;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 2px 5px;
	float: right;
}

.fotokader_links {
	background-color: #FFFFFF;
	border: 1px solid #BDCDDD;
	padding: 6px 6px 6px 6px;
	margin: 0px 5px 2px 0px;
	float: left;
}

.onderstrepen {
	text-decoration: underline;
}

.verberg {
	display: none;
}