* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, Arial, sans-serif;
	color: #525555;
	background: #fff url(../images/window.gif) repeat-x;
	text-align: center;
}
h1 {
  font-size: 130%;
  font-weight: bold;
}
h2 {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
h3 {
  font-size: 100%;
  font-weight: bold;
}
form {
  padding: 0;
  margin: 0;
}
a {
  color: #0078CD;
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: underline;
}
.rotate /*(IE only)*/{
	writing-mode:tb-rl;
	filter: flipH() flipV();
	font-size: 12px;
}
.tdk{
	font-size: 12px;
}

/* ----------------------------------------------------------------------- */
/* layout
/* ----------------------------------------------------------------------- */

.wrapper {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}
/* header */
#header {
	height: 81px;
}
#xml {
	padding: 30px;
	text-align: left;
}
	#header .wrapper {
		height: 81px;
		background-color: #fff;
	}
	#header-detail {
		margin: 0 auto;
		height: 79px;
		width: 700px;
	}
	#title {
	  float: left;
	  padding: 18px 20px 0px 10px
	}
	#linklist {
		padding-left: 10px;*/
		padding-top: 2px;
		color: #fff;
		font-size: 10px;
		text-align: left;
	}
	#linklist a {
		color: #fff;
		text-decoration: none;
		font-size: 10px; 
	}
	#linklist a:hover {
		text-decoration: underline;
	}

/* main content - left and right column */
#content {
	padding: 10px 0;
}
	#content .wrapper {
		height: 500px;
	}

#content-left {
	width: 290px;
}
	/* default panels */
	#content-left .panel {
		width: 290px;
		background-color: #fff;
		padding: 0 0 10px 0;
		margin: 0 0 0 5px;
	}
	#content-left .panel h2 {
		font-size: 120%;
		margin: 3px 0 3px 0;
		font-weight: normal;
	}
	#content-left .showTip {
		color: #0078cd;
		text-decoration: underline;
		font-size: 10px;
	}
	#content-left .search {
		background: url(../images/icons/search_48.png) no-repeat;
		padding-left: 55px;
		border-bottom: 1px solid #e4e4e4;
		margin-bottom: 15px;
	}
	#content-left .search input {
		border: 1px solid #e4e4e4;
		padding: 2px;
		margin: 2px 0 4px 0;
	}
	
	#content-left #btnAdvSearch {
	 	background-color: #e4e4e4;
	
	}
	
	#content-left .number {
		color: #0078cd;
		font-size: 14px;
		font-weight: bold;
		margin-top: 5px;
	}	
	#content-left .maplayers {
		background: url(images/rand.gif) no-repeat; 

	}	
	#content-left .maplayers select {
		color: #0078cd;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #e4e4e4;
	}
	#content-left .maplayers select option {
		padding: 2px 2px 1px 2px;
	}
	/* list with layers (table) */
	#layerList {
		margin: 5px 0 5px 0;
		padding: 0;
		border-top: 1px solid #ccc;
	}
	#layerList .layer th, #layerList .layer td {
		border-bottom: 1px solid #ccc;
		padding:3px;
	}
	#layerlist .layer th {
		background-color: #eee;
		border-right: 1px solid #ccc;
	}
	#layerlist .check {
		border: 1px solid #ccc;
		background-color: red;
	}
	.metadataicon {
		padding: 0px 0px 0px 5px;
		border: none;
	}
	
#content-right {
	text-align: left;
	width: 650px;
}
	#content-detail { /* details screen */
	  background: #fff url(images/content_back.gif) repeat-x;
	  padding: 15px 8px 30px 8px;
	  margin: 0 auto;
	  width: 680px;
	  text-align: left;
	}
#footer {
	
}
	#disclaimer {
		background: url(../images/icons/warning_48.gif) no-repeat;
		height: 50px;
		padding: 3px 5px 3px 55px;
	}

/* popup */
.header {
	background: url(../images/header-tungelroysebeek.jpg) no-repeat;
	height: 111px;
}
.popup {
	margin: 10px 20px 5px 20px;
}
.popup #disclaimer {
	margin-top: 40px;
	padding-top: 5px;
	border-top: 1px solid #ccc;
}
.zoek {
	background: #007bb9;
	border: 1px solid #ccc;
	padding: 7px;
	width: 360px;
	text-align: left;
}
.zoek input {
	padding: 2px;
	font-size: 13px;
	border: 1px solid #ccc;
}
.zoek .button {
	padding: 1px 8px 1px 8px;
	margin-left: 7px;
	background-color: #eee;
}
#message {
	margin: 5px 20px 5px 20px;
	color:red;
	font-size: 12px;
	font-weight: bold;
}

