body, html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
color: #182748;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a {
color: #182748;
font-weight: bold;
}
h1 {
clear: both;
font-size: 14px;
font-weight: bold;
}
h2 {
padding-top: 10px;
clear: both;
font-size: 12px;
font-weight: bold;
}
h3 {
margin: 0px;
font-size: 12px;
font-weight: bold;
padding: 0px;
}
table {
color: #182748;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#containerAll {
position: relative;
height: 100%;
background: url("../../img/bg_left.gif") top left repeat-y #FFCC33;
}
#containerAllSub {
position: relative;
width: 100%;
height: 100%;
background: url("../../img/bg_right.gif") top right repeat-y transparent;
}
#containerContent {
margin-left: 150px;
display: block;
}
#contentLeft {
position: absolute;
top: 0px; left: 0px;
width: 150px;
}
#contentRight {
background: url("../../img/bg_topright.gif") top left no-repeat #182748;
float: right;
width: 25px;
height: 145px;
}
#mainNavigation {
display: block;
height: 145px;
min-width: 510px;
background: url("../../img/bg_nav_main.gif") top left repeat-x #FFCC33;
}
#mainNavigation td a {
display: block;
width: 151px;
height: 104px;
text-indent: -999em;
}
#mainNavigation td a#history {
width: 75px;
background: url("../../img/navigation/main/history.gif") no-repeat top left transparent;
}
#mainNavigation td a#history.active,
#mainNavigation td a#history:hover {
background: url("../../img/navigation/main/history_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#hungary {
width: 86px;
background: url("../../img/navigation/main/hungary.gif") no-repeat top left transparent;
}
#mainNavigation td a#hungary.active,
#mainNavigation td a#hungary:hover {
background: url("../../img/navigation/main/hungary_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#products {
width: 68px;
background: url("../../img/navigation/main/products.gif") no-repeat top left transparent;
}
#mainNavigation td a#products.active,
#mainNavigation td a#products:hover {
background: url("../../img/navigation/main/products_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#nutritional_info {
width: 91px;
background: url("../../img/navigation/main/nutritional_info.gif") no-repeat top left transparent;
}
#mainNavigation td a#nutritional_info.active,
#mainNavigation td a#nutritional_info:hover {
background: url("../../img/navigation/main/nutritional_info_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#promotions {
width: 85px;
background: url("../../img/navigation/main/promotions.gif") no-repeat top left transparent;
}
#mainNavigation td a#promotions.active,
#mainNavigation td a#promotions:hover {
background: url("../../img/navigation/main/promotions_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#games {
width: 71px;
background: url("../../img/navigation/main/games.gif") no-repeat top left transparent;
}
#mainNavigation td a#games.active,
#mainNavigation td a#games:hover {
background: url("../../img/navigation/main/games_h.gif") no-repeat top left transparent;
}
#mainNavigation td a#sitemap {
width: 71px;
background: url("../../img/navigation/main/sitemap.gif") no-repeat top left transparent;
}
#mainNavigation td a#sitemap.active,
#mainNavigation td a#sitemap:hover {
background: url("../../img/navigation/main/sitemap_h.gif") no-repeat top left transparent;
}
#slogan {
margin: 0px;
margin-left: 20px;
padding: 0px;
clear: left;
float: left;
}
#subNavigation {
background: url("../../img/bg_nav_sub.gif") repeat-y top left transparent;
}
#subNavigation ul {
list-style-type: none;
margin: 0;
margin-left: 25px;
padding: 0;
}
#subNavigation li a {
display: block;
padding-top: 3px;
width: 112px;
}
#content {
position: relative;
margin-top: 5px;
margin-right: 25px;
overflow: auto;
height: 263px;
}
#visual {
float: left;
height: 65px;
}
#visual img {
margin-top: 20px;
margin-right: 80px;
}
.imageLeft, .imageRight {
padding-top: 10px;
clear: both;
}
.imageLeft img {
float: left;
border: 6px solid #FF9900;
margin-right: 10px;
}
.imageLeft p {
margin: 0px;
}
.imageRight img {
float: right;
border: 6px solid #FF9900;
margin-left: 10px;
}
.imageRight p {
margin: 0px;
}
#subnav_history {
background: url("../../img/navigation/history/bg.gif") repeat-x bottom left transparent;
margin-right: 25px;
}
#subnav_history td {
text-align: center;
}
#subnav_history td a {
display: block;
height: 70px;
background: url("../../img/navigation/history/dot_normal.gif") no-repeat bottom center transparent;
}
#subnav_history td a:hover,
#subnav_history td a.active {
background: url("../../img/navigation/history/dot_hover.gif") no-repeat bottom center transparent;
}
.box {
position: relative;
width: 218px;
display: block;
background: #FFEB88;
margin-bottom: 15px;
}
.box .boxBorder {
display: block;
position: relative;
padding: 5px;
height: 135px;
background: url("../../img/bg_box.gif") no-repeat top left transparent;
}
html>body .box .boxBorder {
height: 125px;
}
.box .box_headline {
position: absolute;
top: 120px;
left: 50px;
}
.productHeadline, .productPackshot {
text-align: center;
display: block;
}
.productHeadline {
background: #FF9900;
padding: 3px;
color: #FFE985;
font-weight: bold;
}
div.partnereinknek td.productHeadline
{
padding: 3px 0;
}
.productPackshot {
background: white;
}
.button {
background: url("../../img/bg_button.gif") no-repeat top right transparent;
}
.button a {
background: url("../../img/bg_button_arrow.gif") no-repeat top left transparent;
display: block;
height: 20px;
}
.button bt_style {
background: url("../../img/bg_button_arrow.gif") no-repeat top left transparent;
display: block;
height: 20px;
}
.button input {
margin-top: 5px;
margin-left: 25px;
margin-right: 5px;
}
.button img {
margin-top: 5px;
margin-left: 25px;
margin-right: 5px;
}
.sitemap_navPoint {
position: relative;
clear: both;
margin-bottom: 10px;
padding: 1px;
}
.sitemap_mainNavPoint {
position: absolute;
left: 0px;
top: 1px;
width: 203px;
height: 19px;
background: url("../../img/sitemap/bg_main.gif") top left transparent;
background-repeat: repeat-x;
}
.sitemap_mainNavPoint a {
display: block;
margin-left: 16px;
margin-right: 8px;
font-weight: bold;
text-decoration: none;
padding: 3px;
background: #FF8A01;
color: #FFE985;
}
.sitemap_mainNavPoint a:hover {
background: #E3AC07;
}
.sitemap_subNavPoint {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 203px;
}
.sitemap_subNavPoint li a {
display: block;
text-decoration: none;
font-weight: normal;
color: #182748;
background: #FFE985;
padding: 3px;
margin-left: 7px;
}
.sitemap_subNavPoint li a:hover {
background: #FFD65A;
}
.sitemap_subNavPoint li.first {
background: url("../../img/sitemap/bg_subFirst.gif") no-repeat top left transparent;
}
html>body .sitemap_subNavPoint li.first {
padding-bottom: 7px;
}
.sitemap_subNavPoint li.last {
background: url("../../img/sitemap/bg_subLast.gif") no-repeat bottom left transparent;
padding-bottom: 0px;
}
.sitemap_subNavPoint li.empty {
background: transparent;
display: block;
}
.sitemap_subNavPoint li {
width: 233px;
height: 20px;
padding-bottom: 8px;
background: url("../../img/sitemap/bg_subNormal.gif") no-repeat center left transparent;
}
#hidden
{
display: none !important;
}
.clearfix
{
clear:both;
}
div.bd
{
border-top:1px #FF8A01 solid;
width:694px;
position:relative;
top:15px;
height:20px;
}
/* TEASER */
div.teaserBox
{
background: url("../../img/bg_box.gif") no-repeat #FFEB88;
width:208px;
height:125px;
float:left;
margin:10px 20px 0 0;
padding:5px;
position:relative;
}
div.teaserBox div.img
{
width:86px;
float:left;
padding:2px 0 0 3px;
}
div.teaserBox div.cnt
{
float:left;
width:118px;
padding:2px 0 0 0;
}
div.teaserBox div.cnt a.more
{
position:absolute;
bottom:2px;
left:53px;
text-decoration:none;
color:#FFFF00;
}
/** PRODUCTION BEGIN **/
div#image-tree-bear {
position: absolute;
top: 0;
right: 0;
background: url('../../img/promotion/pr/baer.jpg') 0 0 no-repeat;
width: 160px;
height: 232px;
}
div.image-tree-content {
}
div#image-tree {
background: url('../../img/promotion/pr/image_tree.jpg') 0 10px no-repeat;
width: 245px;
height: 542px;
float: left;
}
div#image-tree p {
font-size: 10px;
font-family: Verdana, Arial;
}
div#image-tree p.first {
padding: 170px 0 0 100px;
}
div#image-tree p.second {
padding: 35px 0 0 100px;
}
div#image-tree-headline {
background: url('../../img/promotion/pr/headline.jpg') 0 0 no-repeat;
width: 398px;
height: 34px;
}
div#image-tree-main-content-wrap {
float: left;
padding: 0 0 0 30px;
}
div#image-tree-main-content-wrap .content-block{
padding: 5px 0 10px 0;
width: 240px;
}
div#image-tree-main-content-wrap .content-block strong{
font-size: 14px;
}
div.image-tree-main-content-col-left,
div.image-tree-main-content-col-right {
float: left;
padding: 0 20px 0 0;
}
div#image-tree-packshots {
background: url('../../img/promotion/pr/packshots.jpg') 0 0 no-repeat;
width: 294px;
height: 206px;
position: relative;
left: -20px;
}
div#image-tree-company {
background: url('../../img/promotion/pr/company.jpg') 0 0 no-repeat;
width: 257px;
height: 176px;
position: relative;
left: -11px;
}
div.small-font {
font-size: 10px;
}
/** PRODUCTION END **/
.clear {
float: none;
clear: both;
}
/*carousel*/
div.carousel-viewer{
min-height: 300px;
height: auto !important;
height: 300px;
margin: 25px 0;
text-align: center;
width: 625px;
overflow: hidden;
}
tr.jcarousel
{
background: url("../jcarousel/img/background_big.jpg") repeat-x scroll 0 0 transparent;
background-color: #68c2e7;
}
/*info*/
.blaufett {
color: #182748;
font-family: verdana,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
}
.light-yellow
{
background-color: #FFE985;
border: thin solid #FF8A01;
font-family: verdana,arial;
font-size: 12px;
}
/*products*/
.product_channels div.box
{
float: left;
margin-right: 50px;
}
ol.allergic li{
margin-bottom: 10px;
}