/* Fonts */
body, p, form, ol, ul, li, input, textarea, select, a,menu {font-family: Verdana;font-size: 12px; color:#EEEEEE}

body {
background-color: #555555;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
}

a, a:link, a:visited, a:active{color:#FFFFFF;}
a:hover{color: #A4A8B9;}
.menu{color: #000000;}
.menutitel{color: #000000;}
.menu:hover{color: #A4A8B9;}

/* Stijl */
a:link, a:visited, a:active, a, a:hover {text-decoration: none;}
img {border: 0;}

.white{ 
	font-family: Verdana;
	font-size: 12px;
	Color: #ffffff;
}

.bigwhite{ 
	font-family: Verdana;
	font-size: 18px;
	Color: #ffffff;
}

.black{ 
	font-family: Verdana;
	font-size: 12px;
	Color:#000000;
}

.userdetails{ 
	font-family: Verdana;
	font-size: 11px;
	color:rgb(204, 204, 204);
 }
  
/* Misc */
.inputbox {
	background-color:#FFCC99;
	border: 1px solid rgb(192, 192, 192);
	color:#000000;
}

.userdetailbox {
	background-color: #555555;
	border: 1px solid rgb(192, 192, 192);
	color:#000000;
	font-family: Verdana;
    font-size: 11px;
}

.invisiblebox {
	background-color: transparent;
	border: 0px;
	color:#EEEEEE;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: hidden;
}
.invisibleboxwhite {
	background-color: transparent;
	border: 0px;
	color:#FFFFFF;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: hidden;
}
.formbutton {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px groove #73727E;
}
.menubutton {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px groove #73727E;
	width: 100px;
}
.formlabel {
	color: #000000;
	background-color: #F8F8F8;
	border: 1px groove #73727E;
}

.PopupBox {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color:#333333;
}
A.PopupBox {
	font-family: "Verdana", "Arial";
	font-size: 12px;
	color:#333333;
}

.knop{
	border-style: solid;
	border-color: rgb(255, 255, 255) rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255);
	border-width: 1px;
	overflow: hidden;
	position: relative;
	visibility:inherit;
	background-color: #FFFFFF;
	text-align: center;
	font-family: 'Verdana'; 
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	color: #000000; 
	text-decoration:none; 
}

.knopdisabled{
	border-style: solid;
	border-color: rgb(255, 255, 255) rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255);
	border-width: 1px;
	overflow: hidden;
	position: relative;
	visibility:inherit;
	background-color: #FFFFFF;
	text-align: center;
	font-family: 'Verdana'; 
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	color:; 
	text-decoration:none; 
}

input.knop {background-color : #FFFFFF; color : #000000; font-family : Verdana}

#tips{
	overflow: hidden;
	position: absolute;
	top:139px;
	left:10px;
	visibility: visible;
	width: 176px;
	height: 339px;
	z-index: 1;
}
#maak{
	overflow: hidden;
	position: absolute;
	top:590px;
	left:10px;
	visibility: visible;
	width: 176px;
	height: 113px;
	z-index: 2;
}

#stap1{
	overflow: visible;
	position: absolute;
	visibility: hidden;
	top:137px;
	left:10px;
	width: 176px;
	height: 350px;
	z-index: 2;
}

#layerselect{
	overflow: hidden;
	position: absolute;
	top:137px;
	left:753px;
	width: 215px;
	height: 448px;
	visibility: visible;
	text-align:left;
	z-index: 1;
}

#stap3{
	overflow: hidden;
	position: absolute;
	top:482px;
	left:10px;
	width:176px;
	height:167px;
	visibility: visible;
	text-align:left;
	z-index: 1;
}

#stap4{
	overflow: hidden;
	position: absolute; 
	top:137px;
	left:753px;
	width: 180px;
	height: 290px;
	visibility: hidden; 
	text-align:left;
}

#stap5{
	overflow: hidden;
	position: absolute; 
	top: 423px;
	left: 753px;
	width: 300px;
	height: 190px; 
	text-align: left;
}

#stap6{
	overflow: hidden;
	position: absolute;
	top: 510px;
	left:753px;
	width: 300px;
	height: 100px;
	text-align: left;
	visibility: hidden;
}

#stap7{
	overflow: visible;
	position: absolute;
	top: 450px;
	left:753px;
	width: 303px;
	height: 150px;
	text-align: left;
	visibility: hidden;
	z-index: 2;
	background-color: #555555;
}

#bezoeker{
	overflow: hidden;
	position: absolute; 
	top:585px;
	left:755px;
	width: 215px;
	height: 88px;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	color:rgb(204, 204, 204);
}

#company{
	overflow: hidden;
	position: absolute;
	top:674px;
	left:755px;
	width: 210px;
	height: 30px;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	color:rgb(255, 102, 0);
	z-index: 1;
}

#map{
	overflow: visible;
	position: absolute;
	visibility: visible;
	top:137px;
	left:198px;
	width: 500px;
	height: 500px;
}

#voorwaarden{
	overflow: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1200px;
	background-color:#555555;
	color:#000000;
	font-family:Verdana;
	font-size:12px;
	border-style: solid;
	border-color: rgb(255, 255, 255) rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255);
	border-width: 1px;
	z-index: 100;
	visibility: hidden;
}