html, body {
margin: 0;
padding: 0;
border: 0;
}
body{
text-align: center;
background: #646054;
color: #F7BF24;
font-family: Arial, helvetica, sans-serif;
}
.container{
margin: 0 auto;
width: 980px;
text-align: left;
background: url(graphics/main-bg.jpg) repeat-y 0 0;
padding: 0;
}
.clearfix:after{
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
font-size: 0;
} 
/* header contents */
#header{
width:980px;
height:46px;
text-align: left;
margin: 0;
padding: 0;
}
#logo-top{
float: left;
width:183px;
height:46px;
text-align: left;
margin: 0;
padding: 0 0 0 45px;
}
#logo-bottom{
width:183px;
height:59px;
text-align: left;
margin: 0;
padding: 0;
}
#logo-bottom2{
width:183px;
height:59px;
text-align: left;
margin: 0;
padding: 0 0 0 45px;
}
#topnav{
float: left;
width: 471px;
height: 46px;
padding: 0;
margin: 0;
}
#search{
float: left;
width: 266px;
height: 43px;
font-size: 11px;
color:#000;
padding: 3px 0 0 0;
margin: 0;
}
/* topnav menu styling */
ul.topnav {
float: right;
margin: 0;
padding: 0;
list-style:none;
text-align: center;
height:46px;
}
ul.topnav li {
background: url(graphics/topnav-bg.jpg) no-repeat 0 0;
width: 145px;
height: 28px;
display:inline;
float: left;
font-size: 12px;
text-align: center;
margin: 0 0 0 12px;
padding: 5px 0 0 0;
}
ul.topnav li a:link, ul.topnav li a:visited{
color: #fff;
font-weight: bold;
text-decoration: none;
}
ul.topnav li a:hover, ul.topnav  li a:active{
color: #000;
font-weight: bold;
}
/* main content */
#main-route{
width:980px;
height: 502px;
text-align: left;
font-size: 10px;
color: #000;
margin: 0;
padding: 0;
}
#steden{
float: left;
width:90px;
text-align: left;
font-weight: bold;
margin: 0;
padding: 0 0 0 45px;
}
#omschrijving{
float: left;
width:480px;
text-align: left;
margin: 0;
padding: 0;
}
#kaarten{
float: left;
width:340px;
text-align: right;
margin: 0;
padding: 0;
}
#main-contact{
width:980px;
height: 502px;
text-align: left;
font-size: 10px;
color: #000;
margin: 0;
padding: 0;
}
#main-sitemap          s{
width:980px;
height: 502px;
text-align: left;
font-size: 10px;
color: #000;
margin: 0;
padding: 0;
}
#meerzoo{
float: left;
width:90px;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0 0 0 30px;
}
#main-links{
float: left;
width: 425px;
margin: 0;
padding: 0 0 0 45px;
text-align:left;
}
#intro{
width: 410px;
height: 175px;
margin: 0;
padding: 10px 0 0 0;
font-size: 10px;
color: #000;
text-align:left;
}
#copyright{
float: left;
height: 20px;
padding: 10px 0 0 0;
font-size: 10px;
color: black;
text-align:center;
}

#shop{
width: 403px;
height: 205px;
margin: 0;
padding: 25px 0 5px 5px;
background: url(graphics/webshop-header.jpg) no-repeat 4px 3px;
border: 1px solid #646054;
font-size: 11px;
color:#000;
text-align:left;
}
#onder{
width: 410px;
height: 197px;
margin: 0;
padding: 0;
text-align:left;
}
#main-rechts{
float: left;
width: 495px;
margin: 0;
padding: 0;
font-size: 11px;
text-align:left;
}
#menubox{
width: 495px;
height: 244px;
margin: 0;
padding: 0;
font-size: 11px;
text-align:left;
}
#nieuws{
float: left;
width: 235px;
height: 405px;
border: 1px solid #646054;
background: url(graphics/nieuws-header.jpg) no-repeat 4px 3px;
margin: 0 7px 0 0;
padding: 25px 0 5px 5px;
font-size: 11px;
color: #000;
text-align:left;
}
#market{
float: left;
width: 235px;
height: 405px;
border: 1px solid #646054;
background: url(graphics/market-header.jpg) no-repeat 4px 3px;
margin: 0 7px 0 0;
padding: 25px 0 5px 5px;
font-size: 11px;
color: #000;
text-align:left;
}
#evenementen{
float: left;
width: 235px;
height: 405px;
border: 1px solid #646054;
background: url(graphics/evenementen-header.jpg) no-repeat 4px 3px;
margin: 0;
padding: 25px 0 5px 5px;
font-size: 11px;
color: #000;
text-align:left;
}
#TICKER{
margin: 0px 0px 5px 0px;
}
/* footer content */
#footer{
margin: 0 auto;
width: 980px;
height: 17px;
background: url(graphics/footer-bg.jpg) no-repeat 0 0;
padding: 0;
}
/* content styling */
img.foto1{
padding: 0;
margin: 5px 0px 0px 0px;
}
img.foto2{
padding: 0;
margin: 5px 11px 0px 11px;
}
img.foto3{
padding: 0;
margin: 5px 0px 0px 0px;
}
img.logo{
padding: 0;
margin: 0;
}
img.logo-midden{
padding: 0;
margin: 0 10px 0 15px;
}
img.kaart2{
padding: 10px 0 0 0;
margin: 0;
}
h1{
color: #000;
font-weight: bold;
font-size: 13px;
text-align: center;
padding: 0 0 20px 0;
margin: 0;
}
h2{
font-size: 10px;
text-align: left;
padding: 0;
margin: 0;
}
h3{
font-size: 11px;
text-align: left;
font-weight: bold;
padding: 0;
margin: 0;
}
table{
padding:0;
}
p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
p.route {
padding: 0;
margin: 0 0 6px 0;
}
p.route-laatst {
padding: 0;
margin: 0;
}
p.route1 {
padding: 0;
margin: 0 0 24px 0;
}
p.route2 {
padding: 0;
margin: 0 0 12px 0;
}
p.route3 {
padding: 0;
margin: 0 0 13px 0;
}
p.center {
text-align:center;
padding: 0 0 1em 0;
margin: 0;
}
p.search {
text-align: right;
padding: 0;
margin: 0;
}
a:link, a:visited{
color: #264D85;
text-decoration: none;
font-size: 11px;
}
a:hover, a:active{
color: #264D85;
text-decoration: underline;
font-size: 11px;
}
ul{
margin: 10px 0 10px 30px;
padding: 0;
list-style: square;
}
li{
margin: 5px 0 0 0;
} 
div.meerzoo {color: #EB0228 ;}
div.vhmevents {color: #27A920 ;}
div.tershop {color: #FF6218 ;}
div.terbusiness {color: #2258BB ;}
div.animalmarket {color: #8C791F ;}
div.dierenhotel {color: #BC13AE ;}
div.termedia {color: #F7BF24 ;}
div.tertours {color: #3E500E ;}
div.animalevents {color: #1B2668 ;}
div.terlink {color: #000 ;}
div.forum {color: #358EF3 ;}
div.vez {color: #430B14 ;}
div.soays {color: #339999 ;}
div.stalling {color: #CE651F ;}
div.animalpedia {color: #8000FF ;}
div.ncvl {color: #e3620c ;}