* {
margin: 0;
padding: 0;
}
body {
color: #444;
font: 12px verdana;
margin: auto;
padding: 20px;
width: 965px;
}
h1 {
font-size: 20px;
margin-bottom: 26px;
}
h2 {
font-size: 18px;
margin: 0 0 15px 20px;
}
h3 {
font-size: 12px;
margin-bottom: 10px;
}
p {
margin-bottom: 20px;
}
a {
color: #069;
text-decoration: none;
}
img {
border: 0;
}
hr {
border: 1px solid #ccc;
}
/* MENU */
#menu {
background: url(/images/tile.png);
height: 35px;
margin-bottom: 15px;
}
#menu li {
float: left;
list-style: none;
}
#menu li:hover {
background: url(/images/tile.png);
}
#menu li a {
display: block;
height: 35px;
width: 120px;
}
#menu li a:active {
background: url(/images/tile.png);
}
.hide {
visibility: hidden;
}
/* BUTTONS */
#home a {
width: 220px !important;
}
li#home:hover {
background-position: 0 -35px;
}
li#home a:active {
background-position: 0 -70px;
}
li#diensten:hover {
background-position: -220px -35px;
}
li#diensten a:active {
background-position: -220px -70px;
}
li#producten:hover {
background-position: -340px -35px;
}
li#producten a:active {
background-position: -340px -70px;
}
li#portfolio:hover {
background-position: -460px -35px;
}
li#portfolio a:active {
background-position: -460px -70px;
}
li#contact:hover {
background-position: -580px -35px;
}
li#contact a:active {
background-position: -580px -70px;
}
/* DROPDOWN */
.top {
background-position: -200px -115px !important;
font-size: 0;
height: 4px;
margin: 0 -5px 0 0 !important;
padding: 0 !important;
}
.top:hover {
background: url(/images/tile.png) -200px -115px;
}
.top span {
background: url(/images/tile.png) right -115px;
float: right;
font-size: 0;
height: 4px;
width: 10px;
} 
#menu li ul {
background: url(/images/tile.png) -200px bottom;
display: none;
position: absolute;
z-index: 1;
}
#menu li:hover ul {
display: block;
}
#menu li ul a {
display: inline;
}
#menu li ul a:active {
background: none;
}
#menu li li {
background: url(/images/tile.png) right bottom;
float: none;
margin: 0 -5px 0 5px;
padding: 10px 15px 15px 10px;
overflow: hidden;
}
#menu li li:hover {
background: url(/images/tile.png) right bottom;
}
#menu li ul ul {
background: none;
float: left;
padding: 0 10px;
position: relative;
}
#menu li li li {
margin: 0 !important;
padding: 4px 0 !important;
background: none !important;
}
/* SUBMENU */
#submenu {
background: url(/images/submenu.png);
bottom: 0;
left: 0;
padding: 12px 0;
position: absolute;
top: 0;
width: 200px;
}
#submenu li {
list-style: none;
padding: 0 0 8px 20px;
}
#submenu li li {
padding-left: 15px;
}
#submenu a {
color: #444;
}
#submenu a:hover {
color: #666;
}
.hot_top {
background: url(/images/tile.png) left -115px;
font-size: 0;
height: 8px;
line-height: 0;
padding-bottom: 4px !important;
}
.hot {
background: url(/images/tile.png) left bottom;
margin-bottom: 8px;
padding-bottom: 4px !important;
}
/* CONTENT */
#content_top {
background: url(/images/tile.png) 0 -105px;
font-size: 0;
height: 5px;
}
#content {
border-right: 1px solid #ccc;
min-height: 500px;
padding: 10px 30px 10px 230px;
position: relative;
}
.banner {
margin-bottom: 20px;
}
.right {
float: right;
margin-left: 30px;
}
.contact {
background: url(/images/tile.png) right -35px;
color: #fff;
display: block;
height: 27px;
line-height: 25px;
text-align: center;
width: 170px;
}
.contact:hover {
background-position: right -62px;
}
#content hr {
margin: 30px 0;
}
.test {
list-style: inside url(/images/square.png);
margin-bottom: 20px;
}
.test li {
margin: 2px 0;
}
td {
min-width: 200px;
padding-bottom: 10px;
}
#content_bottom {
background: url(/images/tile.png) 0 -110px;
font-size: 0;
height: 5px;
}
/* FOOTER */
#footer {
color: #666;
margin-top: 20px;
}
#footer img {
float: left;
margin-right: 20px;
}
#footer a {
color: #666;
}
#footer a:hover {
color: #333;
}
#footer p {
font-size: 10px;
margin-top: 10px;
}