#TitleLayer {
  position:absolute;
  left:10px;
  top:100px;
  width:100%;
  height:50px;
  z-index:1;
  visibility:hidden;
}
#TopTabsLayer {
  display: none;
  position:absolute;
  left:200px;
  top:78px;
  width:420;
  height:12px;
  z-index:1;
  padding:0px;
  margin:0px;
  border-bottom: 1px solid #cccccc;
  display: none;
}
/* knoppenbalk boven de kaart */
#NavToolsLayer {
	position: absolute;
	left: 342px;
	top: 117px;
	width: 420;
	height: 30px;
	padding: 2px 1px 1px 1px;
	margin: 0px;
	z-index: 2;
}
#NavToolsLayer td, #NavToolsLayer select {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#NavToolsLayer select {
	border: 1px solid #ccc;
}
#ROIToolsLayer {
  position:absolute;
  background-color:#ffffff;
  left:200px;
  top:91px;
  width:420;
  height:30px;
  padding:0px;
  margin:0px;
  z-index:1;
}
#LanguageLayer {
  position:absolute;
  left:10px;
  top:35px;
  width:180;
  height:24px;
  z-index:1;
  padding:0px;
  margin:0px;
}
#SideTabsLayer {
  display: none;
  position:absolute;
  left:10px;
  top:78px;
  width:200;
  height:12px;
  z-index:1;
  padding:0px;
  margin:0px;
  border-bottom: 1px solid #cccccc;
}
#OtherToolsLayer {
  position:absolute;
  background-color:#ffffff;
  left:10px;
  top:91px;
  width:180;
  height:375px;
  padding:0px;
  margin:0px;
  z-index:1;
}
/* noordpijl en schaalbalk */
#ReferenceLayer {
  padding:0px;
  margin:0px;
  position:absolute;
  left: 10px;
  top: 30px;
  width:300px;
  height:125px;
  z-index:1;
  /*background-color: #F1F0F8;*/

}
#MapTipsLayer {
  padding:0px;
  margin:0px;
  position:absolute;
  left:10px;
  top:520px;
  width:180px;
  height:150px;
  z-index:1;
}
#ScaleZoomLayer {
  padding: 0px;
  margin: 0px;
  color: #666;
  font-size: 11px;
  position: absolute;
  left: 344px;
  top: 4000px;
  width: 180px;
  height: 50px;
  z-index:10;
  display: none;
}
#ScaleZoomLayer input {
	border: 1px solid #381D7A;
	font-size: 11px;
	padding-left: 3px;
}


/* de kaart */
#MainMapLayer {
  padding:0px;
  margin:0px;
  margin-left: 1px;
  position:absolute;
  left: 352px;
  top:  165px;
  width: 420px;
  height: 300px;
  z-index: 1;

}
/* pijltjes rondom kaart */
#PanArrowsLayer {
  padding:0px;
  margin:0px;
  position:absolute;
  left: 344px;
  top: 155px;
  width: 425px;
  height: 325px;
  z-index:0;
  background-color: cccccc;
  border: 0px none #000000;
}
/* titel boven kaart */
#PanArrowsTitle {
	position: absolute;
	border-bottom: 2px solid #381D7A;
	left: 345px;
	top: 90px;
	width: 400px;
	padding: 7px 5px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #381D7A;
	z-index: 2;
}
/* zoektitel boven kaart */
#SearchTitle {
	position: absolute;
	border-bottom: 2px solid #381D7A;
	left: 722px;
	top: 90px;
	width: 153px;
	padding: 7px 5px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #381D7A;
	z-index: 2;
}
.grey_border {
  border: 1px solid #cccccc;
}

/* ----------------------------------------------------------------------- */
/* general styles
/* ----------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/bg_body.gif) repeat-x #F1F0F8;
}
acronym, a {
	color: #381D7A;
	text-decoration: underline;
	font-weight: bold;
}
acronym {
	cursor: help;
}
a:hover {
	color: #381D7A;
}
.label
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #381D7A;
}
.title
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #381D7A;
}
.inputBox
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #381D7A;
  border-width: 0px;
}
.info {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #FFFFD3;
	color: #381D7A;
	font-size: 11px;
}
.info p {
	margin-top: 0;
}
.none {
	display: none;
}

/* ----------------------------------------------------------------------- */
/* top 
/* ----------------------------------------------------------------------- */