/* ----------------------------------------------------------------------- */
/* tabbar
/* ----------------------------------------------------------------------- */

#menu {
  margin: 0;
  padding-bottom : 19px;
  padding-left : 0px;
  border-bottom : 1px solid #0078cd;
}
	#menu ul, #menu li  {
	  display : inline;
	  list-style-type : none;
	  margin : 	0;
	  padding : 0;
	}
	#menu a {
		border: 1px solid #0078cd;
		border-bottom: none;
		color: #fff;
		float: left;
		/*font-size: 11px;
		font-weight: normal;*/
		line-height: 14px;
		margin-right: 2px;
		padding: 2px 10px 2px 10px;
		text-decoration: none;
		background-image: url(images/tabhighlightshboth.jpg); 
		background: #6dbfee;
	}
	#menu .selected a { 
		border: 1px solid #0078cd;
		border-bottom: 1px solid #fff;
		background: #0078cd ;
		background-image: url(images/tabhighlight.jpg); 
		color : #0078cd;
	}
	#menu #nav-2 {
		display: none;
	}

/* ----------------------------------------------------------------------- */
/* buttons
/* ----------------------------------------------------------------------- */

.button {
	border: 1px solid #e4e4e4;
	background: #E9F2F7;
	color: #0078cd;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
}

/* ----------------------------------------------------------------------- */
/* messages
/* ----------------------------------------------------------------------- */

.error {
	background: #ffd7d7 url(../images/icons/delete_new.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 0px 10px 0px;
	border-top: 2px solid #ff0000;
	border-bottom: 2px solid #ff0000;
}
.alert {
	background: #fff6bf url(images/exclamation_new.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 0px 10px 0px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.tip {
	background: #fff6bf url(../images/icons/dialog-information.png) no-repeat center;
	background-position: 10px 10px; /* x-pos y-pos */
	text-align: left;
	font-size: 11px;
	padding: 10px 20px 10px 45px;
	margin: 10px 0px 10px 0px;
	border:1px solid #ffd324;
}
.mail {
	background: #F8FAFC url(../images/icons/email_go_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 0px 10px 0px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

/* ----------------------------------------------------------------------- */
/* treeview
/* ----------------------------------------------------------------------- */

.treeview {
	margin: 3px 0;
}
	.treeview ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.treeview li {
		margin: 0;
		padding: 3px 0px 3px 16px;
	}
	a.selected {
		font-weight: bold;
	}
	.treeview .listtitle {
		font-size: 120%;
		padding: 0 0 6px 0;
		font-weight: normal;
	}
	.treeview .grouptitle {
		padding: 0px 0px 2px 2px;
		margin: 0;
		font-size: 11px;
		color: #0078cd;
		font-weight: bold;
	}
	.treeview .layertitle {
		font-size: 11px;
	}
	ul.dir li {
		padding: 2px 0 0 16px;
	}
	.hover {
		color: red;
		cursor: pointer;
	}
/*	#layerlist.treeview li {
		background: url(images/tv-item.gif) 0 0 no-repeat;
	}
	#layerlist.treeview .collapsable {
		background-image: url(images/tv-collapsable.gif);
	}
	#layerlist.treeview .expandable {
		background-image: url(images/tv-expandable.gif);
	}
	#layerlist.treeview .last {
		background-image: url(images/tv-item-last.gif);
	}
	#layerlist.treeview .lastCollapsable {
		background-image: url(images/tv-collapsable-last.gif);
	}
	#layerlist.treeview .lastExpandable {
		background-image: url(images/tv-expandable-last.gif);
	}
	#treecontrol {
		margin: 1em 0;
	}*/


/* tootltip */
#jHelperTipAttrContainer{ 
/*	background: #fff6bf url(../images/icons/dialog-information.png) no-repeat center;
	background-position: 5px 5px;*/ /* x-pos y-pos */
	background-color: #fff6bf;
	text-align: left;
	font-size: 11px;
	padding: 10px 20px 10px 10px;
	margin: 0;
	border: 1px solid #ffd324;
	
	display: none;
	z-index: 100;
}
#jHelperTipContainer {
	display: none;
}

.none {
	display:none;
}

/* float rules */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearleft {
	clear: left;
}
.center {
	text-align: center;
	display: block;
}

/* feature info templates */
.infotemplate {
	padding-top: 4px;
	background: none;
	text-align: left;
}
.infotemplate h3 {
	color: #0078cd;
	margin: 2px 0px 2px 0px;
}
.featureinfo, .featureinfo th, .featureinfo td {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #525555;
	text-align: left;
}
.featureinfo img{
	border: none;
	/*width: 150px;*/
}
.featureinfo td {
	padding: 1px;
}