body {
	background-color: #bcf4bc;
	font-family: Arial, Helvetia, sans-serif;
	font-size: 10pt;
	text-align: left;

}

h2 {
	font-size: 14pt;
	font-weight: bold;
}
h2.h2link {
	font-size: 14pt;
	font-weight: bold;
}
h2.h2link:hover {
	color: white;
	background-color: gray;
}

a.h2class:hover{
	text-decoration: none;
	color: black;
	color: white;
	background-color: gray;

}
a.h2class:visited{
	text-decoration: none;
	color: black;
}
a.h2class:link{
	text-decoration: none;
	color: black;
}
a.h2class:active{
	text-decoration: none;
	color: black;
}
table {
    border-collapse: collapse;
    width: 95%;
}

th, td {
    text-align: left;
    padding: 8px;
}
tr{background-color: #F5F5DC;}
tr:nth-child(even){background-color: #FFFFF0;}

th {
    background-color: #bcf4bc;
    /*color: white;*/
}
  
div#topdown{
	
	padding-top: 0px;	
	padding-left: 5px;
	padding-bottom: 3px;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f7f7f7;
	border-radius: 10px;
	box-shadow: 10px 10px 5px grey;
	overflow:auto;

}

div#selecties{
	
	padding-top: 5px;	
	padding-left: 5px;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #bcf4bc;
	/*background-color: #f7f7f7;*/
	border-radius: 10px;
	box-shadow: 4px 4px 5px grey;
	overflow:auto;
	width: 95%;

}




div#knop{
	margin-top: 2px;
	margin-left: 10px;
	float: left;
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

div#knop:hover {
    color: white;
    /*text-decoration: underline;*/
    background-color: gray;
}

div#algemeen{
	
	padding-top: 0px;	
	padding-left: 5px;	
	padding-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
	border-radius: 10px;
	box-shadow: 10px 10px 5px grey;
}

div#linkspaths{
	
	padding-top: 0px;	
	padding-left: 0px;	
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px; 
	/*background-color: #f3f3f3;*/
	/*border-radius: 10px;*/
	/*box-shadow: 10px 10px 5px grey;*/
}


div#selecteer2{
	
	//padding-left: 0%;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
}
div#selecteer{
	
	//padding-left: 0%;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
}
div#adrestoevoegen{
	
	//padding-left: 0%;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
}

div#zelf{
	
	//padding-left: 0%;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
}


div#puntaanpassen{
	
	//padding-left: 0%;
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	background-color: #f3f3f3;
}
div#divtd{
	height: 100%;
	width: 100%;
}

div#divtd:hover{
	height: 100%;
	width: 100%;
	background-color: gray;
	color: white;
}

div#paths{
	margin-top: 3px;
	margin-bottom: 3px;
	overflow:auto;
	margin-left: 5px;
	margin-right: 5px;
	/*float: left;*/
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px;

}

div#paths:hover {
    color: white;
    /*text-decoration: underline;*/
    background-color: gray;
}

div.linksbox{
	width: 100%;
	overflow:auto;
}
div.linksbox1{
	width: 100%;
	overflow:auto;
	background-color: #C2C2C2;
}
div.linksbox2{
	width: 100%;
	overflow:auto;
	background-color: #E0E0E0;
}
div#paths50{
	margin-top: 3px;
	margin-bottom: 3px;
	overflow:auto;
	margin-left: 5px;
	/*margin-right: 5px;*/
	float: left;
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	width: 60%;

}

div#paths50:hover {
    color: white;
    /*text-decoration: underline;*/
    background-color: gray;
}

div.dvwtlink{
	margin-top: 3px;
	margin-bottom: 3px;
	overflow:auto;
	margin-left: 5px;
	/*margin-right: 5px;*/
	float: left;
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	width: 10%;
}

div.dvwtlink:hover {
    color: white;
    background-color: gray;
}


div.dvwnlink{
	margin-top: 3px;
	margin-bottom: 3px;
	overflow:auto;
	margin-left: 5px;
	/*margin-right: 5px;*/
	float: left;
	background-color: MintCream;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	width: 10%;
}

