/* general tags */
html, body {
  font: 12px/1.3 arial;
  color: #333333;
}

form {
  padding: 0;
  margin: 0;
}

body {
  background:#e7f1fb;
  background-image: url(/images/blau_y281.gif) no-repeat;
  background-position:50px 50px;
  height: 100%;
  margin: 0;
  padding: 0;
  behavior: url(/js/csshover.htc); 
}

select {
  border: 1px solid #004d9d;
  color: #004d9d;
  font: 12px/1.3 arial;
}


h1, h2 {
  font-size: 15px;
  font-weight: bold;
  color: #004d9d;
  margin: 0;
  padding: 0;
}


/* links */
a:link {
  color: #004d9d;
  text-decoration:underline;
}
a:visited {
  color: #004d9d;
  text-decoration: underline;
}
a:hover {
  color: #004d9d;
  text-decoration: underline;
}
a:active {
  color: #004d9d;
  text-decoration: underline; 
}

a.text:link {
  color: black;
  text-decoration: none;
}
a.text:visited {
  color: black;
  text-decoration: none;
}
a.text:hover {
  color: black;
  text-decoration: none;
}
a.text:active {
  color: black;
  text-decoration: none;
}

a.ergebnisliste {
  color: #004d9d;
  text-decoration: none;
}
a.ergebnisliste:visited {
  color: #004d9d;
  text-decoration: none;
}
a.ergebnisliste:hover {
  color: #004d9d;
  text-decoration: underline;
}
a.ergebnisliste:active {
  color: #004d9d;
  text-decoration: underline; 
}

a.linknavtop {
  color: #004d9d;
  text-decoration: none;
}
a.linknavtop:visited {
  color: #004d9d;
  text-decoration: none;
}
a.linknavtop:hover {
  color: #e30018;
  text-decoration: none;
}
a.linknavtop:active {
  color: #004d9d;
  text-decoration:none; 
}

a.linknavtop_on {
  color: #e30018;
  text-decoration: none;
}
a.linknavtop_on:visited {
  color: #e30018;
  text-decoration: none;
}
a.linknavtop_on:hover {
  color: #e30018;
  text-decoration: none;
}
a.linknavtop_on:active {
  color: #e30018;
  text-decoration:none; 
}

a.linkmehr {
  color: #004d9d;
  text-decoration: none;
}
a.linkmehr.visited {
  color: #004d9d;
  text-decoration: none;
}
a.linkmehr:hover {
  color: #004d9d;
  text-decoration: underline;
}
a.linkmehr:active {
  color: #004d9d;
  text-decoration:none; 
}
.linkmehr {
  background-image: url(/images/pfeilblau.gif);
  background-repeat: no-repeat;
  padding-left: 7px;
  background-position: 0 4px;
}

a.linkmehr_k {
  color: #004d9d;
  text-decoration: none;
}
a.linkmehr_k.visited {
  color: #004d9d;
  text-decoration: none;
}
a.linkmehr_k:hover {
  color: #004d9d;
  text-decoration: underline;
}
a.linkmehr_k:active {
  color: #004d9d;
  text-decoration:none; 
}
.linkmehr_k {
  background-image: url(/images/pfeilblau_k.gif);
  background-repeat: no-repeat;
  padding-left: 6px;
  background-position: 0 4px;
}

a.ssubnav {
  color: #004d9d;
  text-decoration: underline;
}


/* general classes */
.warn {
  color: #ff0000;
}

.txt_green {
  color: #00cc13;
}

.txt_red {
  color: #e30018;
}

.txt_nickname {
  color: #a3a3a3;
  font-weight:bold;
}

.inptxt {
  border: 1px solid rgb(0, 77, 157); 
  width: 158px;
  height: 15px;
}

.beratung {
  border: 1px solid #d2e6fb; 
  background-color: #d2e6fb;
  width: 237px;
  height: 15px;
  margin-bottom: 3px;
  color: #000;
}





/* Grid: banner | hauptnavigation | container : < subnav | content: < contmitte | teaserspalte > > | footer */
/* banner */
#banner {
  width: 956px;
  background-image: url(/images/bg_1.gif);
  background-repeat: repeat-y;
  background-position:950px 0px;
}

#topnav {
  position: absolute;
  left: 230px;
  top: 18px;
  font-size: 10px;
  color: #004d9d;
  width: 700px;
}

