/* CSS reset */
* {
	margin: 0;
	padding: 0;
}
ol,ul,li {
	list-style: none;
}
table {
	text-align: left;
	border-spacing: 0;
	margin: 0 0 20px;
}
tr, th, td {
	vertical-align: top;
}
img {
	border: 0;
}

/*///// Typography /////*/
html, input, textarea, select {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}
h1, h2, h3, h4, h5 {
	font-family: HelveticaNeueLTStd87HvCn;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #D81921;
	font-weight: normal;
}
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 24px; line-height: 24px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 16px; line-height: 16px; }

a,
a:active,
a:visited { color: #D81921; outline: none; }
a:hover { color: #777; }

p { margin-bottom: 10px; }

blockquote {
	
}

/* custom fonts */
@font-face {
	font-family: HelveticaNeueLTStd87HvCn;
	src: url('graphics/fonts/helveticaneueltstd-hvcn-webfont.eot');
	src: url('graphics/fonts/helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'), url('graphics/fonts/helveticaneueltstd-hvcn-webfont.woff') format('woff'), url('graphics/fonts/helveticaneueltstd-hvcn-webfont.ttf') format('truetype'), url('graphics/fonts/helveticaneueltstd-hvcn-webfont.svg#HelveticaNeueLTStd87HvCn') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*///// elements /////*/
html {
	background: #FFFFFF;
}
#wrapper {
	position: relative;
	width: 940px;
	margin: 0 auto;
}
#background {
	background: url(graphics/body_bg.jpg) no-repeat;	
}
/*///// header /////*/
#header {
	background: #FFF;
	position: relative;
	height: 249px;
	margin: 0 0 10px;
	xpadding: 10px 0 0;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}
#logo {
	position: absolute;
	left: 90px;
	top: 10px;
}

/* header image */
#headerImage {
	position: relative;
	background: url(graphics/headerimg.jpg) no-repeat;
	background: #AAA;
	height: 200px;
}
#logoAD {
	position: absolute;
	left: 90px;
	top: 0;
}
#nuToen {
	position: absolute;
	right: 60px;
	top: 80px;
}
/*///// menu /////*/
#progress {
	background: url(graphics/menu_bg.png) no-repeat;
	line-height: 49px;
	width: 100%;
}
#progress li {
	background: url(graphics/menu_li_bg.png) right top no-repeat;
	float: left;
	padding: 0 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #930201;
}
#progress li a {
	text-decoration: none;	
}
#progress li a:hover {
	color: #D81921;
}
#progress li.current a,
#progress li.accessible a,
#progress li.accessible.current a,
#progress li.accessible:hover a {
		color: #FFF;
}
#progress li.accessible {
	cursor: pointer;
}
#progress li .number {
	background: url(graphics/number_bg.png) no-repeat;
	width: 33px;
	line-height: 33px;
	float: left;
	text-align: center;
	margin: 7px 3px 0 0;
	text-indent: -1px;
}
#progress li.current .number {
	background: url(graphics/number_active_bg.png) no-repeat;
	color: #FFF;
}
#progress li.actiecode {
	padding-left: 5px;	
}
#progress li.afronding {
	background: 0;		
}

#profiteerLabel {
	margin-left: 10px;
}

/*///// content /////*/
#content {
	position: relative;
	width: 940px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}
#innerContent {
	padding: 10px 20px;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	width: 899px;
}
#content #contentLeft {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
}
#reserveren #content #contentLeft {
	width: 530px;
}
#content #contentRight {
	float: left;
	width: 278px;
}
#reserveren #content #contentRight {
	width: 301px;
}
.formPart {
	background: #FFF url(graphics/content_bg.png) repeat-x;
	border: 1px solid #CCC;
}
.formPart h1 {
	background: url(graphics/title_bg.png) no-repeat;
	line-height: 35px;
	margin: -1px 0 10px -1px;
	font-family: arial;
	color: #FFF;
	font-size: 12px;
	text-indent: 20px;
	width: 940px;
}
.formPart h2 {
	margin: 0 0 10px 20px;
}
/* 1 actiecode */
.formPart1 .actiecodeContainer label {
	font-family: HelveticaNeueLTStd87HvCn;
	color: #D81921;
	font-weight: normal;
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	width: 180px;
}
.formPart1 .actiecodeContainer input.actiecode {
	border: 1px solid #C4C4C4;
	line-height: 35px;
	padding: 0 20px;
	width: auto;
	height: 40px;
	border-radius: 5px;
}
#actieCodes {
	border: 1px dotted #BBBBBB;
	padding: 20px;
	margin: 10px 0 0;
}
#actieCodes h3 {
	font-size: 19px;
	line-height: 19px;
}
#luchtfotoBanner {
	border: 1px dotted #BBBBBB;
	margin: 20px 0 0;
	padding: 10px;
}
#actieCodes ul {
	margin: 0 0 0 15px;
}
#actieCodes ul li {
	list-style: disc;
	margin: 0 0 10px;
}
/* 2 luchtfoto's */
.formPart2 #contentRight h2 {
	margin: -34px 0 10px;
}
.formPart2 #innerContent {
	border: 0;
	padding: 0;
	width: 914px;
	margin-bottom: 0;
}
#content .formPart2 #contentLeft {
	border: 1px solid #D3D3D3;
	border-bottom: 0;
	border-left: 0;
	width: 575px;
	padding: 10px 20px;
	margin: 0 20px 0 0;
}
.step {
	background: url(graphics/step_bg.png) no-repeat;
	width: 25px;
	height: 24px;
	float: left;
	margin-right: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}
