@charset "UTF-8";
/* CSS Document behorend bij Stadshoek Borssele */

/* paars:		#631781 */


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

img {
	border:0px;
}

html, body {
}

div#content table {
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

div#content table tr.kop {
	color: #FFF;
	font-weight:bold;
}

div#content table tr td {
	padding: 5px 5px 5px 10px;
	border: 1px solid #CCC;
}


/* ---------------------------- main div's  ---------------------------- */

div#blok {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}

div#nav {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:102px;
	color:#FFFFFF;
	background:url(template/bgnav.gif) repeat-x;
	background-color:#e53a93;
}

div#nav ul {
	width: 800px;
}

div#subnav {
	position:absolute;
	top:32px;
	left:0px;
	width:100%;
	height:52px;
	color:#e53a94;
}

div#content {
	position:absolute;
	left:295px;
	top:122px;
	width:610px;
	background-image:url(template/lines-middle.gif);
	background-repeat:repeat-y;
	z-index:10;
}

	div#wide {
		position:relative;
		float:left;
		width:550px;
		margin-left:15px;
		margin-right:10px;
		z-index:12;
	}

	div#left {
		position:relative;
		float:left;
		width:260px;
		margin-left:15px;
		margin-right:10px;
		z-index:12;
	}
		
	div#left img {
		margin-bottom:15px;
		position:relative;
	}
	
	div.flash {
	margin-bottom:15px;
	position:relative;
	width: 284px;
	height: 136px;
	}
	
	div#right {
		position:relative;
		float:right;
		width:284px;
		margin-left:10px;
		margin-right:15px;
		z-index:12;
	}
	
	body.prijslijst div#content {
	position:absolute;
	left:295px;
	top:122px;
	width:610px;
	background-image:url(template/lines-middle-prijslijst.jpg);
	background-repeat:repeat-y;
	z-index:10;
}

	body.prijslijst div#content div.top {
		position:absolute;
		top:-25px;
		left:0px;
		width:610px;
		height:60px;
		background-image:url(template/lines-top-prijslijst.jpg);
		background-repeat:no-repeat;
		z-index:11;
	}
	
	body.prijslijst div#content div.bottom {
		position:absolute;
		bottom:-45px;
		left:0px;
		width:610px;
		height:60px;
		background-image:url(template/lines-bottom-prijslijst.jpg);
		background-repeat:no-repeat;
		z-index:11;
	}
	
	
div#content div.top {
		position:absolute;
		top:-25px;
		left:0px;
		width:610px;
		height:60px;
		background-image:url(template/lines-top.gif);
		background-repeat:no-repeat;
		z-index:11;
	}
	
div#content div.bottom {
		position:absolute;
		bottom:-45px;
		left:0px;
		width:610px;
		height:60px;
		background-image:url(template/lines-bottom.gif);
		background-repeat:no-repeat;
		z-index:11;
	}

div#flower {
	position:absolute;
	left:0px;
	top:100px;
}

/* ---------------------------- navigatie  ---------------------------- */

div#nav ul {
	position:relative;
	list-style:none;
	left:298px;
	top:12px;
	width: 630px;
	position:relative;
	margin-bottom:0px;
	margin-left:0px;
	color:#FFFFFF;
}

div#nav ul li {
	list-style:none;
	float:left;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
}

div#subnav ul {
	position:relative;
	list-style:none;
	left:298px;
	top:11px;
	width: 610px;
	position:relative;
	margin-bottom:0px;
	margin-left:0px;
}

div#subnav ul li {
	list-style:none;
	float:left;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
}

div#nav ul li a {
	color:#FFFFFF;
}
	


/* ---------------------------- overige  ---------------------------- */

.clear {
	clear:both;
	width:100%;
}

div#right img {
	margin-bottom:15px;
}

#foto-impressie {
	width: 281px;
	height: 87px;
	position: absolute;
	z-index: 99;
	right: -15px;
	top: -80px;
}