html, body {
height: 100%;
}

body{
text-align: center;
background: #8b9284;
font-family: verdana, arial, helvetica, sans-serif;
color: #000;
margin:0;
padding:0;
}

/* basic setup */

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

#footer{
margin: 0 auto;
width: 964px;
height: 104px;
background: url(../graphics/bottom-bar.jpg) no-repeat 0 0;
clear: both; /*clearing the floated logos in the footer */
}

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

.clearer{
clear:both;
}

#header{
width:964px;
height:220px;
margin: 0;
padding: 0;
}

#header-home{
width:964px;
height:132px;
margin: 0;
padding: 0;
}

/* header content */

#logobox{
float: left;
width:482px;
height: 154px;
background: url(../graphics/topbar-logobg.jpg) no-repeat 0 0;
margin: 0;
padding: 38px 0 0 0;
}

#logobox-home{
float: left;
width:482px;
height: 94px;
background: url(../graphics/topbar-logo-home.jpg) no-repeat 0 0;
margin: 0;
padding: 38px 0 0 0;
}

#navbox{
float: left;
width:452px;
height: 181px;
background: url(../graphics/topbar-menu.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 30px 0 0;
}

#navbox-home{
float: left;
width:452px;
height: 121px;
background: url(../graphics/topbar-menu.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 30px 0 0;
}

#menu1{
float: left;
width:135px;
height: 86px;
margin: 0;
padding: 0 0 0 20px;
}

#menu2{
float: left;
width:85px;
height: 86px;
margin: 0;
padding: 0 0 0 20px;
}

#menu3{
float: left;
width:170px;
height: 86px;
margin: 0;
padding: 0 0 0 20px;
}

#menu1 p, #menu2 p, #menu3 p{
padding: 0;
margin: 0 0 17px 0;
}

#menu1 a:link, #menu1 a:visited, #menu2 a:link, #menu2 a:visited, #menu3 a:link, #menu3 a:visited{
color: #a52f2f;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}

#menu1 a:hover, #menu1 a:active, #menu2 a:hover, #menu2 a:active, #menu3 a:hover, #menu3 a:active{
color: #5d1b1b;
}

#menu1.selected a, #menu2.selected a, #menu3.selected a{
color: #dc4342;
}

#tagline{
float: left;
width:452px;
margin: 0;
padding: 0;
}

#tagline h2{
color: #fff;
text-align: right;
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 9px 0 0 0;
}

#headingbox{
width:924px;
margin: 0;
padding: 5px 0 0 40px;
}

#splash{
width: 931px;
border: 0;
margin: 0;
padding: 0;
}

/* midsection divs */

#main-left{
float: left;
width:188px;
margin: 0 0 0 0;
padding: 5px 0 0 40px;
text-align:left;
}

/* subnav divs */

#subnav{
width: 176px;
background: #fbc17a;
border: #a42f2e solid 1px;
font-size: 11px;
margin: 0;
padding: 5px;
}

#subnav h2{
background: url(../graphics/header-bg.jpg) repeat-x 0 0;
font-size: 12px;
text-align:left;
color: #fff;
margin: 0 0 7px 0;
padding: 5px;
}

#subnav h3{
font-size: 11px;
text-align:left;
color: #000;
margin: 0 0 4px 0;
padding: 0;
}

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

#subnav ul li{
margin: 0;
padding: 0 0 2px 0;
}

#subnav ul li a:link, #subnav ul li a:visited{
color: #6b1d1d;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#subnav ul li a:hover, #subnav ul li a:active{
color: #a42f2e;
}

#main-right{
float: left;
width: 660px;
color: #fff;
margin: 0;
padding: 5px 0 0 36px;
font-size: 11px;
text-align:left;
}

#main{
width: 884px;
font-size: 11px;
color: #fff;
text-align:left;
margin: 0;
padding: 5px 0 0 40px;
}

#main-home{
width: 931px;
font-size: 11px;
background: url(../graphics/main-home-bg.jpg) no-repeat 17px 0;
color: #fff;
text-align:center;
margin: 0;
padding: 0 0 0 17px;
}

#main-home h1{
width: 931px;
color: #8e3901;
font-weight: bold;
font-size: 16px;
text-align:center;
margin: 0 0 1em 0;
padding: 0 0 0 17px;
}

#main-home p {
width: 898px;
padding: 0 0 0 17px;
margin: 0 0 1em 0;
}

#column1{
float: left;
width: 220px;
font-size: 11px;
text-align:left;
margin: 0;
padding: 0;
}

#column2{
float: left;
width: 215px;
font-size: 11px;
text-align:left;
margin: 0;
padding: 0;
}

#column3{
float: left;
width: 230px;
font-size: 11px;
text-align:left;
margin: 0;
padding: 0;
}

/* content styling */

#splash{
float: left;
width: 931px;
border: 0;
margin: 0;
padding: 0;
}

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

h2{
color: #8e3901;
font-weight: bold;
font-size: 12px;
margin: 0 0 1em 0;
padding: 0;
}

h3{
color: #8e3901;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
padding: 0;
}

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

img.links{
float: left;
margin: 0;
padding: 0 7px 7px 0;
}

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

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

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

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

p.mail {
word-spacing: 40px;
margin: 0 0 2em 0;
padding: 0;
}

a:link, a:visited{
color: #ff6600;
font-weight: normal;
text-decoration: none;
}

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

p.doublespace {
padding: 0;
margin: 0 0 2em 0;
}

p.lotsaspace {
padding: 0;
margin: 0 0 4em 0;
}

.vet {
font-weight: bold;
}

.schuin {
font-style:italic;
}

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

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

li{
margin: 0 0 5px 0;
}

ul.publications{
float:left;
margin: 10px 25px 1em 15px;
padding: 0;
list-style: square;
}

li{
margin: 0 0 5px 0;
}

/* footer content */

img.logo1{
float:left;
padding: 25px 0 0 45px;
}

img.logo2{ /* bram copyright logo instelling */
float:right;
padding: 25px 45px 0 0;
}

img.logo2a{
float:right;
padding: 0 45px 0 0;
}

/* Photo Cycle */

.pics{
width: 931px;
height: 440px;
padding:0;
margin:0;
overflow: hidden
}

.pics img{
width: 931px;
height: 440px;
padding: 0;
border: 0;
}