/*Algemene stijlen */
html {
  color: white;
  font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
  overflow: hidden;
  margin: 0pt;
  padding: 0pt;
}

/*deze stijl moet op de tweede plek staan!*/
.olControlPanZoomBar {
left: 270px;
}
body {
  color: white;
  font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
  overflow: hidden;
  margin: 0pt;
  padding: 0pt;
}

ul {
margin: 0;
}
a{
color: #2e3436;
text-decoration: underline;
}
a:hover{
color: #2e3436;
text-decoration: none;
cursor:pointer;
}

/* positionering */
#container {
width: 100%;
margin: 0px auto;
background-color: #fff;
color: #333;
border: 0px;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

#top {
background:#006599 url(http://www.edugis.nl/templates/edugis/images/logoklein.png) no-repeat scroll 0 50%;
height:70px;
left:0;
opacity:0.9;
position:relative;
right:0;
top:0;
z-index:10000;
}

#leftnav {
float: left;
width: 255px;
margin: 0;
padding-left:5px;
bottom: 21px;
top: 70px;
position: absolute;
overflow:auto;
border-right: 1px solid gray;
background: white;
z-index:10000;
}

#mainMapPane {
padding: 0;
position: absolute;
left: 00px;
top: 0px;
bottom: 0px;
right: 0px;
height: 100%;
}

#footer {
clear: both;
margin: 0;
height: 20px;
color: #333;
opacity: 0.9;
background: #729FCF none repeat scroll 0 0;
border-top: 1px solid gray;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index:1000;
}

/* Top bar stijlen */

#boven {
height: 50px;
}

#googleGeocoder {
float:right;
padding-right:200px;
padding-top:7px;
}

#mainButtonBar {
position: absolute;
right: 15px;
top: 5px;
float: right;
width: 140px;
}

#beneden {
background: #729FCF none repeat scroll 0 0;
height: 20px;
opacity: 0.8;
}

#navSwitcher {
margin: 0;
padding: 0;
width:260px;
height:20px;
background:#eeeeec;
text-align: center;
}

#tabHeaderActive a {
  font-weight: bold;
  text-decoration: none;
  cursor:pointer;
}

#inklap {
position: absolute;
left: 260px;
top: 50px;
width: 20px;
height: 20px;
border: none;
margin: 0;
padding: 0;
text-decoration: none;
float: left;
}

#help {
position: absolute;
right: 13px;
top: 55px;
float: right;
color:#2E3436;
text-decoration:underline;
}

/* left bar */
#navSwitcher ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 10px;  }

#navSwitcher li {
display:inline;
float:none;
margin:0;
padding:0;
}

.tabContent {
height: 98%;
position:relative;
margin:0;
padding:0;
 }

/* Legenda */
#sortableLayerControl{
  list-style-type:none;
}

#layerControl .LayerClose {
background:#006599 none repeat scroll 0 0;
color:white;
font-size:8pt;
height:16px;
padding-left:4px;
white-space:nowrap;
}

#layerControl .LayerClose a {
float:right;
margin-left:4px;
margin-top:-14px;
}

#layerControl ol {
list-style-type: none;
margin:0px;
padding:0px;
}

#layerControl input{
  display:inline;
  cursor:pointer;
  right:0px;
  top:0px;
  bottom:0px;
  margin:3px;
}

#layerControl img{
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  margin:0px;
}

.LegendaDiv {
border: solid 1px grey;
margin: 5px;
}

.buttonLayerHeader {
margin-bottom:5px;
margin-left:138px;
margin-top:-20px;
text-align:right;
width:80px;
}

.titleDiv {
border-top: solid 1px #006599;
height: 25px;
}

.rowDiv{
width: 230px;
background: #c4d6df;
margin-top:2px;
border: 1px solid #006599;
}

.legend {
background: white;
}

/*Lagenbeheer*/
#workspaceCanvas {
list-style-type:none;
}
  
#addLayer .LayerClose {
background:#006599 none repeat scroll 0 0;
color:white;
font-size:8pt;
height:16px;
white-space:nowrap;
}

#al-content ol {
margin:  0;
padding: 0px;
list-style-type:none;
}
  
#addLayer .LayerClose a{
color: white;
}

.toevoegbareLaag {
margin-left:18px;
text-indent:-18px;
}

.rowLi {
width:230px;
margin-bottom: 2px;
margin-left: 0px;
}

.li3 a{
text-decoration: none;
}

.li3 a:hover{
text-decoration: none;
font-size: 16px;
margin-top:2px;
margin-bottom: 2px;
font-weight: bold;
}

/* getFeatureInfo stijlen */
.olPopupCloseBox{
background-image:url(../customlib/skin/tango/images/openlayers/close.gif);
}
.PopupContent {
padding: 5;
filter: alpha(opacity=100); PADDING-BOTTOM: 0px;
}
.olPopupContent {
margin-right: 10px;
overflow: auto;
}
.PopupHeader {
filter: alpha(opacity=100); PADDING-BOTTOM: 0px;
}
.layerTitle {
margin: 0;
background:#006599 none repeat scroll 0%;
border:1px solid #006599;
text-align:right;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-indent:10px;
}
.record {
margin:0px;
}

.record form {
padding: 0;
margin: 0;
}

.value INPUT {
border: none;
background: none;
}

/* footer stijlen */
/* showDistance */
#showDistance {
position: absolute;
bottom: 0px;
left: 560px;
height:20px;
}

#showDistance INPUT{
border: none;
background: transparent;
color: #2e3436;
}

/* locator */
#locatorToggle{
position: absolute;
width: 100px;
height: 20px;
text-decoration: none;
top:0;
right: 5px;
text-align: right;
}

/*cursortrack */
#cursorTrack{
position: absolute;
width: 300px;
height: 20px;
left: 265px;
bottom: 0;
}
#cursorTrack INPUT {
border: none;
background: transparent;
color: #2e3436;
}

/* outside */
#locatorMap {
background-color: #c4d6df;	border: 1px solid #000;
display: block;
overflow:hidden;
position: absolute;
z-index: 2;
width: 250px;
height: 250px;
right: 0px;
bottom: 20px;
z-index:10000;
}

/* Mapbuilder stijlen */
/* buttons */
.mbButton img{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
margin: 0px;
border:0px;
}

.mbButton:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
margin: 0px;
border:0px;
}

.mbButton:active, .mbButtonSelected img{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
margin: 0px;
border:0px;
}

.mbButtonSelected:hover img{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
margin: 0px;
border:0px;
}

/* scalebar */

.sbWrapper {
font-family:Verdana,sans-serif;
padding:5pt 0pt 10px 0px;
}
.sbBar {
background-color:#E88C08;
border:1px solid #000000;
height:7px;
}
.sbBarAlt {
background-color:#FFFFFF;
border:1px solid #000000;
height:7px;
}
.sbMarkerMajor {
width:0px;
}
.sbMarkerMinor {
width:0px;
}
.sbNumbersBox {
color:#333333;
font-size:0.65em;
top:-19px;
}
.sbLabelBox {
color:#333333;
font-size:0.8em;
font-variant:small-caps;
top:6px;
}
.sbLabelBoxSingleLine {
color:#000000;
font-size:10px;
top:-0.7em;
width:200px;
}
.olControlPanel {
  height: 28px;
}

.olControlPanel div { 
  display: block;
  float: left;
  cursor: pointer;
  width:  28px;
  height: 28px;
}