/* hauptnavigation */
#hauptnavigation {
  width: 956px;
  background:#ffffff;
  background-image: url(/images/bg_2.gif);
  background-repeat: repeat-y;
  background-position:950px 0px;
  position:absolute;
  left:0; 
  top:50px;
  z-index: 20;
}

#hauptnav {
  width:210px; 
  height:181px; 
  padding:0; 
  margin:0; 
  background: url(/images/navigation2.gif) no-repeat;
}

#hauptnavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#hauptnavigation li {
  display: block;
  height: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  z-index: 200;
}
#hauptnavigation a {
  display: block;
  height: 25px;
}

#hauptnavigation li:hover ul, #hauptnavigation li.over ul { 
  display: block; 
}

#hauptnavigation ul.submenue {
  display: none;
  position: absolute; 
  top: 0px;
  left: 210px;
  z-index: 100;
  width: 200px;
  background: #ffffff;
  opacity: .90;
  filter: alpha(opacity=90);
}

#hauptnavigation ul.submenue li {
  height: 20px;
  position: relative;
  margin-left: 5px;
  padding: 5px 0px 0px 16px;
  border-bottom: 1px solid #a6bbd6;
}

#hauptnavigation ul.submenue li a {
  height: 20px;
  color: #0055a2;
  text-decoration: none;
  background: none;
}

#hauptnavigation ul.submenue li a:hover, #hauptnavigation ul.submenue li a.on {
  color: #e60012;
  text-decoration: none;
  background: none;
}


#marke {left: 0; width: 210px;}
#marke_on {left: 0; width: 210px; background: transparent url(/images/navigation2.gif) 0px -362px no-repeat;}
#marke a:hover, #marke:hover a {background: transparent url(/images/navigation2.gif) 0px -181px no-repeat;}

#produkte {left: 0; top:26px; width: 210px;}
#produkte_on {left: 0; top:26px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -388px no-repeat;}
#produkte a:hover, #produkte:hover a {background: transparent url(/images/navigation2.gif) 0px -207px no-repeat;}
  
#rezepte {left: 0; top:52px; width: 210px;}
#rezepte_on {left: 0; top:52px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -414px no-repeat;}
#rezepte a:hover, #rezepte:hover a {background: transparent url(/images/navigation2.gif) 0px -233px no-repeat;}

#gesundheit {left: 0; top:78px; width: 210px;}
#gesundheit_on {left: 0; top:78px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -440px no-repeat;}
#gesundheit a:hover, #gesundheit:hover a {background: transparent url(/images/navigation2.gif) 0px -259px no-repeat;}

#news {left: 0; top:104px; width: 210px;}
#news_on {left: 0; top:104px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -466px no-repeat;}
#news a:hover, #news:hover a {background: transparent url(/images/navigation2.gif) 0px -285px no-repeat;}

#service {left: 0; top:130px; width: 210px;}
#service_on {left: 0; top:130px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -492px no-repeat;}
#service a:hover, #service:hover a {background: transparent url(/images/navigation2.gif) 0px -311px no-repeat;}

#shop {left: 0; top:156px; width: 210px;}
#shop_on {left: 0; top:156px; width: 210px; background: transparent url(/images/navigation2.gif) 0px -518px no-repeat;}
#shop a:hover, #shop:hover a {background: transparent url(/images/navigation2.gif) 0px -337px no-repeat;}

#bannervisual {
  position: absolute;
  left: 215px;
  top: 0px;
  width: 730px;
  height: 181px;
  border-style: none;
  z-index: 100;
}

/* container */
#container {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 231px;
  width: 956px;
  background:#ffffff;
  background-image: url(/images/bg_content.gif);
  background-repeat: repeat-y;
  padding-top:5px;
}

/* subnav */
#subnav {
  float:left; 
  width:210px;
  font-size: 12px;
}

#subnav ul {
  margin: 4px 0 0 0;
  padding: 0;
  list-style: none;
}

#subnav li {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  border-bottom: 1px solid #a6bbd6;
}

#subnav ul li ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}

#subnav li ul li {
  border: none;
}


#subnav a {
  display: block;
  padding-right: 29px;
  text-align: right;
  padding-top: 4px;
  height: 21px;
  color: #0055a2;
  font-size: 12px;
  text-decoration: none;
}

