/* ---------------------------- */
/* ---------- GENERAL --------- */
/* ---------------------------- */


body {
        background:#ecebe6;
		display: block;
		height:100%;
        margin:0;
        padding:0;
		font-family:Arial,Verdana,sans,sans-serif;
        /*font-size:0.8em;*/
        font-size: 13px;
}

a{
	color:#A3170F;
	text-decoration: none;
}

a:hover{
	color:#74100B;
}

a img {
        border:0;
        outline: none;
}

form { 
	display: block;
	
}

#header span, h1 span, #menue span, .invisible {
        display:none;
}

#header, #main, #footer {
        display:block;
        float:left;
        width:988px;
       /* margin-left:34px;*/
}

#contentWrapper{
 width: 988px;
 margin: 0px auto;
 height: auto;

}

#header ul, #header li, #submenue ul, #submenue li, #footer ul, #footer li {
	list-style:none;
	padding:0;
	margin:0;
}

.c{
	display: block;
	clear: both;
	border: 0;
	height: 0;
	font-size: 0;
	
}

.clickLink:hover{
	cursor: pointer;
}

h2{
	font-family:"Times New Roman", Times, serif;
	color: #A3170F;
	font-weight: lighter;
	font-size: 2em;
		text-transform:uppercase;

}

h3{
	font-size: 15px;
	font-weight:bold;
	color: #74100B;
}

h4{
	/*color: #DF9B16;*/
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin: 0.5em 0px;
}

h5{
	margin-top: 0px;
	font-size: 14px;
	margin-bottom:12px;
	
}

p{
	margin-top: 0px;
	margin-bottom: 1.5em;
}

.paragraph{
	margin-bottom: 1.5em;
}


/* ---------------------------- */
/* ---------- HEADER --------- */
/* ---------------------------- */


#header {
        margin-top:30px;
        height:292px;
}

#headerbild {
        float:left;
        clear:left;
        height:292px;
        width:706px;
}

#logo {
        float:left;
        clear:right;
        margin-left:3px;
        width:279px;
}


/* ---------- MENUE --------- */

#menue_b2c{
	margin-top:-180px;
}

#menue_b2b{
	margin-top:-152px; 
	/*display: none;*/
}

#menue {
        float:left;
        clear:right;
        width:240px;
        margin-left:9px;
        position: relative;
}

.menue_5 {
        margin-top:81px!important;
}

#menue ul{
	list-style: none;
	padding:0px;
	
}

#menue a.menue {
	color:#fff;
	display:block;
    height:26px;
    width:240px;
    margin-top:1px;
	text-decoration:none;
    border:0;
    padding: 1px 0 0 0;
    overflow:hidden;
   /* text-indent: -2000px;*/
}

#menue a:link, #menue a:visited {
       background:#a3170f;
}

#menue li a:hover, #menue li a:active, #menue li a:focus, #menue a.youarehere, #menue a.youarehere:hover {
	background-color: #74100b;
	background-image: url(/_img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 225px;
}

/*#menue li a:hover, #menue li a:active, #menue li a:focus{
        background-image: url(/_img/pfeil.gif);
		background-repeat: no-repeat;
        background:#74100b!important;
}*/

#menue a img {
		position: relative;
		top: 6px;
		left: 10px;
        margin:0;
        padding:0;
        border:0;
}


/* ---------- SUBMENUE --------- */

.infobox, .infobox2, .infobox3 {
        margin-top:11px;
        margin-left:9px;
}

#submenue li, #submenue a {
        display:block;
}

#submenue a.submenue {
	text-decoration:none;
	    background:#df9b16!important;
	color:#fff;
	display:block;
        margin-top:1px;
        width:240px;
        height:26px;
}

#submenue li.submenue a:hover, #submenue li.submenue a:active, #submenue li a:focus, #submenue li a.youarehere, #submenue li.submenue a.youarehere {
    background:#df9b16!important;
	color:#fff;
	font-weight:bold;
	
	
}

#submenue a span {
        display:block;
        margin-left:13px;
        padding-top:6px;
}


/* ---------- SUBSUBMENUE --------- */
#subsubmenue{	
	width:240px;
	border-top:1px solid #fff;
	/*border-bottom: 8px solid #e8cb93;*/
	padding: 4px 0px!important;
	background-color: #e8cb93!important;
}

