/* CSS Document */

body{
	background:white;
	font-family:Verdana, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	background-attachment : fixed;

}
a{
	text-decoration:none;
	font-size:11px;
	color:#025996;
}
a:hover{
	text-decoration:underline;
}

#popUpRect{
	POSITION: absolute; 
	border: 2px solid #0061AB;
	VISIBILITY: hidden; 
	Z-INDEX: 200;  
	FILTER: Alpha(opacity=50, finishopacity=50, style=2);

}
body.map[class] #popUpRect{
	border: 2px solid #0061AB;
	background: url(/img/transparant_vierkant_locatienet.png);
} 

a#routeLink{
	display:none;
}

table#maptable{
	width:100%;
}

/* locatienet owned prop */
#popUpRect { POSITION: absolute; VISIBILITY: hidden; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #666666 2px solid; Z-INDEX: 200;  BORDER-LEFT: #666666 2px solid; BORDER-BOTTOM: #666666 2px solid; FILTER: Alpha(opacity=50, finishopacity=50, style=2);} 
#tipcaption { background-color: #0A70B8;border-bottom:1px solid black; color: White; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#tipcaption A { background-color: #0A70B8;border-bottom:1px solid black; color: White; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#tiptext { 	background-color:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

/* tiptext */
div#tooltip table tr#tipcaption td{
	line-height:20px;
	font-size:12px;
	padding: 0 5px;
	background:#0061AB;
}
div#tooltip table tr#tipcaption td a{
	border:0;
	background:#0061AB;	
}
div#tooltip table table{
	font-size:11px;
	margin:5px
}


table.zoomLevel{
	margin:5px 0 10px;
}
tr.zoomLevel td{
	padding:10px 0 10px 10px;
}

table.zoomLevel a
, tr.zoomLevel a
{
	float:left;
	display:block;
	text-indent:-1000px;
	background: #DDD;
	height:20px;
	margin: 0 0 0 3px;
	border:1px solid white;
}
table.zoomLevel a:active{
	border:0;
}
table.zoomLevel a.lev1{ height:10px; width: 10px;}
table.zoomLevel a.lev2{ height:12px; width: 10px;}
table.zoomLevel a.lev3{ height:14px; width: 10px;}
table.zoomLevel a.lev4{ height:16px; width: 10px;}
table.zoomLevel a.lev5{ height:18px; width: 10px;}
table.zoomLevel a:hover{background: #666666; border:1px solid black}

tr.zoomLevel a.zoomin
, table.zoomLevel a.zoomin
{ 
	background: url(/img/zoom.gif) 0px 0px no-repeat; 
	width: 20px;
	border:0;
}
tr.zoomLevel a.zoomin:hover
, table.zoomLevel a.zoomin:hover
{ 
	background: url(/img/zoom.gif) 0px -20px no-repeat; 
	width: 20px; 
	border:0;
}
tr.zoomLevel a.zoomuit
, table.zoomLevel a.zoomout
{ 
	background: url(/img/zoom.gif) 0px -40px no-repeat; 
	width: 20px; 
	border:0
}
tr.zoomLevel a.zoomuit:hover
, table.zoomLevel a.zoomout:hover
{ 
	background: url(/img/zoom.gif) 0px -60px no-repeat; 
	border:0;
	width: 20px; 
}
tr.zoomLevel a.reset
, table.zoomLevel a.reset
{ 
	background: url(/img/zoom.gif) 0px -120px no-repeat; 
	width: 20px; 
	border:0
}
tr.zoomLevel a.reset:hover
, table.zoomLevel a.reset:hover
{ 
	background: url(/img/zoom.gif) 0px -140px no-repeat; 
	border:0;
	width: 20px; 
}
tr.zoomLevel a#routeLink
, table.zoomLevel a#routeLink
{
	text-indent:0;
	margin: 0 0 0 20px;
	width:auto;
	background:none;
	line-height:20px;
}
tr.zoomLevel a#routeLink:hover
, table.zoomLevel a#routeLink:hover
{
	border:none;
	line-height:20px;
	text-decoration:underline;
}


/* MAP CSS */
body.map {
	display:none;
}
body.map #scaletool
, body.map #locationinfo
, body.map #quicklinks
, table#zoomtool
{
	display:none;
}




/* END OF MAP CSS */

/* Route CSS */
body.route{
	background:#FFF6CC;
}
body.route form{
	display:block;
	background:#FFDF0F url(/img/bg_header_logo.gif) 180px 20px no-repeat;
	width:520px;
	padding:100px 0 0 0;
	margin:0 auto;
}
body.route form br{
	height:0;
}

body.route table#routetable{
	background:white;
	font-size:11px;
	width:510px;
	overflow:hidden;
	margin: 0 auto;
}
body.route table#routeinfo td{
	padding:0 10px;
}
body.route table#routeinfo td td{
	padding:0;
}
body.route table#routeinfo td a{
	padding:10px 0 0px;
	display:block;
}
body.route table table{
	margin:0;
}
body.route tr.routenode_1 td{
	background:#EFEFEF;
}
body.route tr.routenode_1 td.snelwegplaatsnaam{
	background:#0a4fff;
}

body.route td.snelwegplaatsnaam{
	color:white;
}
body.route table#quicklinks{
	display:none;
}
body.route table#detailmaptable{
	margin:0 auto 20px;
}
body.route div.routePrint{
	float:right;
	margin:0 0px;
	line-height:20px;
	height:20px;	
}
body.route div.routePrint a{
	background: url(/img/zoom.gif) 100% -160px no-repeat; 
	padding: 0 30px 0 0 ;
	line-height:20px;
	height:20px;
	float:left;
}
body.route div.routePrint a:hover{ background-position:100% -180px;}

/* inputform_popup */
body.address_popup,
body.inputform_popup{
	background:#FFF6CC;
}
body.inputform_popup a#routeLink{
	display:none;
}
body.address_popup table#addresspopuptable,
body.inputform_popup table#inputformpopuptable{
	margin:20px auto;
}

body.inputform_popup table#inputformpopuptable td{
	font-weight:bold;
} 
body.address_popup table#addresspopuptable td table td,
body.inputform_popup table#inputformpopuptable td table td{
	font-weight:normal;
	padding: 0 5px 10px 0 
}

body.address_popup h1{
	text-align:center;	
}
body.address_popup td a{
	font-weight:bold;
	padding: 20px 0 0;
	display:block;

} 

body.inputform_popup a{

}


