/* -- Main -- */

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

body{
	background-color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#posme{
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	text-align: left;
}

	#berekend{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		z-index: 100;
		-moz-opacity: .70;
		filter:alpha(opacity=70);
		opacity: .70;
	}

	#berekenpos{
		position: fixed;
		margin-top: 25%;
		margin-left: 50%;
		z-index: 200;
	}
	
	
		#aanvraagoptions{
			background: url(../img/aanvragen_bg.png) 0px 0px no-repeat;
			margin-left: -225px;
			margin-top: -150px;
			width: 450px;
			height: 300px;
		}
		
		#aanvraagoptions .close{
			position: absolute;
			margin-left: 428px;
			margin-top: 7px;
			width: 10px;
			height: 10px;
			cursor: pointer;
		}
		
		#aanvraagoptions .request{
			position: absolute;
			margin-left: 15px;
			margin-top: 244px;
			width: 235px;
			height: 24px;
			cursor: pointer;
			display: block;
		}

		#berekenoptions{
			background: url(../img/bereken_bg.png) 0px 0px no-repeat;
			margin-left: -177px;
			margin-top: -109px;
			width: 354px;
			height: 217px;
		}
		
		#berekenoptions .close{
			position: absolute;
			margin-left: 336px;
			margin-top: 6px;
			width: 10px;
			height: 10px;
			cursor: pointer;
		}
		
		#berekenoptions .again{
			position: absolute;
			margin-left: 15px;
			margin-top: 135px;
			width: 149px;
			height: 24px;
			cursor: pointer;
		}
		
		#berekenoptions .request{
			position: absolute;
			margin-left: 15px;
			margin-top: 102px;
			width: 235px;
			height: 24px;
			cursor: pointer;
			display: block;
		}
		

