html, body { 
margin: 0; 
padding: 0; 
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #000;
background-color: #FFF;
} 
 
#pagewidth { 
width: 800px; 
text-align: left;  
margin-left: auto; 
margin-right: auto;  
} 
 
#header {
background: url(http://www.hoppe.nl/img/logo_header.png) 25px 0px no-repeat;
position: relative;
float: left; 
height: 250px;  
width: 300px;
} 
 
#leftcol {
width: 300px;
margin: 0px; 
float: left;
display: inline; 
position: relative;
}

img {
border: 0;
}

#leftcol_inhoud {
width: 250px;
margin: 0 25px 0 25px; 
position: relative;
}

#rightcol_inhoud {
width: 475px;
margin: 0 25px 0 0; 
position: relative;
}

#leftcol p {
margin: 0;
padding: 5px 0 20px 0;
}
 
#rightcol {
float: right; 
display: inline; 
position: relative; 
width: 500px;
}
 
#footer { 
clear: both;
padding: 50px 0 25px 0;
} 

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#titel {
height: 75px;
width: 475px;
padding: 0;
margin: 15px 0 0 300px;
position: relative;
}

#subtitel {
height: 25px;
width: 475px;
padding: 0;
margin: 0 0 0 300px;
position: relative;
}

#adres {
text-align: center;
font-size: 11px;
padding: 0;
color: #999;
}

#adres a, #adres a:visited, #adres a:hover {
color: #999;
text-decoration: none;
}

#submenu_language a {
display: block;
width: 250px;
margin: 0; 
padding: 15px 0 0 0;
background: url(http://www.hoppe.nl/img/bg_menu_250px.jpg) 0 0;
text-decoration: none;
color: #999999;
}
	
#submenu_language a:hover {	
background: url(http://www.hoppe.nl/img/bg_menu_250px.jpg) -250px 0;
color: #19141A;
}
	
#submenu_language a.aktief {
background-position: -250px 0;
color: #19141A;
}

#monoSlideshow {
margin: 15px 0 0 0;
}

#monoSlideshow2 {
margin: 15px 0 0 0;
}

#monoSlideshow3 {
margin: 15px 0 0 0;
}

.submenu_retail {
background-image: url(http://www.hoppe.nl/producten/producten/img/menu_retail_nl.png);
height: 75px;
width: 475px;
padding: 0;
margin: 15px 0 0 0;
position: relative;
}

.submenu_retail a {
display: block;
}

.submenu_retail li {
list-style: none; 
position: absolute;
}

.submenu_food {
background-image: url(http://www.hoppe.nl/producten/producten/img/menu_foodservice_nl.png);
height: 75px;
width: 475px;
padding: 0;
margin: 15px 0 0 0;
position: relative;
}

.submenu_food a {
display: block;
}

.submenu_food li {
list-style: none; 
position: absolute;
}

.submenu_b2b {
background-image: url(http://www.hoppe.nl/producten/producten/img/menu_b2b_nl.png);
height: 75px;
width: 475px;
padding: 0;
margin: 15px 0 0 0;
position: relative;
}

.submenu_b2b a {
display: block;
}

.submenu_b2b li {
list-style: none; 
position: absolute;
}

.retail {left: 0px; top: 0px;}
.foodservice {left: 0px; top: 0px;}
.b2b {left: 0px; top: 0px;}

.retail a {width: 475px; height: 75px;}
.foodservice a {width: 475px; height: 75px;}
.b2b a {width: 475px; height: 75px;}

.retail a:hover {background:  url(http://www.hoppe.nl/producten/producten/img/menu_retail_nl.png) 0px -75px no-repeat;}
.foodservice a:hover {background:  url(http://www.hoppe.nl/producten/producten/img/menu_foodservice_nl.png) 0px -75px no-repeat;}
.b2b a:hover {background:  url(http://www.hoppe.nl/producten/producten/img/menu_b2b_nl.png) 0px -75px no-repeat;}

.mainmenu1 {
background-image: url(http://www.hoppe.nl/img/mainmenu1_de.png);
height: 25px;
width: 475px;
padding: 0;
margin: 15px 0 0 0;
position: relative;
}

.mainmenu1 a {
display: block;
}

.mainmenu1 li {
list-style: none; 
position: absolute;
}

.mainmenu2 {
background-image: url(http://www.hoppe.nl/img/mainmenu2_de.png);
height: 25px;
width: 475px;
padding: 0;
margin: 0;
position: relative;
}

.mainmenu2 a {
display: block;
}

.mainmenu2 li {
list-style: none; 
position: absolute;
}

.home {left: 0px; top: 0px;}
.producten {left: 47px; top: 0px; background: url(http://www.hoppe.nl/img/mainmenu1_de.png) -47px -25px no-repeat;}
.bedrijf {left: 134px; top: 0px;}
.nieuws {left: 188px; top: 0px;}
.vacatures {left: 290px; top: 0px;}
.route {left: 0px; top: 0px;}
.contact {left: 48px; top: 0px;}

.home a {width: 47px; height: 25px;}
.producten a {width: 87px; height: 25px;}
.bedrijf a {width: 54px; height: 25px;}
.nieuws a {width: 102px; height: 25px;}
.vacatures a {width: 123px; height: 25px;}
.route a {width: 48px; height: 25px;}
.contact a {width: 73px; height: 25px;}

.home a:hover {background: url(http://www.hoppe.nl/img/mainmenu1_de.png) 0px -25px no-repeat;}
.producten a:hover {background: url(http://www.hoppe.nl/img/mainmenu1_de.png) -47px -25px no-repeat;}
.bedrijf a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_de.png) -134px -25px no-repeat;}
.nieuws a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_de.png) -188px -25px no-repeat;}
.vacatures a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_de.png) -290px -25px no-repeat;}
.route a:hover{background: url(http://www.hoppe.nl/img/mainmenu2_de.png) 0px -25px no-repeat;}
.contact a:hover{background: url(http://www.hoppe.nl/img/mainmenu2_de.png) -48px -25px no-repeat;}

.language {
background-image: url(http://www.hoppe.nl/img/language.png);
height: 11px;
width: 76px;
padding: 0;
margin: 34px 0 0 399px;
position: relative;
}

.language a {
display: block;
}

.language li {
list-style: none; 
position: absolute;
}

.nl {left: 0px; top: 0px;}
.en {left: 20px; top: 0px;}
.de {left: 40px; top: 0px; background: url(http://www.hoppe.nl/img/language.png) -40px -11px no-repeat;}
.fr {left: 60px; top: 0px;}

.nl a {width: 20px; height: 11px;}
.en a {width: 20px; height: 11px;}
.de a {width: 20px; height: 11px;}
.fr a {width: 16px; height: 11px;}

.nl a:hover {background: url(http://www.hoppe.nl/img/language.png) 0px -11px no-repeat;}
.en a:hover {background: url(http://www.hoppe.nl/img/language.png) -20px -11px no-repeat;}
.de a:hover {background: url(http://www.hoppe.nl/img/language.png) -40px -11px no-repeat;}
.fr a:hover {background: url(http://www.hoppe.nl/img/language.png) -60px -11px no-repeat;}