.formPart2 label {
	font-weight: bold;
	*width: 250px !important;
}
.maxlib_loading_image {
	height: 195px;
}
.preview {
	position: relative;
	border: 1px solid #C4C4C4;
	padding: 5px;
	height: 195px;
}
.formPart2 .preview {
	position: absolute;
	left: 295px;
	top: 130px;
}
.formPart2 #exampleText {
	position: absolute;
	left: 295px;
	top: 345px;
	color: #777;
}
.formPart2 .vragen {
	position: absolute;
	left: 295px;
	top: 360px;
}
.formPart2 .vragen a {
	text-decoration: none;
}

.formPart2 #contentLeft table {
	height: 270px;
}
.preview img {
	width: 290px !important;
}
#gevondenLocatie {
	position: absolute;
	top: 94px;
	left: 295px;
	padding: 0 0 10px;
	width: 230px;
}

#gevondenLocatieReserveren{
	margin-top: 10px;
}

#reserveren #gevondenLocatie {
	margin: 0 0 20px;
}
.preview #previewTitle {
	background: url(graphics/previewtitle_bg.png) repeat-x;
	line-height: 25px;
	position: absolute;
	right: 5px;
	top: 15px;
	color: #FFF;
	padding: 0 10px;
	display: none;
}
h3.border {
	border-bottom: 1px solid #CDCDCD;
	padding-bottom: 10px;
}
#products .luchtFotoSet,
#zoomniveaus .zoomniveau {
	border: 2px solid #BFBFBF;
	background: #F1F1F1;
	border-radius: 8px;
	text-align: center;
	width: 130px;
	height: 60px;
	float: left;
	margin-right: 25px;
	padding: 17px 0 0;
}
#products .luchtFotoSet.available,
#zoomniveaus .zoomniveau.available {
	cursor: pointer;
}
#products .luchtFotoSet.available:hover,
#zoomniveaus .zoomniveau.available:hover {
	border: 4px solid #ECB38E;
	margin: -2px 23px 0 -2px;
}
#products .luchtFotoSet.active,
#zoomniveaus .zoomniveau.active {
	border: 4px solid #EE7E33;
	margin: -2px 23px 0 -2px;
}

#products .luchtFotoSet .periode {
	font-weight: bold;
	font-size: 15px;
	padding: 5px 10px;
	border: 2px solid #A8A8A8;
	border-radius: 8px;
}
#products .luchtFotoSet {
	color: #CCC;
}
#products .luchtFotoSet.available .periode {
	color: #656565;
}
#products .luchtFotoSet .prices {
	margin-top: 15px;	
}

#products .luchtFotoSet .oldPrice {
	text-decoration: line-through;
}

#products .luchtFotoSet.available .oldPrice {
	color: #D81921;
}
#products .luchtFotoSet.available .prijs {
	color: #656565;
}
#products .luchtFotoSet .divider {
	margin: 0 5px;
}

#zoomniveaus .zoomniveau.available {
	color: #656565;
}

