html, body {
height: 100%;
}

body{
text-align: center;
background: #fcecdc;
color: #000;
font-family: Arial, helvetica, sans-serif;
margin:0;
padding:0;
}

/* basic setup */

.container{
margin: 0 auto;
width: 837px;
min-height: 100%;
text-align: left;
background: url(../images/achtergrond.gif) repeat-y 0 0;
}

.clearfix:after{
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
font-size: 0;
} 

#header{
width:837px;
height:295px;
text-align: left;
margin: 0;
padding: 0;
}

/* header content */

#header-top{
width: 837px;
height: 176px;
background: url(../images/header-top.gif) no-repeat 0 0;
padding: 0;
margin: 0;
}

#logo{
float: left;
width: 194px;
height: 117px;
padding: 0 0 0 16px;
margin: 0;
}

#top-nav{
float: left;
width: 620px;
height: 117px;
padding: 0;
margin: 0;
}

/* settings for top-nav image rollover menu without html text on buttons */

.menu {
margin: 0;
padding: 0 0 0 170px;
list-style: none;
}

.menu li {
padding: 0;
margin: 0;
height: 31px; /* height of rollover image */
list-style: none;
background-repeat: no-repeat;
}

.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -9999px; /* push the text out of the way while keeping it still there for text readers and google */
outline: none; /* getting rid of the link outline in Firefox due to text-indent */
height: 31px; /* height of rollover image */
background-repeat: no-repeat;
}

/* rollover states */
.fysiotherapie {background-image: url(../images/hd-fysiotherapie1.gif); width: 99px;} /* rollover state */
.fysiotherapie a {background-image: url(../images/hd-fysiotherapie.gif);} /* normal state */
.mantherapie {background-image: url(../images/hd-mantherapie1.gif); width: 127px;}
.mantherapie a {background-image: url(../images/hd-mantherapie.gif);}
.sportbegl {background-image: url(../images/hd-sportbegl1.gif); width: 126px;}
.sportbegl a {background-image: url(../images/hd-sportbegl.gif);}
.fysiofitness {background-image: url(../images/hd-fysiofitness1.gif); width: 92px;}
.fysiofitness a {background-image: url(../images/hd-fysiofitness.gif);}

ul.menu li a:hover {
background: none;
}

.menu li {
float: left;
}

#header-bottom{
width: 837px;
height: 119px;
background: url(../images/header-bottom.gif) no-repeat 0 0;
padding: 0;
margin: 0;
}

#page-header{
float: left;
width: 400px;
color: #ad620e;
font-size: 23px;
font-weight:bold;
text-align:left;
padding: 90px 0 0 270px;
margin: 0;
}

#login{
float: left;
width: 60px;
padding: 27px 0 0 95px;
margin: 0 0 0 10px;
}

/* midsection divs */

#sidebar {
float: left;
width: 193px;
list-style:none;
padding: 0;
margin: 0;
}

/* sidebar navigation */
#navlist {
float: left;
width: 152px;
list-style:none;
padding: 0 0 0 41px;
margin: 0;
}

#navlist a {
width:132px; /* width 20px less to accomodate for padding problem in IE6 */
display:block;
background:url(../images/navigation-bg.gif) no-repeat 0 0;
font-size: 12px;
font-weight:bold;
color:#ad620e;
text-decoration:none;
padding: 0 0 0 20px;
margin: 0 0 0 0;
line-height: 31px;
}

#navlist a:hover { 
background-position:0 -31px;
}

#main{
float: left;
width: 610px;
background: url(../images/header-bottom2.gif) no-repeat 0 0;
margin: 0;
padding: 50px 0 0 15px;
font-size: 12px;
text-align:left;
}

/* intro */

.intro-container{
margin: 0 auto;
width: 837px;
min-height: 100%;
text-align: center;
background:  url("../images/intro-bg.gif") repeat-y 0 0;
}

#intro-box{
width:730px;
margin: 0;
padding: 50px 0 0 52px;
}

/* content styling */

h1{
color: #000;
font-weight: bold;
font-size: 14px;
text-align: left;
padding: 0;
margin: 0;
}

h2{
font-size: 12px;
text-align: left;
padding: 0;
margin: 0;
}

h3{
font-size: 11px;
text-align: left;
font-weight: bold;
padding: 0;
margin: 0;
}

p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

p.center {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
text-align:center;
}

a:link, a:visited{
color: #0066cc;
text-decoration: none;
font-size: 12px;
}

a:hover, a:active{
color: #114477;
text-decoration: none;
font-size: 12px;
}

p.doublespace {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
}

p.lotsaspace {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 3em;
margin-left: 0;
}

.vet {
font-weight: bold;
}

.schuin {
font-style:italic;
}

.mini{
font-size: 9px;
font-weight:normal;
}

ul{
margin: 10px 0 10px 30px;
padding: 0;
list-style: square;
}

li{
margin: 5px 0 0 0;
}