#subnav a:hover {
  color: #e60012;
}

#subnav li a.on {
  color: #e60012;
}

#subnav li ul li a {
  background-image: url(/images/ssub_bullet_off.gif);
  background-repeat: no-repeat;
  background-position: right 10px;
  padding-right: 9px;
  margin-right: 29px;
  font-size: 11px;
  height: 14px;
}

#subnav li ul li a:hover {
  background-image: url(/images/ssub_bullet_on.gif);
}

#subnav li ul li a.on {
  background-image: url(/images/ssub_bullet_on.gif);
}

#content {
  float:left; 
  width:740px;
}


/* contmitte */
#contmitte{
  float:left;
  width:530px;
  padding: 0 0 0 20px;
  background-image: url(/images/v_trennlinie.gif);
  background-repeat: repeat-y;
  background-position:539px 0px;
  min-height:400px;
}

#rezeptbox {
  background-color:#fff7cc;
  padding:8px 10px;
  margin-top:15px;
}

#contfliess{
  width: 510px;
}

#rezeptintro {
  padding:17px 0;
}

.ergebnishead {
  background-color: #d2e6fb;
  border-top: solid white 1px;
  padding: 2px 5px;
}

.ergebnistext, .ergebnisrow {
  background-color: #fff7cc;
  border-top: solid white 1px;
  padding: 5px;
}

.ergebnisthumb {
  float: left;
  width: 75px;
  overflow: hidden;
  margin-right: 16px
}

.ergebnistitle {
  float: left;
  width: 264px;
  overflow:hidden; 
  margin-right:16px
}

.ergebnisbewertung {
  float: left;
  width: 93px;
  overflow: hidden;
}

.ergebnisanzahl {
  float: left;
  width: 34px; 
  overflow: hidden;
  text-align: right;
}

/* template raw (volle breite)  */
#contraw{
  float:left;
  width:710px;
  padding: 0 0 0 20px;
  min-height:400px;
}


/* homepage teaser */
.teaserbox{
  float:left;
  width: 245px;
  padding: 0 20px 10px 0;
}

.teaser_g{
   padding: 0 0 4px 0;
}


/* teaser */
#teaserspalte{
  float:left;
  width:180px;
  padding: 4px 0 0 0;
  font-size: 11px;
}

.teaserbox2 {
  width: 170px;
  padding: 0 0 10px 0;
}

.teaser_k {
  width: 170px;
  height: 90px;
  border-style: none;
  padding: 0 0 8px 0;
}


/* footer */
#footerleft {
  float: left;
  margin: 0 0 4px 20px;
  font-size: 10px;
  color: #004d9d;
  width: 190px;
  overflow: hidden;
}

#footerright {
  float: left;
  margin: 0 0 4px 20px;
  font-size: 10px;
  color: #004d9d;
  width: 700px;
}



/* special content */

/* rezept */
table.naehrwert {
  width:170px;
}

table.naehrwert td {
  background-color: #e7f1fb;
  color: #004d9d;
  padding: 3px 6px;
  text-align: right;
  white-space: nowrap;
}

table.naehrwert td.fstcol {
  background-color: #d2e6fb;
  padding: 3px 3px;
  text-align: left;
}

.tblblau td {
  background-color: #e7f1fb;
  color: #004d9d;
  padding: 3px 6px;
  font-size: 11px;
}

.tblblau td.tbldunkelblau {
  background-color: #d2e6fb;
  color: #004d9d;
  font-size: 11px;
}

.rezeptmonth {
  float: left;
  width: 245px;
  height: 145px;
  overflow: hidden;
}

#teaserspalte a.topten {
  color: black;
  text-decoration: none;
}
#teaserspalte a.topten:hover {
  text-decoration: underline;
}

/* bewertung */
#bewertunghead {
  width: 162px;
  height: 15px;
  margin-bottom: 1px;
  padding: 3px;
  background-color: #d2e6fb;
  color: #004d9d;
}

.bewertung {
  width: 162px;
  height: 15px;
  text-align: right;
  background-color: #e7f1fb;
  margin-bottom: 1px;
  padding: 3px;
  color: #004d9d;
  background-repeat: no-repeat;
  background-position: 3px 2px;
}