#zoomniveaus .zoomniveau {
	font-weight: bold;
	font-size: 15px;
	color: #CCC;
	height: auto;
	padding: 15px 0;
}
#products {
	margin: 0 0 20px;	
}
#zoomniveaus {
	border-bottom: 1px solid #CDCDCD;
	padding-bottom: 10px;
}
p.title {
	font-weight: bold;	
	color: #000;
}
.formPart2 .buttons.footer {
	border-top: 1px solid #D3D3D3;
	padding-top: 20px;
	margin-top: -5px;
}
.step1,
.step2,
.step3,
.step4 {
	position: relative;
}
.step1grey,
.step2grey,
.step3grey,
.step4grey,
.step5grey {
	background: url(graphics/transparent.png) repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 174px;
	height: 35px;
	z-index: 1;
	xdisplay: none;
}
.step2grey {
	width: 576px;
	height: 300px;
}
.step3grey {
	width: 191px;
	height: 55px;
}
.step4grey {
	width: 282px;
	height: 240px;
}
.step5grey {
	left: auto;
	right: 20px;
	top: 20px;
	width: 185px;
	height: 40px;
}
#reserveerMessage {
	display: none;
	margin: 10px 0 0;
}
/* shoppingCart */
.shoppingCart {
	position: relative;
	background: #F4F4F4;
	border: 1px solid #D0D0D0;
	padding: 10px;
	width: 260px;
	margin: 0 0 20px;
}
.shoppingCart .thumbPreview img {
	padding: 2px;
}
.shoppingCart .thumbPreview img.layer0,
.shoppingCart .thumbPreview img.layer1 {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #FFF;
	width: 90px !important;
	height: 65px !important;
	padding: 0;
}
.shoppingCart .thumbPreview img.layer1 {
	left: 10px;
	top: 10px;
}
.shoppingCart h2 {
	margin: 0 0 10px;
}
.shoppingCart table {
	position: relative;
	margin: 0 0 10px;
	width: 100%;
}
.shoppingCart table td {
	position: relative;	
}
.shoppingCart .adres {
	
}
.shoppingCart .plaats {
	margin-bottom: 10px;
}
.shoppingCart .jaar,
.shoppingCart .zoomNiveau {
	background: #E9E9E9;
	border: 1px solid #AAA;
	color: #666;
	line-height: 20px;
	border-radius: 5px;
	float: left;
	padding: 0 10px;
	margin: 0 5px 10px 0;
}
.shoppingCart .adres {
	margin: 0 0 10px;
}
.shoppingCart .zoomNiveau {
	margin: 0;
}
.shoppingCart .deleteRow {
	background: url(graphics/trashcan.png) no-repeat;
	width: 13px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	clear: left;
	position: absolute;
	top: 0;
	right: 0;
}
.shoppingCart .price {
	text-align: right;
	font-weight: bold;
}
.shoppingCart .amount {
	width: 50px;
	margin: 0 10px 0 0;
}
.shoppingCart .bestelButton {
	display: none;
}
.shoppingCart .shoppingCartOrderLine {
	border-bottom: 1px solid #C2C2C2;
	margin-bottom: 10px;
}
.shoppingCart .shoppingCartOrderLine .price {
	text-align: right;	
	font-weight: bold;
}
.shoppingCart .exclusief {
	text-align: right;	
	font-style: italic;
	color: #7A7A7A;
}
/* 3 uw bestelling */
.formPart3 table {
	width: 100%;
	border: 1px solid #D1D1D1;
	border-collapse: collapse;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}
.formPart3 table th {
	background: #D1D1D1;
	font-weight: normal;
	line-height: 40px;
}
.formPart3 table td {
	border: 1px solid #D1D1D1;
	padding: 5px 20px;
	vertical-align: middle !important;
}
.formPart3 table td.noB {
	border: 0 !important;
}
.formPart3 .buttons.footer {
	border-top: 1px solid #D1D1D1;
	padding-top: 20px;
}
.formPart3 .buttons.footer table {
	border: 0;
}
.formPart3 .buttons.footer table td {
	border: 0;
	padding: 0;
}
.formPart3 .price,
.formPart3 .priceGratis,
.formPart3 .totalPrice {
	text-align: right;
	font-weight: bold;
	color: #EE7E33;
	display: block;
}
.formPart3 .totalPrice {
	font-size: 16px;
}
.formPart3 .deleteRow {
	background: url(graphics/trashcan.png) no-repeat;
	width: 13px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.formPart3 #innerContent {
	padding: 10px 20px 0;
	border-bottom: 0;
}
.formPart3 table .deleteOverviewRow {
	background: url(graphics/trashcan.png) no-repeat;
	width: 13px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
}
.formPart3 table td {
	position: relative;	
}
.formPart3 .thumbPreview {
	position: relative;
	margin: 10px auto;
	width: 115px;
}
.formPart3 .thumbPreview img.layer0,
.formPart3 .thumbPreview img.layer1 {
	border: 2px solid #FFF;
}
.formPart3 .thumbPreview img.layer1 {
	position: absolute;
	left: 15px;
	top: 10px;
}

#kortingMelding {
	padding-top: 10px;
	font-weight: bold;
	color: #DE0E02;
}

