body {
	font-size: 12px;
	color: #000;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}

img,form {
	margin:0;
	padding:0;
	border:0;
}

table {
	font-size: 12px;
	width: 100%;
}

.left {
	float:left;
}
.right {
	float:right;
}

table tr td {
	padding-bottom: 5px;
}

a {
	color: #000;
}
a:hover {
	color: #777;
}

.ftop {
	margin-top: 141px;
}

p {
	line-height: 15px;
	margin-top: 6px;
	margin-bottom: 7px;
}

.center {
	text-align:center;
}
.tl {
	text-align:left;
}
.tr {
	text-align:right;
}

label {
	cursor: pointer;
}

.margin {
	margin: 5px;
}

.mtop {
	position: relative;
	top: 2px;
}

.cursor {
	cursor: pointer;
}

.border {
	border:1px solid #000;
}
.und,
div.info a {
	text-decoration: underline;
	cursor: pointer;
}

/* Overig */
.disc {
	padding: 5px;
	text-align:right;
	width: 340px;
}

.disc input {
	margin-top: 7px;
}

.high1 {
	color: #f0f5e4;
	font-style:italic;
	font-variant:small-caps;
}

.high2 {
	font-weight: bold;
}

h2 {
	margin-top: 8px;
	font-size: 16pt;
}
/* DRAGGING */
.dragstart {
	background-color: #fbfbfb;
	border: 1px solid #000;
}
.dragging {
	background-color: #f7f7f7;
	border: 1px	dotted #454545;
}

/* Float lefts en clear alles eromheen */
.clear {
	height: 45px;
	width: 100%;
}

/* FormWidth */
.formWidthA {
	width: 160px;
}

.formWidthB {
	width: 154px;
}
/* basis */
#main {
	width: 				626px;
	background: 		#fff;
	height: 			700px;
	position:			relative;

	margin: 			0 auto;
}

#talen {
	width: 100%;
	height: 17px;
	padding-left: 2px;
}

#header {
	height:					55px;
	width: 					100%;
	background-color:		#d8d8d8;
	border-bottom: 			1px solid #000;
}

#header h1 {
	float:				left;
	color: 				#32d500;

	margin-top: 		5px;
	margin-left: 		5px;

	display:			block;
	height:				45px;

	width:				300px;
	position: 			absolute;

	text-indent:			-9999px;
	background-image: 		url(../img/logo.png);
	background-repeat:		no-repeat;
	background-position:	top;
}

#header h1 a {
	display: block;
	width: 190px;
	height: 60px;
}

#zoekveld {
	margin-top: -1px;
	padding: 5px;
	height: 48px;
	width: 616px;;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow:hidden;
}

#adv {
	width: 616px;
	height: 16px;
	background-color: #b9e981;
	padding: 5px;
	font-variant:small-caps;
	text-align:center;
	cursor: pointer;
}

#geav {
	text-decoration: underline;
}

#kaart {
	height: 610px;
	width: 900px;
	padding-top: 2px;
	position:relative;
}
#map {
	width: 603px;
	height: 603px;
	background-repeat:no-repeat;
	background-color: #ebebeb;
	border: 1px solid #000;
	position:relative;
	float:left;
	z-index: 10;
	overflow: hidden;
}

#map_bg {
	background-image: url(../img/map_piece.png);
	width: 	1815px;
	height: 1815px;

	margin-top: -605px;
	margin-left: -605px;

	position: relative;
	top: 0px;
	left: 0px;
}
#mapp {
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 605px;
	z-index: 45;
}

.clear span.left {
	font-size: 10px;
	margin-top: 10px;
}

#linker {
	width: 626px;
	height: 28px;
	padding-top: 4px;
}
#linkA {
	width: 610px;
	margin-left: 5px;
	margin-top: -3px;
}
.widthLink {
	width: 290px;
	margin-right: 5px;
}

#footer {
	height: 20px;
	width: 606px;
	background: #fff;
	font-size: 8pt;
}


/* Dopren groote */

.v {
	border: 1px solid #000;
	position:absolute;
	cursor: pointer;
	display: block;
}

.k {
	width: 3px;
	height: 3px;
}
.m {
	width: 7px;
	height: 7px;
}

.g {
	height: 11px;
	width: 11px;
}

.nbd {
	color: #000;
	position:absolute;
	display: block;
	font-size: 8pt;
}

/* Legenda */
#legenda {
	width: 238px;
	height: 603px;
	background: #fff;
	border: 1px solid #000;
	float:left;
	margin-left: -219px;
	cursor: pointer;
}

#legenda .content {
	padding: 5px;
	padding-left: 3px;
	padding-right: 0px;
	height: 593px;
	width: 214px;
	float:left;
	overflow:auto;
}

