body {
text-align:center;
margin:0px;
padding:0px; 
background: white url("/media/img/background.jpg");
background-repeat: repeat-x;
font-family: Arial;
font-size: 11px;
color: #000;
}

.container {
margin: 0px auto;
background: white;
width: 839px;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
text-align: left;
clear: both;
}
 
.header {
width: 839px;
height: 78px;
}

.menu {
background-image: url("/media/img/bg_menu.jpg");
height: 26px;
width: 839px;
line-height: 26px;
}

.logo {
float: left;
}

.logoimg {
position: absolute;
top: 52px;
margin-left: 7px;
}

.nav {
float: left;
margin-left: 197px;
}
 
.nav ul {
margin:0px;
padding:0px;
}
 
.nav ul li {
display:inline;
float:left;
list-style:none;
margin-left:13px;
position:relative;
height:26px;
}
 
.nav li a {
background-image: url("/media/img/bg_menu_divider.jpg");
background-repeat: no-repeat;
background-position: right;
padding-right: 13px;
padding-left: 0px;
display: block;
line-height: 26px;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}
 
.nav li a:hover {
color:#cccccc;
}
 
.nav li ul {
margin:0px;
padding:0px;
display:none;
position:absolute;
left:-15px;
top:26px;
background:#ffffff;
}
 
.nav li:hover ul {
display:block;
background:#ffffff;
width:100px;
z-index:1;
padding-left: 3px;
}
 
.nav li li {
list-style:none;
display:list-item;
background:#ffffff;
}
 
.nav li li a {
background:#ffffff;
color:#000000;
text-decoration:none;
}
 
.nav li li a:hover {
background:#ffffff;
color:#0F6221;
text-decoration:underline;
}

.taal {
float: right;
padding-right: 5px;
}

.subnav {
margin: 5px;
padding-left: 3px;
text-align: left;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #000;
}

.content {
width: 650px;
text-align: left;
padding-left: 8px;
}

.content h1 {
color: #0F6221;
margin: 0px;
font-size: 16px;
font-weight: bold;
}

.contentbox {
width: 635px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
}

.contentbox img {
padding: 5px;
background-color: #D5D3D2;
}

.bar {
float: right;
margin-right: 10px;
width: 166px;
text-align: left;
}

.bar h2 {
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: #0F6221;
padding: 0px;
margin: 0px 0px 0px 5px;
}

.bar ul {
list-style-image: url("/media/img/bar_ul.jpg");
margin-left: 20px;
margin-bottom: 0px;
padding: 0px;
}

.bar li {
padding-bottom: 6px;
line-height: 10px;
}

.bar li a {
text-decoration:none;
}

.bar li a:hover {
text-decoration:underline;
}

.bar .partner {
padding: 10px;
}

.item {
float: left;
width: 304px;
margin-right: 8px;
height: 210px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
font-size: 12px;
}

.item h1 {
color: #0F6221;
margin: 0px;
font-size: 14px;
font-weight: bold;
}

.item ul {
list-style-position: outside;
font-size: 12px;
line-height: 1.3em;
padding-left: 20px;
}

.itempic {
float: left;
width: 308px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
margin-right: 8px;
height: 222px;
text-align: left;
}

.productitem {
float: left;
width: 142px;
height: 200px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
margin-top: 10px;
margin-right: 8px;
}

.productitem h1 {
color: #000000;
margin: 0px;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}

.productcatitem {
float: left;
width: 242px;
height: 180px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
margin-top: 10px;
margin-right: 8px;
}

.productcatitem h1 {
color: #000000;
margin: 0px;
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
}

.catitem {
float: left;
width: 135px;
height: 200px;
text-align: center;
padding: 5px;
margin-top: 10px;
margin-right: 8px;
}

.catitem h1 {
color: #000000;
margin: 0px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

.logoitem {
float: left;
width: 142px;
height: 75px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
margin-top: 8px;
margin-right: 8px;
}

.hoesitem {
float: left;
width: 142px;
height: 201px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
margin-top: 8px;
margin-right: 8px;
clear: left;
}

.bestellen {
float: left;
margin-top: 5px;
width: 144px;
height: 28px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
clear: left;
}

.tabbar {
float: right;
width: 466px;
margin-top: 8px;
margin-right: 10px;
}

.tabbar ul {
list-style: none;
padding:0;
margin:0;
}

.tabbar li {
float: left;
margin-left: 1px;
line-height: 2.5em;
}

.tabbar li a {
text-decoration: none;
display: block;
text-align: center;
width: 81px;
height: 22px;
color: #ffffff;
background: url("/media/img/tab.jpg");
}

.tabbar li a:hover {
background: url("/media/img/tab_selected.jpg");
color: #ffffff;
}

.tabbar .selected {
background: url("/media/img/tab_selected.jpg");
color: #ffffff;
}

.text {
float: right;
width: 466px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #D5D3D2;
padding: 5px;
margin-top: 0px;
margin-right: 10px;
}

.footer {
clear: both;
padding-top: 10px;
text-align: center;
}