html, body {
	width:100%;
	height:100%;
}

body {
	background:#cbcdcd url(../images/container/body_bg.png) repeat-x;
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Helvetica;
	font-size:12px;
}
/* -------- Container ------- */
div#container {
	position:relative;
	margin:0 auto;
	width:980px;
	height:auto;
	min-height:100%;
	_height:100%;
	background:#fff url(../images/container/container_bg.png) repeat-y;	
	padding:0 25px;

}

/* ------ Achtergrond aan de zijkanten van de container ------ */
div#back_right {
	width:50%;
	position:absolute;
	top:0px;
	bottom:0;
	right:0;
	background-image:url(../images/container/border_right.png); 
   	background-repeat:no-repeat;
   	background-position:490px;
   	height:760px;
	min-height:760px;
	overflow:hidden;
	/*_background-image:url('images/blank.gif'); */
}
/* Stukje over de container achtergrond */
div#back_right2 {
	width:25px;
	height:760px;
	background: url(../images/container/border_right2.png) no-repeat;
	position:absolute;
	right:0px;
	top:0;
}

/* Linkerkant */
div#back_left {
	width:125px;
	height:760px;
	background: url(../images/container/border_left.png) no-repeat;
	position:absolute;
	left:-100px;
	top:0;
}


/* ------ Standaard Waardes ------ */
h1{
	position:relative;
	float:left;
	font-size:18px;
	margin:42px 0 0 31px;
}

form {
	position:relative;
	float:left;
	margin:15px 0 0 0;
}



/* --- Header --- */
div#container div#header {
	position:relative;
	width:980px;
	height:127px;
	background: url(../images/container/header.png) no-repeat;
}

div#container div#header p.home{
	position:relative;
	float:left;
	width:85px;
	margin:72px 0 0 606px;
	text-align:Center;
	_display:inline;
}

div#container div#header p.contact{
	position:relative;
	float:left;
	width:85px;
	margin:72px 0 0 23px;
	text-align:Center;
	_display:inline;
}


/* --- Content --- */
div#container div#content {
	position:relative;
	width:980px;
	min-height:620px;
	height:auto;
	overflow:hidden;
}

/* - Main Menu - */
div#container div#content div#main_menu {
	position:relative;
	float:left;
	height:auto;
	width:200px;
	min-height:620px;
}

div#container div#content div#main_menu div#categorie {
	position:relative;
	float:left;
	width:200px;
	min-height:374px;
	height:auto !important;
	height:374px;
	background: #fff url(../images/container/main_menu.png) no-repeat;
}

div#container div#content div#main_menu div#categorie p {
	position:relative;
	float:left;
	margin:7px 0 0 15px;
	padding:0;
	_display:inline;
	font-weight:bold;
	width:160px;
}


div#container div#content div#main_menu div#categorie div.menu_item {
	position:relative;
	float:left;
	width:200px;
	height:33px;
	border-bottom:1px dotted #000;
}

div#container div#content div#main_menu div#categorie div.menu_item p a {
	display:block;
}

a:link,
a:visited {
	text-decoration:none;
	color:#000;
}

a:hover,
a:active {
	text-decoration:underline;
	color:#000;
}

div#container div#content div#main_menu div#categorie div.menu_item div {
	position:relative;
	float:right;
	margin:7px 5px 0 0;
	width:15px;
	height:20px;
	background: url(../images/container/arrow.png) no-repeat;
	_display:inline;
}

div#container div#content div#main_menu div#categorie div.menu_item div  a{
	width:15px;
	height:20px;
	display:block;
}

div#container div#content div#main_menu div#categorie div#menu_clear{
	position:relative;
	float:left;
	height:45px;
	width:1%;
}

div#container div#content div#main_menu div#categorie div#regelmatig {
	position:absolute;
	bottom:0;
	left:0;
	height:45px;
	width:200px;
}

div#container div#content div#main_menu div#nieuwsbrief {
	position:relative;
	float:left;
	width:200px;
	height:auto;
	background: url(../images/container/nieuwsbrief.png) no-repeat;
}

div#container div#content div#main_menu div#nieuwsbrief  h2 {
	position:relative;
	float:left;
	margin:6px 15px 0 15px;
	padding:0;
	_display:inline;
	font-size:16px;
}

div#container div#content div#main_menu div#nieuwsbrief ul {
	position:relative;
	float:left;
	margin:15px 0 0 15px;
	padding:0 0 0 10px;
	width:175px;
	_display:inline;
}

div#container div#content div#main_menu div#nieuwsbrief p {
	position:relative;
	float:left;
	margin:15px 0 0 15px;
}

div#container div#content div#main_menu div#nieuwsbrief form {
	position:relative;
	float:left;
	width:170px;
	height:auto;
	margin:15px 0 0 17px;
	_display:inline;
}

div#container div#content div#main_menu div#nieuwsbrief form label {
	position:relative;
	float:left;
	width:150px;
	margin:10px 0 6px 0;
	font-size:11px;
}

div#container div#content div#main_menu div#nieuwsbrief form input {
	position:relative;
	float:left;
	background:#c0c2c2;
	border:1px solid #9c9c9c;
	width:168px;
	height:20px;
	padding:3px 0 0 5px;

}