#bewertung_1 {
  width: 162px;
  height: 15px;
  margin-bottom: 1px;
  padding: 3px;
  color: #00cc13;
  display: none;

}

#bewertung_0 {
  width: 162px;
  height: 15px;
  margin-bottom: 1px;
  padding: 3px;
  color: #e30018;
  display: none;
}

.bewertung:hover {
  background-color:#d2e6fb;
  cursor:pointer;
}

/* Kommentar  */
.kommentar_subject {
  width: 496px;
  height: 16px;
  padding: 2px ;
  margin-bottom: 1em;
  background-color: #e7f1fb;
}

.kommentar_author {
  float: left;
  width: 130px;
  overflow: hidden;
}

.kommentar_body {
  width: 500px;
  padding-bottom: 1em;
}

/* Kommentar Popup */
body#popup {
  background-image: url(/images/blau_y60.gif);
  background-position:0 0;
  background-repeat: repeat-x;
  background-color: #d2e6fb;
  color: #004d9d;
}

#popup_logo {
  padding: 0 0 0px 395px;
  width: 100px;
  height: 60px;
}

#popup_cont {
  position: relative;
  width: 466px;
  padding: 15px 20px 20px;
}

#popup_cont * {
  margin: 0;
  padding: 0;
}

#popup_cont h1 {
  font-size: 19px;
  font-weight: normal;
  font-style: italic;
  color: #004d9d;
  padding: 0 0 12px;
}

#popup_cont p {
  padding: 0 0 1em 0;
}

#popup_cont img {
  border: 0;
}

#popup_cont table td {
  padding: 0 1em 8px 0;
}

* html #popup_cont table td {
  padding: 0 1em 6px 0;
}

#popup_schliessen {
  position: absolute;
  top: 500px;
  right: 20px;
}


/* addon */
#lustundlaune, #sub_liebe, #sub_erstesdate, #sub_zweiterfruehling, #sub_gebrocheneherzen, #sub_fruehbisspaet, #sub_morgenstund, #sub_halbzeit, #sub_afterwork, #sub_fernweh, #sub_gettogether, #sub_mexiko, #sub_dolcevita, #sub_indien , #sub_unterfreunden, #sub_feste, #sub_bbq {
	width: 511px;
	height: 371px;
	margin-left: 0;
	padding: 0;
	position: relative;
	}
#lustundlaune {background: url(/images/lustundlaune.jpg) no-repeat;}
#sub_liebe {background: url(/images/lustundlaune-liebe.jpg) no-repeat;}
#sub_erstesdate {background: url(/images/lustundlaune-erstesdate.jpg) no-repeat;}
#sub_zweiterfruehling  {background: url(/images/lustundlaune-zweiterfruehling.jpg) no-repeat;}
#sub_gebrocheneherzen {background: url(/images/lustundlaune-gebrocheneherzen.jpg) no-repeat;}
#sub_fruehbisspaet {background: url(/images/lustundlaune-fruehbisspaet.jpg) no-repeat;}
#sub_morgenstund {background: url(/images/lustundlaune-morgenstund.jpg) no-repeat;}
#sub_halbzeit {background: url(/images/lustundlaune-halbzeit.jpg) no-repeat;}
#sub_afterwork {background: url(/images/lustundlaune-afterwork.jpg) no-repeat;}
#sub_fernweh {background: url(/images/lustundlaune-fernweh.jpg) no-repeat;}
#sub_gettogether {background: url(/images/lustundlaune-gettogether.jpg) no-repeat;}
#sub_mexiko {background: url(/images/lustundlaune-mexiko.jpg) no-repeat;}
#sub_dolcevita {background: url(/images/lustundlaune-dolcevita.jpg) no-repeat;}
#sub_indien {background: url(/images/lustundlaune-indien.jpg) no-repeat;}
#sub_unterfreunden {background: url(/images/lustundlaune-unterfreunden.jpg) no-repeat;}
#sub_feste {background: url(/images/lustundlaune-feste.jpg) no-repeat;}
#sub_bbq  {background: url(/images/lustundlaune-bbq.jpg) no-repeat;}
#lustundlaune li, #sub_liebe li , #sub_erstesdate li, #sub_zweiterfruehling li, #sub_gebrocheneherzen li , #sub_fruehbisspaet li, #sub_morgenstund li, #sub_halbzeit li, #sub_afterwork li, #sub_fernweh  li, #sub_gettogether li, #sub_mexiko li, #sub_dolcevita li, #sub_indien li , #sub_unterfreunden li, #sub_feste li, #sub_bbq li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
#lustundlaune li, #lustundlaune a , #sub_liebe li, #sub_liebe a, #sub_erstesdate li, #sub_erstesdate a , #sub_zweiterfruehling li, #sub_zweiterfruehling a, #sub_gebrocheneherzen li, #sub_gebrocheneherzen a , #sub_fruehbisspaet li, #sub_fruehbisspaet a, #sub_morgenstund li, #sub_morgenstund a , #sub_halbzeit li, #sub_halbzeit a, #sub_afterwork li, #sub_afterwork a, #sub_fernweh  li, #sub_fernweh  a, #sub_gettogether li, #sub_gettogether a, #sub_mexiko li, #sub_dolcevita li, #sub_indien li , #sub_mexiko a, #sub_dolcevita a, #sub_indien a , #sub_unterfreunden li, #sub_feste li, #sub_bbq li, #sub_unterfreunden a, #sub_feste a, #sub_bbq a {
	height: 185px;
	display: block;
	}
	
