/** Kleuren **/
div#content h1 { background-color: #FAB616; color: #FFF }
div#content #topline { background-color: #862637 }
div#content #text { background-color: #012D62; color: #FFF }
div#extra h2 { color: #862637 }

table#aanbod td span.verkocht { background-color: #862637 }
table#aanbod td span.verkocht-ovb { background-color: #012D62 }
table#aanbod td span.gereserveerd { background-color: #FAB616 }

/** Overige opmaak **/

html
body {
	_width: 97%;
	margin: 0;
	padding: 0
	}

body {
	font: 76% arial,sans-serif;
	background-color: #FFF;
	background-image: url(../background.jpg);
	background-repeat: repeat-x;
	text-align: center
	}
	
h1,
h2,
p {
	margin: 0
	}
	
a {
	color: #FFF
	}

a:hover {
	text-decoration: none
	}

div#container {
	background-color: #FFF;
	width: 762px;
	margin: 0 14px;
	border-left: 19px solid #862637;
	text-align: left
	}

div#content {
	float: right;
	width: 565px
	}

div#content h1 {
	height: 52px;
	line-height: 52px;
	font-size: 1.6em;
	text-indent: 25px
	}

div#content #topline {
	height: 28px;
	margin: 1px 0 0 0
	}
	
ul#nav {
	margin: 7px 0;
	height: 20px;
	background-image: url(../nav-bg.gif);
	background-repeat: repeat-x;
	padding: 0
	}

ul#nav li {
	display: inline;
	margin: 0;
	padding: 0
	}

ul#nav li a {
	display: block;
	float: left;
	height: 20px;
	line-height: 21px;
	padding-left: 25px;
	text-decoration: none;
	font-weight: bold;
	width: 117px;
	background-color: #FFF;
	background-image: url(../nav-button.gif);
	background-repeat: no-repeat
	}

ul#nav li a:hover {
	background-image: url(../nav-button-hover.gif);
	}

ul#nav li a.active {
	background-image: url(../nav-button-active.gif);
	color: #979696
	}

ul#nav li a.active:hover {
	background-image: url(../nav-button-active.gif);
	color: #979696
	}

ul#nav #welkom,
ul#nav #aanbod,
ul#nav #contact {
	margin-right: 0;
	border-right: 1px solid #fff;
	width: 115px
	}
	
div#content p {
	line-height: 1.4
	}
	
div#navigation {
	font-size: .9em;
	float: left;
	width: 190px;
	height: 342px;
	background-color: #EEE;
	background-image: url(../slogan.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 90px 0
	}

div#navigation p {
	margin: 20px 0 0 12px;
	}

div#navigation a {
	color: #000
	}
	
div#extra {
	width: 190px;
	padding: 30px 0;
	background: #FFF;
	float: left;
	clear: left;
	width: 190px
	}

div#extra h2 {
	letter-spacing: -1px;
	font-size: 1.2em;
	padding-left: 12px;
	margin-bottom: 15px
	}

div#extra p {
	padding-left: 12px
	}

div#extra a {
	color: #000;
	}

div#footer {
	background: #FFF;
	clear: both;
	color: #000
	}
	
div#footer p,
p.copyright {
	margin: 0;
	text-align: center;
	padding: 5px 10px;
	color: #BABABA
	}
	
div#footer a {
	display: inline;
	padding: 0;
	color: #BABABA
	}

/**** Welkom ****/

div#content #text {
	min-height: 220px;
	_height: 220px;
	margin: 3px 0 0 0;
	_margin: 7px 0 0 0;
	padding: 22px 26px
	}

div#content #text h2 {
	padding: 0;
	margin-bottom: 30px;
	font-size: 1.3em
	}

div#content #text a {
	font-weight: bold
	}
	
/*** Aanbod ****/

table#aanbod {
	border-left: 1px solid #CACACA;
	border-collapse: collapse;
	width: 565px;
	}
	
table#aanbod tr {
	
	padding: 0;
	margin: 0
	}

table#aanbod tr.odd {
	background-color: #EEE
	}

table#aanbod td {
	vertical-align: top;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	padding: 10px 3px 3px 3px;
	margin: 0
	}

table#aanbod tr.spacer td {
	height: 7px;
	font-size: 1px;
	line-height: 1px;
	padding: 0
	}

table#aanbod td.preview {
	padding: 3px
	}

table#aanbod td.adres {
	width: 240px
	}

table#aanbod td a {
	padding-left: 18px;
	background-image:url(../link-icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #000
	}

table#aanbod td span {
	display: block;
	width: 111px;
	padding: 2px;
	text-align: center;
	color: #FFF
	}

/**** News & Contact ****/
div#content #news h2,
div#content #contact h2 {
	padding: 0 0 0 25px;
	margin: 1em 0;
	font-size: 1.3em
	}

div#content #news p,
div#content #contact p {
	padding: 0 10px 0 25px
	}

div#content #news p a,
div#content #contact p a {
	color: #000
	}

/**** Schaduw ****/

#shadow-top {
	margin: 0;
	padding: 0;
	background-image: url(../shadow-head.gif);
	background-position:top;
	background-repeat:no-repeat;
	overflow: auto
	}

#shadow-top-img {
	margin: 0;
	padding: 14px 0 0 0;
	background-image: url(../shadow-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	overflow: auto
	}

#shadow-bottom {
	margin: 20px auto;
	padding: 0;
	width: 809px;
	background-image: url(../shadow-repeat.gif);
	background-repeat:repeat-y;
	overflow: auto
	}

#shadow-bottom-img {
	margin: 0;
	padding: 0 0 14px 0;
	background-image: url(../shadow-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	overflow: auto
	}