body, html, h1, h2, h3, h4, ul, ol, li, a {
	margin:0;
	padding:0
}
body, html{
	scrollbar-base-color:#ffaf04;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffaf04;
	background: #FFAF04;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffaf04;
	margin-bottom: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffaf04;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffaf04;
	border:1px solid #ffaf04;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffaf04;
	border:1px solid #ffaf04;
	background:url();
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffaf04;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffaf04;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffaf04;
	text-decoration: none;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
a img {
	border: none;
}

#container {
	position: relative;
	width:800px;
	height:520px;
	margin:115px auto 0;
	background: #A80E0C url(../images/border_bottom.jpg) no-repeat left bottom;
}
#header {
	background: #A80E0C url(../images/border_top.jpg) no-repeat left bottom;
	text-align: right;
	padding: 13px 5px 28px 0;
}
#header ul li {
	display: inline;
	list-style:none;
}
#header ul li a {
	padding:2px 6px 2px 9px;
	border-left: 1px solid #ffaf04; 
}
#header ul li a.first {border:none}
#leftcol {
	position:absolute;
	top:0;
	left:15px;
	width: 240px;
	height: 520px;
	background: url(../images/bar_left.png) no-repeat left top;
}
#leftcol #nav {
	margin:260px 0 0 25px;
	width:163px;
	height: 242px;
	background: url(../images/navbar.png) no-repeat 0 -18px;
}
#leftcol #nav ul li {
	list-style:none;
	text-indent: -9999px;
}
#leftcol #nav ul li a {
	display: block;
}
a#sauna {background: url(../images/btn_sauna.png); }
a#infrarood {background: url(../images/btn_infra.png); }
a#jacuzzi {background: url(../images/btn_jacuzzi.png); }
a#massages {background: url(../images/btn_massages.png); }
a#arrangementen {background: url(../images/btn_arrangementen.png); }
a#ontgiften {background: url(../images/btn_ontgiften.png);}
a#lichaam {background: url(../images/btn_lichaam.png); }
a#gelaat {background: url(../images/btn_gelaat.png); }
a#epilatie {background: url(../images/btn_epilatie.png); }
a#arosha {background: url(../images/btn_arosha.png); }
a#geschenken {background: url(../images/btn_geschenken.png); }
a#oorkaars {background: url(../images/btn_oorkaarsen.png); }
a#workshop {background: url(../images/btn_workshop.png); }

#leftcol #nav ul li a.row1 {height:15px; background-position: 0 -15px}
#leftcol #nav ul li a.row1:hover {background-position: 0 0}

#leftcol #nav ul li a.row2 {height:26px; background-position: 0 -27px}
#leftcol #nav ul li a.row2:hover {background-position: 0 0}

#leftcol #nav ul li a.row3 {height:38px; background-position: 0 -38px}
#leftcol #nav ul li a.row3:hover {background-position: 0 0}
#leftcol a img {margin: 0 0 0 60px;}
#rightcol {
	float:right;
	width: 555px;
	height: 410px;
	overflow:auto;
	padding: 15px 5px 5px 0;
}
#rightcol ul {padding-left:15px}
#footer {
	width: 800px;
	margin:0 auto;
	padding: 20px 0 0;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	color:#A80E0C;
	font-size: 9px;
	margin: 0 5px 0 0;	
}
#footer ul li a:hover {
	color: #000;	
}
.white {color: #fff; font-weight:bold}