#search {
	color: #FF6600;
	margin-left: 8px;
}
#search td {
	border: 1px solid #ccc;
	height: 20px;
}
#tekst img, #navigation img, .overview img, #wmsbrowser img {
	border: 1px solid #9C8FBC;
}
#logos {
	background-color: #F1F0F8;
}

/* ----------------------------------------------------------------------- */
/* left 
/* ----------------------------------------------------------------------- */

#LegendLayer {
	position: absolute;
	background-color: #F1F0F8;
	border-right: 1px solid #ccc;
	left: 0px;
	top: 90px;
	width: 335px;
	_width: 330px;
	padding: 0px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	z-index: 2;
}
#legendlayer a {
	text-decoration: none;
}
#wmsbrowser {
	padding-top: 5px;
}

/* ----------------------------------------------------------------------- */
/* legend styles
/* ----------------------------------------------------------------------- */

#legend {
	padding-bottom: 5px;
}
#legend table {
	width: 320px;
	border-top: 1px solid #ccc;
}
#legend td {
	padding: 1px 1px 1px 1px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}
#legend .group {
	font-size: 11px;
	margin-bottom: 3px;
}
#legend .layergroup {
	margin-bottom: 3px;
	margin-top: 1px;
}
#legend .layer {
	font-size: 10px;
	width: 300px;
	border-bottom: 1px solid #ccc;
}
#legend .layer input {
	border: 1px solid #ccc;
}

/* color the selected layer */
#legend .rowSelect {
	/*background-color: #FFFF99;*/
	background: url(images/33original.gif);
	border-bottom: 1px solid #FFD324;
}
#legend .rowOutOfScale, #legend .rowOutOfScale td {
	border: none;
	display: none;
}
#legend .rowNormal1 {
	background-color: red;
	border-bottom: 1px solid #FFD324;
}

#legendlayer .header {
	display: block;
	padding: 3px 1px 5px 0px;
	margin-left: 8px;
	border-bottom: 2px solid #381D7A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #381D7A;
	width: 317px; 
	_width:327px;
	
}
#legendlayer .subheader {
	display: block;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #381D7A;
	width: 322px; 
	_width:335px;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
#legendlayer .header:hover, #legendlayer .subheader:hover {
	background: url(images/down.gif) #381D7A right no-repeat;
	color: #fff;
	cursor: move;
}
#wmsbrowser, #reference, #sldtools {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
#keymap {
	padding: 5px;
}
#keymap {
	padding-right: 0px;
	padding-left: 8px;
	height: 260px;
	background: none;
}
#keymap .overview {
	margin-left: 3px;
}
#nlQueryIFrame {
	background-color: #F1F0F8;
}


/* ----------------------------------------------------------------------- */
/* reference (scalebar & north arrow 
/* ----------------------------------------------------------------------- */

#scale {
	border: 1px solid #ccc;
	border-top: none;
	background-image: url(images/33original.gif);
}
#north_arrow {
	float: left;
	padding-top: 5px;
}
.tab a {
	float: right;
	background-color: #E8E8E8;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	color: #333;
}
.tab a:hover {
	background-color: #E3F0F0;
	cursor: s-resize;
}

/* ----------------------------------------------------------------------- */
/* tooltip
/* ----------------------------------------------------------------------- */
/* Fading Tooltips By Dustin Diaz*/

/*tooltip*/

div.tooltip {
	position: absolute;
	z-index: 1000;
	width: 350px;
	background: #F8FAFC url(images/information_over.png) no-repeat center;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	font-size: 11px;
	padding: 10px 20px 10px 45px;
	margin: 10px 20px 10px 10px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

div.tooltip h4 {
	display: none;
	color: #666;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11px;
}
div.tooltip p em {
	display: none;
	margin-top: 3px;
	color: #f60;
	font-style: normal;
	font-weight: bold;
}

div.tooltip p em span {
	font-weight: bold;
	color:#000;
}

/*
div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(img/balloon.png) bottom left no-repeat !important;
	background: url(img/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}

body div#toolTip {
	position: absolute;
	z-index: 1000;
	width: 350px;
	background: #F8FAFC url(images/information_over.png) no-repeat center;
	background-position: 15px 50%; /* x-pos y-pos */
/*	text-align: left;
	font-size: 11px;
	padding: 10px 20px 10px 45px;
	margin: 10px 20px 10px 10px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}



/* ----------------------------------------------------------------------- */
/* vormgeving voor de printafdruk */
/* ----------------------------------------------------------------------- */
#print #printlegenda {
	border: none
}

#print #map {
	margin-left: 10px;
}

#print h1 {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}