html#page_dashboard,
html#page_dashboard body {
	xoverflow: visible;  /* no scroll bars! */
}

body {
	font: 11px/120% Arial, Helvetica, Tahoma, Verdana, Geneva, Sans-serif;
	color: #000019;
	background: #fff;
	/* url(graphics/db_pageback.png) repeat-x left top; */
}

td, th { /* important for msie5 */
	font: 11px/120% Arial, Helvetica, Tahoma, Verdana, Geneva, Sans-serif;
}


/* iframe */

html#page_iframe,
html#page_iframe body {
	scrollbar-3dlight-color: #020051;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #020051;
	scrollbar-face-color: #020051;
	scrollbar-highlight-color: #cbecfc;
	scrollbar-shadow-color: #cbecfc;
	scrollbar-track-color: #cbecfc;
}

html#page_iframe body {
	background: white;
}


/* wrapper */
#wrapper {
	position: relative;
	height: 100%;
	width: 946px;
	margin: 0 auto;
}

* html #wrapper {

}


/* logout */
#navigation ul li.logout {
	float: right;
	margin-right: 118px;
}
#navigation ul li.logout a {
	background-position: left top;
}


/* 100% height effect */

html, body {
	margin: 0;
	padding: 0;
}


#header {
	margin:16px 0 0 0;
}

#homeLink {
	line-height: 20px; 
	margin:0;
}

#headerTop {
	background: url(graphics/header_bg.gif) top left no-repeat;
	width: 100%;
	height: 84px;
}

#sponsoren {
	position: absolute;
	right: 0;
	top: 0;
}

#headerBottom {
	background: url(graphics/header_bg_kleuren.gif) bottom left no-repeat;
	width: 100%;
	height: 60px;
	margin-top: 10px;
}


#zoekScherm {

}

#zoekScherm input#keywords {
	xheight: 10px;
}

* html #zoekScherm {
	top: 3px;
	margin: 0;
	padding:0;
	height:25px;
}

* html form#zoekSchermForm {
	margin: 0;
	padding: 0;
}

.searchCheck {
	padding: 0 3px;
}

#content {
	position: relative;
}


#footer {
	bottom:0pt;
	padding:0.25em 0pt;
	text-indent:0.5em;
	width:100%;
}


/* map */



#viewArea {
	/* indent mapAreaWrapper and geosearch */
	left:0pt;
	margin-left:222px;
	position:absolute;
	right:0;
	top:0;
	height: 100%;
}

* html #viewArea {
	position: absolute;
	top: 0;
	left: 220px;
	right: 0;
	margin: 0;
}

#mapAreaWrapper {
	/* for google maps */
	border: 1px solid #9a9a9a;
	background-color: #fff;
	/* height: 410px; */
	height: 100%;
	overflow: hidden;
	xpadding: 5px;
}

#timelineArea {
	height:71px;
	position: relative;
	background: url(graphics/timeline_bg.png) top left no-repeat;
	padding-left: 2px;
	z-index: 1000;
}


* html #timelineArea {
	display: none;
}


#mapAreaWrapper, #mapArea {
	/* make sure it's always on top */
	z-index: 2;
}


#outputDisplayHeader {
	display: none;
}

#bewaar_kaart_button {
	xborder: 1px solid #08BA06;
	xbackground: #fff;
	background:#E8E8E8;
	border:1px solid #CCCCCC;
	padding: 5px;
	width: 125px;
}

#wrapper #bewaar_kaart_button h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

input.bewaar_kaart_button {
	background: url(graphics/bewaar_kaart.png) bottom right no-repeat;
	height: 22px;
	width: 120px;
	border:none;
	cursor: pointer;
	margin-top: 5px;
}


/* content container */

#contentArea {
	z-index: 1;
	position: relative;
	width: 211px; /* also fixes position of searchBox */
	
}


/* outputArea, productArea (legend) */

.outputArea {
	/* area for html output */
	xposition: relative;
	margin: 0 ;
}

.outputArea,
.outputArea .outputDisplay,
.outputArea #outputFrameWrapper,
.productArea .outputDisplay {
	xheight: 193px;
}

#ajaxProgress {
	/* falls over bottom border, but so does the width */
	height: 194px;
}




.outputArea .outputDisplay,
.outputArea #outputFrameWrapper,
.productArea .outputDisplay {
	margin: 0;
	position: relative;  /* fix hanging objects (draggables with position:relative) when scrolling in MSIE */

}

.outputFrame {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.outputArea .outputDisplay,
.productArea .outputDisplay {
	/* coloured scrollbars in IE */
	scrollbar-3dlight-color: #020051;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #020051;
	scrollbar-face-color: #020051;
	scrollbar-highlight-color: #cbecfc;
	scrollbar-shadow-color: #cbecfc;
	scrollbar-track-color: #cbecfc;
}

.contentPanel,
html#page_iframe #contentPanel {
	padding: 10px 0;
}



.productArea .outputDisplay {
	position: relative;
	height: 100%;
}

.productArea .outputDisplay .content {
	padding:0;
	margin-bottom: 30px;

}

.productArea table {
	width: 209px;
	padding: 0;
	margin:0 0 0 1px;
}

tbody#publicProducts label {
	font-weight: bold;
	color: #1c724d;
	text-transform:uppercase;
}

tbody#publicProducts label.layerSubItem {
	font-weight: normal;
	color: #000019;
	text-transform: none;
}

tbody#publicProducts span {
	font-weight: normal;
	color: #666;
	text-align: right;
}

table.publicProducts td,
table.publicProducts th {
	height: 24px;
	line-height: 130%;
	border-bottom:	1px solid #ccc;
	margin: 0 3px;
}

table.publicProducts td span#legendItem_layeritems_nunieuwsCount {
	line-height:130%;
}

tbody#publicProducts img {
	text-align: right;
	margin-right: 2px;
}

th.groupTitle {
	font-weight: bold;
	color: #fff;
	height: 24px;
	vertical-align: center;
	text-align: left;
	text-align: center;
	text-transform: uppercase;
	background: #a8b934;
	font-size: 120%;
}

th.groupTitle a.rightLink {
	float: right;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}

p.colofon {
	border-top: 1px solid #A2BC94;
	margin: 0;
	padding: 0;
	text-align: right;
}

p.colofon a {
	text-decoration: none;
	font-size: 90%;
}

#page_iframe ul.tools {
	margin: 0;
	padding: 0 0 5px 0;
}

.outputArea .contentPanel {
	/* hide all content areas by default */
	xdisplay: none;
}


/* draggable elements */

.dragElement {
	cursor: move;
	z-index: 1000;  /* on top of all map components */
}

.draggedMarker {
	cursor: move;
}



/* tooltips */

#maxGMarker_tooltip {
	z-index: 999;
	border: 1px solid #1C724D;
	background-color: #fff;
	color: #1C724D;
	padding: 2px 3px;
}

/* progress layer */

#ajaxProgress {
	display: none; /* hide by default */
	position: absolute;
	margin-top:  1px;
	margin-left: 1px;
	top: -50px;
	left: 0;
	width: 100%;
	/* height set elsewhere */
	text-align: center;
	xbackground: url(graphics/db_progressback.png);
}