#subsubmenue li.subsubmenue a.subsubmenue{
	padding-left: 15px!important;
	
	color:#A3170F;
    background:#e8cb93!important;
	height:20px;
	margin-top: 0px;
	padding-bottom:6px;
	width: 225px;
	font-size: 0.9em;
}


#subsubmenue a:hover, #subsubmenue li.subsubmenue a:hover, #subsubmenue li.subsubmenue a:focus, #subsubmenue li.subsubmenue a.youarehere {
	color:#A3170F;
    background:#e8cb93!important;
	font-weight: bold;
	width: 225px;
	
}




/* ---------------------------- */
/* ---------- MAIN (links) --------- */
/* ---------------------------- */


#main {
        background:#ecebe6 url('../_img/_own/colleft.png') top left repeat-y;
}


#wrapper {
        float:left;
        clear:left;
        width:706px;
        padding:0;
        margin:0 1px 0 0;
}

#content {
        margin:auto 42px 21px 21px;
}

#header_related {
        width:315px;
        height:30px;
        border-top:1px solid #fff;
        margin:0 0 0 28px;
        padding:0;
        /*background:#f2d7a0;*/
        color:#fff;
        position:relative;
}

#header_related * {
        margin:0;
        border:0;
}

.schriftzug-startseite {
        margin-top:120px;
}

#start_switchup_box{ position:absolute; bottom: 30px; background-color: #fff; opacity: 0.9; color:#000; overflow:hidden; padding: 15px; width:285px; }
#start_switchup_box .button{ position:absolute; top:0px; right:0px; width:66px; height:28px; cursor: pointer; }
#start_switchup_box .button:hover{ background-position: 0px -28px; }
#start_switchup_box .button_up{ background: url( '/_img/open_red.gif') no-repeat 0 0; opacity:1.0 !important;  }
#start_switchup_box .button_down{ background: url( '/_img/close_red.gif') no-repeat 0 0; opacity:1.0 !important; }
#start_switchup_box .headline{ position:relative; font-weight: bold; color:	#A3170F; font-size: 14px; margin-bottom: 15px; }

/* ---------------------------- */
/* ---------- MAIN (rechts) --------- */
/* ---------------------------- */


#col {
        clear:right;
        width:269px;
        padding-left:3px;
        float:left;
        padding-bottom:6px;
}


/* ---------- INFOBOXEN --------- */
/* --- hell --- */
.infobox {
		position: relative;
        border:solid 1px #a3170f;
         background-color: #fff;
        /*color:#a3170f;*/
        width:238px;
		overflow:hidden;
}

.infobox label{
		color:#a3170f;
}


.infobox .button_de{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url('/_img/de/mehr_unten.gif') 0 0   no-repeat;
	width: 99px;
	height: 42px;
}
.infobox .button_cs{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url('/_img/cs/mehr_unten.gif') 0 0   no-repeat;
	width: 99px;
	height: 42px;
}
.infobox .button_hr{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url('/_img/hr/mehr_unten.gif') 0 0   no-repeat;
	width: 99px;
	height: 42px;
}
.infobox .button_en{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url('/_img/en/mehr_unten.gif') 0 0   no-repeat;
	width: 99px;
	height: 42px;
}



.infobox .button:hover{
	background-position: 0 -42px;
}

/* --- dunkel --- */
.infobox2 {
        border:solid 1px #74100b;
        color:#74100b;
        background-color: #fff;
        width:238px;
        overflow:hidden;
}


.infobox2:hover{
		background-position: 0 0;
}

.infobox2 .button_de{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url('/_img/de/mehr_unten.gif') 0 -42px   no-repeat;
	width: 99px;
	height: 42px;
}

.infobox2 .button_de:hover{
	background-position: 0 0;
}

.infobox2 .headline{
	margin: 10px 0 25px 0;
}

/*

.infobox3 {
        color:#000;
}

.infobox3 a {
        color:#a3170f;
}

*/
/* infobox - generell */
.infotitel {
        background:#a3170f;
        display:block;
        float:left;
        height:26px;
        width:240px;
        margin-left:-1px;
}

.infotitel img {
        margin:0;
}

.infobox2 .infotitel {
        background:#74100b;
}

.infoinhalt {
        margin:40px 20px 16px 16px;
}

.infoinhalt p{
        margin:0px 20px 40px 0px;
}

