body {
	background-color: #FFFFFF;
	background: url(/img/Netwerkkaart-achtergrond.jpg) no-repeat top right;
}
#header #selected {
	display: inline;
	position: absolute;
	width: 270px;
	height: 100px;
	left: 170px;
	margin-top: 0;
	padding: 5px 5px 5px 15px;
	background: url(../img/controls_sprite.png) no-repeat -432px 0;
}
#header #selected a {
	text-decoration: none;
}
#header #selected a:hover {
	text-decoration: underline;
}
#header #testwaarden {
	/* vakje bovenin, wordt alleen voor testen gebruikt en alleen op de ontwikkelserver.*/
	position:absolute;
	left: 400px;
	display: inline;
	margin-top: 15px;
	background-color: blue;
	color: white;
}
#header #kaarttitel{
	position: absolute;
	right: 110px;
	display: inline-block;
	margin-top: 70px;
	margin-left: 300px;
	float: right;
}
#header #google1 {
	position: absolute;
	right: 0px;
	margin-top: 60px;
	display: inline;
	width: 84px;
	height: 51px;
	background: url(../img/controls_sprite.png) no-repeat -723px -55px;
	cursor: pointer;
}
#header #google2 {
	position: absolute;
	right: 0px;
	margin-top: 60px;
	display: inline;
	width: 84px;
	height: 51px;
	background: url(../img/controls_sprite.png) no-repeat -723px 0;
	cursor: pointer;
}
div#help a, a.button, #taalselector{
	clear: both;
	display: block;
	margin: 1px 0 0 5px;
	width: 150px;
	height: 30px;
	color: blue;
	font-weight:bolder;
	line-height:250%;
	text-decoration: none;
}
#taalselector{
	font-size:1.5em;
	color: #8b99c8;
}
div#help #hier{
	background: url(../img/controls_sprite.png) no-repeat -112px 0;
	text-indent: 10px;
}
div#help #zoek{
	background: url(../img/controls_sprite.png) no-repeat -112px -30px;
	text-indent: 50px;
}
div#help #filter{
	background: url(../img/controls_sprite.png) no-repeat -267px 0;
	text-indent: 10px;
}
div#help #aanmelden{
	background: url(../img/controls_sprite.png) no-repeat -267px -30px;
	height: 40px;
	text-indent: 60px;
}
div#help #discussie{
	background: url(../img/controls_sprite.png) no-repeat -267px -70px;
	height: 40px;
	text-indent: 60px;
}
div#ingelogd{
	margin: 10px 0 0 5px;
	width: 150px;
	text-align : center;
	border: 1px solid #8b99c8;
}
div#ingelogd a, div#ingelogd a.button {
	clear: both;
	display: block;
	background: #8b99c8;
	width: 150px;
	height: 20px;
	/*text-align: center;*/
	color: white;
	margin:  1px 0 0 0;
	font-weight: normal;
	line-height: 150%;
	text-decoration: none;
}
div#ingelogd #welkom{
	padding: 5px 0;
	width: 150px;
	text-align: center;
}
div#ingelogd #gegevens{
}
div#ingelogd #relatie{
}
div#ingelogd #uitloggen{
}
div#download  {
	margin-top: 15px;
	text-align: center;
	width: 150px;
	height: 100px;
}
div#download p {
	clear: both;
}
div#download img {
	clear: both;
}
div#twitteren{
	font-size: xx-small;
	width: 150px;
	text-align: center;
	position: absolute;
	bottom: 20px;
}
div#twitteren div#aantaltwitteraars{
	color: blue;
}
div#twitteren div#sharebuttons{
}
div#update {
	font-size: xx-small;
	width: 150px;
	text-align: center;
	position: absolute;
	bottom: 5px;
}
div#container {
	position: relative;
	width: 100%;
	margin: -1px;
	border: 1px solid #8b99c8;
	font-size: 10px;
	overflow: hidden;
	background-color:white;
	/*height: 400px;*/
	height: 100%;
}
canvas#canvas {
	background-color : transparent;
}
#loading_message{
	position: absolute;
	top: 200px;
	left: 300px;
	display: none;
	font-size: 14pt;
	padding: 10px;
	background-color: InfoBackground;
	z-index: 999;
}
/*de breedte van de persoonlijke gegevens
(zie persoonsgegevens.php*/
div#persoonsgegevens {
	width: 730px;
	margin: 10px;
}
div.node {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 14px;
	color: black;
}
div.node:hover {
	text-decoration: none;
	background: transparent;
	background: url(../img/nodes_sprite.png) no-repeat -28px 0px;
}
div.nettweet {
	position: absolute;
	top: 0;
	left: 0;
/*	width: 14px;
	height: 14px;
	background: url(../img/nodes_sprite.png) no-repeat -42px 0px;
*/
}
/* de bedieningselementen voor het canvas hangen boven het canvas.
ze blijven dus op hun plaats.*/
div#controls {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 70px;
	height: 140px;
	border: 1px solid silver;
	background-color : white;
}
div#controls a {
	position: absolute;
	width: 16px;
	height: 16px;
}
div#controls a#up {
	top: 7px;
	left: 27px;
	background: url(../img/controls_sprite.png) no-repeat -16px 0;
}
div#controls a#left {
	top: 27px;
	left: 7px;
	background: url(../img/controls_sprite.png) no-repeat -32px 0;
}
div#controls a#center {
	top: 27px;
	left: 27px;
	background: url(../img/controls_sprite.png) no-repeat -96px 0;
}
div#controls a#right {
	top: 27px;
	left: 47px;
	background: url(../img/controls_sprite.png) no-repeat -48px 0;
}
div#controls a#down {
	top: 47px;
	left: 27px;
	background: url(../img/controls_sprite.png) no-repeat 0 0;
}
div#controls a#min {
	top: 70px;
	left: 15px;
	background: url(../img/controls_sprite.png) no-repeat -64px 0;
}
div#controls a#plus {
	top: 70px;
	left: 40px;
	background: url(../img/controls_sprite.png) no-repeat -80px 0;
}
div#controls a#printen {
	top: 90px;
	left: 5px;
	/* hoogte en breedte anders dan de andere knopjes*/
	width: 60px;
	height: 45px;
	background: url(../img/controls_sprite.png) no-repeat 0 -16px;
}
img {
	float: left;
	margin-left: 10px;
}
div#filterbox div {
	margin-bottom: 10px;
}
table {
	width: 100%;
	/*margin-bottom: 20px;*/
}
td {
	vertical-align: top;
	padding-bottom: 5px;
}
td.head {
	width: 20%;
}

/* Deze form-stijl wordt alleen gebruik voor zoeken en filteren.
Zie 'kaart_verwerk_klik_ajax.php' */
form {
	width: 600px;
}
form div {
	margin: 10px 0;
	height: 2em;
}
form div label{
	float: left;
	width: 150px;
}
form div select {
	float: left;
	width: 350px;
}
img#close {
	position: absolute;
	top: 5px;
	left: 720px;
	cursor: pointer;
}
a#print {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 40px;
	left:720px;
	background: url(../img/controls_sprite.png) no-repeat -59px -16px;
}
a#print2 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 40px;
	right: 0px;
	background: url(../img/controls_sprite.png) no-repeat -59px -16px;
}
div#zoekresultaat{
	float:left;
	margin-top:20px;
	clear:both;
}
/* de opmaak van de helpschermen */
div.helpScherm{
	display: none;
}
div.helpScherm img {
	margin: 10px;
}