div#container div#content div#main_menu div#nieuwsbrief form input.submit {
	position:relative;
	float:right;
	width:97px;
	height:22px;
	border:none;
	background: url(../images/container/submit.png) no-repeat;
	text-align:left;
	margin:10px 0 0 0;
	padding:0 0 0 4px;
	cursor:pointer;
}

/* - Mid Border - */
div#container div#content div#mid_border {
	position:relative;
	float:left;
	height:auto;
	height:620px;
	width:9px;
	background: url(../images/container/mid_border.png) no-repeat;
}

/* - aanbiedignen - */
div#container div#content div#aanbiedingen {
	position:relative;
	float:left;
	height:auto;
	min-height:620px;
	width:729px;
	margin:0;
	padding:30px 0 0 42px;
}

div#container div#content div#aanbiedingen  h1 {
	position:relative;
	float:left;
	width:729px;
	margin:0 0 20px 0;
}

/* Aanbieding vak */
div#container div#content div#aanbiedingen div {
	position:relative;
	float:left;
	width:228px;
	height:284px;
}
/* Het aanbieding vak klikbaar maken */
div#container div#content div#aanbiedingen div a{
	text-decoration:none;
}

div#container div#content div#aanbiedingen div.item_h1 {
	border-right:1px dotted #000;
}

div#container div#content div#aanbiedingen div.item_h2 {
	border-right:1px dotted #000;
}

div#container div#content div#aanbiedingen div.item_h3 {
	border-right:none;
}
div#container div#content div#aanbiedingen div.item_1 {
	border-top:1px dotted #000;
	border-right:1px dotted #000;
}

div#container div#content div#aanbiedingen div.item_2 {
	border-top:1px dotted #000;
	border-right:1px dotted #000;
}

div#container div#content div#aanbiedingen div.item_3 {
	border-top:1px dotted #000;
}
/* Bovenkant aanbieding vak */ 
div#container div#content div#aanbiedingen div div.tp {
	position:relative;
	width:228px;
	height:137px;
	text-align:center;
}

div#container div#content div#aanbiedingen div div.tp img{
	position:relative;
	margin:10px 20px;
	border:none;
}
/* Onderkant aanbieding vak */ 
div#container div#content div#aanbiedingen div div.bp {
	position:relative;
	width:228px;
	height:147px;
	background:#eeeeee;
}

div#container div#content div#aanbiedingen div div.bp h2 {
	position:relative;
	width:204px;
	margin:5px 0 0 19px;
	padding:0;
	color:#ff7600;
	font-size:12px;
}

div#container div#content div#aanbiedingen div div.bp h2 a {
	color:#ff7600;
}	


div#container div#content div#aanbiedingen div div.bp h3 {
	position:relative;
	width:204px;
	margin:5px 0 0 19px;
	padding:0;
	font-size:12px;
	height:75px;
	font-weight:normal;
}

div#container div#content div#aanbiedingen div div.bp p.van {
	position:relative;
	width:150px;
	margin:5px 0 0 19px;
	padding:0;
	font-size:12px;
	height:15px;
	font-weight:bold;
}


div#container div#content div#aanbiedingen div div.bp div.ster {
	position:absolute;
	right:0;
	bottom:0;
	background: url(../images/container/ster.png) no-repeat;
	width:91px;
	height:66px;
}

div#container div#content div#aanbiedingen div div.bp div.ster h4 {
	position:relative;
	float:left;
	width:74px;
	margin:28px 0 0 10px;
	font-size:20px;
	color:#fff;
	text-align:right;
	_display:inline;
}

div#container div#content div#aanbiedingen div div.bp div.ster h4 a {
	color:#fff;
}
div#container div#content div#aanbiedingen div div.bp div.ster h4 span {
	font-size:12px;
}
/* --- Footer --- */
div#footer {
	position:relative;
	width:980px;
	height:130px;
	background: url(../images/container/footer.png) no-repeat;
	margin:0 auto 0 auto;
	padding:0 25px;
}

div#footer p.footer{
	position:relative;
	float:left;
	width:97px;
	margin:34px 0 0 710px;
	text-align:Center;
	_display:inline;
}


/* ----------- NAVIGATIE ------------ */
table#navigatie
	position:relative;
}


table#navigatie tr td a{
	position:relative;
	float:left;
	padding:3px 6px 3px 6px;
	margin:0;
	color:#000;
	text-decoration:none;
}

table#navigatie tr td a.huidig{
	color:red;
	font-weight:bold;
}
table#navigatie tr td span.nav_blok{
	margin:0 2px;
	width:20px;
	height:20px;
}

table#navigatie tr td span.nav_blok a{
	padding:2px 6px 3px 6px;
	margin:0;
}

/* Details van de aanbieding (OPTIONEEL) alleen als er geen directe link is*/

div#details table {
	background:#eeeeee;
}
div#details table tr td {
	padding:0 0 0 5px;
}
div#details table tr.informatie {
	background:#fff;
}

div#details table tr.informatie td {
	padding:20px 0 10px 25px;
}

div#details table tr.link {
	background:#fff;
}