* html #ajaxProgress {
	background: none;
	xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/graphics/db_progressback.png', sizingMethod='scale');
}

#ajaxProgress .progressDialog {
	position: relative;
	z-index: 100000;
	top: 200px;
	left: 450px;
	width: 250px;
	padding: 15px 10px;
	margin: auto; /* center */
	text-align: center;
	background: #fff;
	border: 1px solid #192748;
}

#ajaxProgress .progressDialog h2 {
	color: #a8b934;
	font-size: 16px;
}

#ajaxProgress .progressDialog p {
	font-size: 12px;
	color: #000019;
}


/* modal dialog overlays */

/*
.modalDialogOverlay {
	background-color: #000;
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

* html .modalDialogOverlay {
	filter: alpha(opacity=80);
}
*/

.modalDialogOverlay {
	/* fields like 'opacity' also work in some browsers, but this is easier to keep consistent */
	background-image: url(graphics/overlay.png);
}

* html .modalDialogOverlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="style/graphics/overlay.png", sizingMethod="scale");
}

* html .modalDialogOverlay {
	text-align: center;  /* IE5: center blocks */
}


/* modal dialog panel */

.modalDialogSpacing {
	margin: 0 auto;  /* center and keep space above/below. */
	padding: 50px;
	text-align: left;  /* reset text align */
	width: 400px;
}


.modalDialogPanel {
	background-color: #fff;
	padding: 5px 15px;
	color: #020051;
	position: relative;
}

.modalDialogPanel .modalDialogContent {
	xoverflow: auto;
}


/* modal dialog caption */

.modalDialogOverlay .modalDialogCaption {
	height: 16px;
}

#save_preference_window_close,
#zoekscherm_window_close,
.modalDialogCaption a.closeButton {
	float: right;
	width: 13px;
	height: 13px;
	background-image: url(graphics/funkyBox_close2.png);
	background-repeat: no-repeat;
	background-position: 0 0;

	/* hide default text */
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#save_preference_window_close,
#zoekscherm_window_close:hover {
	cursor: pointer;
}

.modalDialogCaption a:hover.closeButton {
	background-image: url(graphics/funkyBox_close2.png);
	xbackground-position: -13px 0;
}

.modalDialogCaption:after {
	clear: both;
	display: block;
	content: '.';
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

* html .modalDialogCaption {
	height: 1px;
}

*+html .modalDialogCaption {
	min-height: 0;
}

* html .modalDialogContent {
	position: relative;
}

* modalDialogSpacing {
	position: relative;
}

* html .modalDialogPanel {
	border: 2px solid #404040;
	position: fixed;
}

.modalDialogCaption {
	position: absolute;
	top: 10px;
	right: 10px;
}

* html .modalDialogCaption {
	position: absolute;
	top: 20px;
	xright: 60px;
}

* html .modalDialogPanel .modalDialogCaption {
	position: relative;
	margin: 0 0 -10px 0;
	padding:0;
}



/* settingsBox and area inside */

#settingsBox {
/*	display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
}

#settingsBox .settingsButton {
	width: 13px;
	height: 13px;
	margin-right: 11px;
}

#settingsBox .settingsButton a {
	display: block;
	font-size: 0;
	line-height: 0%;
	width: 13px;
	height: 13px;
	border: 1px solid white;
	background: url(graphics/db_settingsback.png) no-repeat left top;
}

#settingsBox .settingsButton a:hover {
	background-position: right top;
}

#settingsArea {
	position: absolute;
	top: 0;
	right: 13px;
	padding: 10px;
	background: #8cad7a;
	border: 1px solid white;
}

#settingsArea form div {
	margin-bottom: 3px;
}

#settingsArea label {
	display: inline;
	float: none;
	font-size: 11px;
}

#settingsArea .submit {
	padding: 0;
}

#settingsArea a {
	font-weight: bold;
	color: #020051;
}
#settingsArea a:hover {
	color: #4079A4;
}


/* searchbox */

#searchBox {
	position: absolute;
	top: 28px;
	left: -11px;
	width: 170px;
	height: 55px;
	padding: 30px 0 10px 0;
	padding-top: 30px;
	background: #8cad7a;
	border: 1px solid white;
}

#searchBox form {
	padding-left: 10px;
}

#searchCats {
	position: absolute;
	top: 0;
	left: 1px;
	width: 169px;
	background: #6A8E57;
}

#searchCats a {
	display: block;
	float: left;
	padding: 4px 5px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 47px;
	background: #6A8E57;
	color: #b9ccae;
}
#searchCats a:hover {
	color: white;
}

#searchBox a.closePanel,
#settingsBox a.closePanel {
	position: absolute;
	right: 3px;
	top: 3px;
	display: block;
	width: 13px;
	height: 13px;
	font-size: 0;
	line-height: 0%;
	border: 1px solid white;
	background: url(graphics/db_closeback.png) left top;
}

a:hover.closePanel {
	background-position: right top;
}

#searchBox #searchSlider {
	position: absolute;
	top: 10px;
	right: -18px;
}

#searchBox input.submit,
#searchBox input.submit {
	width: 45px;
}

#searchBox input.address {
	width: 150px;
}
#searchBox input.city,
#searchBox input.perceel {
	width: 101px;
}
#searchBox input.zipcode {
	width: 60px;
	text-align: center;
	letter-spacing: 1px;
}
#searchBox input.zipcode_number {
	width: 33px;
	text-align: center;
}

#searchBox .hint {
	color: #020051;
}

#wrapper div.searchAddress a.searchAddressLink,
#wrapper div.searchZipcode a.searchZipcodeLink,
#wrapper div.searchPerceel a.searchPerceelLink {
	/* make correct link appear active when JavaScript updates the class of the searchBox */
	background: #8cad7a;
	color: #48603c;
}

#wrapper form.searchForm {
	/* hide all search forms by default */
	display: none;
}

#wrapper div.searchAddress form#frm_addressSearch,
#wrapper div.searchZipcode form#frm_postcodeSearch,
#wrapper div.searchPerceel form#frm_perceelSearch {
	/* show the form when the parent class has been changed */
	display: block;
}


/* general */

#wrapper h2 {
	/* overwrite h2 from all.css, dashboard uses different style */
	margin: 0 0 8px 0;
	color: #08ba06;
	font-size: 12px;
}

h2.help {
	float: left;
}

#wrapper h3 {
	margin: 0;
	color: black;
	font-size: 11px;
}

hr {
	display: none;
}

#contentArea hr {
	display: block;
	height: 2px;
	border: 0;
	xcolor: #A2BC94;
	xbackground: #A2BC94;
}

.spacer_h {
	height: 2px;
	width: 100%;
	line-height: 0%;
	font-size: 0;
	background: url(graphics/db_spacer_h.png) repeat-x left top;
	margin: 10px 0;
}

.spacer_v {
	height: 100%;
	width: 2px;
	line-height: 0%;
	font-size: 0;
	background: url(graphics/db_spacer_v.png) repeat-y left top;
}


/* login */

#loginForm input.text {
	font-family:  monospace, "courier new", courier;
}

