<!--

html, body {
  background-color:#fafafa;
  font-family: Verdana,Arial;
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 100%; 
  width:  100%;
  min-height: 100px;
  min-width:100px;
  color: #444;
}

  
#containerleft{ 
  float:   left;
  width:   200px; 
  overflow:hidden;
}

#containerleft a {
	color: #444;
}

#sidebarleft { 
  padding:3px;
  background-color:#eee;
  border: 1px solid #E5E5E5;  
}

#sidebarleft td {
  vertical-align:top;
}

.ads
{
  margin-top:3em;
  text-align:left;
  height: 700px;
  border: solid 0px black;
  overflow: hidden;
}

#header 
{ 
  padding-bottom:3px;
}

#mapcontainer
{ 
}

#streetview
{
	left: 218px;
	height: 150px;
	width: 150px;
	position:relative; 
	position: absolute;
    bottom: 0;
	background-color:white;
	z-index: 10000;
	display : none;
	padding: 10px;
}
	
.mapheader {   
  margin-left:205px;
  margin-right:7px;
  padding:0px;
  background-color: #eeeeee;
  border: 1px solid #E5E5E5;  
}

#text
{
  
  margin: 0px 0px 0px 205px;
  display:none;
  padding:0px;
  font-size: 10pt;
}

#text td, th {   
  border-bottom: solid 1px gray;
  font-size:8pt;
  padding: 1px;
}

form {
  display:inline;
}

h1 
{   
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 16pt;
  color: #2777a1;
}

h2
{ 
  margin-top: 6px;
  font-weight: bold;
  font-size: 10pt;
  color: #2777a1;
}

A:link    { color: #367EA6; text-decoration: none;  }
A:visited { color: #367EA6; text-decoration: none;  }
A:active  { color: #367EA6; text-decoration: none;  }
A:hover   { color: #367EA6; text-decoration: underline;  }


input, select, textarea { 
  font-family: Verdana,Arial;
  font-size: 8pt;
  border: 1px solid #DDD;
  padding: 2px;
}

label {
	padding: 0px;
	float: left;
	text-align: left;
	display:block;
	margin: 0px;
}

.smallwidth {
	width: 5em;
}

.largewidth {
	width: 6em;
	padding-top:2px;
}
	
fieldset {
	margin: 0px;
	padding: 1px;
	border: 1px solid #fafafa;	
	background: url(images/bgul.gif) repeat-x;
}

.inline {
	display: inline;
	vertical-align: top;
}

.alignleftwidth {	
	margin: 0px;
	border: 1px solid #fafafa;
	text-align: left;
	display: block;
	border-bottom: none;	
	padding: 0px;	
	vertical-align: top;
}

.alignleft {		
	margin: 0;
	border: 1px solid #FAFAFA;    
	text-align: left;
	display: block;
	border-bottom: none;	
	padding: 2px;
}

.aligncenter {
	margin: 0;	
	border: 1px solid #FAFAFA;
	text-align: center;
	display: block;
	border-bottom: none;	
	padding: 2px;
}

.alignright {
	
	margin: 0;
	border: 1px solid #FAFAFA;
	border-bottom: none;
	display: block;
	padding: 2px;
	text-align:right;
}

.routelist {   
  display: none;
  position:absolute;
  background-color:#EEE;
  top: 155px;
  right:27px;
  width:200px;      
  border: 1px solid #E5E5E5; 
  padding: 0px; 
  margin: 0px;
  z-index:11;
}

input:focus, input:hover { 
	background-color: #fafafa;
}


.koptekst { 
  color:#003470;
  color: #666;
  font-weight: bold;
  padding:2px;
  border: 0px solid black;
  padding: 0px;
  margin: 0px;
}

.label { 
  color:#003470;
}

img { 
  border:0px;
}


pre { 
  margin-left: 20px;
  background-color: #e1e1e1;;
  padding:3px;
}

.searchbutton {
	background: url(images/search.gif) no-repeat left bottom;
	border:1px solid #E5E5E5;  
	height: 22px;
	width: 22px;
}

.excelbutton {
	background: url(images/icons/excel_icon.jpg) no-repeat left bottom;
	border: solid 0px #D3D3D3;
	height: 20px;
	width: 20px;
}

.addpointbox {
	background: url(images/search.gif) no-repeat left bottom;
	border:solid 1px #D3D3D3;
	height: 22px;
	width: 22px;
}

.buttoncolor {
  background-color: #DDDDDD;
  border: 1px solid #D3D3D3;
  padding: 1px;
}

.styled {
	display: inline;
}

.item {	
	padding: 10px;
	padding-top:0px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}

hr {
	background-color: white;
}

.bold {
	font-weight: bold;
}

.fullpage {
	z-index:999; 
	background-color:black;  
	filter: alpha(opacity=30); 
	-moz-opacity: .3; 
	opacity: 0.3; 
	position:absolute; 
	width:100%;
	height:100px; 
	display:none;	
}

.fullpage_content {
	z-index:999; 
	background-color:white; 	
	position: absolute; 
	width: 100%; 
	top: 100px; 
	bottom: 100px; 
	height:80%; 
	text-align:center; 
	color: black;
	display:none;
}

.nospace {
margin: 0px 0px 0px 0px;
}


/* the overlayed element */
.main_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:white;
	font-size: 9pt;
	width:700px;	
	min-height:600px;
	border:1px solid #666;
	top: 0px;
	position:absolute;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 40px 5px #000;
	-webkit-box-shadow: 0 0 40px #000;	
}

/* close button positioned on upper right corner */
.main_overlay .close {
	background-image:url(images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	color:white;
}

#switchaccordion_down {
	display : none;
}

	/* root element for each accordion  */
	
.switchaccordion {
	position:absolute;
	top: 128px;
	right:30px;
	width:20px;
	height:15px;
	display:block;
	z-index:13;
	background:#ccc url(css/img/h30.png);
	background-color:#fff;
	text-align:center;
}

.gps {
	position: absolute;
	top: 180px;
	left: 230px;
	width: 32px;
	z-index: 12;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

@media screen and (max-width:640px) {
	.nav_option_extra { display: none; }
	.accordion { display: none; }
	#containerleft { display: none; width: 0px;}
	.mapheader { margin-left: 0px; text-align:center; }	
	#text { margin-left: 0px; }
	#lang { display : none; }
	#switchaccordion_up { display : none}
	#switchaccordion_down { display : block}
	.gps { left: 60px; } 
	.ads { display:none; }
	#mainad { display: block; }
	#createroute_block2 { display: none; }
	#createroute_block3 { display: none; }
	#header { text-align: center; }
	
}

.accordion {
	position:absolute;
	top: 125px;
	right:27px;
	
	z-index:12;
	/* some decorations for the accordion root element */
	background-color:#eee;
	width: 14em;
	border:1px solid #333;
	color: #444;

	/* IE6 cannot handle PNG24 backgrounds. use a solid color instead */
	-background:#666;


	/* put them side by side */
	float:left;
	margin:0px 0px 0px 0px;
}

/* accordion header */
.accordion h2 {
	background:#ccc url(css/img/h30.png);
	margin:0;
	padding:5px 10px;
	font-size:9pt;
	font-weight:bold;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	color:#444;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	background-color:#fff;
	color:#444;
}

/* accordion pane */
.accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:2px;
	font-size:8pt;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

.marker-text-icon {
  width: 24px !important;
  height: 24px !important;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 18px;
  border: 2px solid #3F51B5;
  text-align: center;
  color: #3F51B5;
  background-color: #fff;
  font-size: 16px;
}
-->