#liebe, #morgenstund, #morgenstund_1, #halbzeit_1, #afterwork_1, #mexiko, #unterfreunden, #mexiko_1, #dolcevita_1, #indien_1, #unterfreunden_1, #feste_1, #bbq_1  {
    top: 0;
	left: 0;
	width: 255px;
}
#fruehbisspaet, #erstesdate, #erstesdate_2, #zweiterfruehling_2, #gebrocheneherzen_2, #dolcevita, #feste,  #mexiko_2, #dolcevita_2, #indien_2, #unterfreunden_2, #feste_2, #bbq_2 {
    top: 0;
	left: 256px;
	width: 255px;
}
#fernweh , #zweiterfruehling, #erstesdate_3 , #zweiterfruehling_3, #gebrocheneherzen_3, #halbzeit, #morgenstund_3 , #halbzeit_3, #afterwork_3 , #bbq, #unterfreunden_3, #feste_3, #bbq_3 {
	left: 0;
	top: 186px;
	width: 255px;
}
#gettogether, #gebrocheneherzen, #erstesdate_4, #zweiterfruehling_4, #gebrocheneherzen_4, #afterwork, #morgenstund_4, #halbzeit_4, #afterwork_4 , #indien, #mexiko_4, #dolcevita_4, #indien_4 {
	left: 256px;
	top: 186px;
	width: 255px;
}
#liebe a:hover {background: transparent url(/images/lustundlaune.jpg) 0 -371px no-repeat;}
#fruehbisspaet a:hover {background: transparent url(/images/lustundlaune.jpg) -256px -371px no-repeat;}
#fernweh a:hover {background: transparent url(/images/lustundlaune.jpg) 0 -557px no-repeat;}
#gettogether a:hover {background: transparent url(/images/lustundlaune.jpg) -256px -557px no-repeat;}
#erstesdate_2 a:hover {background: transparent url(/images/lustundlaune-erstesdate.jpg) -256px -371px no-repeat;}
#erstesdate_3 a:hover {background: transparent url(/images/lustundlaune-erstesdate.jpg) 0 -557px no-repeat;}
#erstesdate_4 a:hover {background: transparent url(/images/lustundlaune-erstesdate.jpg) -256px -557px no-repeat;}
#zweiterfruehling_2 a:hover {background: transparent url(/images/lustundlaune-zweiterfruehling.jpg) -256px -371px no-repeat;}
#zweiterfruehling_3 a:hover {background: transparent url(/images/lustundlaune-zweiterfruehling.jpg) 0 -557px no-repeat;}
#zweiterfruehling_4 a:hover {background: transparent url(/images/lustundlaune-zweiterfruehling.jpg) -256px -557px no-repeat;}
#gebrocheneherzen_2 a:hover {background: transparent url(/images/lustundlaune-gebrocheneherzen.jpg) -256px -371px no-repeat;}
#gebrocheneherzen_3 a:hover {background: transparent url(/images/lustundlaune-gebrocheneherzen.jpg) 0 -557px no-repeat;}
#gebrocheneherzen_4 a:hover {background: transparent url(/images/lustundlaune-gebrocheneherzen.jpg) -256px -557px no-repeat;}
#morgenstund_1 a:hover {background: transparent url(/images/lustundlaune-morgenstund.jpg) 0 -371px no-repeat;}
#morgenstund_3 a:hover {background: transparent url(/images/lustundlaune-morgenstund.jpg) 0 -557px no-repeat;}
#morgenstund_4 a:hover {background: transparent url(/images/lustundlaune-morgenstund.jpg) -256px -557px no-repeat;}
#halbzeit_1 a:hover {background: transparent url(/images/lustundlaune-halbzeit.jpg) 0 -371px no-repeat;}
#halbzeit_3 a:hover {background: transparent url(/images/lustundlaune-halbzeit.jpg) 0 -557px no-repeat;}
#halbzeit_4 a:hover {background: transparent url(/images/lustundlaune-halbzeit.jpg) -256px -557px no-repeat;}
#afterwork_1 a:hover {background: transparent url(/images/lustundlaune-afterwork.jpg) 0 -371px no-repeat;}
#afterwork_3 a:hover {background: transparent url(/images/lustundlaune-afterwork.jpg) 0 -557px no-repeat;}
#afterwork_4 a:hover {background: transparent url(/images/lustundlaune-afterwork.jpg) -256px -557px no-repeat;}
#mexiko_1 a:hover {background: transparent url(/images/lustundlaune-mexiko.jpg) 0 -371px no-repeat;}
#mexiko_2 a:hover {background: transparent url(/images/lustundlaune-mexiko.jpg) -256px -371px no-repeat;}
#mexiko_4 a:hover {background: transparent url(/images/lustundlaune-mexiko.jpg) -256px -557px no-repeat;}
#dolcevita_1 a:hover {background: transparent url(/images/lustundlaune-dolcevita.jpg) 0 -371px no-repeat;}
#dolcevita_2 a:hover {background: transparent url(/images/lustundlaune-dolcevita.jpg) -256px -371px no-repeat;}
#dolcevita_4 a:hover {background: transparent url(/images/lustundlaune-dolcevita.jpg) -256px -557px no-repeat;}
#indien_1 a:hover {background: transparent url(/images/lustundlaune-indien.jpg) 0 -371px no-repeat;}
#indien_2 a:hover {background: transparent url(/images/lustundlaune-indien.jpg) -256px -371px no-repeat;}
#indien_4 a:hover {background: transparent url(/images/lustundlaune-indien.jpg) -256px -557px no-repeat;}
#unterfreunden_1 a:hover {background: transparent url(/images/lustundlaune-unterfreunden.jpg) 0 -371px no-repeat;}
#unterfreunden_2 a:hover {background: transparent url(/images/lustundlaune-unterfreunden.jpg) -256px -371px no-repeat;}
#unterfreunden_3 a:hover {background: transparent url(/images/lustundlaune-unterfreunden.jpg) 0 -557px no-repeat;}
#feste_1 a:hover {background: transparent url(/images/lustundlaune-feste.jpg) 0 -371px no-repeat;}
#feste_2 a:hover {background: transparent url(/images/lustundlaune-feste.jpg) -256px -371px no-repeat;}
#feste_3 a:hover {background: transparent url(/images/lustundlaune-feste.jpg) 0 -557px no-repeat;}
#bbq_1 a:hover {background: transparent url(/images/lustundlaune-bbq.jpg) 0 -371px no-repeat;}
#bbq_2 a:hover {background: transparent url(/images/lustundlaune-bbq.jpg) -256px -371px no-repeat;}
#bbq_3 a:hover {background: transparent url(/images/lustundlaune-bbq.jpg) 0 -557px no-repeat;}