#loginForm #gebdatum_DAY,
#loginForm #gebdatum_MONTH,
#loginForm #huisnummer,
#loginForm #huisnummertoevoeging {
	width: 18px;
}
#loginForm #gebdatum_YEAR {
	width: 35px;
}

#loginForm #postcode {
	text-transform: uppercase;
}


/* melding invoer */

.wizzardSteps {
	padding-bottom: 2px;
	border-bottom: 2px solid black;
	width: 75%;
}

.wizzardSteps li {
	float: left;
	display: inline;
	margin: 1em;
	padding: 0;
}

* html .wizzardSteps {
	height: 0.1em;
}

.wizzardSteps:after {
	clear: left;
	display: block;
	content: '.';
	height: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

.wizzardSteps li.active {
	font-weight: bold;
}


/* homepage */

table#homeButtons {
	width: 96%;
}
table#homeButtons td {
	width: 25%;
	text-align: center;
	vertical-align: top;
}

table#homeButtons table.homeItem {
	width: 95%;
	height: 74px;
	margin: 0;
	background: white;
	border: 1px solid #020051;
}
table#homeButtons table.homeItem td {
	text-align: left;
	width: auto;
}

table#homeButtons table.homeItem caption {
	margin: 0;
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: #020051;
}


/* iframe forms */

#page_iframe form div.edit           input,
#page_iframe form div.calendar       input,
#page_iframe form div.dutchzipcode   input,
#page_iframe form div.password       input,
#page_iframe form div.doublepassword input,
#page_iframe form textarea,
#page_iframe form select {
	border: 1px solid #020051;
}

#page_iframe #frmSoapform .dyncontent div {
	position: relative;
/*	font-family:  monospace, "courier new", courier; */
}

#page_iframe #frmSoapform .next .buttonx {
	position: relative;
	display: block;
}

#page_iframe #frmSoapformx  {
	position: relative;
	display: inline;
}

#page_iframe #frmSoapform .dyncontent label{
	float: left;
	width: 20em;
	padding-top: 0.5em;
	display: inline;
}

#page_iframe #frmSoapform .dyncontent label:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0%;
	height: 0;
	visibility: hidden;
}

#page_iframe #frmSoapform .dyncontent h1,
#page_iframe #frmSoapform .dyncontent p {
	position: relative;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

#page_iframe #frmSoapform  h1 {
	position: relative;

	color: black;
	font-size: 1em;
	font-weight: bold;
}

#page_iframe form checkbox {
	position: relative;
	color: black;
	font-size: 0.9em;
	margin-top: 0em;
	margin-left: 0em;
	display: inline;
}

#page_iframe #frmSoapform .edit input,
#page_iframe #frmSoapform .edit radio,
#page_iframe #frmSoapform .edit option  {
	position: absolute;
	width: 14em;
	color: grey;
	margin-top: 0.5em;
	font-size: 0.9em;
	display: inline;
}

#page_iframe #frmSoapform .edit select {
	position: absolute;
	width: 20em;
	color: grey;
	margin-top:1px;
	font-size: 0.9em;
	display: inline;
}

#page_iframe #frmSoapform .edit textarea  {
	position: relative;
	color: grey;
	font-size: 0.9em;
	display: inline;
}

#page_iframe #frmSoapform .edit .error {
	position: absolute;
	left: 45em;
	color: red;
	font-size: 0.9em;
	font-weight: italic;
	display: inline;
}


#page_iframe #frmSoapform .btn .buttonx {
	color: white;
	border: 1px solid #ffffff;
	background:#020051;
	font-size: 0.9em;
	font-weight: normal;
	display: inline;
}

#page_iframe #frmSoapform .button {
	color: white;
	border: 1px solid #ffffff;
	background:#020051;
	font-size: 0.9em;
	font-weight: normal;
	display: inline;
}



/* help tooltips */

/*
body {
	behavior: url(style/htc/csshover.htc);
}
*/

div.help {
	position: relative;
	top: 0;
	left: 5px;
	float: none;
	margin: 0;
}

* html div.help	{
	z-index: 12;
}

div.help div {
	cursor: pointer;
	width: 13px !important;
	height: 13px !important;
	background: url(graphics/db_helpback.png) no-repeat left top;
	border: 1px solid white;
}

* html div.help div	{
	z-index: 13;
}

div.help div:hover {
	background-position: right top;
}

#wrapper div.help div div {
	z-index: 14;
	display: none;
	position: absolute;
	top: 15px;
	width: 220px !important;
	height: auto !important;
	margin-left: 0;
	padding: 6px;
	background: #8CAD7A;
	border: 1px solid white;
	font-size: 11px;
}

* html #wrapper div.help div div	{
	/* IE renders icons over info-box */
	top: 14px;
	left: 14px;
}

#wrapper div.help div:hover div {
	display: block;
}

div.help div div h2 {
	font-size: 12px  !important;
	color: white;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

div.help div div p {
	font: 1em/1.3 Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0;
	padding: 0;
}


/* lists */

ul, li {
	margin: 0;
	padding: 0;
}
li {
	margin: 0 0 3px 20px;
	list-style: square;
	color: #020051;
}


ul.productThemes li  {
	margin-bottom: 5px;
	font-weight: bold;
}


/* definition list */

dt {
	clear: left;
	display: block;
	margin: 0 0.25em 0 0;
	padding: 0;
	float: left;
	font-weight: bold;
}

dd {
	display: block;
	margin: 0 0 0.25em 12em;
	padding: 0;
}

* html dd {
	height: 1px;
}

html>body dd {
	height: auto;
	min-width: 1em;
}

body dd:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0%;
	height: 0;
	visibility: hidden;
}

.leftBox, .rightBox {
	float: left;
	display: inline;
	width: 48%;
}

.leftBox {
	clear: left;
}

.rightBox:after {
	clear: left;
	content: '.';
	display: block;
	height: 0;
	line-height: 0%;
	visibility: hidden;
	overflow: none;
}

/* for MSIE/win \*/
* html .rightBox {
	height: 0.1em; /* trigger clear behavour */
}
/* end MSIE/win */


/* forms */

form {
	margin: 0;
}

form div {
	clear: left;
	margin: 2px 0;
}

form div {
	margin-bottom: 3px;
}

form div label {
	display: block;
	width: 10em;
	float: left;
	margin-top: 5px;
}

form div div {
	clear: none;
	float: none;
	width: auto;
	margin: 0 0 0 10em;
}

* html form div div {
	/* fixes 3px jog in IE/WIN  */
	height: 1px;
}

form div div label {
	display: inline;
	width: auto;
	float: none;
}

form input.text {
	border: 1px solid #020051;
	color: black; /* gray if not filled in */
	margin-right: 4px;
}

form input.label {
	border: 1px solid #020051;
	color: gray; /* gray if not filled in */
	margin-right: 4px;
}

form .submit {
	border: 1px solid #37492E;
	background: #020051;
	color: white;
	padding: 0 3px;
	line-height: 100%;
	height: 20px;
	cursor: pointer;
}

form .footer {
	clear: left;
	padding: 2px 2px 2px 10.2em;
}

form .postfix {
	color: #020051;
}


