html, body {
height: 100%;
}

body{
text-align: center;
background: #354fa3;
font-family: arial, helvetica, sans-serif;
margin:0;
padding:0;
}

/*opera fix*/
body:before{
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px; /* negate effect of float */
}

/* basic setup */

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

#footer{
margin: 0 auto;
width: 993px;
height: 177px;
background: #354fa3 url(graphics/footer-bg.jpg) no-repeat 0 0;
text-align: left;
font-size: 1px;
}

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

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

/* header divs */

#puzzle{
width:963px;
height:217px;
background: url(graphics/header-topleft1-2.jpg) no-repeat 0 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#adres{
float:right;
width: 162px;
margin: 45px 0 0 0;
padding: 0 0 0 0;
color: #fff;
font-size: 11px;
}

/* midsection divs */

#left{
float: left;
width:252px;
background: url(graphics/header-topleft2-2.jpg) no-repeat 0 0;
min-height: 136px;
}

* html #left {height:136px}

#main{
float: left;
width: 515px;
margin: 0;
padding: 0;
font-size: 12px;
}

#nav{
float: left;
width: 170px;
margin: 0 0 0 26px;
padding: 0;
height: 320px;
}

/* content styling */

h1{
color: #c4491f;
font-weight: bold;
font-size: 20px;
text-align: left;
margin-top: 0;
margin-bottom: 1em;
}

img.foto-left{
padding: 150px 0 0 40px;
margin: 0;
}

img.foto1{
padding: 0 30px 0 0;
margin: 0;
}

img.foto2{
padding: 0 0 0 30px;
margin: 0;
}

img.foto-samples{
float: left;
padding: 0;
margin: 0;
}

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

p.center {
width: 515px;
text-align: center;
margin: 0 0 60px 0;
padding: 0;
}

p.illus {
padding: 0 0 0 85px;
margin: 0 0 30px 0;
}

p.illus2 {
padding: 0 0 0 85px;
margin: 0 0 15px 0;
}

p.illus3 {
padding: 0 0 0 85px;
margin: 0 0 60px 0;
}

p.illus4 {
padding: 0 0 0 113px;
margin: 0 0 32px 0;
}

p.illus5 {
padding: 0 0 0 113px;
margin: 0 0 47px 0;
}

p.illus6 {
padding: 0 0 0 113px;
margin: 0 0 16px 0;
}

p.tel {
padding: 0;
margin: 0;
word-spacing: 16px;
}

p.mob {
padding: 0;
margin: 0;
word-spacing: 7px;
}

p.mail {
padding: 0;
margin: 0;
word-spacing: 4px;
}

p.tel2 {
padding: 0;
margin: 0;
word-spacing: 25px;
}

p.mob2 {
padding: 0;
margin: 0;
word-spacing: 13px;
}

p.mail2 {
padding: 0;
margin: 0;
word-spacing: 7px;
}

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

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

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

p.footer {
padding: 150px 0 0 0;
margin: 0;
}

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

a:hover, a:active{
color: #0e2b89;
text-decoration: underline;
font-size: 12px;
}

a.adres:link, a.adres:visited{
color: #fff;
text-decoration: none;
font-size: 11px;
}

a.adres:hover, a.adres:active{
color: #fff;
text-decoration: underline;
font-size: 11px;
}

.vet {
font-weight: bold;
}

.schuin {
font-style:italic;
}

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

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

li{
margin: 5px 0 0 20px;
}

/* siep wordt opa - actie */

#actie{
width:550px;
height:150px;
margin: 0;
padding: 0 0 0 40px;
}

#actie h2{
font-size: 13px;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

#actie p {
font-size: 11px;
padding: 0 0 1em 0;
margin: 0;
}

img.left{
float:left;
padding: 0 10px 35px 0;
margin: 0;
}

img.right{
float:right;
padding: 10px 0 0 0;
margin: 0;
}

#actie a:link, #actie a:visited{
color: #0e2b89;
text-decoration: none;
font-size: 11px;
}

#actie a:hover, #actie a:active{
color: #0e2b89;
text-decoration: underline;
}

/* nav menu styling */

#nav ul{
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li{
line-height:36px;
margin: 0;
padding: 0 0 0 25px;
background: url(graphics/button-bg.gif) no-repeat 6px 0;
}

#nav ul li a:link, #nav ul li a:visited{
color: #f3dc58;
font-weight: bold;
font-size: 12px;
}

#nav ul li a:hover, #nav ul li a:active{
color: #c4491f;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

/* credits styling */

a.credits-1:link, a.credits-1:visited{
color: #000;
text-decoration: none;
font-size: 11px;
margin: 0 0 0 93px;
}

a.credits-1:hover, a.credits-1:active{
color: #6099bb;
text-decoration: none;
font-size: 11px;
margin: 0 0 0 93px;
}

a.credits-2:link, a.credits-2:visited{
color: #000;
text-decoration: none;
font-size: 11px;
}

a.credits-2:hover, a.credits-2:active{
color: #6099bb;
text-decoration: none;
font-size: 11px;
}