.infobox a, .infobox2 a {
        font-weight:bold;
        text-decoration:none;
        color:#a3170f;
}

.infobox2 a {
        color:#74100b;
}



.infobox a:hover, .infobox a:active, .infobox a:focus{
	color: #74100B;

}

.infobox2 a:hover, .infobox2 a:active, .infobox2 a:focus {
    color:#A3170F;
}

/* ---------------------------- */
/* ---------- FOOTER --------- */
/* ---------------------------- */


#footer {
        margin-bottom:30px;
}

#deco {
        width:705px;
        height:8px;
        background:#df9b16;
        float:left;
        clear:right;
        margin-top:1px;
		/*cursor:move;*/
}

#meta {
        margin-left:0px;
        float:left;
        width:auto;
        position:relative;
        top:-1px;
}

#footer * {
        color:#676863;
}

#footer li {
        float:left;
		font-size:0.9em;
        margin-left:16px;
        width:auto;
}

#footer li a:link, #footer li a:visited {
        text-decoration:none;
}

#footer li a:hover, #footer li a:active, #footer li a:focus {
        color: #333;
}


/* ---------------------------- */
/* ---------- PORTALAUSWAHL --- */
/* ---------------------------- */
#portal_nav{ display:none; }

#portal_main, #wrapper_portalauswahl{
	width: 985px;
}

#wrapper_portalauswahl{
	margin: 13px auto;	
	height: auto;
	position:relative;
	display: block;
	
}
#portal_button{position:absolute;z-index:100!important;top:360px;left:740px;}
#portal_header{
	position:relative; top:16px; 
	
}

#portal_main{
	background: url(/_img/portal/startpic.jpg) no-repeat top left;
	height: 509px;	
}

#portal_menu{
	position:relative;
	left:-14px;  
}

#wrapper_portalauswahl #footer{
	margin: 10px; 
}

.portalNav{ width:225px; height:47px;}
.portalNav:hover{ background-position: 0px -47px; }
.b2b_de{ background: url('/_img/de/portal/b2b.png') no-repeat 0 0; }
.b2c_de{ background: url('/_img/de/portal/b2c.png') no-repeat 0 0; }


/* ---------------------------- */
/* general -------------------- */
/* ---------------------------- */
.left{ float:left; }
.right{ float:right; }
.print_icon{ background: url(/_img/print.gif) no-repeat 0 0; width:26px; height:26px;  }
.print_icon:hover{ background-position: 0px -26px; cursor: pointer; }

/* ---------------------------- */
/* Contentelement  ------------ */
/* ---------------------------- */
.content_image, .newsarticle_image{
	float: left;
	margin: 0 10px 10px 0;
	border:1px solid #DF9B16;
	
}

.content_gallery {
	border: solid 3px #E8CB93;
	margin: 3px 2px 0 2px;
	float: left;
}


/* ---------------------------- */
/* Contentelement  ------------ */
/* ---------------------------- */
.content_start{
	margin-top: 100px;
	margin-left: 25px;
}