/* various */

address, blockquote, dl, fieldset, form, hr, ul, ol, p, pre, table {
	margin: 0 0 1em 0;
}

img {
	border: none;
}

.clearBoth {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0%;
}

a {
	color: #020051;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #020051;
	text-decoration: underline;
}

.letOp {
	margin-top: 1em;
	color: #999;
	font-style: italic;
}

#googlemapsPluginInfoWindow h1 {
	font-size: 110%;
}

#googlemapsPluginNotificationWindow {
	background-color: #fff;
	color: #000;
	border: 1px solid black;
	padding: 3px;
}

#googlemapsPluginNotificationWindow h1 {
	padding-top: 0;
	margin-top: 0;
	font-size: 110%;
}

.googlemapsControl {
	background-color: #fff;
	border: 1px solid black;
	padding: 3px;
	color: #000;
}


#footer {
	width: 100%;
	text-align: right;
	padding: 0.250em 0;
}

#footer #poweredByMaxNl {
	display: none;
}

#footer,
#footer a {
	color: #ccc;
}


/* NURadar specific */

/* tooltips */

#maxGMarker_tooltip {
	margin:0;
}

/*
#layeritems_nunieuws_tooltip,
#layeritems_nufoto_tooltip,
#layeritems_nujij_tooltip,
#layeritems_misdaadkaart_tooltip,
#layeritems_flitspalen_tooltip,
#layeritems_camera_tooltip {
	z-index: 799;
	border: 0;
	color: #333;
	height: 38px;
	xpadding-left: 16px;
}


#layeritems_nunieuws_precise_tooltip,
#layeritems_nufoto_precise_tooltip,
#layeritems_nujij_precise_tooltip,
#layeritems_misdaadkaart_precise_tooltip {
	z-index: 799;
	border: 0;
	color: #333;
	height: 38px;
	xpadding-left: 16px;
}

#layeritems_verkeer_tooltip,
#layeritems_files_tooltip {
	z-index: 799;
	border: 0;
	color: #333;
	height: 38px;
	xpadding-left: 27px;
}

#layeritems_nunieuws_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nunl_bullet.png) center left no-repeat;
}

* html #layeritems_nunieuws_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nunl_bullet_ie.png) center left no-repeat;
}

#layeritems_nufoto_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nufoto_bullet.png) center left no-repeat;
}

* html #layeritems_nufoto_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nufoto_bullet_ie.png) center left no-repeat;
}

#layeritems_nujij_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nujij_bullet.png) center left no-repeat;
}

* html #layeritems_nujij_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nujij_bullet_ie.png) center left no-repeat;
}

#layeritems_misdaadkaart_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_numisdaad_bullet.png) center left no-repeat;
}

* html #layeritems_misdaadkaart_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_numisdaad_bullet_ie.png) center left no-repeat;
}


#layeritems_flitspalen_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_flitspalen_bullet.png) center left no-repeat;
}

* html #layeritems_flitspalen_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_flitspalen_bullet_ie.png) center left no-repeat;
}


#layeritems_files_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_files_bullet.png) center left no-repeat;
}

* html #layeritems_files_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_files_bullet_ie.png) center left no-repeat;
}


#layeritems_verkeer_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_verkeer_bullet.png) center left no-repeat;
}

* html #layeritems_verkeer_tooltip {
	xbackground: url(../moduleplugins/layeritems/graphics/tooltip_verkeer_bullet_ie.png) center left no-repeat;
}

#layeritems_camera_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_camera_bullet.png) center left no-repeat;
}

* html #layeritems_camera_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_camera_bullet_ie.png) center left no-repeat;
}

#layeritems_nunieuws_precise_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nunl_point_bullet.png) center left no-repeat;
	margin-top: -3px;
}

* html #layeritems_nunieuws_precise_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nunl_point_bullet_ie.png) center left no-repeat;
}


#layeritems_nufoto_precise_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nufoto_point_bullet.png) center left no-repeat;
	margin-top: -3px;
}

* html #layeritems_nufoto_precise_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nufoto_point_bullet_ie.png) center left no-repeat;
}

#layeritems_nujij_precise_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_nujij_point_bullet.png) center left no-repeat;
	margin-top: -3px;
}

* html #layeritems_nujij_precise_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_nujij_point_bullet_ie.png) center left no-repeat;
}

#layeritems_misdaadkaart_precise_tooltip {
	width: expression( this.offsetWidth > 260 ? "260px" : "auto" );
	max-width: 260px;
	background: url(../moduleplugins/layeritems/graphics/tooltip_numisdaad_point_bullet.png) center left no-repeat;
	margin-top: -3px;
}

* html #layeritems_misdaadkaart_precise_tooltip {
	background: url(../moduleplugins/layeritems/graphics/tooltip_numisdaad_point_bullet_ie.png) center left no-repeat;
}



#layeritems_nunieuws_tooltip_bg,
#layeritems_nufoto_tooltip_bg,
#layeritems_nujij_tooltip_bg,
#layeritems_misdaadkaart_tooltip_bg,
#layeritems_flitspalen_tooltip_bg,
#layeritems_camera_tooltip_bg,
#layeritems_files_tooltip_bg,
#layeritems_verkeer_tooltip_bg {
	z-index: 800;
	xmargin-left: 10px;
	height: 38px;
}


#layeritems_files_tooltip_bg {
	xmargin-left: 20px;
}

#layeritems_nunieuws_precise_tooltip_bg,
#layeritems_nufoto_precise_tooltip_bg,
#layeritems_nujij_precise_tooltip_bg,
#layeritems_misdaadkaart_precise_tooltip_bg {
	z-index: 800;
	xmargin-left: 10px;
	height: 38px;
}

#layeritems_nunieuws_precise_tooltip_bg,
#layeritems_nunieuws_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_nunl.png) top right no-repeat;
}

#layeritems_nufoto_precise_tooltip_bg,
#layeritems_nufoto_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_foto.png) top right no-repeat;
}

#layeritems_nujij_precise_tooltip_bg,
#layeritems_nujij_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_jij.png) top right no-repeat;
}

#layeritems_misdaadkaart_precise_tooltip_bg,
#layeritems_misdaadkaart_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_mk.png) top right no-repeat;
}

#layeritems_flitspalen_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_verkeer.png) top right no-repeat;
}

#layeritems_verkeer_tooltip_bg,
#layeritems_files_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_verkeer.png) top right no-repeat;
}

#layeritems_camera_tooltip_bg {
	background: url(/style/graphics/mouseover_bg_verkeer.png) top right no-repeat;
}

#layeritems_nunieuws_tooltip_content,
#layeritems_nufoto_tooltip_content,
#layeritems_nujij_tooltip_content,
#layeritems_misdaadkaart_tooltip_content,
#layeritems_flitspalen_tooltip_content,
#layeritems_files_tooltip_content,
#layeritems_camera_tooltip_content,
#layeritems_nunieuws_precise_tooltip_content,
#layeritems_nufoto_precise_tooltip_content,
#layeritems_nujij_precise_tooltip_content,
#layeritems_misdaadkaart_precise_tooltip_content,
#layeritems_verkeer_tooltip_content {
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 15px;
	overflow: hidden;
	width: expression( this.offsetWidth > 250 ? "250px" : "auto" );
	max-width: 250px;
	height: 28px;
}

#layeritems_aggregated_tooltip,
#layeritems_grouped_small_tooltip,
#layeritems_grouped_medium_tooltip,
#layeritems_grouped_large_tooltip {
	z-index: 800;
	color: #333;
	width: expression( this.clientWidth > 250 ? "250px" : "auto" );
	max-width: 250px;
	padding: 0 0 0 20px;
}

#layeritems_aggregated_tooltip table.tooltip_bordertable,
#layeritems_grouped_small_tooltip table.tooltip_bordertable,
#layeritems_grouped_medium_tooltip table.tooltip_bordertable,
#layeritems_grouped_large_tooltip table.tooltip_bordertable {
	display: table;
	margin:0;
	padding: 0;
}

.tooltip_bt_topleft,
.tooltip_bt_top,
.tooltip_bt_topright,
.tooltip_bt_left,
.tooltip_bt_right,
.tooltip_bt_bottomleft,
.tooltip_bt_bottom,
.tooltip_bt_bottomright {
	font-size: 7px;
}

table.tooltip_bordertable td.tooltip_bt_topleft {
	width: 15px;
	height: 16px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_topleft.png) bottom right no-repeat;
}

table.tooltip_bordertable td.tooltip_bt_top {
	height: 16px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_top.png) bottom center repeat-x;
}

table.tooltip_bordertable td.tooltip_bt_topright {
	width: 16px;
	height: 16px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_topright.png) bottom left no-repeat;
}

table.tooltip_bordertable td.tooltip_bt_left {
	width: 15px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_left.png) center right repeat-y;
}

table.tooltip_bordertable td.tooltip_bt_right {
	width: 16px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_right.png) center left repeat-y;
}

table.tooltip_bordertable td.tooltip_bt_bottomleft {
	width: 15px;
	height: 17px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_bottomleft.png) top right no-repeat;
}

table.tooltip_bordertable td.tooltip_bt_bottom {
	height: 17px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_bottom.png) top center repeat-x;
}

table.tooltip_bordertable td.tooltip_bt_bottomright {
	width: 16px;
	height: 17px;
	background: url(/moduleplugins/layeritems/graphics/tooltip_border_bottomright.png) top left no-repeat;
}

.tooltip_bt_content {
	vertical-align: middle;
	background: #fff;
	padding: 5px;
}

*/