#container{
	margin: 0px auto;
	text-align: left;
	width: 991px;
	padding: 26px 0px 50px 0px;
}

	#menu_home{
		background: url(../img/menu_home.png) 0px 0px no-repeat;
		height: 90px;
		width: 991px;
	}
	
	#menu_leenscan{
		background: url(../img/menu_leenscan.png) 0px 0px no-repeat;
		height: 126px;
		width: 991px;
	}
	
	#menu_producten{
		background: url(../img/menu_producten.png) 0px 0px no-repeat;
		height: 126px;
		width: 991px;
	}
	
	#menu_persoonlijk{
		background: url(../img/menu_persoonlijk.png) 0px 0px no-repeat;
		height: 126px;
		width: 991px;
	}
		
		.menu .submenu{
			display: none;
			position: absolute;
			width: 991px;
			height: 36px;
			margin-top: 89px;
			background: url(../img/submenu_home.png) 0px 0px no-repeat;
		}
		
		.menu #homelink{
			position: absolute;
			width: 235px;
			height: 89px;
			display: block;
		}
		
		.menu #productlink{
			position: absolute;
			width: 145px;
			height: 54px;
			display: block;
			margin-top: 36px;
			margin-left: 236px;
		}
		
		.over #productlink{
			background: url(../img/producten_over.png) 0px 0px no-repeat;
			
		}
		
		.menu #introlink{
			position: absolute;
			width: 47px;
			height: 33px;
			display: block;
			margin-top: 92px;
			margin-left: 104px;
		}
		
		#fullmenu #introlink{
			margin-top: 0px;
		}
		
		.menu #persoonlijklink{
			position: absolute;
			width: 129px;
			height: 33px;
			display: block;
			margin-top: 92px;
			margin-left: 153px;
		}
		
		#fullmenu #persoonlijklink{
			margin-top: 0px;
		}
		
		.menu #leenlink{
			position: absolute;
			width: 115px;
			height: 33px;
			display: block;
			margin-top: 92px;
			margin-left: 420px;
		}
		
		#fullmenu #leenlink{
			margin-top: 0px;
		}
	
	#mid{
		background: url(../img/mid_home.png) 0px 0px no-repeat;
		height: 313px;
		width: 991px;
	}
	
		#leenscan{
			position: absolute;
			width: 328px;
			height: 128px;
			display: block;
			margin-left: 663px;
			margin-top: 186px;
		}
		
	#sliders{
		height: 500px;
		background: url(../img/sliders_background.png) 0px 0px no-repeat;
	}
	
		.berekenbutton{
			width: 104px;
			height: 24px;
			cursor: pointer;
			position: absolute;
		}
		
		#bereken1{
			margin-top: 340px;
			margin-left: 25px;
		}
		
		#bereken2{
			margin-top: 165px;
			margin-left: 353px;
		}
		
		#bereken3{
			margin-top: 458px;
			margin-left: 353px;
		}
		
		
		.sliderinput{
			width: 254px;
		}
	
		#s1{
			position: absolute;
			margin-top: 79px;
			margin-left: 14px;
		}
		
		#s2{
			position: absolute;
			margin-top: 144px;
			margin-left: 14px;
		}
		
		#s3{
			position: absolute;
			margin-top: 209px;
			margin-left: 14px;
		}
		
		#s4{
			position: absolute;
			margin-top: 79px;
			margin-left: 345px;
		}
		
		#s5{
			position: absolute;
			margin-top: 302px;
			margin-left: 345px;
		}
		
		#s6{
			position: absolute;
			margin-top: 363px;
			margin-left: 345px;
		}
	
		.ui-slider{
			position: relative;
			background: url(../img/slider_background.gif) 0px center no-repeat;
			width: 167px;
			height: 21px;
		}
		
			.ui-slider-bg{
				position: absolute;
				margin-top: 9px;
				margin-left: 2px;
				width: 0px;
				height: 3px;
				background-color: #F00;
			}
		
			.ui-slider-handle{
				background: url(../img/slider_button.png) 0px 0px no-repeat;
				width: 9px;
				height: 21px;
				position: absolute;
				z-index: 1;
			}
			
			.ammount{
				position: absolute;
				margin: 0px;
				margin-left: 200px;
				margin-top: 11px;
				border-width: 0px;
				width: 55px;
				height: 16px;
				color: #666666;
				padding: 3px;
				display: block;
			}
			
			
	#homebottom{
		background: url(../img/home_bottom.png) 0px 0px no-repeat;
		height: 384px;
	}
	
	#homebottom .offerte{
		display: block;
		width: 114px;
		height: 19px;
		position: absolute;
		margin-left: 712px;
		margin-top: 316px;
	}
	
	#homebottom .berekening{
		display: block;
		width: 130px;
		height: 19px;
		position: absolute;
		margin-left: 835px;
		margin-top: 316px;
	}
		
	
	
	.tip{
		position: absolute;
		width: 15px;
		height: 15px;
		cursor: pointer;
		z-index: 101;
	}
	
		#tip1{
			margin-top: 134px;
			margin-left: 153px;
		}
		
		#tip2{
			margin-top: 199px;
			margin-left: 194px;
		}
		
		#tip3{
			margin-top: 140px;
			margin-left: 516px;
		}
		
		.tip .info{
			display: none;
			position: absolute;
			margin-left: -8px;
			margin-top: -8px;
		}
		
	.offerte{
		display: block;
		width: 149px;
		height: 24px;
		position: absolute;
	}
	
		#offerte1{
			margin-top: 321px;
			margin-left: 199px;
		}
		
		#offerte2{
			margin-top: 485px;
			margin-left: 688px;
		}
		
		#offerte3{
			margin-top: 547px;
			margin-left: 688px;
		}
		
	#leenscan_mid{
		background: url(../img/leenscan_mid.png) right top no-repeat;
		height: 666px;
		padding-right: 331px;
	}
	
		#leesverder{
			position: absolute;
			display: block;
			width: 100px;
			height: 20px;
			margin-left: 692px;
			margin-top: 216px;
		}
	
		#senorita{
			background: url(../img/senorita.png) right top no-repeat;
			position: absolute;
			margin-top: 5px;
			margin-left: 241px;
			width: 186px;
			height: 232px;
		}
	
		#leenscan_list{
			padding-top: 313px;
			padding-left: 22px;
			padding-right: 22px;
		}
		
			#leenscan_list ul, #leenscan_list li{
				list-style: none;
				display: block;
				margin: 0px;
				padding: 0px;
			}
			
			#leenscan_list ul{
				border-top: #CCD7D7 solid 1px;
			}
			
			#leenscan_list li{
				border-bottom: #CCD7D7 solid 1px;
			}
			
			#leenscan_list .title{
				height: 20px;
				padding-top: 9px;
				cursor: pointer;
			}
			
			#leenscan_list p{
				margin: 0px;
				padding: 7px 0px 7px 30px;
				display: none;
			}
			
			#leenscan_list input{
				position: absolute;
				display: block;
			}
			
			#leenscan_list span{
				display: block;
				padding:  3px 0px 3px 22px;
			}
			
			#leenscan_list .terug{
				display: block;
				float: right;
				color: #999999;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			#leenscan_list .gaverder, #leenscan_list .berekenme{
				display: block;
				cursor: pointer;
				padding-top: 10px;
			}
			
		#leenscan_persoonlijk{
			width: 120px;
			height: 16px;
			text-align: center;
			background-color: #999999;
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			padding-top: 5px;
			position: absolute;
			margin-top: 248px;
			margin-left: 11px;
			line-height: 12px;
		}
		
		#leenscan_doorlopend{
			width: 120px;
			height: 16px;
			text-align: center;
			background-color: #999999;
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			padding-top: 5px;
			position: absolute;
			margin-top: 248px;
			margin-left: 532px;
			line-height: 12px;
		}
	
	#leenscan_bottom{
		background: url(../img/leenscan_bottom.png) 0px 0px no-repeat;
		height: 84px;
	}
	
	#producten_mid{
		background: url(../img/producten_mid.png) 0px 0px no-repeat;
		height: 501px;
	}
	
		#producten_mid .leesverder{
			display: block;
			width: 120px;
			height: 20px;
			position: absolute;
			margin-top: 400px;
			margin-left: 20px;
		}
	
	#persoonlijk_mid{
		background: url(../img/persoonlijk_mid.png) 0px 0px no-repeat;
		height: 787px;
	}
	
		#persoonlijk_mid #leenscan{
			margin-top: 531px;
		}
		
		#persoonlijk_mid #vraagaan{
			position: absolute;
			width: 98px;
			height: 24px;
			margin-left: 23px;
			margin-top: 331px;
		}
	
	#aanvragen_mid{
		background: url(../img/aanvragen_mid.png) 0px 0px no-repeat;
		height: 768px;
	}
	
	
	#persub{
		display: block;
		position: absolute;
		width: 94px;
		height: 46px;
		margin-left: 21px;
		margin-top: 188px;
	}
	
	#vraagsub{
		display: block;
		position: absolute;
		width: 79px;
		height: 46px;
		margin-left: 335px;
		margin-top: 188px;
	}