@charset "utf-8";
@import url("_index.css");
@import url("popupdiv.css");
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/afbeeldingen/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/afbeeldingen/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* CSS Document */
a:hover{
	text-decoration:underline;
}
.floatleft{float:left;}
.floatright{float:right;}
body{
	background:#0053A3;
	text-align:center;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
    cursor: pointer;	
}
.bodybg{
	background-attachment: fixed;
    background-image: url("/upload/bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
.body_old{
	background:#1C3146;
	text-align:center;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;	
}

.text ul { list-style:disc; font-size:13px; list-style-position:inside; margin-left:5px;  }
.contentblok ul { list-style:disc; font-size:13px; list-style-position:outside; margin-left:5px; color:#1C3146;}
.contentblok ul li { list-style:disc; font-size:13px; margin-left:13px;}
.contentblok ul a{ color:#1C3146;}
.productinformation ul { list-style:disc; font-size:13px; list-style-position:inside; margin-left:-7px; }

#error{
	width:100%;
	position:relative;
	left:0px;
	top:2px;
	text-align:center;
}
.flash{
	background-color:#D9EBF5;
	border-bottom:1px solid #0079C2;
	border-top:1px solid #0079C2;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	position:relative;
	margin:10px 5px;
	padding:2px 5px;
}
.copyright{
	position:absolute;
	bottom:-20px;
	right:10px;
	color:#FFFFFF;
	font-size:12px;
}
.noborder{
	border:none !important;
}
.money{
	text-align:right;
}
/* alle knoppen */
.btn_pijl_oranje{
	color:#FFFFFF;
	background:url(/afbeeldingen/knoppen/pijl_links_oranje.png) 2px center no-repeat;
	border:none;
	cursor:pointer;
	padding-left:14px;
}
.btn_pijl_blauw{
	color:#FFFFFF;
	background:url(/afbeeldingen/knoppen/pijl_links_blauw.png) 2px center no-repeat;
	border:none;
	cursor:pointer;
	padding-left:14px;
}
.btn_zoeken{
	display:block;
	width:67px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/zoeken_blauw.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_winkelmand_afronden{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/winkelmand_afronden.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_winkelmand_legen{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/button_winkelmand_legen.gif) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_verder_winkelen{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/verder_winkelen.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_winkelmand{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/HP_knop-naarwinkelmand.jpg) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_naar_stap2{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/naar_stap2.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_ga_verder{
	display:block;
	width:95px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/gaverder.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_naar_stap3{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/naar_stap3.png) center no-repeat;
	border:none;
	cursor:pointer;
}
.btn_naar_stap4{
	display:block;
	width:170px;
	height:19px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/naar_stap4.png) center no-repeat;
	border:none;
	cursor:pointer;
}



.selectoption{
	background:url(/afbeeldingen/knoppen/selectbox_inactive.gif) center left no-repeat;
	padding-left:12px !important;
	cursor:pointer;
}
.selectoption.active{
	background:url(/afbeeldingen/knoppen/selectbox_active.gif) center left no-repeat;
}
.btn_herbereken{
	display:block;
	width:76px;
	height:10px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/button_herbereken.png) center no-repeat;
	border:none;
	cursor:pointer;
	margin-top:5px;
}
.btn_verwijder{
	display:block;
	width:9px;
	height:9px;
	content:'';
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
	text-indent:-99999px;
	background:url(/afbeeldingen/knoppen/button_verwijder.png) center no-repeat;
	border:none;
	cursor:pointer;
	margin-top:5px;
	margin-left:23px;
}

.footerblok{
	width:100%;
	clear:both;
}
.footerblok h2,
.footerblok h3{
color:#00509B;
margin:5px;
}
	.footerblok .aanbieding{
		width:190px;
		height:269px;
		position:relative;
		margin:5px 3px;
		float:left;
	}
	.footerblok .aanbieding.verhuur{
		background:url(/afbeeldingen/aanbieding_background_verhuur.gif) no-repeat center;
	}
	.footerblok .aanbieding.verkoop{
		background:url(/afbeeldingen/aanbieding_background_verkoop.gif) no-repeat center;
	}
	.footerblok .aanbieding.koopjeshoek{
		background:url(/afbeeldingen/aanbieding_background_koopjeshoek.gif) no-repeat center;
	}
		.footerblok .aanbieding .image{
			width:170px;
			height:130px;
			position:absolute;
			top:30px;
			left:10px;
			text-align:center;
			overflow:hidden;
		}
		
		.footerblok .aanbieding .image img {
			position:relative;
			left:0px;
			bottom:0px;
			margin:0px auto;
		}
		
		.footerblok .aanbieding .text{
			width:105px;
			height:60px;
			position:absolute;
			top:160px;
			left:10px;
			color:#1C3146;
			font-size:12px;
			overflow:hidden;
		}
		.footerblok .aanbieding .title{
			margin:0;
			color:#1C3146;
			font-size:12px;
			line-height:16px;
		}
		.footerblok .aanbieding .info{
			margin:0;
			color:#1C3146;
			font-size:10px;
			line-height:12px;
			margin-top:3px;
		}
		.footerblok .aanbieding.verhuur .prijs.nu{
			background:url(/afbeeldingen/prijs_verhuur_nu.gif) center no-repeat;
		}
		.footerblok .aanbieding.verhuur .prijs.va{
			background:url(/afbeeldingen/prijs_verhuur_va.gif) center no-repeat;
		}
		.footerblok .aanbieding.verkoop .prijs.nu{
			background:url(/afbeeldingen/prijs_verkoop_nu.gif) center no-repeat;
		}
		.footerblok .aanbieding.verkoop .prijs.va{
			background:url(/afbeeldingen/prijs_verkoop_va.gif) center no-repeat;
		}
		.footerblok .aanbieding.koopjeshoek .prijs{
			background:url(/afbeeldingen/prijs_ac.gif) center no-repeat;
		}
		.footerblok .aanbieding .prijs.ac{
			background:url(/afbeeldingen/prijs_ac.gif) center no-repeat;
		}
		.footerblok .aanbieding .prijs{
			width:67px;
			height:57px;
			position:absolute;
			top:161px;
			left:115px;
		}
			.footerblok .aanbieding .prijs .prijstext{
				width:100%;
				font-size:12px;
				text-align:center;
				font-weight:bold;
				letter-spacing:-1px;
				position:absolute;
				top:6px;
				left:5px;
			}
			.footerblok .aanbieding .prijs .prijswaarde{
				width:100%;
				font-size:12px;
				text-align:center;
				font-weight:bold;
				letter-spacing:-1px;
				position:absolute;
				top:25px;
				left:5px;
			}
			.footerblok .aanbieding .prijs.nu{
				color:#FFFFFF;
			}
			.footerblok .aanbieding .prijs.va{
				color:#00509B;
			}
			.footerblok .aanbieding .prijs.ac{
				color:#FFFFFF;
			}
		.footerblok .aanbieding .buttons{
			width:170px;
			height:40px;
			position:absolute;
			top:220px;
			left:10px;
			border-top:#CCDCEB 1px solid;
		}
			.footerblok .aanbieding .buttons a{
				display:block;
				height:18px;
				line-height:18px;
				color:#1C3146;
				border-bottom:#CCDCEB 1px solid;
			}
			.footerblok .aanbieding .buttons a:hover{
				background-color:#E5EDF5;
				text-decoration:none;
			}


/* Date Picker */

div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
 background: #FFFFFF;
 font-size: 10px;
 padding: 0px;
}
div.datepicker table {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 180px;
}
div.datepicker table thead tr th {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 0px;
 margin: 0px;
}
div.datepicker table tbody tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker table tbody tr td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker table tbody tr td.wday {
 background: #ffffff;
 cursor: text;
}
div.datepicker table tbody tr td.outbound {
 background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound {
 cursor:default; color:#aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
 background:#ffffff;
 color: #ffffff;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover {
 border: 1px #eaeaea solid;
 background: #FFF;
}
div.datepicker table tfoot {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 0px;
}
.btn_bestel_dit_artikel{
	width:170px;
	height:19px;
	text-indent:-9999px;
	content:'';
	font-size:0px;
	line-height:0px;
	display:block;
	background:url(/afbeeldingen/knoppen/verkoop_bestel_dit_product.png) no-repeat center;
	border:none;
	cursor:pointer;
}
	 .adov{
		width:590px;
		position:relative;
		top:0px;
		right:0px;
		text-align:left;
		margin-bottom:15px;
	}
		.adov .addet{
			width:590px;
			height:100px;
			border-bottom:1px solid #99b9d7;
			position:relative;
			top:0px;
			left:0px;
			text-align:left;
		}
			.adov .addet .adtitle{
				position:absolute;
				left:100px;
				top:5px;
				color:#00509b;
				font-size:15px;
				font-weight:bold;
			}
				.adov .addet .adtitle a{
					color:#00509b;
				}
			.adov .addet .adoms{
				position:absolute;
				width:380px;
				height:45px;
				left:100px;
				top:25px;
				color:#1c3146;
				font-size:13px;
				line-height:15px;
				overflow:hidden;
			}
			.adov .addet .admore{
				position:absolute;
				width:100px;
				left:100px;
				bottom:5px;
				color:#00509b;
				font-size:13px;
			}
			.adov .addet .adbut{
				position:absolute;
				width:90px;
				right:10px;
				bottom:5px;
			}
				.adov .addet .admore a{
					color:#00509b;
				}
				.adov .addet .adbut img{
					position:relative;
					top:0px;
					left:0px;
				}
				.adov .addet .adbut a{
					display:block;
				}
			.adov .addet .adprice{
				position:absolute;
				width:100px;
				height:25px;
				right:10px;
				top:5px;
				color:#1c3146;
				font-size:20px;
				text-align:right;
				line-height:25px;
			}
				.adov .addet .adprice span.btw{
					font-size:8px;
					line-height:10px;
				}
			.adov .addet img{
				position:relative;
				top:5px;
				left:5px;
				max-width:90px;
				max-height:90px;
			}