@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

 
html * { font-size: 100.01%; } /*  Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

textarea, pre, code, kbd, samp, var, tt { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }

body {
  font-family:  "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 75.00%; /* 12 Pixel */
  color: #000;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  margin: 0 0 0.25em 0;
}

h1 { font-size: 175%; }     /* 21px */
h2 { font-size: 150%; }     /* 18px */
h3 { font-size: 133.33%; }  /* 16px */
h4 { font-size: 116.67%; }  /* 14px */

#col3 h2 { margin: 0.75em 0; }
#col3 h3 { margin: 0.25em 0; }

ul, ol, dl { line-height: 1.5em; margin: 0 ; } /* ex: 0 0 1em 1em */
ul li {  list-style-type: none; margin: 0 ; }
ul ul li {  list-style-type: none; margin: 0 ;}

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin-left: 0.8em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

p { line-height: 1.5em; margin: 0 0 0.5em 0; color: #000; font-size: 108.333%; }

blockquote, cite, q {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
blockquote { margin: 0 0 1em 1.6em; color: #666; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
  border-bottom: 1px #aaa dotted;
  letter-spacing: .07em;
  cursor: help;
}

sub, sup { font-size: 91.6667%; }

hr { margin: 0.5em 0; padding: 0; border: none; border-bottom: solid 2px #d1c754; }

a, a:visited  { color: #19441d; background: transparent; text-decoration: underline; }
a:hover, a:focus, a:active { color:#d1c754; text-decoration: none; transition: color 0.1s; -moz-transition: color 0.1s; -webkit-transition: color 0.1s; -o-transition: color 0.1s; }

p.icaption_left  { float: left;  display: inline; margin: 0 1em 0.15em 0; }
p.icaption_right { float: right; display: inline; margin: 0 0 0.15em 1em; }

p.icaption_left img, p.icaption_right img { padding:0; border: 1px #888 solid; }

p.icaption_left strong, p.icaption_right strong { display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { display: block; text-align: center; margin: 0.5em auto; }

table { width: auto; border-collapse: collapse; margin-bottom: 0.5em; font-size: 108.333%; }
table caption { font-variant: small-caps; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }

th,td { padding: 0.1em 0.5em; }
thead th { color: #000; }
tbody th { }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

tbody th { text-align: left; }
tbody td {  }

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { }
tbody tr:hover td { background: #fbffcc; }

/* ++ eigene Styles ++ */

.richtig { font-weight: bold; color: green; border: solid 2px #d1c754; padding: 1em; background-color: #fbffcc; margin: 2em 0 1.5em 0; }
.falsch  { font-weight: bold; color: red;   border: solid 2px #d1c754; padding: 1em; background-color: #fbffcc; margin: 2em 0 1.5em 0; }
.afternote { margin-top: 1em;}

.mail_pic { position: relative; top: 3px;}

hr.rezept_top  { margin: 0.25em 0; padding: 0; border: none; border-bottom: solid 2px #d1c754; }
hr.rezept_bottom  { margin: 0.66em 0 2.25em 0; padding: 0; border: none; border-bottom: solid 2px #d1c754; }
hr.top  { margin: 0.25em 0; padding: 0; border: none; border-bottom: solid 2px #d1c754; }
hr.bottom  { margin: 0 0 2.25em 0; padding: 0; border: none; border-bottom: solid 2px #d1c754; }

.current { font-style: italic; }
.pic_logo { position: absolute; top: 30px; left: 20px; }
 

.klein { font-size: 91.667%; line-height: 1.5em; margin: 0 0 0.5em 0; } 
.kleinklein { font-size: 91.667%; line-height: 1.2em; margin: 0.2em 0 0 0; } 

.suchfeld { font-size: 116.67%; width: 130px; padding: 5px; margin: 3px 0; border: 2px solid #d1c754; border-radius: 5px; }

.okbutton { border: 1px solid #d1c754; background-color: #fff; cursor: pointer; line-height: 1em; background-color: #eee; }

.suchfeld_okbutton { border: 2px solid #d1c754; border-radius: 5px; padding: 6px 3px 5px 3px; margin: 0 0 0 1px; background-color: #fff; cursor: pointer; line-height: 1em; font-weight: bold; background-color: #eee;}
input.suchfeld_okbutton:hover { background-color: #ddd; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
input.suchfeld:hover { background-color: #eee; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; }
input.suchfeld:focus { border-radius: 5px; box-shadow: 0 0 5px #d1c754; transition: box-shadow 0.25s; -moz-transition: box-shadow 0.25s; -webkit-transition: box-shadow 0.25s; -o-transition: box-shadow 0.25s; }
 
.einleitung { font-style: italic; letter-spacing: 0.5pt; margin: 0 0 1em 0;}

.rezept_vorschlag { font-style: italic; letter-spacing: 0.5pt; text-align: right; }

.hinweis { letter-spacing: 0.5pt; border-left: solid 2px #d1c754; padding: 0 1em 0 1em; }

.kommentar_formular { border: solid 1px #888; padding: 0.1em; }
.keinhover tbody tr:hover td { background: none; }

.top10 { position: relative; bottom: 3px; font-size: 55%; color: #19441d; border: solid 1px #d1c754; padding: 0 3px; margin: 0 10px 0 0}  
.top10 a { text-decoration: none;}

.zutaten_umrechnen { padding-top: 1.25em; position: relative; left: 1em; }
.zutaten_umrechnen_feld { width: 20px; padding: 1px; margin: 0; border: none; border-bottom: 1px solid #d1c754; text-align: center; }

.rezept_pic { border: 2px solid #d1c754; }
.lupe { position: relative; left: 5px; top: -21px; }

.rezept_liste_h3 { line-height:1em; padding-bottom: 0.2em; }

.uebersichtstabelle img { padding: 0; margin: 0 1em 0 0; }
.uebersichtstabelle table { width: 100%; }
.uebersichtstabelle td  { width: 50%; margin: 0; padding: 0.5em 0; vertical-align: top; }
.uebersichtstabelle tr  { padding: 0; margin: 0; }  
.uebersichtstabelle tbody tr:hover td { background: transparent; }
/*.uebersichtstabelle tbody tr td:hover { background: #fbffcc; } */
.uebersichtstabelle p   { padding-right: 1em;  margin: 0; }  
.uebersichtstabelle h3  { font-size: 116.67%; }  

.formular_gerade   { background-color: #f0f0f0; }
.formular_ungerade { background-color: transparent; }

#header_navi { position: absolute; top: 138px; width: 100%; text-align: center;  margin: 0;  padding: 0; }

#header_navi ul, #header_navi li { list-style-type: none; font-size: 133.33%; line-height: 1.2em; font-weight: bold;}
#header_navi ul { display: block; width: 100%; margin: 0; padding: 0; text-align: center; }
#header_navi li { float: left; width: 14%; margin: 0; padding: 0 3%; text-align: center; }

#header_navi a, #header_navi a:visited { color: #19441d; background: transparent; text-decoration: none; }
#header_navi a:hover, #header_navi a:focus, #header_navi a:active { color: #d1c754; text-decoration: none; }  


#sub_navi { border-left: solid 2px #d1c754; background-color: #fbffcc; padding: 15px 15px 15px 15px; }  

#sub_navi ul, #sub_navi li { list-style-type: none; font-size: 116.67%; line-height: 1.2em; font-weight: bold; }
#sub_navi ul { margin:  0; padding: 0; text-align: left; }
#sub_navi li { margin: 1.25em 0; padding: 0; text-align: left; }

#sub_navi li a, #sub_navi li a:visited { color: #19441d; background: transparent; text-decoration: none; }
#sub_navi li a:hover, #sub_navi li a:focus, #sub_navi li a:active { color: #d1c754; text-decoration: none; }

.sub_navi_box { margin: 35px 0 1em 0; background-color: #fbffcc; border: solid 2px #d1c754; padding: 10px 5px; text-align: center; }
.sub_navi_box p { margin: 0; }
.afterbox { margin: 0 0 1em 0; }

.sub_navi_box ul { margin: 0; padding: 5px 5px 0 5px; font-size: 100%;  }
.sub_navi_box li { list-style-type: none; display: block; margin: 0; padding: 0; }
    
#sub_navi .navi-saisonkalender  { font-size: 70%; font-weight: normal; }
#sub_navi .navi-saisonkalender a { text-decoration: underline; }
#sub_navi .navi-saisonkalender a:hover { text-decoration: none; }

.kochtopf_loesch_bild { position: relative; top: 4px; }

.popout-box { position: absolute; right: 0; top: 0; text-align:right; }
.popout-box ul { display: inline; }
.popout-box ul li { float: left; list-style: none outside none; margin-left: 0; margin-right: 10px; }
.popout-box ul li a:link, .popout-box ul li a:visited { display: block; border: solid black 0 0 2px 2px; border-radius: 0 0 7px 7px; background-color: #fff; font-size: 116.67%; line-height: 1em; font-weight: bold; text-decoration: none; padding: 0.65em 1em 0.75em 1em; opacity: 0.75; filter: alpha(opacity=75); }
.popout-box ul li a:focus, .popout-box ul li a:hover, .popout-box ul li a:active { padding-top: 1.25em; opacity: 0.9; filter: alpha(opacity=90); transition: padding-top 0.25s; -moz-transition: padding-top 0.25s; -webkit-transition: padding-top 0.25s; -o-transition: padding-top 0.25s; }
.elch-popout { padding-right: 150px; }
 
.facebook-box { position: absolute; right: 10px; top: 49px; text-align: left; width: 351px; height: 57px; border-radius: 7px;  background-color: #fff; opacity: 0.75; filter: alpha(opacity=75); }
.elch-fb { margin-right: 150px; }

.liste_p  ul, .liste_h3 ul { margin: 0; padding: 0; width: 100%; }  
.liste_p  li { list-style-type: none; display: block; margin:0; padding: 0; font-size: 116.67%; width: 33.33%; float: left; line-height: 1.75em; }  
.liste_h3 li { list-style-type: none; display: block; margin:0; padding: 0; font-size: 133.33%; font-weight: bold; width: 33.33%; float: left; line-height: 1.75em; }

iframe { padding: 0; margin: 0; border: none; }
.code { font-family: Courier, "Courier New", monospace; border: solid 2px #d1c754; padding: 0.25em 0.5em; }

.saisonkalender_tabelle { border: solid 1px #19441d; }
.saisonkalender_tabelle tr { text-align: center; height: 1.75em; border: solid 1px #19441d; }  
.saisonkalender_tabelle th { text-align: center; background-color: #d1c754; height: 2.25em; border: solid 1px #19441d; } 
.saisonkalender_tabelle a { text-decoration: none; }  
.saisonkalender_tabelle .td_zutat { text-align: left; letter-spacing: .07em; } 

.saison_tabelle_rezept { width: 100%; overflow: hidden; border: hidden; } 
.saison_tabelle_rezept table { width: 100%; border-collapse: collapse; border: hidden; } 
.saison_tabelle_rezept tr, .saison_tabelle_rezept td { text-align: center; height: 1.5em; border: solid 1px #d1c754; }  
.saison_tabelle_rezept th { width: 8.33%; height: 1.5em; text-align: center; background-color: #fbffcc; font-weight: normal; border: solid 1px #d1c754; padding: 0; margin: 0; }
.saison_tabelle_rezept tbody tr:hover td { background-color: transparent; }  

.produktinfos {
	padding: 0.5em 0.75em 0.25em 0.75em; 
	margin: 1.5em 0; 
	border: 2px solid #D1C754; border-radius: 10px; 
	background-color: #FBFFCC; background-image: url(/public/pics/blog/produktinfos.png); background-repeat: no-repeat; background-position: right top;
}


/* Auto-Suggest Styles*/
#autosuggest
{
  display: none;
opacity: 0.9;
max-width: 180px; 
}
.suggestion_list
{
	 border: solid 1px #d1c754;
background-color: #f6f6ec;
padding: 0.5em;
margin: 3px 0 0 0;
}
.suggestion_list ul, .suggestion_list li
{  	 
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.suggestion_list a
{
  text-decoration: none;
  color: black;
}
.suggestion_list .selected
{
  background: white;
}
.suggestion_list .selected a
{

}

/* GRIDS */
.rezept-kategorien .ym-gbox  { 
  border: solid 2px #D1C754;
  background-color: #FBFFCC;
  margin: 0.75em 0.75em 1.25em 0.75em;
  padding: 0.5em 0.75em;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); 
 }

.rezept-kategorien .ym-gbox:hover {   
  box-shadow: 0 0 6px rgba(209, 199, 84, 0.5);
  transition: box-shadow 0.25s ease-in-out;
}

#col3 .rezept-kategorien .ym-gbox h3 { margin-top: 0; }

@media( max-width: 540px )  
{
  .ym-grid { width: 100%; }
  .ym-gl, .ym-gr { float: none; padding: 0; margin: 0; }
  .ym-g33 { width: 100%; }
}

.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; 
            -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; 
				-webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
.animated.hinge { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; 
            -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }

@-webkit-keyframes shake {
	0%, 100% { -webkit-transform: translateX(0); }
   10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); }
	20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); }
}

@-moz-keyframes shake {
	0%, 100% { -moz-transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-5px); }
	20%, 40%, 60%, 80% { -moz-transform: translateX(5px); }
}

@-o-keyframes shake {
	0%, 100% { -o-transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-5px); }
	20%, 40%, 60%, 80% { -o-transform: translateX(5px); }
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
  


#side-add {	display:none; }

@media(min-width: 1240px)
{
	#side-add {
		display: inline;
		position: absolute; 
		top: 235px; 
		margin-left: 1185px;
		minwidth: 120px; max-width: 160px; height: 600px; 
		border: solid 2px #D1C754; 		
	}
}
  
@media( max-width: 999px ) 
{
  .img-mobile-resize { width: 100%; height: auto; }
  
  #header_navi ul, #header_navi li { font-size: 133.33%; }
  #header_navi li { width: 18%; padding: 0 1%;}
  #header_navi a:hover, #header_navi a:focus, #header_navi a:active { }  
  
  #sub_navi { border-left: none !important;  }
  #sub_navi ul, #sub_navi li { font-size: 108.33%; line-height: 1.0em; }
  #sub_navi li { margin: 0 !important; display: block; 	} 
  #sub_navi li a, #sub_navi li a:visited { color: #19441d; background: transparent; text-decoration: none; display: block; padding: 0.33em 0.25em; border-bottom: solid 1px #d1c754 }
  #sub_navi li a:hover, #sub_navi li a:focus, #sub_navi li a:active { color: #d1c754; background-color: #F6F6EC; } 
  
  .sub_navi_box { margin: 10px 0 10px 0 !important; padding: 5px !important; border-left: none !important; border-right: none !important; }
    
  #sub_navi_suche { border: 2px solid #D1C754; padding: 5px 10px; min-height: 40px; margin-bottom: 10px }
  #sub_navi_suche #suchfeld { width: 175px; } 
  #sub_navi_suche #sub_navi_suche_1 { float: left; padding-right: 15px; display: block; position: relative; top: 10px; }
  #sub_navi_suche #sub_navi_suche_2 { float: left; padding-right: 15px; display: block; }
  #sub_navi_suche #sub_navi_suche_3 { position: relative; top: 10px; } 
  #sub_navi_suche_end { clear: both; }
  
  .navi-saisonkalender { display: none; }  
  
  .lupe { position: relative; top: -5px !important; left: -25px !important; }
  
  #menue_anzeigen { 
    background: -moz-linear-gradient(center top , #EEE, #CCC) repeat scroll 0% 0% transparent;
    border: 1px solid #777; border-radius: 0.2em;
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 0px 1px 0px rgba(0, 0, 0, 0.15);
    color: #333 !important; cursor: pointer; font: 1em/2em Arial,Helvetica;
    margin: 10px 10px; padding: 0px 1.5em;
    overflow: visible;
    text-decoration: none !important; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
    text-align: center; font-weight: bold;    
  } 
}

@media( max-width: 830px ) 
{
  #header_navi ul, #header_navi li { font-size: 122%; }
  #header_navi li {  width: 18%; padding: 0 1%; }
  
  #elch, #elch_nase { display: none; }
  .elch-popout { padding-right: 0; }
  .elch-fb { margin-right: 0; }
}

@media( max-width: 660px ) 
{
  #header_navi { position: absolute; top: 70px; } 
  #header_navi ul, #header_navi li { font-size: 110%; }
  #header_navi li {  width: 18%; padding: 0 1%; }
  .pic_logo { width: 191px; height: 48px; position: absolute; top: 10px; left: 10px; }  
  
  .facebook-box { position: absolute; right: 10px; top: 8px; width: 300px; height: 45px; border: solid #d1c754 2px !important; border-radius: 3px !important;}
  .facebook-box img { width: 32px; height: 32px;}
  .facebook-box p { font-size: 85% !important; padding-top: 6px !important; padding-right: 3px !important; line-height: 108% !important;  }
  
  .saisonkalender_tabelle { font-size: 90%; }
  
  #elch, #elch_nase { display: none; }
  .elch-popout { padding-right: 0; }
  .elch-fb { margin-right: 0; }
}

@media( max-width: 540px )  
{
  .video-box-div { max-width: 100%; height: auto; }
  .video-box-object { max-width: 100%;  }
	
  #header_navi { position: absolute; top: 70px; } 
  #header_navi ul, #header_navi li { font-size: 100%; }
  #header_navi li {  width: 18%; padding: 0 1%; }
     
  #sub_navi ul, #sub_navi li { font-size: 100%; line-height: 1.0em; }  
  #sub_navi_suche { border: 2px solid #D1C754; padding: 3px 7px 5px 7px; min-height: 33px;  }
  #sub_navi_suche #suchfeld { width: 155px; height: 12px; } 
  #sub_navi_suche .suchfeld_okbutton { padding: 5px 3px 4px 3px; }
  #sub_navi_suche #sub_navi_suche_1 { display: none; }
  #sub_navi_suche #sub_navi_suche_2 { float: left; padding-right: 15px; display: block; }
  #sub_navi_suche #sub_navi_suche_3 { position: static; } 
  
  .sub_navi_box { font-size: 95%; } 
   
  hr.rezept_bottom { margin-bottom: 0  !important; }
   
  .facebook-box { width: 45px; height: 45px; }
  .facebook-box p { display: none; }
	
  .saisonkalender_tabelle { font-size: 85%; }
  .saisonkalender_tabelle .td_zutat { letter-spacing: 0; } 
  .saisonkalender_tabelle tr, .saisonkalender_tabelle th, .saisonkalender_tabelle td { padding: 1px; margin: 0; }  
  
  #elch, #elch_nase { display: none; }
  .elch-popout { padding-right: 0; }
  .elch-fb { margin-right: 0; }
}