/* ---------------------------- */
/* Accordeon ------------------ */
/* ---------------------------- */
.akkordeon, .active_akkordeon{ margin: 20px 5px; width:100%; }
.akkordeon .headline, .active_akkordeon .headline{ color:#333333; font-size:1.1em; background-color: #E8CB93; padding: 0.5em 0.8em; font-weight: bold; }
.akkordeon .content, .active_akkordeon .content{ padding: 1em; margin-top: 1px; background: #F4E1B7; position:relative;  overflow: hidden; height: 25px;  }/*  */
.akkordeon .content .longtext{ display:none; width:100%; }/* visibility: hidden; opacity: 0; */
.akkordeon .content .shorttext{ width: 570px; position: absolute; top: 1em;  }
.akkordeon .button{ position: absolute; bottom:0; right:0;  width:66px; height:28px; }
.akkordeon .button_open{ background: url( '/_img/open.gif') no-repeat 0 0;  }
.akkordeon .button_close{ background: url( '/_img/close.gif') no-repeat 0 0;  }
.akkordeon .button:hover{ cursor: pointer; background-position: 0 -28px; }
.akkordeon .shorttext_header{ color:#333333; font-size:1.1em; font-weight: bold; margin-top:0.7em; padding-bottom:0.6em; }
/* ---------------------------- */
/* Team ----------------------- */
/* ---------------------------- */
.teammember { overflow:hidden; margin-bottom:16px; }
.teammember .teamcontent{ padding-left: 220px; }
.teammember h4{ margin-top: 0px; }
.teammember table th{ text-align: left; width: 5em; }

/* ---------------------------- */
/* Gallery -------------------- */
/* ---------------------------- */
#gallery_headlines{ border-bottom:5px solid #DF9B16; margin-bottom: 10px; height: 22px;  }
#gallery_headlines div{ float:left; margin-right: 2px; background: #E8CB93; color: #333; padding: 4px 8px 2px 8px;  cursor: pointer; }
#gallery_headlines div.active, #gallery_headlines div:hover{ color:#fff; background-color:#DF9B16;  }
.inactive{ display:none; visibility: hidden; }


/* ---------------------------- */
/* Recipe - Categories -------- */
/* ---------------------------- */
.recipes_categories div{ width:200px; height:133px; float:left; margin-right: 20px;margin-bottom: 25px; }
.alphabet_de{ background: url('/_img/de/rezepte/alphabet.jpg') no-repeat 0 0; }
.brot_de{ background: url('/_img/de/rezepte/brot.jpg') no-repeat 0 0; }
.einsenden_de{ background: url('/_img/de/rezepte/einsenden.jpg') no-repeat 0 0; }
.kinder_de{ background: url('/_img/de/rezepte/kinder.jpg') no-repeat 0 0; }
.kuchen_de{ background: url('/_img/de/rezepte/kuchen.jpg') no-repeat 0 0; }
.saison_de{ background: url('/_img/de/rezepte/saison.jpg') no-repeat 0 0; }
.recipes_categories div:hover{ background-position: 0 -133px; }

/* ---------------------------- */
/* Recipe - List -------- */
/* ---------------------------- */
.recipe_overview{  font-weight: bold; color: #333; padding:23px 0px 15px 5px; font-size: 1.1em; height:20px; position: relative; margin:0px; margin-bottom:1px; }
.recipe_overview a{ color: #333; }
.recipe_overview p{ margin-bottom:0px; }
.recipe_overview:hover, .recipe_overview:hover div{ background-color: #DF9B16; }
.recipe_overview .recipe_icon{ float:left; display:block; width:13px; margin: 1px 10px; }
.recipe_list_img{ width:100px; height:58px;  position:absolute; top:0px; right:0px; text-align:center;  font-size:0.9em; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.recipe_list_img p{ margin-top:16px;  font-size: 11px; font-weight:normal; } 
.light { background-color: #E8CB93; }
.middle { background-color: #E3B253; }
.recipe_overview_abc{ padding:23px 0px 15px 20px; font-size: 1.1em; height:20px; position: relative; margin:0px; margin-bottom:1px; }
/* ---------------------------- */
/* Recipe - Detail -------- */
/* ---------------------------- */
.recipes .recipe_name{ margin: 0.1em 0px; padding: 0.1em 0.8em; background-color: #E8CB93; color: #333;  }
.recipes .recipe_name h4{ font-weight: bold; }
.recipes .recipe_content_container{ padding:10px; }
.recipes .recipe_method{ background-color: #E3B253; margin: 15px 0px 10px 0px; }
.recipes .icons_recipe{ position:absolute; left: -29px; bottom: 0px; }
.recipes .recipe_image_container{  border: 1px solid #DF9B16;; width: 265px; height:200px; position:relative; color:#333; text-align: center; }
.recipes .recipe_image_container p{ margin-top:100px;}
.recipes .recipe_ingredients{ width:320px; }
.recipes .recipe_tip{ border:1px solid #DF9B16; width:370px;  float:left; }
.recipes .recipe_user{ border:1px solid #DF9B16; width:265px; float:right; }

/* ---------------------------- */
/* Recipe - Footer -------- */
/* ---------------------------- */
#recipes_footer { margin-top: 20px; height:32px; }
#recipes_footer .button{ cursor: pointer; width:202px; height:32px; }
#recipes_footer .button:hover{ background-position: 0px -32px; }
#recipes_footer .back_button_de{ background: url('/_img/de/zurueck.gif') no-repeat 0 0; }
#recipes_footer .send_button_de{ background: url('/_img/de/rezepte/rezepteinsenden.gif') no-repeat 0 0; }
#recipes_footer .owner_icons{ float:left; margin:0px 50px;  }
#recipes_footer .owner_icons p{ margin-bottom:1px;  }
#recipes_footer .owner_icons p img{ margin-right:10px;  }


/* --------------------------------------- */
/* Infobox - right - Recipesearch -------- */
/* --------------------------------------- */
#search_string{ background-color: #EFECE0; width:100%; border: none; height: 12px; padding: 6px; margin: 10px 0px; }
.search_submit{  border:none; position:absolute; width: 99px; height: 42px; right: 0px; bottom:0px; background:url('/_img/de/suchen.gif') no-repeat 0 0; }
.search_submit:hover{ background-position: 0px -42px; }
#kategorie_auswahl{ list-style: none; margin-left:0px; padding-left: 0px; }
#kategorie_auswahl li{ margin: 3px 0px; }
#kategorie_auswahl span{ font-size: 0.8em; position:relative; top:-3px; left: 2px; }

.infoinhalt p{  margin-bottom: 6px; }

input{ padding: 6px 0px; }
.send_de{ border:none; background: url(/_img/de/absenden.gif) no-repeat 0 0; width:90px; height:25px; border:none; }
.send_cs{ border:none; background: url(/_img/cs/absenden.gif) no-repeat 0 0; width:90px; height:25px; border:none; }
.send_hr{ border:none; background: url(/_img/hr/absenden.gif) no-repeat 0 0; width:90px; height:25px; border:none; }
.send_en{ border:none; background: url(/_img/en/absenden.gif) no-repeat 0 0; width:90px; height:25px; border:none; }
.send:hover{ background-position: 0 -25px; cursor: pointer; }

form{ margin-bottom: 20px;}

/* --------------------------------------- */
/* kontaktformular  ---------------------- */
/* --------------------------------------- */


/* --------------------------------------- */
/* rezeptformular  ---------------------- */
/* --------------------------------------- */
.formular th{ vertical-align:text-top;  text-align:left; padding:6px 0px; }
.formular input[type="text"], .input{ width: 100%; border: 1px solid #DF9B16; }
.formular input.small{ width: 50%; }
.formular textarea{ border: 1px solid #DF9B16 ;  padding:6px 0px;}
.formular #form_kategorie_auswahl { margin:0px; padding-left: 0px; }
.formular #form_kategorie_auswahl li{ float:left; margin: 0px 8px; list-style:none; padding: 0px; }
.formular #form_kategorie_auswahl span{ font-size: 0.9em; position:relative; top:-3px; left: 2px; }
.formular .foto { overflow:hidden; width: 500px; background-color: #A4170E; color: #fff; padding:6px 6px;}
.formular .foto_upload { border: 1px solid #A4170E;  padding: 6px 0px;}

/* --------------------------------------- */
/* vitamine & naehrstoffe ---------------- */
/* --------------------------------------- */
#vitamins_nutrition_tables table{ background-color: #DF9B16;  border-spacing: 1px; border-collapse: separate;  }
#vitamins_nutrition_tables th{ text-align: left;  }
#vitamins_nutrition_tables th, #vitamins_nutrition_tables td{ padding:5px 5px; margin: 0px; background-color: #fff; }

/* --------------------------------------- */
/* page_up ------------------------------- */
/* --------------------------------------- */
.page_up{ width:90px; height:21px; margin: 0px auto; position:relative; top: -6px;}
.page_up a{visibility: hidden;}
.page_up_de{ background:  url('/_img/de/nachoben.gif') no-repeat 0 0; }
.page_up_cs{ background:  url('/_img/cs/nachoben.gif') no-repeat 0 0; }
.page_up_hr{ background:  url('/_img/hr/nachoben.gif') no-repeat 0 0; }
.page_up_en{ background:  url('/_img/en/nachoben.gif') no-repeat 0 0; }
.page_up:hover{ background-position: 0 -21px; cursor: pointer; }

/* --------------------------------------- */
/* sitemap  ------------------------------ */
/* --------------------------------------- */
li.level1{ margin-top:15px; }
a.level1{ text-transform: uppercase; font-weight: bold; }

.flour_tip{ border-top: 1px solid #E8CB93; padding-top: 16px; }


/* --------------------------------------- */
/* invalid ------------------------------- */
/* --------------------------------------- */
.invalid[type="text"], input.invalid, textarea.invalid{
	border: 1px solid #A3170F !important;
}


.printlogo{ visibility:hidden; display:none; }