div.dvwnlink:hover {
    color: white;
    background-color: gray;
}




div#links{
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow:auto;
	margin-left: 5px;
	margin-right: 5px;
	/*float: left;*/
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;

}

div#links:hover {
    color: white;
    /*text-decoration: underline;*/
    background-color: gray;
}


div.addiv{
	margin-top: 0px;
	margin-bottom: 2px;
	overflow:auto;
	margin-left: 2px;
	/*margin-right: 5px;*/
	float: left;
	background-color: MintCream;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
	width: 100%;
}

div.addiv:hover {
    color: white;
    background-color: gray;
}

div.adblock{
	margin-top: 2px;
	margin-bottom: 2px;
	/*overflow:auto;*/
	margin-left: 2px;
	/*margin-right: 5px;*/
	/*float: left;*/
	background-color: MintCream;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
}


img.adimage {
	float: left;
}
div.adtextdiv {
	float: left;
	width: 300px;
	margin-left: 3px;
	/*margin-bottom: 5px;*/
}

/* overn */
div.divovernbox{
	width: 95%;
	overflow:auto;
	background-color: #E0E0E0;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	/*margin-right: 5px;*/
	background-color: MintCream;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
}


div.divovernboxads{
	width: 95%;
	overflow:auto;
	background-color: #E0E0E0;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	/*margin-right: 5px;*/
	background-color: MintCream;
	border-radius: 10px;
	box-shadow: 2px 2px 1px grey;
	text-decoration: none;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
}

div.divovernboxads:hover {
    color: white;
    background-color: gray;
}


div.divovern1 {
	float: left;
	width: 250px;
	margin-left: 3px;
	text-decoration: none;
	color: black;
	/*margin-bottom: 5px;*/
}

div.divovern1:hover {
    color: white;
    background-color: gray;
}


div.divovernafstand{
	float: left;
	width: 100px;
	margin-left: 3px;
	/*margin-bottom: 5px;*/
}
div.divrichting1{
	float: left;
	width: 20px;
	margin-left: 3px;
	text-align: center;
	/*margin-bottom: 5px;*/
}
div.divrichting1:hover {
    color: white;
    background-color: gray;
}
div.divrichting2{
	float: left;
	width: 20px;
	margin-left: 3px;
	text-align: center;
	/*margin-bottom: 5px;*/
}
div.divrichting2:hover {
    color: white;
    background-color: gray;
}


/*gr5*/
div#path1{
 	background-color: #FF0000;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

/*gr12*/
div#path2{
 	background-color: #ADD8E6;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

/*E8*/
div#path3{
 	background-color: #6e8b3d;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

/*E11*/
div#path4{
 	background-color: #171717;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

/*Pieterpad*/
div#path5{
 	background-color: #ffff00;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}


/*Camino 1*/
div#path6{
 	background-color: #0000ff;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path7{
 	background-color: #ffff99;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path8{
 	background-color: #0072ff;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path9{
 	background-color: #00b3ff;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path10{
 	background-color: #ff00d0;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}


div#path11{
 	background-color: #ffbb00;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}


div#path12{
 	background-color: #ff8800;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path13{
 	background-color: #807c7f;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}


div#path14{
 	background-color: #2C3718;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}



div#path15{
 	background-color: #ffd890;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path16{
 	background-color: #847760;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path17{
 	background-color: #9C927F;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path18{
 	background-color: #990000;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

div#path19{
 	background-color: #00004c;
 	border: 0px;
	height: 4px; 
	width: 20px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}


div#dvlinks {
	float: left;
	margin-bottom: 5px;
	font-size: 12pt;
}



li {
	margin-bottom: 5px;
	font-size: 12pt;
}

/* unvisited link */
a#basis:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a#basis:visited {
    color: black;
}

/* mouse over link */
a#basis:hover {
    color: blue;
    text-decoration: underline;
}

/* selected link */
a#basis:active {
    color: blue;
    text-decoration: underline;
}
button#curlocation{

}


div#locationinfo {
  display: none;
}
button#curlocation:hover + div#locationinfo {
  display: block;
}

#mapid { height: 600px; }