.forceer_hoogte_min38 {
	height: expression( this.offsetHeight < 38 ? "38px" : "auto" );
	min-height: 38px;
}

#layeritems_weather_tooltip {
	z-index: 799;
	background: #fff;
	border: 2px solid #08A106;
	line-height: 20px;
	padding: 10px 20px;
	color: #333;
}

#layeritems_weather_day_a_tooltip,
#layeritems_weather_day_b_tooltip,
#layeritems_weather_day_o_tooltip,
#layeritems_weather_day_f_tooltip,
#layeritems_weather_day_i_tooltip,
#layeritems_weather_day_r_tooltip,
#layeritems_weather_day_h_tooltip,
#layeritems_weather_day_g_tooltip,
#layeritems_weather_day_k_tooltip,
#layeritems_weather_day_c_tooltip,
#layeritems_weather_day_p_tooltip,
#layeritems_weather_day_l_tooltip,
#layeritems_weather_day_q_tooltip,
#layeritems_weather_day_j_tooltip,
#layeritems_weather_day_e_tooltip,
#layeritems_weather_day_d_tooltip,
#layeritems_weather_day_m_tooltip,
#layeritems_weather_day_n_tooltip,
#layeritems_weather_night_a_tooltip,
#layeritems_weather_night_b_tooltip,
#layeritems_weather_night_o_tooltip,
#layeritems_weather_night_f_tooltip,
#layeritems_weather_night_i_tooltip,
#layeritems_weather_night_r_tooltip,
#layeritems_weather_night_h_tooltip,
#layeritems_weather_night_g_tooltip,
#layeritems_weather_night_k_tooltip,
#layeritems_weather_night_c_tooltip,
#layeritems_weather_night_p_tooltip,
#layeritems_weather_night_l_tooltip,
#layeritems_weather_night_q_tooltip,
#layeritems_weather_night_j_tooltip,
#layeritems_weather_night_e_tooltip,
#layeritems_weather_night_d_tooltip,
#layeritems_weather_night_m_tooltip,
#layeritems_weather_night_n_tooltip {
	z-index: 799;
	background: #fff;
	border: 2px solid #19A3D1;
	line-height: 20px;
	padding: 10px 20px;
	color: #333;
}

/* extinfowindow */

#layeritems_window {
    width: 405px;
}

#layeritems_window div {
	position: relative;
}

#layeritems_window_contents {
    background-color: #FFF;
	margin-bottom: 10px;
	color: #000019;
}

#layeritems_window_contents a {
	color: #08BA06;
}

#layeritems_window_beak {
    xwidth: 99px;
    xheight: 30px;
	Xbackground: url(graphics/simple_beak.png) 8px 8px no-repeat transparent;
}

#layeritems_window_close {
	background:transparent url(graphics/funkyBox_close2.png) 0 0 no-repeat;
	cursor:pointer;
	height:17px;
	width:17px;
}

#layeritems_window_back {
	font-size: 80%;
}


* html #layeritems_window_beak {
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/graphics/simple_beak.png', sizingMethod='crop');
}

#layeritems_window_tl {
	background: transparent url(graphics/balloon_tl.png) top left no-repeat;
	width: 12px;
	height: 11px;
}

* html #layeritems_window_tl {
	background: transparent url(graphics/balloon_tl_ie.gif) top left no-repeat;
	width: 12px;
	height: 11px;
}

#layeritems_window_t {
	background: transparent url(graphics/balloon_t.png) top left repeat-x ;
	height: 11px;
}

* html #layeritems_window_t {
	background: transparent url(graphics/balloon_t_ie.gif) top left repeat-x ;
	height: 11px;
}

#layeritems_window_tr {
	background: transparent url(graphics/balloon_tr.png) top left no-repeat;
	width: 13px;
	height: 11px;
}

* html #layeritems_window_tr {
	background: transparent url(graphics/balloon_tr_ie.gif) top left no-repeat;
	width: 13px;
	height: 11px;
}

#layeritems_window_r {
	background: transparent url(graphics/balloon_r.png) top right repeat-y;
	width: 13px;
}

* html #layeritems_window_r {
	background: transparent url(graphics/balloon_r_ie.gif) top right repeat-y;
	width: 13px;
}

#layeritems_window_br {
	background: transparent url(graphics/balloon_br.png) top right no-repeat;
	width: 13px;
	height: 19px;
}

* html #layeritems_window_br {
	background: transparent url(graphics/balloon_br_ie.gif) top right no-repeat;
	width: 13px;
	height: 19px;
}

#layeritems_window_b {
	width: 405px;
	height: 19px;
	background: transparent url(graphics/balloon_b.png) top left no-repeat;
}