#navigate,
#navi span,.plusmin span,
#zoomlevelman,
#knob
{
	background-image: url(../img/alg.png);
}

#navigate {
	height: 598px;
	width: 20px;
	padding-top: 5px;
	background-color: #b9e981;
	border-left: 1px solid #000;
	float:right;
	background-repeat: no-repeat;
	background-position: -17px 0px;
}

#legenda h2 {
	margin: 0px;
}

#items {
	margin-top: 4px;
}
#items .first {
	width: 190px;
	border-bottom: 1px solid #000;
	padding: 2px;
}

#items .titel {
	width: 188px;
	border: 1px solid #000;
	border-top: none;
	background: #ebebeb;
	padding: 2px;
}

#items .titel input {
	float: left;
}

#items .titel .floatdiv {
	height: 20px;
	width: 188px;
}

#items .titel span.name {
	display:block;
	float:left;
	width: 133px;
	padding: 2px 0px 3px 0px;
}

#items .titel ul,div.info h2 {
	margin: 0px;
}
#items .titel .color {
	margin-right: 3px;
	margin-top: 2px;
}

#items .titel span.start {
	font-size: 12px;
	margin: 0px;
	width: 150px;
	display:inline;
	padding-bottom: 5px;
}

#items ul.legendaul {
	margin:0px;
	padding:0px;
}

#items ul.legendaul li {
	list-style: none;
	border-top: 1px dashed #000;
	padding: 2px;
}
#items ul.legendaul li span.listitem {
	position: relative;
	top: 0px;
}

/* List select */
.tit {
	background: #73C828;
	color: #fff;
}

/* Informatie */
div.info {
	display: none;
	position:absolute;
	top: 100px;
	left: 100px;
	z-index: 25;
	width: 250px;
	padding: 5px;
}

div.info h2 {
	margin-bottom: 3px;
	cursor: move;
}
div.info .informatie {
	clear:both;
}

#rankinfo {
	top: 133px;
	left: 150px;
}

.weg {
	cursor: pointer;
}

/* Start */
#start {
	height: 0px;
	overflow:hidden;
}

/* Loader */
#loader {
	display:none;
	position:absolute;
	z-index: 50;
	top: 27px;
	left: 320px;
}


/* Geen res */
#geenres {
	border: 3px solid #7bd018;
	background: #fff;
	padding: 15px;
	font-weight:bold;
	font-variant:small-caps;
	max-width: 250px;
	position:absolute;
	top: -100px;
	left: 240px;
	z-index: 50;
}

#tempresult {
	display: none;
}

/* Zoomlevels */
#map .zoomlevels span,#map .zoomlevels div {
	position: absolute;
	font-size: 10px;
	cursor: default;
	z-index: 40;
}

#zl {
	left: 5px;
	top: 288px;
}

#zr {
	top: 288px;
	left: 576px;
}

#zb {
	top:3px;
	left: 305px;
}

#zo {
	left: 305px;
	top: 588px;
}

#zc {
	top: 288px;
	left: 305px;
}

#lijn_hor {
	border-left: 1px solid #000;
	left: 300px;
	top: 0px;
	height: 605px;
}

#lijn_ver {
	border-top: 1px solid #000;
	left: 0px;
	top: 304px;
	width: 605px;
}

#deselecteer {
	padding: 5px;
	padding-top: 3px;
	display: block;
}

#navigatielinks {
	position:absolute;
	top: 0px;
	left: 5px;
	z-index: 60;
}
#navi {
	width: 60px;
	height: 70px;
}

#navi div {
	width: 60px;
	height: 15px;
}

#navi div.margin {
	padding-left: 14px;
	width: 55px;
}

.plusmin {
	margin-left: 19px;
}

#navi span,.plusmin span {
	display: block;
	float:left;
	width: 15px;
	height: 15px;
	margin: 1px;
	cursor: pointer;
	background-repeat: no-repeat;
	border: 1px solid #000;

}

#zoomlevelman {
	display: block;
	height: 80px;
	width: 20px;
	background-position: 2px -1px;
	background-repeat: no-repeat;
}

#knob {
	display: block;
	float: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: -95px -64px;
}

#navigatielinks .up {	background-position: -83px 0px;}
#navigatielinks .down {	background-position: -98px 0px;}
#navigatielinks .lft {	background-position: -68px 0px;}
#navigatielinks .rght {	background-position: -53px 0px;}
#navigatielinks .mid {	background-position: -38px 0px;}
#navigatielinks .plus {	background-position: -38px -15px; float:none;}
#navigatielinks .min {	background-position: -53px -15px;  float:none;}

.marked {
	border: 3px solid #000;
}

/* ADS */

#ad {
	position: absolute;
	top: 5px;
	left: -140px;
	width: 160px;
}