/* jede jahrezeit */
#jedejahreszeit {
  width: 710px;
  margin: 1em 0 0 0;
  padding: 0;
}
#jedejahreszeit li {
  list-style: none;
  width: 340px;
  height: 200px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
}
#jedejahreszeit a {
  display: block;
  width: 340px;
  height: 200px;
}
#jedejahreszeit #fruehling { background: url(/images/lul_fruehling.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #sommer { background: url(/images/lul_sommer.jpg) no-repeat; margin: 0 0 20px 0 }
#jedejahreszeit #herbst { background: url(/images/lul_herbst.jpg) no-repeat; margin: 0 20px 0 0 }
#jedejahreszeit #winter { background: url(/images/lul_winter.jpg) no-repeat; }

#fruehling a:hover { background: url(/images/lul_fruehling.jpg) 0 -200px no-repeat; }
#sommer a:hover { background: url(/images/lul_sommer.jpg) 0 -200px no-repeat; }
#herbst a:hover { background: url(/images/lul_herbst.jpg) 0 -200px no-repeat; }
#winter a:hover { background: url(/images/lul_winter.jpg) 0 -200px no-repeat; }

#jedejahreszeit #fruehling_01 { background: url(/images/lul_fruehling_1.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #fruehling_02 { background: url(/images/lul_fruehling_2.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #fruehling_03 { background: url(/images/lul_fruehling_3.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #fruehling_04 { background: url(/images/lul_fruehling_4.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #fruehling_05 { background: url(/images/lul_fruehling_5.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #fruehling_06 { background: url(/images/lul_fruehling_6.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #fruehling_07 { background: url(/images/lul_fruehling_7.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #fruehling_08 { background: url(/images/lul_fruehling_8.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #fruehling_09 { background: url(/images/lul_fruehling_9.jpg) no-repeat; margin: 0 20px 0px 0 }
#jedejahreszeit #fruehling_10 { background: url(/images/lul_fruehling_10.jpg) no-repeat; margin: 0 0px 0px 0 }