* html #layeritems_window_b {
	width: 405px;
	height: 19px;
	background: transparent url(graphics/balloon_b_ie.gif) top left no-repeat;
}

/* #layeritems_window_b2 {
	width: 405px;
	height: 45px;
	background: transparent url(graphics/balloon_items_b.png) top left no-repeat;
}

* html #layeritems_window_b2 {
	width: 405px;
	height: 45px;
	background: transparent url(graphics/balloon_items_b_ie.gif) top left no-repeat;
} */

#layeritems_window_bl {
	width: 12px;
	height: 19px;
	background: transparent url(graphics/balloon_bl.png) top left no-repeat;
}

* html #layeritems_window_bl {
	width: 12px;
	height: 19px;
	background: transparent url(graphics/balloon_bl_ie.gif) top left no-repeat;
}

#layeritems_window_l {
	width: 12px ;
	background: transparent url(graphics/balloon_l.png) top left repeat-y;
}

* html #layeritems_window_l {
	width: 12px ;
	background: transparent url(graphics/balloon_l_ie.gif) top left repeat-y;
}



#balloon_footer {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	xpadding: 5px 0 0 0;
	xmargin: 2em 0 0.5em 0;
}

#balloon_footer ul {
}

#balloon_footer ul li {
	color: #08BA06;
	list-style-type: none;
	xpadding: 0.3em 0;
}
#balloon_footer.ballon_footer_noMargin ul li {
	margin: 0;
}
#balloon_footer.ballon_footer_noMargin {
	border-bottom: none;
}

.balloonlistJij {
	list-style-image: url(graphics/list_style_jij.gif);
}

.balloonlistFoto {
	list-style-image: url(graphics/list_style_foto.gif);
}

#layeritems_remapQuestion {
	padding: 3px 0;
}


/* timeline */
#timeline {
	width: 721px;
	position: relative;
	height: 100%;
}

#track {
	position: absolute;
	top: 18px;
	left: -2px;
	z-index: 10000;
}

#handle1,
#handle2 {
	z-index: 20;
}

#handle1:hover,
#handle2:hover,
#handle1.hover,
#handle2.hover {
	cursor: e-resize;
}


.barContainer {
	text-align: left;
	margin: 0.5em;
}

.legenda_timeline {
	bottom: 0;
	text-align: center;
	width: 11px;
	font-size: 8px;
}

* html .legenda_timeline {
	bottom: 0;
	text-align: center;
	width: 11px;
	font-size: 8px;
}

.hourWrapper .legenda_timeline {
	width: 16px;
}

.weekWrapper, hourWrapper {
	z-index: 10;
}

.wrapperBar {

}

.hourWrapper,
.timeWrapper {
	display: inline;
	float: left;
	padding-top:20px;
}

* html .barvak,
* html .active {
	height: 0px;
}

.weekWrapper {
	position: relative;
	display: inline;
	float: left;
}

.hourWrapper .barvak {
	height: 27px;
	z-index: 10;
	background: #E8E8E8;
	border-left: 1px solid #ccc;
	width: 16px;
}

.hourWrapper .active {
	height: 27px;
	z-index: 10;
	width: 16px;
	margin-left: 1px;
}

.timeWrapper .barvak {
	height: 27px;
	z-index: 10;
	width: 10px;
	background: #E8E8E8;
	border-left: 1px solid #ccc;
}

.timeWrapper .active {
	height: 27px;
	z-index: 10;
	width:10px;
	margin-left: 1px;
}

.active {
	position: relative;
}

.barvak {
	background: #E8E8E8;
	position: relative;
}

.bar {
	position: absolute;
	bottom: 0;
	width: 3px;
	height:1px;
}

.timeWrapper .bar {
	width: 10px
}

.timeWrapper .barvak .bar  {
	background: #CCCCCC;
}

.timeWrapper .active .bar  {
	background: #83D65A;
}

.barvak .barNunl {
	left: 0;
	background: #777;
}

.barvak .barFoto {
	left: 3px;
	background: #888;
}

.barvak .barJij {
	left: 6px;
	background: #555;
}

.barvak .barMisdaad {
	left: 9px;
	background: #666;
}

.active .barNunl {
	left: 0px;
	background: #28315F;
}

.active .barFoto {
	left: 3px;
	background: #428DB3;
}

.active .barJij {
	left: 6px;
	background: #A5181E;
}

.active .barMisdaad {
	left: 9px;
	background: #272727;
}


.barvak:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html .barvak {
    height: 1px; /* clear floats for IE5,6 */
}

*+html .barvak{
    min-height: 0;  /* clear floats for IE7 */
}

.weekNr {
	position: absolute;
	left: 0px;
	top: 20px;
	padding: 40px 0 0 1px;
	border-left: 1px solid #ccc;
	color: #989898;
	font-size: 8px;
	line-height:8px;
	text-transform: uppercase;

}

#productOutputDisplay .aktief {
	xbackground: #DADADA;
}

.barvak:hover {
	background: #ddd;
}

.timeBallon {
	display: none;
	position: absolute;
	bottom: 25px;
	left: -65px;
	width:120px;
	height:148px;
	background: transparent url(graphics/timeline_balloon.png) bottom left no-repeat;
	padding: 15px 20px 10px 15px;
}

.active .bar:hover,
.barvak .bar:hover {
	cursor: pointer;
}

.active:hover .timeBallon,
.barvak:hover .timeBallon {
	display:block;
}

.active .timeBallon:hover {
	display: block;
}

#wrapper .timeBallon h2 {
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	padding-top: 10px;
}




p#debug {
	display: none;
}

tbody#publicProducts td.legendGroupedItems {
	color: #020051;
	font-weight: bold;
	padding: 5px 0 3px 8px;
}


#layeritems_window #layeritems_window_contents {
	xmargin-bottom: 20px;
}

#buienradarTime {
	position: absolute;
	left: 80px;
	top:  10px;
	width: 200px;
	color: #08BA06;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #9A9A9A;
	padding: 3px;
	z-index:1000000000000;
}

.buienradarTitel {
	color: #000;
	font-weight: normal;
}

#userprefsselectRegions {
/*	position: absolute;
	right: 0px;
	top:  30px;
*/
}


/* tabs */
div.tabs {
	position:absolute;
	left:0px;
	display: table;
	width: 100%;
	margin:0;
	padding: 0;
	z-index:1000;
	height: 17px;
}


*+html div.tabs {
	top: 1px;
}

.tabs div {
	float: left;
}

/* Default tab colors */

.tabButton {
	padding:0;
	margin: 0 0 0 -10px;
}

.tabButton,
.activeTabButton {
	height: 17px;
}

.tabButton,
.tabBackgroundButton {
	text-decoration: none;
	background: url(graphics/tab_inactive_right.png) top right no-repeat;
	color: #999;
	position:absolute;
	top: 2px;
	cursor: pointer;
	margin: 0;
}

.tabButton .tabBackgroundButton,
.tabBackgroundButton .tabBackgroundButton {
	text-decoration: none;
	background: url(graphics/tab_inactive_left.png) top left no-repeat;
	color: #333;
	padding: 1px 20px 0pt 15px;
	position:absolute;
	top: 0;
	cursor: pointer;
	margin:0;
}



