html, body {
height: 100%;
}

body{
text-align: center;
background: url(graphics/background.gif) repeat 0 0;
font-family: verdana, arial, helvetica, sans-serif;
color: #cfcfcf;
margin:0;
padding:0;
}

/* basic setup */

#container{
margin: 0 auto;
width: 820px;
min-height: 100%;
text-align: left;
background: url(graphics/main-bg.jpg) repeat-y 0 0;
margin-bottom:-91px; /* bottom margin needs to have the same height as footer, only negative */
}

#footer{
margin: 0 auto;
width: 820px;
height: 91px;
background: url(graphics/footer-bg.jpg) no-repeat 0 0;
text-align:left;
}

#footer-adres{
float: left;
width: 240px;
text-align:left;
}

#footer-socialmedia{
float: left;
width: 580px;
text-align:left;
padding: 42px 0 0 0;
}

.clear{
clear:both;
height:91px; /* clear class needs to have the same height as footer */
overflow:hidden;
}

.clearer{
clear:both;
}

#header{
width:820px;
height:197px;
background: url(graphics/header-bg.jpg) no-repeat 0 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* header content */

#flashbox{
width:820px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

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

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

.menu li {
padding: 0;
margin: 0;
height: 37px; /* 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: 37px; /* height of rollover image */
background-repeat: no-repeat;
}

/* rollover states for dutch version */
.home {background-image: url(graphics/nav-home1.gif); width: 67px;} /* rollover state */
.home a {background-image: url(graphics/nav-home.gif);} /* normal state */
.salon {background-image: url(graphics/nav-salon1.gif); width: 73px;}
.salon a {background-image: url(graphics/nav-salon.gif);}
.team {background-image: url(graphics/nav-team1.gif); width: 73px;}
.team a {background-image: url(graphics/nav-team.gif);}
.producten {background-image: url(graphics/nav-producten1.gif); width: 107px;}
.producten a {background-image: url(graphics/nav-producten.gif);}
.mogelijkheden {background-image: url(graphics/nav-mogelijkheden1.gif); width: 144px;}
.mogelijkheden a {background-image: url(graphics/nav-mogelijkheden.gif);}
.tijden {background-image: url(graphics/nav-tijden1.gif); width: 210px;}
.tijden a {background-image: url(graphics/nav-tijden.gif);}

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

.menu li {
float: left;
}

/* midsection divs */

#content{
width:820px;
background: url(graphics/header-left.jpg) no-repeat 0 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
text-align:left;
}

#nav{
width: 680px;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 110px;
}

#main{
width: 710px;
margin: 0 0 0 0;
padding: 0 0 0 80px;
}

#main-left{
float: left;
width: 355px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#main-right{
float: left;
width: 355px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#home{
width: 690px;
height: 380px;
background: url(graphics/splashpage.jpg) no-repeat 0 0;
margin: 0 0 10px 75px;
padding: 0;
}

#splashtext{
width: 240px;
margin: 0;
padding: 18px 10px 0 239px;
text-align: center;
font-size: 11px;
}

/* test schermen */

#home2{
width: 790px;
height: 380px;
background: url(graphics/splashpage2.jpg) no-repeat 80px 0;
margin: 0;
padding: 0;
}

#home3{
width: 790px;
height: 380px;
background: url(graphics/splashpage3.jpg) no-repeat 80px 0;
margin: 0;
padding: 0;
}

#splashtext3{
width: 240px;
margin: 0;
padding: 70px 10px 0 500px;
text-align: center;
font-size: 11px;
}

#home4{
width: 541px;
margin: 0;
padding: 10px 0 0 150px;
text-align: center;
}

img.foto-home{
padding: 0 0 10px 0;
}

/* content styling */

h1{
color: #8a5d3e;
font-weight: bold;
font-size: 20px;
text-align: left;
padding: 0;
margin: 0 0 10px 0;
}

h2, h3, h4, h5, h6{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

img.foto-model1{
float:left;
padding: 10px 10px 20px 0;
}

img.foto-model2{
float:left;
padding: 10px 6px 20px 0;
}

img.foto-team{
float: left;
padding: 0 10px 0 0;
margin: 0;
}

img.foto-buiten{
float:right;
padding: 6px 0 0 5px;
}

img.foto-salon1{
float:left;
padding: 10px 10px 0 0;
}

img.foto-salon2{
float:left;
padding: 10px 0 0 0;
}

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

p.splash {
padding: 0;
margin: 0 0 6px 0;
}

p.center-map {
padding: 0;
margin: 20px 0 1em 0;
text-align: center;
}

p.center {
padding: 0;
margin: 0 0 30px 0;
text-align: center;
}

p.smallprint{
font-size: 9px;
margin-bottom: 1em;
}

#footer-adres p{
font-size: 9px;
color: #9b7d5d;
margin: 0 0 0 0;
padding: 25px 0 0 80px;
}

p.left {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 110px;
margin-left: 0;
}

a:link, a:visited{
color: #98484f;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active{
color: #68353a;
text-decoration: none;
}

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;
}

p.team1 {
padding: 0;
margin: 0 0 145px 0;
}

p.team2 {
padding: 0;
margin: 0 0 107px 0;
}

p.team3 {
padding: 0;
margin: 0 0 120px 0;
}

p.team4 {
padding: 0;
margin: 0 0 130px 0;
}

.vet {
font-weight: bold;
}

.actie {
color: #be3f38;
font-weight: bold;
}

.schuin {
font-style:italic;
}

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

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

li{
margin: 5px 0 0 0;
}