#fruehling_01 a:hover { background: url(/images/lul_fruehling_1.jpg) 0 -200px no-repeat; }
#fruehling_02 a:hover { background: url(/images/lul_fruehling_2.jpg) 0 -200px no-repeat; }
#fruehling_03 a:hover { background: url(/images/lul_fruehling_3.jpg) 0 -200px no-repeat; }
#fruehling_04 a:hover { background: url(/images/lul_fruehling_4.jpg) 0 -200px no-repeat; }
#fruehling_05 a:hover { background: url(/images/lul_fruehling_5.jpg) 0 -200px no-repeat; }
#fruehling_06 a:hover { background: url(/images/lul_fruehling_6.jpg) 0 -200px no-repeat; }
#fruehling_07 a:hover { background: url(/images/lul_fruehling_7.jpg) 0 -200px no-repeat; }
#fruehling_08 a:hover { background: url(/images/lul_fruehling_8.jpg) 0 -200px no-repeat; }
#fruehling_09 a:hover { background: url(/images/lul_fruehling_9.jpg) 0 -200px no-repeat; }
#fruehling_10 a:hover { background: url(/images/lul_fruehling_10.jpg) 0 -200px no-repeat; }

#jedejahreszeit #sommer_01 { background: url(/images/lul_sommer_1.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #sommer_02 { background: url(/images/lul_sommer_2.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #sommer_03 { background: url(/images/lul_sommer_3.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #sommer_04 { background: url(/images/lul_sommer_4.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #sommer_05 { background: url(/images/lul_sommer_5.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #sommer_06 { background: url(/images/lul_sommer_6.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #sommer_07 { background: url(/images/lul_sommer_7.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #sommer_08 { background: url(/images/lul_sommer_8.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #sommer_09 { background: url(/images/lul_sommer_9.jpg) no-repeat; margin: 0 20px 0px 0 }
#jedejahreszeit #sommer_10 { background: url(/images/lul_sommer_10.jpg) no-repeat; margin: 0 0px 0px 0 }

#sommer_01 a:hover { background: url(/images/lul_sommer_1.jpg) 0 -200px no-repeat; }
#sommer_02 a:hover { background: url(/images/lul_sommer_2.jpg) 0 -200px no-repeat; }
#sommer_03 a:hover { background: url(/images/lul_sommer_3.jpg) 0 -200px no-repeat; }
#sommer_04 a:hover { background: url(/images/lul_sommer_4.jpg) 0 -200px no-repeat; }
#sommer_05 a:hover { background: url(/images/lul_sommer_5.jpg) 0 -200px no-repeat; }
#sommer_06 a:hover { background: url(/images/lul_sommer_6.jpg) 0 -200px no-repeat; }
#sommer_07 a:hover { background: url(/images/lul_sommer_7.jpg) 0 -200px no-repeat; }
#sommer_08 a:hover { background: url(/images/lul_sommer_8.jpg) 0 -200px no-repeat; }
#sommer_09 a:hover { background: url(/images/lul_sommer_9.jpg) 0 -200px no-repeat; }
#sommer_10 a:hover { background: url(/images/lul_sommer_10.jpg) 0 -200px no-repeat; }