.activeTabButton {
	background: url(graphics/tab_active_right.png) top right no-repeat;
	padding: 0;
	position:absolute;
	top: 2px;
	cursor: pointer;
	margin: 0;
}

.activeTabButton div.tabBackgroundButton {
	text-decoration: none;
	background: url(graphics/tab_active_left.png) top left no-repeat;
	color: #333;
	padding: 1px 20px 0pt 15px;
	position:absolute;
	top: 0;
	cursor: pointer;
	margin: 0;
	xborder-bottom: 1px solid #fff;
}

#objecten_tabButtonB {
	margin-left:0;
}


a.tabButton:hover {
	text-decoration: underline;
}

a.tabActionButton {
	text-decoration: none;
	background: transparent url(graphics/button_bg.gif) repeat-x scroll right top;
	border: 1px solid #FF6600;
	font-weight: bold;
	margin-right: 0.4em;
	color: #fff;
	padding:2px;
	margin-left:2px;
	cursor: pointer;
	padding: 0.125em 0.5em 0.25em 0.5em;
}

a.tabActionButton img {
	padding-top: 0.2em;
}

a.tabActionButton:hover {
	color: #FFFFFF;
}

/*
* note that by default all tab content areas
* have display set to 'none'
*/
div.tabContent {
	display: none;
}

/* Edit details page of objects */

.tabContent {
	position: relative;
	padding: 10px 0 0 0;
	max-height: 350px;
	border-top: 1px solid #6DDB37;
}


#layeritems_last5itemsDiv {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 450px;
	z-index: 10000;
}

#layeritems_last5itemsDiv #layeritems_window_tl {
	position: absolute;
	width: 18px;
	height: 17px;
	top: 0px;
	left: 0px;
}
#layeritems_last5itemsDiv #layeritems_window_t {
	position: absolute;
	width: 405px;
	height: 17px;
	top: 0px;
	left: 18px;
}
#layeritems_last5itemsDiv #layeritems_window_tr {
	position: absolute;
	width: 22px;
	height: 17px;
	top: 0px;
	left: 423px;
}

#layeritems_last5itemsDiv #layeritems_window_l {
	position: absolute;
	width: 18px;
	height: 99%;
	top: 17px;
	left: 0px;
}

* html #layeritems_last5itemsDiv #layeritems_window_l {
	height: 100%;
}

#layeritems_last5itemsDiv #layeritems_window_r {
	position: absolute;
	width: 22px;
	height: 99%;
	top: 17px;
	left: 423px;
}

*+html #layeritems_last5itemsDiv #layeritems_window_r,
*+html #layeritems_last5itemsDiv #layeritems_window_l {
	height: 95%;
}

#layeritems_last5itemsDiv #layeritems_window_b2 {
	position: absolute;
	width: 447px;
	height: 45px;
	bottom: -55px;
	left: 0;
}

* html #layeritems_last5itemsDiv #layeritems_window_b2 {
	bottom: -50px;
}

*+html #layeritems_last5itemsDiv #layeritems_window_b2 {
	bottom: -45px;
}

#layeritems_last5itemsDiv #layeritems_window_contents {
	display: block;
	visibility: visible;
	width: 415px;
	top: 10px;
	left: 15px;
}

* html #layeritems_last5itemsDiv #layeritems_window_contents {
	width: 410px;
	left: 5px;
	top: 17px;
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	padding: 0 10px;
}

#last5itemsList {
	background: #fff;
}


#last5itemsList ul {
	xpadding: 10px 0;
}

* html #last5itemsList ul {
	xpadding: 5px 0;
}

#layeritems_last5itemsDiv #layeritems_window_b {
	width: 350px;
	height: 45px;
	background: transparent url(graphics/balloon_t.png) top left no-repeat;
}

* html #layeritems_last5itemsDiv #layeritems_window_b {
	width: 350px;
	height: 45px;
	background: transparent url(graphics/balloon_t_ie.gif) top left no-repeat;
}
/*
* login opmaak
*/

#contentHome {
	xheight: 10px;
	xborder: 1px solid red;
}

#loginFormDiv,
#loginFormDiv form {
	padding: 0;
}

.loginTitle {
	font-weight: bold;
}

#loginFormUsername,
#loginFormPassword {
	width: 100px;
	font-size: 7pt;
}

* html #loginFormUsername,
* html #loginFormPassword{
	width: 95px;
}

*+html #loginFormUsername,
*+html #loginFormPassword {
	width: 98px;
}

form#loginForm #formFooter {
	position: relative;
	height: 15px;
	margin: 5px 0 0 0;
}

form#loginForm #formFooter label {
	float: none;
	display: inline;
	margin: 0;
	width: auto;
	padding-bottom: 3px;
}

form#loginForm #formFooter input{
	margin: 0 3px 0 0;
	xpadding:0pt;
	vertical-align:middle;
}

form#loginForm #formFooter input.login_button {
	position: absolute;
	right: 0;
	margin: 0;
}

.loginEmpty {
	color: #999;
}

.loginNotEmpty {
 	color: #020051;
}

#loginFormSubmit {
}

#login__registreer {
	margin: 0;
	padding: 0;
}

#keywords_list {
	display:block;
	background: #fff;
	border: 1px solid #686868;
	z-index: 100000000;
}

#keywords_list {
	text-align: right;
}



#keywords_list a {
	font-size: 80%;
	color: #08BA06;
	text-decoration: none;
	padding: 3px;
	text-align: right;
}
#keywords_list a:hover {
	text-decoration: underline;
}

#keywords_list ul li a {
	font-size: 100%;
	color: #000;
	text-decoration: none;
}

#keywords_list ul li a:hover {
	text-decoration: underline;
}

#keywords_list ul {
	text-align: left;
	background: url(graphics/titleThema.png) top right no-repeat;
	margin: 0;
	padding: 8px 5px 0 3px;
	border-bottom: 1px solid #ccc;
}

#keywords_list li {
	list-style-type: none;
	line-height: 15px;
	margin:0;
	padding: 0 2px 0 2px;
}

#keywords_list li.history_list {
	border-top: 1px solid #ccc;
	background: url(graphics/titleHistory.png) top right no-repeat;
	padding: 8px 2px 0 2px;
}


#zoekschermStatus,
#userprefs_overlayDiv {
	background: url(graphics/overlay.png);
	color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	height: 74px;
	background-color: #fff;
	xborder: 1px solid #666666;
}

* html #zoekschermStatus,
* html #userprefs_overlayDiv {
	width:757px;
}

#zoekschermStatusResults,
#save_preference_window {
	padding: 5px;
}

#zoekschermStatus h2,
#userprefs_overlayDiv h2 {
	color: #fff;
	width: 100%;
	border-bottom: 1px dotted #fff;
	font-size: 120%;
}

#userprefsArea {
	position: relative;
}

#prefTip,
#userprefsselectPreferences {
	background: #e8e8e8;
	border: 1px solid #ccc;
	padding: 6px 6px 3px 6px;
	margin-bottom: 10px;
}

#prefTip {
	color: #020051;
}


