* { margin: 0; padding: 0; }
body {height:100%; background:transparent url("./../../images/header_bg.png") repeat-x;}
html { height: 100%; }
.clearingItem, .clr { clear: both; float: none; }
.TAR { text-align: right; }
/*LINK STYLE*/
a { color: #666666; text-decoration: none; }
a:hover{ color: #990000; }
a img { border: 0; }
.cmsHeadline { color: #990000; }

/*CONTAINERS*/
#mainContainer {width:990px;margin:0 auto;min-height:100%;}
#contentContainer {width: 990px; margin:auto;padding-bottom:5px; padding-top:40px;}
#leftContent { float: left; text-align: left; max-width: 300px;}
#middleContent { float: left; /*max-*/width: 640px; text-align: left; padding: 0 10px 0 10px; color: #1C1C1C;}
.contentContainer h1 { font-size:30px; color:#990000; font-weight:normal;}
/*HEADER*/
#headContent {height:329px;background:transparent url("./../../images/header_left.png") no-repeat -29px 0;}
#headContent .left {float:left;width:257px;}
#headContent .right {float:left;width:704px;}

#headerOverlay {}

#headMenu { list-style: none;}
#headMenu a { padding: 0 20px 0 20px; }
#headMenu li {background: transparent url('./../../images/menu_line.png') no-repeat center right;color: white; font-weight: bold; font-size: 12px; text-align: right; line-height: 30px; float: right;margin-bottom:4px;}
#headMenu li.first { background-image: none;}
#headMenu li a { color: white; }
#headMenu li a:hover { color: #FBE702; }
#headerLink {width:700px;height:200px;margin-top:100px;position:absolute;}


/*CMS PAGE CONTENT*/
.contentContainer { font-size: 12px; color: #1C1C1C; padding:10px 0 0 25px; }

/*NEWS*/
#newsBox { background: url("./../../images/box_bg.png") repeat-y; width: 224px; height: 120px; margin: 60px 20px 20px 10px; padding:10px; }
.newsTitleBox {margin-left:-20px;margin-top:-20px;}
.smallNewsTitle { color: #990000; font-size: 12px; font-weight: bold; }
.smallNewsContent { color: #333333; font-size: 12px;padding:5px; }
.newsContentText { color: #1C1C1C; }
.newsContainer h2 { color: #990000; }
.newsContainer .dateLine { color: #EF980A; }
.newsBoxBottom {margin:10px 0 0 -10px;background: url("./../../images/box_footer.png") no-repeat;width: 244px; height:120px;}
.newsBoxLink {width:25px; height:26;float:right;}


/*SUBMENU*/
#root { list-style: none; padding-bottom:20px;}
#root li {  border-bottom: 1px dashed #666666; width: 270px; line-height: 34px; display: block; float: left; }
#root li a { margin:0!important; color:#1C1C1C!important;}
#root li span {white-space: nowrap;font-weight:bold; }
/* #root li.last { border-width: 0; clear: both; float: none;} */
#root li ul {display:none;margin-left:-15px;list-style-type: none;}
#root li.active ul {display:block;margin-left:15px;list-style-type: none;margin-bottom:20px;}
#root li.active ul li ul {display: none;}
#root li.active ul li.active ul { display: block;}
#root li.active ul li.last { border-bottom: none;}
#root li ul.active {padding-bottom:1px;}
#root li ul li a {color:#990000;}
#root li ul li a:before {content:" - ";color:#C05D1C;}
#root li ul li ul li a {font-weight:bold;}
/*
#root ul, #root ul ul  {z-index:10;position:absolute;float:none;margin:-91px 0 0 150px;display:none;list-style: none;}
#root ul ul { margin: -87px 0 0 160px;}
#root ul li, #root ul ul li {width:200px!important;margin:0;line-height: 25px;padding-left:5px;ckground:#FFF!important;float:none; clear:both;text-align:left!important;font-size:12px!important;}
#root ul li, #root ul ul li {border-left:1px solid #FBDE00;border-right:1px solid #FBDE00!important;border-bottom:1px solid #FBDE00;}
#root ul li.first, #root ul ul li.first {border-top:1px solid #FBDE00;}
#root ul li.last, #root ul ul li.last {border-left:1px solid #FBDE00;border-right:1px solid #FBDE00!important;border-bottom: 1px solid #FBDE00;}
#root ul li span, #root ul ul li span {margin:0 0 0 10px;}
*/


/*TABLES*/
#agencies {float:left;color: #3D3D3D; text-align: left; font-size: 11px; font-weight: bold; padding-top:5px; margin-left:100px; }
#businessHours {float:left; color: #1c1c1c; text-align: left; font-size: 11px; font-weight: bold;padding-top:5px;width:250px;}
#agencies th, #businessHours th { font-size: 12px; letter-spacing: 2px; font-weight: normal;}
#businessHours { width: 225px; }
#agencies td { padding-right: 15px; }
#socialNetworks a {margin-left: 30px;}

/*FOOTER*/
#footer {background:url("./../../images/footer_bg.png") repeat-x;height:141px;margin-top:-141px;position:absolute;width:100%;}
#stripline { float: left; margin: 5px 15px; }
#footerTableDiv {margin:0 auto;width:990px;}
.footerLogo {width:143px;height:92px;margin-bottom:141px;}
.footerTitle {background: url('./../../images/footer_title.png'); width:197px;height:46px;float:left;margin-top:25px;}
.footerTitle p {color:#990000;font-weight:bold;margin-top:10px;margin-left:15px;}
#footerButtonDiv {width:100px;float:left;margin-left:90px;padding-top:10px;}
#footerFBbutton {width:34px;height:35px;}
#footerYTbutton {width:34px;height:35px;}



/*CONTACT FORM*/
#cmsContactForm label { width: 125px; float: left; background-color: #fff; margin: 2px 0; padding: 2px; }
#cmsContactForm input, #cmsContactForm textarea, #cmsContactForm button { margin: 2px 0; background-color: #fff; border: 1px solid #FBDE00; padding: 2px; }
#loginForm label { width: 125px; float: left; background-color: #fff; margin: 2px 0; padding: 2px; }
#loginForm input, #loginForm textarea, #loginForm button { margin: 2px 0; background-color: #fff; border: 1px solid #FBDE00; padding: 2px; }


#sitemap {
  margin:     0 0 30px 0;
}
#middleContent .sitemap{
  margin:     0 0 0 20px
}
#middleContent .sitemap li a, #middleContent .sitemap li {
  font-weight: bold;
  font-size:   14px;
  line-height: 16px;
  color:       #333;
}
#middleContent .sitemap ul li a,#middleContent .sitemap ul ul li a,#middleContent .sitemap ul ul ul li a {
  font-weight: normal;
  font-size:   12px;
}
#middleContent .sitemap ul {
  margin:     0 0 0 20px;
}
#middleContent .sitemap ul ul {
  margin:     0 0 0 20px;
}
#middleContent .sitemap ul ul ul {
  margin:     0 0 0 20px;
}
#resourceHeadline {color:#8E0203!important;font-size:22px;font-weight:normal;}
div.resourceBox {margin-top:10px;}
div.resourceBox.cat div.content {margin-bottom:10px;}
div.resourceBox div.content div.left {float:left;width:120px;}
div.resourceBox div.content div.left img {}
div.resourceBox div.content div.left img:hover {}
div.resourceBox div.content div.right {float:right;width:450px;}
div.resourceBox h2.title {font-size:16px;font-weight:bold;margin-bottom:10px;}
span.valueTitle {font-weight:bold;}
div.resourceBox div.detail {text-align:right;border-bottom:1px solid #FEDB03;padding-bottom:5px;font-weight:bold;}
div.resourceBox.detail div.left a img {border:2px solid #FEDB03;margin-bottom:5px;}



.valueLine {display: block;float: left;width: 100%;}
.valueLine span {display: block; width: 160px;float: left;line-height: 20px;}
.valueLine span.value {display: block; width: 250px;float: left;line-height: 20px;}

.imgLink {overflow: hidden;width: 100px; height: 100px;border:2px solid #FEDB03;margin: 0 0 10px 0;}
.imgLink:hover {border:2px solid #8E0203;}

/*************************************/
/**********ERRORPAGE******************/
/*************************************/
p.Error {
  color:      #820101;
  background: #DBDBDB;
  text-align: center;
  margin:     0 0 25px;
  float:      left;
  width:      100%;
  padding:    10px 0;
}

#errorContainer {
  width:                400px;
    margin:             auto;
    margin-top:         10px;
    border:             1px solid rgb(207,217,227);
    background-color:   #FBDE00;
    text-align:         center;
}
#errorContainer h1 {
    background:         #C41029;
    color:              #FBDE00;
    text-align:         center;
    height:             25px;
    line-height:        25px;
    padding-top:        10px;
}
#errorContainer a {
  color:                #666666;
}
#errorContainer a:hover {
  font-weight:          bold;
}
#errorContainer #footerError {
    margin:             15px;
    font-size:          small;
    color:              #666666;
}
.error, .Error {
    color:              #C41029;
    padding:            0 0 0 15px;
    font-weight:        bold;
    font-size:          small;
}
.errorText {
    color:             #C41029;
    font-weight:       bold;
}
#errorContainer .error {
margin: 15px 0 15px 0;}

div.newsPreview a img {float:left;padding:0 5px 0 0;}



/* SHOP */

.productGroupTree {border-top:1px solid #FBDE00;}

#rezeptShop {margin:20px 10px;display:block;}

#shopHeadline {color:#8E0203!important;font-size:22px;font-weight:normal;margin-bottom:20px;}
#productGroupDescription {border-bottom:1px solid #FBDE00;padding-bottom:40px;}

.productGroupsGroupName {position:absolute;height:40px;margin-left:50px;margin-top:15px;width:100px;z-index:5;color:#990000;}

.prodContainerLeft { float:left; width:270px;}
.prodContainerRight {float:left;}
.prodContainerRight p {color:#000;}
p.price {display:block;text-align:right;color:#000;line-height:19px;border-bottom:1px solid #FBDE00;font-size:13px;cursor:pointer;
         font-weight:bold;padding:5px 19px 5px 0!important;background:transparent url('./../../images/shop/hinkel_13.png') no-repeat right center;}
p.price b {color:#8E0203;font-size:15px;margin:0 10px;}
p.price:hover {color:#8E0203;}

#accountContainer h1 {font-size:15px;padding:30px 0 10px 58px;background:transparent url('./../../images/shop/hinkel_09.png') no-repeat 5px 5px;
                      border-bottom:1px solid #FBDE00;color:#8E0203;}
#accountContainer .innerBox {padding:15px;}
#accountContainer .name {color:#8E0203;margin-bottom:10px;font-size:13px;}
#accountContainer a {display:block;line-height:18px;font-weight:bold;}
#accountContainer a .left {float:left;font-size:11px;color:#000;font-style: italic;}
#accountContainer a .right {float:right;font-size:18px;}
#accountContainer a:hover .left {color:#8E0203;}
#shopFrame .shopFrameLink {border-bottom:1px solid #FBDE00;border-top:1px solid #FBDE00;padding:10px 15px;display:block;font-weight:bold;
                           background:transparent url('./../../images/shop/hinkel_13.png') no-repeat right center;}
#basketContainer h1 {font-size:15px;padding:30px 0 10px 58px;background:transparent url('./../../images/shop/hinkel_16.png') no-repeat 5px 5px;
                     border-bottom:1px solid #FBDE00;color:#8E0203;}
#basketContainer {margin-top:20px;}
#basketContainer #cartBox {padding:10px;}
#basketContainer .cartRow { line-height:20px; font-size:12px; color:#8E0203; }
#shopFrame {width:200px;}

.recipeContainer p {color:#000;}

.checkoutBox h1 {color:#990000;font-size:24px;}
#cartOverview h1 {color:#990000;font-size:24px;}
#cartOverview table {width:500px;}
.cartTable .head th {padding:0 25px;}
.cartTable .head .TAL {padding-left:0;}

.prodMainGroup.prodContainer {float:left; width:200px; }
.prodContainer {float:left; width:600px; margin-bottom:20px;}
.prodContainerLeft h1,.prodContainer h1 { font-size:14px !important;  border-bottom:1px solid; padding:5px 0 5px 0!important;}
.prodContainerLeft h1 a,.prodContainer h1 a { text-decoration:none!important; padding:5px 0 0 0!important;}
.prodContainerLeft p,.prodContainer p { padding-top:5px; }
.prodImg { float:left; margin:5px; margin-bottom:0; width:190px; height:167px; }
.prodButtonProdFunction {cursor:pointer;}
.prodText { height: 150px; width:120px; float:left; margin-right:10px; margin-top:30px; margin-left:5px;}
.productGroupPathBox { border-bottom: 1px solid; padding-bottom:5px;}
#prodMenu { border-bottom:1px solid; height:30px; border-top:1px solid; color:grey;}
#prodMenu ul { list-style-type: none; float:left; }
#prodMenu ul li { float:left; padding: 5px; font-variant:small-caps; font-size:15px; }
#prodMenu ul li a { text-decoration:none;}
#prodMenu ul li a:hover { color:#8E39D4; }
#shopRight { position:absolute; margin-top:40px; margin-left:65px; width:225px;}
#accountBoxSmall {  margin-top:60px; }
#loginBoxSmall { margin-top:60px; color:white; font-weight:bold; }
#cartBox p { color:white; }
.cartBoxInfo { margin-left:20px; width:290px; }
#cartBox img { float:left; }
.cartRowValue { float:right; }
.cartRowTitle { margin-left:10px;  }
#accountBoxSmall2 { height:230px; width:302px; background:transparent url('./../../images/meinClever.png') no-repeat; float:right; }
#accountBoxSmall2Eng { height:230px; width:302px; background:transparent url('./../../images/myclever.png') no-repeat; float:right; }
#meinWarenkorb { height:210px; width:302px; background:transparent url('./../../images/meinWarenkorb.png') no-repeat; float:right; }
#meinWarenkorbEng { height:210px; width:302px; background:transparent url('./../../images/mycart.png') no-repeat; float:right; }
.prodDetailBox { margin-top:30px; }
.prodDetailBox .title { font-size:14px; }

#myRecipesFrame h1 { color:#990000;font-size:24px;}
#myRecipesFrame a {display:block;margin-top:10px;padding:10px 0;font-size:16px;border-bottom:1px solid #FBDE00;}
#myRecipesFrame a .left {float:left;}
#myRecipesFrame a .right {float:right;display:block;font-size:13px;color:#000;padding-right:25px;font-weight:bold;line-height:20px;
                           background:transparent url('./../../images/shop/hinkel_13.png') no-repeat right center;}


.recipeHeader h2 {color:#990000;font-size:16px;border-bottom:1px solid #FBDE00;padding-bottom:5px;}
div.hr {border-bottom:1px solid #FBDE00;margin:10px 0 15px;}
.recipeProductPic {float:left;width:140px;min-height:80px;padding:10px 0;}
.recipeProductDescription {color:#000;font-size:11px;padding:10px 0;float:left;width:290px;}
.outerRecipeContainer { width:557px; background:/*#F7F7F8*/transparent url('./../../images/shop/topbottombg_03.png') no-repeat; border-bottom:1px solid #FBDE00;}
.outerRecipeContainer .headerTitle { font-weight:bold; color:#8E0203; padding:48px 0 0 30px; font-size:16px }
.outerRecipeContainer .headerTitle .right {display:none;}
.innerRecipeContainer { width:430px; margin:35px 0 0 50px;}
.recipeTable {font-size:10px;}
.recipeTable.withPic {width:300px;float:left;min-height:80px;}
.recipeTablePic {float:right;width:130px;}
.recipeTable th {color:#990000;width:120px;}
.recipeTable th img {max-width:100px;margin-right:10px;margin-top:25px;}
.recipeTable td {vertical-align:top;}
.recipeTable .screenHide {display:none;}
.recipeTable td h3 {color:#990000;font-size:10px;margin-top:10px;}
.recipeBottomPic {width:555px;height:61px;}

#loginContainer {margin-left:25px;}

.contentFrameBox fieldset {padding:10px 5px;}
.formRow {padding:2px 0;}
.formRow label {
  float: left;
  width: 140px!important;
  font-size: 12px;
}
.formRow input {
}
#soundControl {background:transparent url('./../../images/play.png') no-repeat;height:16px;width:16px;cursor:pointer;float:right;}
#soundControl.onAir {background:transparent url('./../../images/pause.png') no-repeat;}
#music {float:right;color:white;font-size:12px; font-weight:bold;padding-top:8px;}

/* GALLERY */
#GalleryContainer {width:650px;height:500px;float:left;}
.albumPage { position:absolute; width: 665px;}
.galBackLink {margin: 10px 0;text-align: right;}
.galleryImgContainer { width: 600px; margin: 0 0 10px 0; height:640px; }
.galleryImgContainer a {width: 161px; height: 127px; display:block; overflow:hidden; margin:8px 0 0 8px; }
.galleryImgContainer img { padding:42px 0 0 49px;}
.galleryImgContainer .img {height:149px; width:177px; float:left;  margin-left:10px; margin-top:5px; margin-bottom:5px; overflow:hidden;background:transparent url('./../../images/galerie_bg.png') no-repeat;}
.galleryDescription  {margin: 15px;}
.galBackLink {margin: 20px 0;text-align: right;}
.galleryPageCountBox { text-align:right; font-weight: bold; font-size:14px;margin-bottom:15px;}
.subGalleryContainer {float:left;width:200px;}
.subGalleryContainer .left {height:149px;width:177px;background:transparent url('./../../images/galerie_bg.png') no-repeat;padding:8px 0 0 8px;overflow:hidden;}
.subGalleryContainer .left img {height:126px;max-width:160px;position:absolute;}
.subGalleryContainer .left .img a .waterSign {display:none;}
.subGalleryContainer .left .img a .transparent {display:none;}
.subGalleryContainer .left .img a:hover .waterSign {display:block;}
.subGalleryContainer .left .img a:hover .transparent {display:block;}
.subGalleryContainer h1 a{color:#990000;}
.desc {width:140px;text-align:center;}
.desc h1{font-size:18px;}
.GalleryMainContainer {width:665px;height:670px;float:left;}
.GalleryMainContainer h1 {font-size:18px;}
.albumRow {margin-left:30px;}
.GaleryArrowRight {height:22px;width:19px;background:transparent url('./../../images/arrow_right.png') no-repeat;display:block;float:right;margin-left:3px;}
.GaleryArrowLeft {height:22px;width:19px;background:transparent url('./../../images/arrow_left.png') no-repeat;display:block;float:right;margin-left:3px;}
.newsGaleryLink {float:right;}