#jedejahreszeit #herbst_01 { background: url(/images/lul_herbst_1.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #herbst_02 { background: url(/images/lul_herbst_2.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #herbst_03 { background: url(/images/lul_herbst_3.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #herbst_04 { background: url(/images/lul_herbst_4.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #herbst_05 { background: url(/images/lul_herbst_5.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #herbst_06 { background: url(/images/lul_herbst_6.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #herbst_07 { background: url(/images/lul_herbst_7.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #herbst_08 { background: url(/images/lul_herbst_8.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #herbst_09 { background: url(/images/lul_herbst_9.jpg) no-repeat; margin: 0 20px 0px 0 }
#jedejahreszeit #herbst_10 { background: url(/images/lul_herbst_10.jpg) no-repeat; margin: 0 0px 0px 0 }

#herbst_01 a:hover { background: url(/images/lul_herbst_1.jpg) 0 -200px no-repeat; }
#herbst_02 a:hover { background: url(/images/lul_herbst_2.jpg) 0 -200px no-repeat; }
#herbst_03 a:hover { background: url(/images/lul_herbst_3.jpg) 0 -200px no-repeat; }
#herbst_04 a:hover { background: url(/images/lul_herbst_4.jpg) 0 -200px no-repeat; }
#herbst_05 a:hover { background: url(/images/lul_herbst_5.jpg) 0 -200px no-repeat; }
#herbst_06 a:hover { background: url(/images/lul_herbst_6.jpg) 0 -200px no-repeat; }
#herbst_07 a:hover { background: url(/images/lul_herbst_7.jpg) 0 -200px no-repeat; }
#herbst_08 a:hover { background: url(/images/lul_herbst_8.jpg) 0 -200px no-repeat; }
#herbst_09 a:hover { background: url(/images/lul_herbst_9.jpg) 0 -200px no-repeat; }
#herbst_10 a:hover { background: url(/images/lul_herbst_10.jpg) 0 -200px no-repeat; }

#jedejahreszeit #winter_01 { background: url(/images/lul_winter_1.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #winter_02 { background: url(/images/lul_winter_2.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #winter_03 { background: url(/images/lul_winter_3.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #winter_04 { background: url(/images/lul_winter_4.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #winter_05 { background: url(/images/lul_winter_5.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #winter_06 { background: url(/images/lul_winter_6.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #winter_07 { background: url(/images/lul_winter_7.jpg) no-repeat; margin: 0 20px 20px 0 }
#jedejahreszeit #winter_08 { background: url(/images/lul_winter_8.jpg) no-repeat; margin: 0 0px 20px 0 }
#jedejahreszeit #winter_09 { background: url(/images/lul_winter_9.jpg) no-repeat; margin: 0 20px 0px 0 }
#jedejahreszeit #winter_10 { background: url(/images/lul_winter_10.jpg) no-repeat; margin: 0 0px 0px 0 }

#winter_01 a:hover { background: url(/images/lul_winter_1.jpg) 0 -200px no-repeat; }
#winter_02 a:hover { background: url(/images/lul_winter_2.jpg) 0 -200px no-repeat; }
#winter_03 a:hover { background: url(/images/lul_winter_3.jpg) 0 -200px no-repeat; }
#winter_04 a:hover { background: url(/images/lul_winter_4.jpg) 0 -200px no-repeat; }
#winter_05 a:hover { background: url(/images/lul_winter_5.jpg) 0 -200px no-repeat; }
#winter_06 a:hover { background: url(/images/lul_winter_6.jpg) 0 -200px no-repeat; }
#winter_07 a:hover { background: url(/images/lul_winter_7.jpg) 0 -200px no-repeat; }
#winter_08 a:hover { background: url(/images/lul_winter_8.jpg) 0 -200px no-repeat; }
#winter_09 a:hover { background: url(/images/lul_winter_9.jpg) 0 -200px no-repeat; }
#winter_10 a:hover { background: url(/images/lul_winter_10.jpg) 0 -200px no-repeat; }

/* Clearfix workaround */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}