#kika {
position: absolute;
right: 0;
top: 0;
display: block;
height: 250px;
width: 250px;
background: url(http://www.hoppe.nl/kika_de.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}


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:100%;
} 
 
#leftcol{
width:500px;
margin:0px; 
float:left;
display:inline; 
position:relative;
}

img {
border: 0;
}

p a:link, p a:visited {
	padding-bottom: 1px;
	color: #4362AA;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}
p a:hover {
	padding-bottom: 0;
	color: #334B84;
	border-bottom: 2px solid #ccc;
	}

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

#leftcol p{
margin: 0;
padding: 5px 0 20px 0;
}
 
#rightcol{
float: right; 
display:inline; 
position: relative; 
width:300px;
}
 
#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;}

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

.mainmenu1 {
background-image: url(http://www.hoppe.nl/img/mainmenu1_50_de.png);
height: 50px;
width: 475px;
padding: 0;
margin: 15px 0 0 300px;
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 0 0 300px;
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_50_de.png) -47px -50px 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: 50px;}
.producten a {width: 87px; height: 50px;}
.bedrijf a {width: 54px; height: 50px;}
.nieuws a {width: 102px; height: 50px;}
.vacatures a {width: 123px; height: 50px;}
.route a {width: 48px; height: 25px;}
.contact a {width: 73px; height: 25px;}

.home a:hover {background: url(http://www.hoppe.nl/img/mainmenu1_50_de.png) 0px -50px no-repeat;}
.producten a:hover {background: url(http://www.hoppe.nl/img/mainmenu1_50_de.png) -47px -50px no-repeat;}
.bedrijf a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_50_de.png) -134px -50px no-repeat;}
.nieuws a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_50_de.png) -188px -50px no-repeat;}
.vacatures a:hover{background: url(http://www.hoppe.nl/img/mainmenu1_50_de.png) -290px -50px 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;}


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

.submenu a {
display: block;
}

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

.retail {left: 0px; top: 0px; background: url(http://www.hoppe.nl/img/submenu_producten_nl.png) 0 -75px no-repeat;}
.foodservice {left: 165px; top: 0px;}
.b2b {left: 330px; top: 0px;}

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

.retail a:hover {background:  url(http://www.hoppe.nl/img/submenu_producten_nl.png) 0px -75px no-repeat;}
.foodservice a:hover {background:  url(http://www.hoppe.nl/img/submenu_producten_nl.png) -165px -75px no-repeat;}
.b2b a:hover {background:  url(http://www.hoppe.nl/img/submenu_producten_nl.png) -330px -75px no-repeat;}

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

.submenu_retail1 a {
display: block;
}

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

.hartigezoutjes {left: 0px; top: 0px;}
.hartigecrackers {left: 85px; top: 0px;}
.cake {left: 192px; top: 0px; background: url(http://www.hoppe.nl/img/submenu_retail1_de.png) -192px -25px no-repeat;}
.ontbijtkoek {left: 248px; top: 0px;}
.koekjes {left: 335px; top: 0px;}

.hartigezoutjes a {width: 85px; height: 25px;}
.hartigecrackers  a {width: 107px; height: 25px;}
.cake a {width: 56px; height: 25px;}
.ontbijtkoek a {width: 87px; height: 25px;}
.koekjes a {width: 57px; height: 25px;}

.hartigezoutjes a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail1_de.png) 0px -25px no-repeat;}
.hartigecrackers a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail1_de.png) -85px -25px no-repeat;}
.cake a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail1_de.png) -192px -25px no-repeat;}
.ontbijtkoek a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail1_de.png) -248px -25px no-repeat;}
.koekjes a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail1_de.png) -335px -25px no-repeat;}

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

.submenu_retail2 a {
display: block;
}

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

.specialiteiten {left: 0px; top: 0px;}
.seizoen {left: 94px; top: 0px;}

.specialiteiten a {width: 94px; height: 25px;}
.seizoen a {width: 62px; height: 25px;}

.specialiteiten a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail2_de.png) 0px -25px no-repeat;}
.seizoen a:hover {background:  url(http://www.hoppe.nl/img/submenu_retail2_de.png) -94px -25px no-repeat;}

#submenu_losverpakt {
margin: 5px 0 0 0;
}

#submenu_losverpakt a{
display:block;
width:475px;
margin: 0;
background: url("http://www.hoppe.nl/img/bg_menu_475x250.jpg") 0 0;
text-decoration: none;
color: #666;
}
	
#submenu_losverpakt a:hover{	
background: url("http://www.hoppe.nl/img/bg_menu_475x250.jpg") -475px 0;
color: #000;
}

#submenu_losverpakt .actief{	
background: url("http://www.hoppe.nl/img/bg_menu_475x250.jpg") -475px 0;
color: #000;
}

#submenu_losverpakt p{
margin: 0;
padding: 0 0 5px 0;
}

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

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


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

.terugknop a {
display: block;
}

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

.terug {left: 0px; top: 0px;}

.terug a {width: 250px; height: 25px;}

.terug a:hover {background:  url(http://www.hoppe.nl/img/terug_nl.png) 0px -25px no-repeat;}

.language {
background-image: url(http://www.hoppe.nl/img/language.png);
height: 11px;
width: 76px;
padding: 0;
margin: 34px 0 0 699px;
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;}