.modalDialogPanel h2 {
	color: #08BA06;
	font-size: 140%;
}
.modalDialogPanel h3 {
	color: #08BA06;
	font-size: 110%;
}

.overlayTitle {
	color: #08BA06;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
	width: 100%;
}

#wrapper #userprefsArea hr {
	height: 1px;
	border-top: 1px dotted #ccc;
	margin: 5px 0 2px 0;
}

* html #wrapper #userprefsArea hr,
*+html #wrapper #userprefsArea hr {
	margin: 2px 0;
	padding: 0;
}

#wrapper #userprefsArea a {
	color: #020051;
	text-decoration: none;
}

#wrapper #loginInfoDiv .logoutLink a {
	color: #08BA06;
	text-decoration: none;
}

.modalDialogPanel #formFooter {
	border-top: 1px dotted #ccc;
	padding: 5px 0 10px 0;
}

.modalDialogPanel #formFooter:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html .modalDialogPanel #formFooter {
    height: 1px; /* clear floats for IE5,6 */
}

*+html .modalDialogPanel #formFooter {
    min-height: 0;  /* clear floats for IE7 */
}

#zoekschermStatusResults #zoekschermFormFooter,
#save_preference_form #formFooter {
	position: absolute;
	top: 43px;
	right: 5px;
	width: 250px;
}

input.buttongreen {
	border: 1px solid #08BA06;
	background: url(graphics/bg_button.gif) top left repeat-x;
	color: #fff;
	line-height: 15px;
	padding: 0 5px;
	float: right;
	font-size: 90%;
}

input.buttongrey {
	border: 1px solid #999;
	background: #fff;
	color: #999;
	margin-right:5px;
	line-height: 15px;
	padding: 0 5px;
	float: right;
	font-size: 90%;
}

input.buttongreen:hover,
input.buttongrey:hover {
	cursor: pointer;
}

#zoekschermStatusResults #formFooter input.buttongrey {
	margin-right:0;
}


#zoekschermStatus #formFooter input {
	float: right;
}

#zoekschermStatus #formFooter:after,
form#save_preference_form #formFooter:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html #zoekschermStatus #formFooter,
* html form#save_preference_form #formFooter {
    height: 1px; /* clear floats for IE5,6 */
}

*+html #zoekschermStatus #formFooter,
*+html form#save_preference_form #formFooter {
    min-height: 0;  /* clear floats for IE7 */
}

form#save_preference_form {
	margin: 0;
	padding: 0;
}

* html #last5itemsList ul,
* html #unplaceditemsList ul {
	height: 350px;
	overflow: auto;
}

#last5itemsList ul,
#unplaceditemsList ul {
	max-height: 350px;
	overflow: auto;
}

* html #last5itemsList li,
* html #unplaceditemsList li {
	width: 90%;
}

*+html #last5itemsList li,
*+html #unplaceditemsList li {
	width: 90%;
}

#last5itemsList li,
#unplaceditemsList li {
	list-style-image: url(graphics/list_style_arrow_blue.gif);
}

#groupLayerContent {
	max-height: 150px;
	xposition:relative;
	overflow:auto;
}


#unplaceditemsList li a,
#last5itemsList li a,
#groupLayerContent li a {
	color: #020051;
	font-weight: bold;
	text-decoration: none;
}

#unplaceditemsList li li a,
#last5itemsList li li a,
#groupLayerContent li ku a {
	color: #08BA06;
	font-weight: normal;
	text-decoration: underline;
}


#groupLayerContent li a:hover {
	text-decoration: underline;
}


#groupLayerContent li {
	list-style-image: url(graphics/list_style_arrow_blue.gif);
	margin:0pt 0pt 3px 13px;
}

*+html #groupLayerContent li {
	margin:0pt 0pt 3px 17px;
}

#wrapper h2.popupTitle {
	padding: 0 0 0 0px;
	line-height: 30px;
	border-bottom: 1px dotted #ccc;
	color: #08BA06;
}


#wrapper h2.groupLayerTitle {
	vertical-align: middle;
	color: #08BA06;
}

* html #wrapper h2.groupLayerTitle {
	vertical-align: middle;
	color: #08BA06;
	padding-bottom: 10px;
}

*+html #wrapper h2.groupLayerTitle {
	vertical-align: middle;
	color: #08BA06;
	padding-bottom: 10px;
}

#wrapper h2.groupLayerTitle img {
	margin-bottom: -5px;
	padding-right: 5px;
}

* html #wrapper h2.groupLayerTitle img {
	position:relative;
	left: 0;
	top: 10px;
	padding-right: 5px;
}

*+html #wrapper h2.groupLayerTitle img {
	position:relative;
	left: 0;
	top: 10px;
	padding-right: 5px;
}

#wrapper h2.groupBalloonTitle{
	padding: 0;
	line-height: 30px;
	color: #08BA06;
	border-bottom: 1px dotted #666;
}

a.balloon_details {
	color: #08BA06;
	padding: 0 0 0 5px;
	background: url(graphics/list_style_arrow_green.gif) 0px 4px no-repeat;
	margin-left: 5px;
}

ul.balloon_list {
	xborder-top: 1px dotted #666;
	padding-top: 10px;
}

#searchResultsHeader {
	border-bottom: 1px dotted #fff;
	font-weight:bold;
	font-size: 110%;
	line-height: 25px;
}

h2.savePreferencesHeader {
border-bottom:1px dotted #FFFFFF;
font-size:110%;
font-weight:bold;
line-height:25px;
}

#zoekResultsText {
	color: #fff;
}

#zoekwoordText {
	color: #fff;
	font-weight:bold;
	font-size: 100%;
	line-height: 20px;
	margin-top:10px;
}

#totalResultCount {
	background: url(graphics/list_style_arrow_green.gif) left center no-repeat;
	margin: 0 0 0 15px;
}

#totalResultCount a {
	color: #08BA06;
	padding-left: 10px;
}

#totalResultCount a:hover {
	color: #08BA06;
}


#poweredByMaxnl {
 	margin-top: 5px;
 	text-align: center;
 }

.copy {
	color:#4A6596;
	font-size:10px;
	line-height:15px;
}


#titel {
	color: #1C724D;
	font-weight: bold;
	font-size: 120%;
	text-tranform: uppercase;
	padding: 2px 0 5px 0;
	xborder-bottom: 1px solid #1C724D;
}

#description {
	padding: 1em 0 2em 0;
}

.balloonFooter {
	width: 100%;
	border-top: 1px solid #1C724D;
}

#openingstijden {
	text-decoration: italic;
	padding: 0.5em 0;
	color: #1C724D;
}

#description:first-letter,
#openingstijden:first-letter {
	text-transform: uppercase;
}

#adres {
	text-align: right;
}

table#privateProducts img {
	height: 80%;
	width: 80%;
}

* html td.cellNoChildren img{
	border-right: 3px solid #fff;
}

* html td.cellChildren img {
	border-right: none;
}

*+html td.cellNoChildren img {
	border-right: 3px solid #fff;
}

*+html td.cellChildren img {
	border-right: none;
}

td.cellChildren img {
	border-right: 3px solid #fff;
}