html, body {
height: 100%;
}

body{
text-align: center;
font-family: arial, helvetica, sans-serif;
background: #fff url(../images/site-bg-aardappelen.jpg) no-repeat top center;
background-attachment: fixed;
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: 990px;
min-height: 100%;
text-align: left;
margin-bottom:-169px; /*bottom margin needs to have the same height as footer, only negative */
}

#footer{
margin: 0 auto;
width: 990px;
height: 169px;
text-align: left;
background: url(../images/aardappel-footer-bg.png) no-repeat 293px 0;
padding: 0;
}

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

.clearer{
clear:both;
}

#header{
width:990px;
height:213px;
background: url(../images/header-bg.png) no-repeat 0 0;
margin: 0;
padding: 0;
}

/* header divs */

#logo{
float: left;
width: 269px;
height:163px;
margin: 0;
padding: 42px 0 0 24px;
}

#header-foto{
float: left;
width: 686px;
height:205px;
margin: 0;
padding: 0;
}

/* main divs */

#sidebar{
float: left;
width: 293px;
margin: 0;
padding: 20px 0 0 0;
}

/* navigation */

#sidebar ul{
width: 280px;
list-style: none;
margin: 0;
padding: 0 0 0 13px;
}

#sidebar ul li{
text-align: right;
margin: 0;
padding: 0;
}

#sidebar ul li a:link, #sidebar ul li a:visited{ /* nav menu link */
display: block;
line-height: 25px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0 30px 0 0;
}

#sidebar ul li a:hover, #sidebar ul li a:active{ /* nav menu link */
color: #ce8b60;
text-decoration: none;
margin: 0;
padding: 0 30px 0 0;
}

#sidebar ul li.current a{
background: url(../images/nav-pointer.gif) no-repeat right center;
margin: 0;
padding: 0 30px 0 0;
}

#sidebar-content{
float: left;
width: 213px;
height: 164px;
background: url(../images/adres-bg.jpg) no-repeat 11px 0;
font-size: 12px;
color: #fff;
margin: 30px 0 0 0;
padding: 28px 0 0 80px;
}

#sidebar-content p {
padding: 0;
margin: 0 0 1em 0;
}

#sidebar-content a:link, #sidebar-content a:visited{
font-size: 12px;
color: #a96f4b;
text-decoration: none;
}

#sidebar-content a:hover, #sidebar-content a:active{ /* nav menu link */
color: #966444;
}

/* img replacement for tagline */

#contact-header{
text-align: left;
text-indent: -9999px; /* push the text out of the way while keeping it still there for text readers and google*/
background: url(../images/contact-header.png) no-repeat 0 0;
height: 26px;
margin-top: 0;
padding-bottom: 0;
}

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

/* footer content */

#footer p{
font-size: 11px;
color: #fff;
text-align: right;
margin: 0;
padding: 150px 12px 0 0;
}

#footer a:link, #footer a:visited{
font-size: 11px;
color: #fff;
text-decoration: none;
font-weight: normal;
}

#footer a:hover, #footer a:active{ /* nav menu link */
text-decoration: underline;
}

/* content styling */

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

h2{
font-weight: bold;
font-size: 12px;
color: #c38259;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 1em 0;
}

h3{
font-weight: bold;
font-size: 12px;
color: #c38259;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 1em 0;
}

h4{
font-weight: bold;
font-size: 12px;
color: #c38259;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 1em 0;
}

p {
padding: 0;
margin: 0 0 1em 0;
}

.links{
margin: 0 10px 10px 0;
padding: 0;
}

.rechts{
margin: 0 10px 10px;
padding: 0;
}

a:link, a:visited{
color: #a96f4b;
text-decoration: underline;
font-weight: bold;
font-size: 12px;
}

a:hover, a:active{
color: #966444;
}

img{
border: none;
}

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

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

ol{
margin: 10px 0 0px 0px;
padding: 0 0 10px 0;
list-style: decimal;
}

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

.vet {
font-weight: bold;
}

.schuin {
font-style:italic;
}

.onderstreept {
text-decoration: underline;
}

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

/* Photo Cycle */

.pics{
width: 686px;
height: 191px;
padding: 0;
margin:0;
overflow: hidden
}

.pics img{
width: 686px;
height: 191px;
padding: 0 0 0 0;
margin: 14px 0 0 0;
border: 0;
}