/* CSS Document behorend bij Pronto */
/* Ontwikkeld door Jozias Boone - Nilsson */

* {
	margin: 0px;
	padding: 0px;
}

img {
	border:none;
}

body {
	background: url(template/background.gif) top center no-repeat;
	margin: 0px;
	padding: 0px;
}

div#hoofdframe {
	width: 973px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div#top {
	height: 100px;
	width: 973px;
	top: 11px;
	background: url(template/pronto.gif) no-repeat;
	position:absolute;
}

div#hoofdbeeld {
	position: absolute;
	height: 420px;
	width: 973px;
	top:100px;
	background:url(template/bgproduct.gif);
}

div#navigatie {
	top: 60px;
	left: 120px;
	position:absolute;
	height: 40px;
	width: 650px;
	z-index: 99;
}

div#subnavigatie {
	top: 15px;
	left: 120px;
	position:absolute;
	height: 200px;
	width: 500px;
}

div#paginas {
	top: 18px;
	left: 560px;
	position:absolute;
	height: 40px;
	width: 400px;
}

div#onderbalk {
	top:526px;
	width:973px;
	height: 99px;
	background: url(links/home/spaceronder.gif) repeat-x;
	position:absolute;
	text-align:center;
	padding-top:3px;
}

div#adressen1 {
	height: 179px;
	width: 143px;
	left: 50px;
	position:absolute;
	top: 60px;
	text-align:center;
}

div#adressen2 {
	height: 179px;
	width: 143px;
	left: 183px;
	position:absolute;
	top: 60px;
	text-align:center;
}

div#adres {
	height: 305px;
	width: 223px;
	left: 304px;
	position:absolute;
	top: 60px;
}

div#kaart {
	height: 394px;
	width: 291px;
	left: 524px;
	position:absolute;
	top: 64px;
}

div#inzetje1 {
	height: 170px;
	width: 126px;
	left: 314px;
	position:absolute;
	top: 64px;
}

div#inzetje2 {
	height: 170px;
	width: 126px;
	left: 314px;
	position:absolute;
	top: 229px;
}

div#aanbiedingen1 {
	position:absolute;
	top: 0px;
	left: 0px;
	height:974px;
	width:414px;
	background-color:#000000;
}

div#aanbiedingen1groot {
	position:absolute;
	top: 20px;
	left: 10px;
	height:340px;
	width:414px;
	text-align: center;
	font-size: 15px;
}

div#aanbiedingen2groot {
	position:absolute;
	top: 40px;
	left: 525px;
	height:340px;
	width:400px;
}

div#aanbiedingen2 {
	position:absolute;
	top: 40px;
	left: 275px;
	height:340px;
	width:200px;
	background-color:#000000;
}

div#aanbiedingen3 {
	position:absolute;
	top: 40px;
	left: 495px;
	height:340px;
	width:200px;
	background-color:#000000;
}

div#aanbiedingen4 {
	position:absolute;
	top: 40px;
	left: 715px;
	height:340px;
	width:200px;
	background-color:#000000;
}
	
div#vestiging {
	width: 134px;
	height: 88px;
	top: 0px;
	position:relative;
}

div#designbank {
	position: relative;
	width: 430px;
	height: 338px;
	top: 35px;
	margin-left: auto;
	margin-right: auto;
	border:thin;
	border-color:#cccccc;
	border:solid;
	color:#CCCCCC;
}

div#stelsamen p {
	position:absolute;
	top: 15px;
	left: 0px;
	width: 973px;
	font-size: 9px;
	text-align:center;
	color:#999999;
}

div#disclaimer p {
	position:absolute;
	top: 390px;
	left: 0px;
	width: 973px;
	font-size: 9px;
	text-align:center;
	color:#999999;
}

/*--------------------------------- categorien ------------------------------- */

div#categorieen {
	position:absolute;
	width: 973px;
	height: 407px;
	top: 12px;
	text-align: center;
}

div.categorie {
	width: 199px;
	height: 198px;
	margin: 2px;
}

/*--------------------------------- producten ------------------------------- */
div#productlijst {
	height: 179px;
	width: 913px;
	left: 75px;
	position:absolute;
	top: 120px;
	text-align:left;
}

div.product {
	height: 165px;
	width: 130px;
	float: left;
	margin-right: 6px;
	position:relative;
}

div.product div.omschrijving {
		z-index:25;
		width:130px;
		height:130px;
		position:relative;
		overflow:hidden;
		background-color:#FFFFFF;
}
	
	div.product div.omschrijving a {
		width:130px;
		height:130px;
		display:block;
		background-color:#FFFFFF;
		color:#666666;
		text-decoration:none;
		font-size:10px;
		line-height:12px;
	}
	
	div.product div.omschrijving a strong {
		font-weight:bold;
		font-size:11px;
		color:#000000;
		line-height:12px;
	}
	
	div.product div.omschrijving a span {
		display:none;
		position:absolute;
		bottom:0px;
		left:0px;
		width:125px;
		padding:5px 0px 5px 5px;
	}
	
		
	div.product div.omschrijving a:hover span {
		display:block;
	}
	
	div.product div.omschrijving a:hover img {
	display: none;
}
	
	div.product div.vergroting {
		position:absolute; 
		top:0px; 
		left:-90px; 
		display:none; 
		z-index:30;
	}

	div.product div.prijs {
		background:url(links/producten/prijslabel.gif) no-repeat;
		position:relative;
		left:auto;
		float:right;
		padding:2px 0px 0px 0px;
		width:56px;
		margin-left:2px;
		height:34px;
		color:#FFFFFF;
		font-size:9px;
		line-height:9px;
		text-align:center;
		vertical-align:middle;
		overflow:hidden;
	}
	
	div.product div.prijs strong {
		font-size:11px;
		line-height:15px;
	}

div#producttekst {
	top: 305px;
	left: 320px;
	position:absolute;
	height: 100px;
	width: 240px;
}

div#producttekst2 {
	top: 329px;
	left: 600px;
	position:absolute;
	height: 100px;
	width: 240px;
}

div#filmstrip {
	position: absolute;
	width: 626px;
	height: 484px;
	left: 335px;
	top: -187px;
	z-index: 1;
}

div#tekstaaa {
     width: 365px;
	 height: 106px;
	 position:absolute;
	 left: -40px;
	 top: -80px;
}

div#verhaaltje {
	 width: 436px;
	 height: 156px;
	 position:absolute;
	 left: -40px;
	 top: 26px;
	 z-index: 99;
}

div#button {
	width: 344px;
	height: 106px;
	position:absolute;
	left: -50px;
	top: 182px;
}