/* 4 adresgegevens */
.formPart4 .note {
	border: 1px dotted #B3B3B3;
	padding: 10px;
	line-height: 20px;
	width: 540px;
	margin: 20px 0 10px;
}
.formPart4 .note .edit label {
	display: inline;
	float: none;
	width: auto;
	line-height: 20px;
}
.formPart4 .edit .radios {
	padding-top: 5px;
}
/* 5 betaling */
.formPart5 #innerContent {
	padding: 20px;
}
/* 6 afronding */
.formPart6 .box {
	border: 1px dotted #B9B9B9;
	padding: 10px;
	float: left;
	margin: 0 20px 20px 0;
}
.formPart6 #innerContent {
	padding: 20px;
}
.formPart6 .box {
	border: 1px dotted #B9B9B9;
	padding: 10px;
	float: left;
	margin: 20px 20px 20px 0;
	width: 240px;
	min-height: 100px;
}
.formPart6 .box .gegevensKop {
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.formPart6 .box a.wijzig {
	color: #0078FF;
	display: block;
	margin: 10px 0 0;
}
.formPart6 p {
	clear: left;	
}
#aanbieding {
	background: #E5E5E5;
	border: 1px solid #D1D1D1;
	padding: 10px;
	width: 840px;
	margin: 20px auto 0;
}
#aanbieding p {
	margin: 0;
}
#aanbieding p {
	margin: 0;
}
#aanbieding .note {
	padding: 10px;
}
#aanbieding input {
	float: left;
	position: relative;
	top: 3px;
	*top: 0px;
	margin: 0 5px 0 0;
}
#aanbieding label {
	width: auto !important;
	display: inline !important;
	line-height: 18px;
}
#aanbieding ul {
	margin: 0 0 0 20px;	
}
#aanbieding ul li {
	line-height: 18px;
}

/* overlay */
.ui-dialog {
	background: #FFF;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);	
}
.ui-dialog .ui-dialog-titlebar {
	position: relative;
	background: url(graphics/overlay_header_bg.png) repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px;
	text-indent: 20px;
	color: #FFF;
	cursor: move;
	top: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	background: url(graphics/button_close.png) no-repeat;
	position: absolute;
	right: 12px;
	top: 9px;
	width: 12px;
	height: 12px;
	text-indent: -1000px;
	overflow: hidden;	
}
.ui-dialog #aanbieding_overlay {


}
.ui-dialog .ui-dialog-content {
	padding: 20px !important;	
}
.ui-widget-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: 0 !important;
	opacity: 0.5;
}
.kopTekst {
	font-weight: bold;
}
#actievoorwaarden_overlay ul,
#voorwaardenLayover ul {
	list-style: disc;
	margin: 0 0 0 20px;
}
#actievoorwaarden_overlay ul li,
#voorwaardenLayover ul li {
	list-style: disc;
	margin: 0 0 10px;
}
/* overlay actie */
.ui-widget-content {
	width: 800px !important;	
}
#meerwetenLayover,
#actievoorwaardenLayover,
.vraag {
	padding-right: 40px;
}
.vraag {
	padding-bottom: 10px;
}
#faqLayover ul {
    margin: 0 0 20px 15px;
}
#faqLayover ul li {
    list-style: disc outside none;
}
.kopTekst {
	font-weight: bold;
}
#faqLayover .kopTekst {
	padding: 2px 0;
	font-size: 13px;	
}
/* 7 bedankt */
#adform.bedankt #innerContent {
	border-bottom: 0;
	padding: 10px 20px 50px;
}
#adform.bedankt #gaNaarAD,
#adform.bedankt #gaNaarDotka {
	background: url(graphics/logo_ad.png) 20px 20px no-repeat;
	border: 1px dotted #B2B2B2;
	width: 125px;
	height: 60px;
	padding: 50px 0 0 105px;
	margin-right: 20px;
	float: left;
}
#adform.bedankt #gaNaarDotka {
	background: url(graphics/logo_dotka.png) 20px 20px no-repeat;
	padding: 50px 0 0 75px;
	width: 165px;
}
#adform.bedankt #gaNaarAD a,
#adform.bedankt #gaNaarDotka a {
	color: #0078FF;
}

#dotkaTekst {
	margin-left: 13px;
	margin-top: -42px;
}

/* reserveren */
#reserveren #progress ol li {
	color: #FFF;
	padding: 0 30px 0 10px;
}
#reserveren form#reserverenForm {
	margin: 20px 0;
}

#reserveren .blueText {
	color: #0061A5;
	font-weight: bold;
}


/* clearfix */
#progress:after,
#content:after,
#innerContent:after,
.buttons:after,
.edit:after,
#products:after,
#zoomniveaus:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#progress,
#content,
#innerContent,
.buttons,
.edit,
#products,
#zoomniveaus {
	display: inline-block;
}
html[xmlns] #progress,
html[xmlns] #content,
html[xmlns] #innerContent,
html[xmlns] .buttons,
html[xmlns] .edit,
html[xmlns] #products,
html[xmlns] #zoomniveaus {
	display: block;
}