/**** LINK-tag style sheet General.css ****/



/*
colors
lightblue PAN 300: #0068C6
blue PAN 280: #00267F
red PAN 485:  #DC241F
lightblue 10%: #E5F0F9
blue: 5%: #F2F4F8
blue: 10%: #E5E9F2
blue: 20%: #CCD4E5
blue: 30%: #B2BDD8
grey PAN 427: #C2C6Ce

*/

/*** GRUNDLEGENDE FORMATIERUNGEN *****************************/

.noScreen
{
display: none;
}

body
{
text-align: center;
background: #ededed;
margin: 0;
padding: 0;
}

/*** BASIS SCHRIFTGRADE ***************************************/
/* Grundlegende Schriftformatierungen: Diese Schriftgrade auch in der fontsizes.xml eintragen! */


#base, #base-nomargin, #base table td
{
font-family:  Arial, Verdana, Helvetica;
font-size: .74em;
line-height: 1.5em;
}

/* UEBERSCHRIFTEN */
h1 
{
font-size: 1.4em;
}
h2 
{
font-size: 1.2em;
}
h3 
{
font-size: 1em;
}


image
{
font-size: .9em;
}


input.button, 
a.button, 
a.button:visited 
{
font-size: .9em;
font-weight: bold;
}

#header #navi
{
font-size: 1.0em;
font-weight: bold;
}

#main #left
{
font-size: 1em;
}
#main #center
{
font-size: 1em;

}
#main #right 
{
font-size: .9em;
line-height: 1.3em;
}
#main #right h1
{
font-size: 1.1em;
}

#main #center table td 
{
font-size: .74em;
line-height: 1.5em;
}
#main #center table td h1 
{
font-size: 1em;
}
#main #center table td h2 
{
font-size: .9em;
}


form.tools
{
font-size: 1em;
}

#nav_meta 
{
font-size: 1em;
font-weight: bold;
}

/* Trenner, z.B. in Metanavigation oder "Sie-sind-hier"-Navigation: <span class="separator">XY</span> */
.separator 
{
color: ;
}

/*** BITTE NICHT AENDERN **************************************/
.align_right {
	float: right;
}
.clear {
	clear: both;
}
.float_left {
	display: block;
	float: left;
}
.float_right {
	display: block;
	float: right;
}




/* BASISEINSTELLUNGEN */
ul
{
margin: 0;
padding: 0;
}

ul li
{
margin: 0;
padding: 0;
}

h1, h2, h3, h4, a
{
margin: 0;
padding: 0;
}

hr 
{
display: block;
background-color: transparent;
border-color: transparent;
border-top: 1px dashed #969696;
border-bottom: 1px solid #FFF;
margin: 0;
padding: 0;
}

abbr,
abbr a
{
text-decoration: none;
border-bottom: 0px solid;
}

/*** LAYOUT **************************************************/


#base
{
width: 1002px;
margin: 0 auto;
padding: 0px;
text-align: left;
border: 0px solid red;
}

#base #baseContent
{
position: relative;
float: left;
width: 100%;
background: #fff;
border-width: 1px;
border-style: solid;
border-color: #cdcecf;
padding: 0px;
margin: 0px;
}


#base #baseContent form
{
}

#base #header
{
float: left;
width: 100%;
clear: both;
margin-bottom: 1.6em;
padding-bottom: 1.6em;
border: 0px solid #dedede;
}
#base #header #headerContent
{
padding: 0;
margin: 0;
border: 0px solid green;
}

#base #main
{
float: left;
width: 100%;
padding: 0px;
margin: 0px;
background-image: url(/imgs/bgs/BG-pantone-8_0.png);
background-repeat: no-repeat;
background-position: bottom;
border: 0px solid #dedede;
}
#base #main #mainContent
{
padding: 0;
margin: 0px;
border: 0px solid blue;
}

#base #main #left
{
float: left;
width: 200px;
margin: 0px;
text-align: left;
border: 0px solid #dedede;
padding-bottom: 260px;
}
#base #main #left #leftContent
{
padding: 0px;
border: 0px solid blue;
}

#base #main #center
{
float: left;
width: 560px;
margin: 0px;
padding-bottom: 200px;
border: 0px solid #dedede;
}
#nomargin #base #main #center
{
width: 780px ! important;
border: 1px solid red ! important;
}
#base #main #center #centerContent
{
border: 0px solid blue;
padding: 0px 30px;
}

#base #main #right
{
float: left;
width: 220px;
border: 0px solid #dedede;
padding-bottom: 330px;
margin: 0px;
}
#base #main #right #rightContent
{
border: 0px solid red;
margin: 0px;
}

#base #footer
{
position: absolute;
bottom: 0;
right: 0;
display: block;
clear: both;
padding: 0 1 1;
margin: 0;
}
#base #footer_content
{
color: #fff;
}

/**** inhalte header ****/

#header #static_logo
{
float: left;
width: 198px;
text-align: center;
padding: 0;
margin-top: 10px;
border: 0px solid red;
}

/**** TOP-NAVIGATION ****/

#header div#navi
{
float: left;
width: 800px;
border: 0px solid #DF0031;
padding: 0px;
margin-top: ;
}
#header div#navi p#nav_top
{
display: block;
padding: 0px;
border: 0px solid red;
margin-top: 20px;
}

#nav_top  a
{
float: left;
width: 16%;
color: #c2c6ce;
height: ;
padding: ;
margin-right: ;
text-decoration: none;
text-align: center;
border: 0px solid red;
padding-top: 0px;
}

#nav_top a:hover
{
color: #00267F;
}

#nav_top a.active 
{
color: #00267F;
font-weight: regular;
border: 0px solid green;
}

#header #navi #nav_top a span
{
display: block;
border: 0px solid green;
padding-top: 80px;
}

#header #navi #nav_top a span.marke
{
background: url(/imgs/navikons/marke-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .marke,
#header #navi  #nav_top a:hover .marke
{
background: url(/imgs/navikons/marke-1.gif) no-repeat;
background-position: center top;
}

#header #navi #nav_top a span.produkte
{
background: url(/imgs/navikons/produkt-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .produkte,
#header #navi  #nav_top a:hover .produkte
{
background: url(/imgs/navikons/produkt-1.gif) no-repeat;
background-position: center top;
}

#header #navi #nav_top a span.rezepte
{
background: url(/imgs/navikons/topf-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .rezepte,
#header #navi  #nav_top a:hover .rezepte
{
background: url(/imgs/navikons/topf-1.gif) no-repeat;
background-position: center top;
}

#header #navi #nav_top a span.service
{
background: url(/imgs/navikons/service-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .service,
#header #navi  #nav_top a:hover .service
{
background: url(/imgs/navikons/service-1.gif) no-repeat;
background-position: center top;
}

#header #navi #nav_top a span.wissen
{
background: url(/imgs/navikons/zuckerwissen-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .wissen,
#header #navi  #nav_top a:hover .wissen
{
background: url(/imgs/navikons/zuckerwissen-1.gif) no-repeat;
background-position: center top;
}

#header #navi #nav_top a span.shop
{
background: url(/imgs/navikons/shop-0.gif) no-repeat;
background-position: center top;
}
#header #navi #nav_top a.active .shop,
#header #navi  #nav_top a:hover .shop
{
background: url(/imgs/navikons/shop-1.gif) no-repeat;
background-position: center top;
}


/* basiselemente vom system, enthalten content und marginbl?cke */
#center #content_main
{
border: 0px dashed grey;
padding: 0;
}
#right #content_margin
{ 
padding: 0px;
margin: 0px;
border: 0px solid #d6d3d0;
}

/* Ausbau von Bloecken: 
<div class="..."><h1>...</h1><h2>...</h2>
<div class="block">...</div></div> */

.block 
{
/* Inhalt des Blocks, ohne h1/h2-Ueberschriften. Kann in einem Block auch mehrfach vorkommen. */
/* Hinweis: .block wird auch in der Ant-On! Hilfe verwendet */
margin:  0;
padding: 0;
}

/* Bild im Content */
img.regular 
{
}
/* Bilder, mit Bildbeschreibung: 
<div class="image"><img ... />Beschreibung</div> */
div.image 
{
border: 0px solid red;
margin: 0px;
padding: 0;
}

/* content_main spezifisch */

#content_main h1
{
margin-top: 0;
margin-bottom: 1.2em;
padding: 0;
color: #00267F;
}
#content_main h2
{
padding: 0;
margin-bottom: .76em;
color: #00267F;
}
/* Block im Content - allgemein oben definiert*/

#content_main .block
{
margin-bottom: 1.5em;
}
#content_main .block .float_left 
{
margin-right: 1.6em;
margin-bottom: .4em;
margin-top: .4em;
}
#content_main .block .float_right 
{
margin-left: 1.6em;
margin-bottom: .4em;
margin-top: .4em;
}
#content_main .block  ul
{
list-style: square outside;
margin: 0 ! important;
padding: 0 15 ! important;
}
#content_main .block ul li
{
margin: 0;
padding: 0 ;
}

#content_main .link_list h1 
{
border: 0px solid red;
margin-bottom: 1.6em;
}
#content_main .link_list ul li 
{
color: #00267F;
margin-bottom: .5em;
}

#content_main hr
{
margin-bottom: 10;
margin-top: 0;
padding: 0;
}


/* Bild im Content - allgemein oben definiert*/
#content_main img.regular 
{
border: 0px solid #ddd;
}
/* Bilder, mit Bildbeschreibung:  */
#content_main div.image 
{
}

/* content_margin spezifisch */


#content_margin h1
{
padding: 0;
margin: .5em 0;
}
#content_margin h2
{
padding: 0;
margin: .5em 0 0;
}
#content_margin .block
{
padding: 0px;
margin: 0  0 .8em;
}
#content_margin .block ul
{
list-style: square outside;
margin-left: 15px;
}
#content_margin a
{
text-decoration: underline;
}

#content_margin img.regular 
{
}
/* Bilder, mit Bildbeschreibung:  */
#content_margin div.image 
{
}

/* LINKS */
a, a:link, input.link 
{
color: #00267F;
text-decoration: none;
}
a:hover, input.link:hover 
{
text-decoration: underline;
color: #DF0031;
}
input.link 
{
overflow: visible;
border: none;
text-decoration: underline;
background-color: transparent;
cursor: pointer;
padding: 0;
margin: 0;
}

/* LINK-STILE */
/* Vordefinierte Link-Stile */
a.external 
{

}
a.download 
{

}
a.up 
{

}
a.next, a.forward 
{

}
a.previous 
{

}
a.all
{
background: url(/imgs/ikons/ikon_all.gif) no-repeat;
background-position: left top;
padding: 0px 0px 3px 15px;
margin: 0px;
}



/* Meta-Navigation */
/* nav_meta */
#base #footer #nav_meta
{
float: right;
text-align: right;
width: 600px;
padding: 5 10;
border: 0px solid white;
}
#base #footer #nav_meta a
{
color: #fff;
padding: 0 10;
}
/* Trenner, z.B. in Metanavigation oder "Sie-sind-hier"-Navigation: <span class="separator">XY</span> */
.separator 
{
}

/*** SUBMENU NAV_SUB ALLE PUNKTE ***/
ul#nav_tree
{
background: #E5E9F2/*#F3F2F0*/;
margin: 0;
padding: 0;
border: 0px solid red;
list-style: none outside;
padding-left: 0;
}
/***UL SUB ALLGEMEIN***/

ul#nav_tree li
{
border-top: 1px solid #fff; 
padding: 0;
margin: 0;
}
ul#nav_tree li a
{ 
display: block;
margin: 0;
padding: 5 5 5 20; 
text-decoration: none;
color: #00267F;
}
ul#nav_tree li a:hover
{ 
color: #DF0031;
}
ul#nav_tree li.active 
{
font-weight: bold;
}
ul#nav_tree  li.active a
{
 
}
ul#nav_tree li.active a:hover
{ 
}
/***UL SUB UNTERGEORDNET IN LI.ACTIVE***/


ul#nav_tree li.active ul.sub.level_2
{
list-style: none outside;
margin: 0;
padding: 0;
border: 0px solid green;
}
ul#nav_tree li.active ul.sub.level_3
{
list-style: none outside;
margin: 0;
padding: 0;
border: 0px solid blue;
}
ul#nav_tree li.active ul.sub.level_4
{
list-style: none outside;
margin: 0;
padding: 0;
border: 0px solid blue;
}

ul#nav_tree li.active ul
{
font-weight: normal;
background: #F2F4F8; 
}

/***Ausgewaehlter navigationspunkt - kein link***/

ul#nav_tree li.active span.current
{
display: block;
color: #00267F;
font-weight: bold;
padding: 5 5 5 20;
border: 0px solid #000;
}

ul#nav_tree.level_1 span.current,
ul#nav_tree.level_1 li.active
{
background: #B2BDD8;
font-weight: bold;
}

ul#nav_tree  ul.level_2 span.current,
ul#nav_tree  ul.level_2 li.active
{
background: #E5E9F2;
font-weight: bold;
}

ul#nav_tree  ul.level_3 span.current,
ul#nav_tree  ul.level_3 li.active
{
background: #E5E9F2;
font-weight: bold;
}

/*** ul .level_spezifisch ***/

ul#nav_tree.level_1 li a,
ul#nav_tree.level_1 li.active span.current 
{ 
}
ul#nav_tree.level_1 li.active a:hover
{
color: #fff; 
}
ul#nav_tree .level_2 li a,
ul#nav_tree .level_2 li.active span.current
{
padding-left: 25;
}
ul#nav_tree.level_1 .level_2 li a:hover
{ 
color: #DF0031;
}
ul#nav_tree .level_3 li a,
ul#nav_tree .level_3 li.active span.current
{
font-weight: normal;
padding: 2 5 2 30;
}

ul#nav_tree .level_4 li a,
ul#nav_tree .level_4 li.active span.current
{
padding-left: 35;
}
/*** SUBMENU NAV_SUB NUE AKTIVER BEREICH **/

.info_area
{ 
clear: both;
margin: 0;
font-weight: bold;
color: #00267F;
padding: 5 0 5 20;
background: #B2BDD8;
}
.info_area a
{ 
color: #00267F;
text-decoration: none;
}
.info_area a:hover
{ 
color: #FFF;
text-decoration: none;
}

div#nav_sub
{
background: #E5E9F2;
margin: 0;
padding: 0;
}
/***UL SUB ALLGEMEIN***/

div#nav_sub ul.sub
{
list-style: none outside;
margin: 0;
padding: 0;
}
div#nav_sub ul.sub li
{
border-top: 1px solid #fff; 
padding: 0;
margin: 0;
}
div#nav_sub ul.sub li a
{ 
display: block;
margin: 0;
padding: 5 5 5 0; 
text-decoration: none;
color: #00267F;
}
div#nav_sub ul.sub li a:hover
{ 
color: #DF0031;
}
div#nav_sub ul.sub li.active
{
font-weight: bold; 
}
div#nav_sub ul.sub li.active a
{ 
}
div#nav_sub ul.sub li.active a:hover
{ 
}
/***UL SUB UNTERGEORDNET IN LI.ACTIVE***/

div#nav_sub ul.sub li.active ul
{
font-weight: normal;
background: #F2F4F8; 
}
/***Ausgewaehlter navigationspunkt - kein link***/
div#nav_sub ul.sub li.active span.current
{
display: block;
color: #00267F;
font-weight: bold;
background: #E5E9F2;
padding: 5 5 5 0;
}

/*** ul .level_spezifisch ***/

div#nav_sub .level_1 li a 
{ 
}
div#nav_sub ul.sub.level_2 li a,
div#nav_sub ul.sub.level_2 li.active span.current
{
padding-left: 20;
}
div#nav_sub ul.sub.level_3 li a,
div#nav_sub ul.sub.level_3 li.active span.current
{
font-weight: normal;
padding: 2 5 2 20;
}

div#nav_sub ul.sub.level_4 li a,
div#nav_sub ul.sub.level_4 li.active span.current
{
padding-left: 20;
}

/* Unternavigation in der seite */
#content_main #nav_sub ul,
#content_main #nav_sub ul a  
{
border: 0px solid red;
padding: 0 ! important;
margin: 0 ! important;
font-weight: bold;
font-size: 96%;
line-height: 120%
}

#content_main #nav_sub ul.level_3  
{
border: 0px solid red;
padding: 0 ! important;
margin: 0 ! important;
}
#content_main #nav_sub ul.level_3 li 
{
border: 0px solid red;
float: left;
width: 115px;
padding: 0 8 0 0;
margin: 0 ! important;
font-weight: bold;
}
#content_main #nav_sub ul.level_4  
{
border: 0px solid red;
}
#content_main #nav_sub ul.level_4 li 
{
border: 0px solid green;
padding: 0 ! important;
margin: 0 ! important;
}
#content_main #nav_sub ul.level_4 li a
{
border: 0px solid green;
padding: 0 ! important;
margin: 0 ! important;
font-weight: normal;
}

/* FORMULARE */
form 
{
}
#content_main form 
{
background: #F9F8F6;
border: 1px solid #DDD ;
padding: 1em;
}

form.invisible 
{
/* "heimliche" Formulare, werden nicht eindeutig dargestellt */
background-color: transparent;
}
form textarea.input, 
form iframe 
{
width: 99%;
}
form fieldset 
{
display: block;
text-align: left;
margin-bottom: 1em;
padding: 0px;
border: 0px solid;
}
form fieldset.marked 
{
/* hervorgehobenes fieldset, soll gleich mit "tr.active td" / "td.active sein" (siehe Tabellen) */
background-color: ;
}
form fieldset legend 
{
padding: 0px;
margin: 0px;
_margin: 0 -7px; /* IE Win */ 
font-weight: bold;
}
form label 
{
font-weight: bold;
display: block;
clear: both;
font-size: ;
padding: 1em 0 0;
}

form input.input
{
font-size: .9em;
}
form select.input
{
font-size: .9em;
}

form label.check 
{
vertical-align: top;
display: inline; 
clear: none;
}
form input.check 
{
vertical-align: ;
}
form .input.required 
{
}



form .input.disabled 
{
}

.contact_form form br
{
font-size: 0px; line-height: 0px;
}
.contact_form form input.input
{
width: 465px;
}
.contact_form form select.input
{
width: 230px;
}
/* Fehlermeldungen */
.error,
p.error, 
label.error 
{
font-weight: bold;
color: #DC241F;
}
input.error, 
textarea.error 
{
color: #DC241F;
}




/* FORMS TOOLS BUTTONS */




/* TOOLS */
/* Tools = Optionen auf der Seite, z.B. Buttons fuer Alternative Ausgebeformate oder Skins */
/* Alle Toolboxen sind von einem div mit der id "tools_xy" umschlossen:
		- div#tools_skins = Dropdown fuer Skin-Darstellung
		- div#tools_font = Schriftgroessenwahl
		- div#tools_versions = Buttons fuer alternative Ausgabeformate
	In allen Toolboxen befindet sich mind. ein Formular mit der Klasse "tools"
*/

div#tools_skins, 
div#tools_font, 
div#tools_language,
div#tools_login 
{
display: block;
padding: 0;
border: 0px solid #B8B8B8;
margin-bottom: 5px;
}

form.tools 
{
border: 0px solid #B8B8B8;
padding: 0;
margin: 0;
}


/* BUTTONS */
/* fuer <a class="button"> und <input class="button"> + <input class="img_button">, soll bei allen gleich aussehen */


 
form input.button,
form a.button, 
form a.button:visited,
a.button
{
font-family: Arial;
background: #F2F4F8;
border: 1px solid #B2BDD8;
color: #00267F;
cursor: pointer;
text-align: center;
vertical-align: middle;
padding: 1px 0px 1px;
}
.img_button
{
}

form a.button, 
form a.button:visited,
a.button
{

padding-bottom: 2px ! important;
padding: 2px 2px 3px;
}
a.button:hover, 
.img_button:hover, 
input.button:hover 
{
border: 1px solid #000;
text-decoration: none;

}
/**/

/** suche **/
div#tools_search
{
border-top: 1px solid #B2BDD8;
padding: 0;
margin-bottom: 10px;
}
#tools_search form
{
background: #FFF;
padding: 5 0;
margin: ;
}
#tools_search form h3
{
padding: 0;
margin: 0;
color: #00267F; 
border: 0px solid red;
}
#tools_search form .block
{
padding: 0;
margin: 0;
border: 0px solid red;
}
#tools_search form p
{
padding: 0;
margin: 2px 0;
border: 0px solid red;
}
#tools_search form input#search
{
background: #f6f3f0;
padding: 0;
margin: 0px;
width: 100%;
font-size: .9em;
}
#tools_search input.button
{
}
/* VERSIONS ALTERNATE-STILE */

#tools_versions 
{
border-top: 1px solid #B2BDD8;
padding: 0;
margin: 0;
}

#tools_versions form.tools 
{
border-top: 0px solid #d6d3d0;
border-bottom: 1px solid #B2BDD8;
background: #fff;
padding: 3 0;
margin: 0;
clear: both;
width: auto;
}

#tools_versions form#alternate_print 
{
}

#tools_versions form#alternate_pdf 
{
}

#tools_versions form#alternate_email 
{
width: auto;
}
#tools_versions form.tools input.button 
{
color: #686763;
text-align: left;
clear: both;
padding-left: 20px;
margin-left: 20px;
border: none;
width: 180px;
}
#tools_versions form#alternate_print .button 
{
background: url(/imgs/ikons/ikon_print.gif) no-repeat;
background-position: text-bottom left;
}

#tools_versions form#alternate_pdf .button 
{
background: url(/imgs/ikons/ikon_pdf.gif) no-repeat;
background-position: text-bottom left;
}

#tools_versions form#alternate_email .button 
{
background: url(/imgs/ikons/ikon_mail.gif) no-repeat;
background-position: text-bottom left;
}
#tools_versions form#alternate_newsletter .button 
{
background: url(/imgs/ikons/ikon_newsletter.gif) no-repeat;
background-position: text-bottom left;
}


/* spezifische block-styles, werden nur als stil zugeordnet */

/* pageHeader -spezieller blocksti? fuer oberste headlines - koennte auch info_area-info_name sein im #pageTitle*/


#center .pageHeader
{
margin-bottom: 2.2em;
}
#center .pageHeader h1,
#center #pageTitle .info_area
{
background: #fff;
padding-left: 0;
margin-left: 0;
margin-top: 0;
}
#center .pageHeader h2,
#center #pageTitle2 .info_area
{
margin-bottom: 1em;
background: #fff;
padding-left: 0;
margin-left: 0;
}

/* spaltenboxen */
#content_main .columnBox
{
float: left;
text-align: center;
background: ;
padding: 0;
margin-bottom: 5px;
border: 0px dotted #e5e5e5;
}

#content_main a
{
text-decoration: ;
color: #00267F;
font-weight: bold;
}
#content_main .columnBox img.regular
{
border: 0px dotted #e5e5e5;
}
#content_main .columnBox .block
{
border: 0px dotted #e5e5e5;
}
#content_main .columnBox .clear
{
border: 0px dotted red;
}
#content_main .columnBox.q25
{
width: 124px;
}
#content_main .columnBox.t30
{
width: 164px;
}
#content_main .columnBox.d50
{
width: 248px;
}
/* boxen startseite rezepte */
#content_main .columnBox.d50-1
{
width: 248px;
padding:0 0 25px 0;
}
#content_main .columnBox.d50-1 .block
{
margin:0;
padding:0;
}

#content_main .columnBox.d100
{
width: 488px;
text-align:center;
}

#content_main .columnBox.d100 .block
{
margin:0;
padding:0;
}

#content_main .columnBox .block
{
padding: 5px 0;
}








/* spezifische block-templates, werden  als template mit enthaltenem style zugeordnet */
#content_margin .whiteBox
{
border-top: 1px solid #B2BDD8;
border-bottom: 1px solid #B2BDD8;
padding: 0;
margin-bottom: 10px;
}
#content_margin .whiteBox h1
{
color: #00267F;
}
/* tipp Box */

.blueBox
{
background: #E5E9F2;
color: #00267F;
margin-bottom: .8em;
padding: 5px 0 5px;
border: 1px solid #B2BDD8;
}
.blueBox td
{
color: #00267F;
}

#content_margin .blueBox
{
float: left;
clear: both;
width: 100%;
}

#content_margin .blueBox h1
{
padding: 0px 10px 0px;
}

#content_margin .blueBox h2
{
padding: 0px 10px 0px;
}
#content_margin .blueBox .block
{
margin: 0px;
padding: 0px 10px 5px;
border: 0px solid red;
}

#content_margin .blueBox a
{
color: #333;
text-decoration: underline;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#content_margin .blueBox a:hover
{
color: #DF0031;
}

#content_margin .blueBox .float_left
{
margin-right: 8px;
}
#content_margin .blueBox .float_right
{
margin-left: 8px;
}

#content_margin .recipe-selection .block
{
display: block;
clear: both;
}
#content_margin .recipe-selection .block br
{
line-height: 0px;
padding: 0px;
margin: 0px;
}
#content_margin .recipe-selection .block a
{
display: block;
background: url(/imgs/ikons/ikon_arrow.gif) no-repeat;
background-position: left;
padding: 0px 0px 0px 12px;
border: 0px solid red;
margin-left: 5px;
margin-bottom: 0px;
}

#content_margin .recipe-selection  a.all
{
background: url(/imgs/ikons/ikon_all.gif) no-repeat;
border: 0px solid red;
padding:  0px 0px 0px 18px;
margin-top: 10px;
margin-left: 0px;
color: #00267F ! important;
}
#content_margin .recipe-selection  a.all:hover
{
color: #DC241F ! important;
}

#content_margin .blueBox .tippImg 
{
float: left;
margin: 0px;
padding-left: 10px;
border: 0px solid red;
}

#content_margin .blueBox.susi img 
{
float: right;
margin: 0px;
padding-right: 10px;
}

#content_margin .blueBox .kochImg 
{
float: left;
margin: 0px;
padding-left: 10px;
}

#content_margin .blueBox .storelocatorImg 
{
float: left;
margin: 00px;
padding-left: 10px;
}




/*** INHALTE main ***/

/*** main left***/

/*** left mainmenu ***/

div#mainMenu
{
padding: 0px;
margin-bottom: 0px;
margin-top: 0;
border: 0px solid #c2c6ce;
}





/*** main center ***/




/* right margin */





/* PROGRESS BAR ******************************************/
#Progress_Bar_Bg 
{
position: absolute;
top: 0px;
left: 0px;
background-color: #CCC;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
}
#Progress_Bar 
{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
text-align: left;
}
* > #Progress_Bar 
{
width: 302px;
}
#Progress_Bar .block 
{
margin: -1px 0px 0px 0px;
padding: 5px;
border: 1px solid black;
background-color: white;
font-size: 0.8em;
}
#Progress_Bar_Frame 
{
width: 300px;
border: 1px solid black;
background-color: white;
}
#Progress_Bar_Index 
{
width: 0px;
height: 20px;
background-color: blue;
}
#Progress_Bar_Image 
{
margin-bottom: 10px;
text-align: center;
}
/* Codeauszeichnungen etc. */
tt, pre 
{
font-family: monospace;
font-size: 1.2em;
line-height: 120%;
}

/* "Tab"-Bloecke */
.tab_links a 
{
margin-right: 1em;
white-space: nowrap;
padding:1px;
}
.tab_links .open 
{
background-color: #B8B8B8;
color: #000;
cursor: default;
text-decoration: none;
}
.tab_links .closed 
{
}
.tab_links .separator 
{
width: 0px;
}
.tab_view 
{
border: 5px solid #B8B8B8;
padding:10px;
}

/* GOOGLE MAPS */

.google_map_conf {
	display: none;
}
.google_map 
{
}
.google_map .block 
{
height: 400px;
border: 1px solid #000;
}

div.google_map
{
display: block;
border: 0px solid #000;
padding: 0;
margin: 0;
width: 500px;
height: 400px;
}

div.google_map div.block
{
display: block;
border: 1px solid #000;
padding: 0;
margin: 0;
}

/* "sie sind hier"-Navigation */
#nav_here 
{
}
/* aktuelle Seite in der "sie sind hier"-Navigation */
#nav_here .active 
{
font-weight: bold;
}

/* TABELLEN */
/*
Verschiedene Tabellen moeglich:
	- table.regular = Standardtabelle, wird im Content der Seite angezeigt
	- table.invisible = Unsichtbare Tabelle, zu Layoutzwecken, z.B. Strukturieren von Formularen
	- Tabellen aus Tabellen-Stilen
*/

table.regular 
{
border-collapse: collapse;
border: 0px solid red;
width: 500px;
}

table.regular table.regular, 
.active table, 
form.block table 
{
background-color: transparent !important;
}
table.regular td 
{
vertical-align:top;
padding: 2px;
border-bottom: 1px solid #0068C6;
white-space: normal;
}
table.regular h1,
table.regular h2,
table.regular .block
{
}

table.invisible td 
{
border: none;
}
td.active, #base tr.active 
{
background-color: ;
}
form.block td, 
table.regular table.regular td 
{
/* verhindert, dass Tabellen in Formularen angezeigt werden + verhindert sichtbare tabellenverschachtelungen, z.B. Admin -> Seien-Eigenschaften */
border: none;
}
/* td.title = hervorgehobene Zelle */
/* tr.title = hervorgehobene Reihe */
table.regular td.title, 
table.regular tr.title td 
{
background-color: ;
color: #fff;
font-weight: bold;
}
/* ungerade Reihen (1, 3, 5 etc.) */
table.regular tr.odd {
}
/* gerade Reihen (2, 4, 6 etc.) */
table.regular tr.even 
{
}
/* erste Spalte */
table.regular td.first 
{
}
/* letzte Spalte */
table.regular td.last 
{
}
/* erste Reihe */
table.regular tr.first td.last
{
}
/* letzte Reihe */
table.regular tr.last td.last 
{
}

#content_margin table.regular 
{
width: auto;
}
#content_margin table.regular td 
{
border-bottom: 0px solid #0068C6;
font-size: .7em;
line-height: 1.3em;
}

/* Eigene Tabellenstile, definiert in table_block_styles.xml */

/* naehrwerte in tabelle mitte oder rechte spalte */
/* naehrwerte mitte*/


/* naehrwerte margin*/

#content_margin naehrwerte h1
{
}
#content_margin .naehrwerte h2
{
padding-top: 5;
padding-bottom:2;
}
#content_margin .naehrwerte table.regular
{
width: 100% ! important;
clear: both;
border: 0px solid #999;
background: #fff;
border-collapse: ;
margin-bottom: .5em;
}
#content_margin .naehrwerte table td
{
border-bottom: 1px solid #999;
background: #fff;
padding: 1px ! important;
font-size: .7em;
line-height: 12px;
}
#content_margin .naehrwerte table td.title, 
#content_margin .naehrwerte table tr.title td 
{
background-color: #999;
color: #fff;
font-weight: bold;
}


/* letzte Spalte */

#content_margin .naehrwerte table td.last 
{
text-align: right ! important;
}

/* letzte Reihe erste splte */
#content_margin .naehrwerte table tr.last td.first,
#content_margin .naehrwerte table tr.first td.last 
{
text-align: left ! important;
}

/* LINKS ZUM SEITENANFANG */
.jumper_top a 
{
margin-bottom: 2em;
}
.block_jumper_top a 
{
/* Link am Ende eines Blocks */
margin-bottom: 2em;
}


/* rezepte */

.recipe_box_hidden {
	display: none;
}

/* rezepte - scnell-suchBox rechts */

#content_margin div.recipe_box_search_box 
{
border: 1px solid #B2BDD8;
width: 220px;
background: #E5E9F2;
color: #00267F;
font-size: ;
margin-bottom: 2em;
padding: 0px 0px 10px;
}
#content_margin div.recipe_box_search_box h1
{
padding: 0px 10px;
font-size: ;
}

#content_margin div.recipe_box_search_box .block
{
padding: 0px 10px;
margin-bottom: 5px;
}

#content_margin div.recipe_box_search_box form.block
{
padding-bottom: 10px;
}

#content_margin div.recipe_box_search_box  form label
{
font-weight: bold;
font-size: ;
}
#content_margin div.recipe_box_search_box .block br
{
display: none;
}

#content_margin div.recipe_box_search_box  form input.input
{
width: 200px;
}
#content_margin div.recipe_box_search_box  form select.input
{
width: 200px;
font-size: ;
}

#content_margin div.recipe_box_search_box  a.recipe_box_search_link
{
font-weight: bold;
font-size: ;
background-position: ;
padding-left: 0px;
margin-left: 0px;
text-decoration: none;
}
#content_margin div.recipe_box_search_box  a.recipe_box_search_link img
{
margin: 0px 5px;
}

div.recipe_box_search_box input.button
{
padding: 2px 5px ;
margin: 1px 0;
overflow: visible;
}
/* rezepte - suche */
#content_main .recipe_box_search form table td
{
width: auto;
}
/*
div.recipe_box_search 
{
border: 1px solid #E9E8E6;
width: auto;
background: #F9F8F6;
font-size: .9em;
margin-bottom: 20px;
}
div.recipe_box_search form
{
border: 1px solid #ddd;
padding: 5px 10px 0px;
}
div.recipe_box_search form label
{
font-weight: bold;
font-size: .9em;
}
div.recipe_box_search form table td
{
width: 50%;
padding: 3px 0;
}

div.recipe_box_search form input.input
{
width: 465px;
font-size: .9em;
}
div.recipe_box_search form select.input
{
width: 230px;
font-size: .8em;
}


*/



div.recipe_box_list .block
{
border-bottom: 0px dashed #969696;
margin-bottom: .5em ! important;
padding-bottom: .5em ! important;
}
div.recipe_box_list .block h3
{
padding: 0px;
margin: 0px;
color: #DC241F;
}

div.recipe_box_list table ul 
{
}
#content_main div.recipe_box_list li
{
margin-bottom: 0em;
}
#content_main div.recipe_box_list li a
{
font-weight: normal;
}

#content_main div.recipe_box_list form
{
background: #fff;
border: 0px solid;
padding: 0;
}
/* rezepte */

#content_main .recipe_box_ingredients
{
color: #00267F;
border-bottom: 1px dashed #969696;
margin-bottom: 1em;
}

#content_main .recipe_box_ingredients .float_left
{
width: 230px;
border: 0px dashed red;
}

#content_main .recipe_box_detail h3
{
color: #00267F;
margin-bottom: 1em;
}
#content_main .recipe_box_ingredients .block
{
padding-bottom: 10;
margin: 0;
border: 0px solid red;
}

#content_main .recipe_box_ingredients .block table
{
margin: 0;
padding: 0;
border: 0px solid blue;
width: auto;
}

#content_main .recipe_box_ingredients .block table td
{
margin: 0;
padding: 0;
border: 0px solid green;
color: #00267F;
}
#content_main .recipe_box_ingredients .block table td .block
{
padding-bottom: 0;
}

#content_main .recipe_box_ingredients .block table td ul
{
color: #00267F;
margin: .5em 0 ! important;
border: 0px solid green;
}

#content_main .recipe_box_ingredients .block table td ul li
{
line-height: ;
margin-bottom: ;
padding: ;
}


#content_main .recipe_box_detail form
{
border: 0px solid;
background: #fff;
line-height: ;
margin-top: 20px;
padding-top: 20px;
}

/* Sitemap*/
table#sitemap 
{
border: 0px solid #848484;
width: 500px;
}
.sitemap 
{
border-top: 0px solid #848484;
}
.sitemap h3 
{
margin: 0px;
font-size: 1.1em;
font-weight: bold;

border-top: 1px dashed #dedede;
}
.sitemap ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
border-bottom: 1px dashed #dedede;
}
.sitemap .sub1 li 
{
padding-left: 10px;
}
.sitemap .sub1 .sub li 
{
padding-left: 10px;
}

.sitemap .sub1 a 
{
font-weight: bold ! important;
}
.sitemap .sub1 .sub a 
{
font-weight: normal ! important;
}

/* Formatierung von Mime-Bloecken */
.info_mimeblocks 
{
border: 1px solid #000;
padding: 5px 0px 0px 0px;
margin-bottom: 20px;
}

/* shop */


/* shop overview */
.shop_overview
{
margin-bottom: 10px;
padding-bottom: ;
padding-left: ;
}
#content_main .shop_overview form,
#content_main .shop_welcome form  
{
background: none;
border:  0px solid;
padding: 0;
}
#content_main .shop_overview form fieldset
{
background: none;
border:  0px solid;
padding: 0;
}
#content_main .shop_overview form .tab_view fieldset
{
background: none;
border:  0px solid;
padding: 0;
}

.shop_overview .tab_links
{
}

.shop_overview .tab_links a.open
{
background-color: #F9F8F6;
padding: 3px 15px 1px;
border-width: 1 1 0 1;
border-style: solid;
border-color: #B2BDD8;
margin: auto 0px;
}
.shop_overview .tab_links a.closed
{
padding: 1px 15px;
border-width: 1 1 0 1;
border-style: solid;
border-color: #B2BDD8;
margin: auto 0px;
}
.shop_overview .tab_links a:hover
{
}
.shop_overview .tab_view
{
background: #F9F8F6;
border: 1px solid #B2BDD8;
padding: 1em;
margin-bottom: 3em;
}
#content_main .shop_overview form
{
padding-bottom: ;
}
#content_main .shop_overview form input
{
background:  #e5e9f2;
float: right;
width: 20%;
}
#content_main .shop_overview table
{
width: 100%;
}
#content_main .shop_overview table td  input
{
width: 3em;
background: #fefefe;
}

#content_main .shop_overview form input.button
{
width: auto;
margin-top: 2em;
background: #f2f4f8;
}
.shop_overview form label
{
clear: none;
float: left;
width: 75%;
margin: 0px;
padding: 0px;
margin-right: 10px;
color: #00267f;
}
.shop_overview form .tab_view label
{
color:#000;
}

.shop_overview table
{
border: 0px solid red;
}
#content_main .shop_overview table td
{
font-size: 70%;
width: 50%;
padding: 5px 5px 5px 0px;
border-bottom: 1px solid #ddd;
}
#content_main .shop_overview table tr.odd td
{
background: ;
}
#content_main .shop_overview table td.first
{
width: 10%;
}
#content_main .shop_overview table td.first .block
{
margin-bottom: 0px;
}
#content_main .shop_overview table td.last
{
width: 10%;
}

#content_main .shop_overview table td.first a.modalpopup
{
display: block;
height: 95px;
background-image: url(/Icons/lupe-xs.gif);
background-repeat: no-repeat;
background-position: left bottom;

}
#content_main .shop_overview table td.first a.modalpopup img.regular 
{
border: 1px solid #ddd;
}
#content_main .shop_overview table td.first a.modallupe
{
}
#content_main .shop_overview table td.first a.modallupe img.regular
{
}


#content_main .shop_overview .comment
{
color: #333;
font-size: .8em;
}
#content_main .shop_overview table.regular td.title, 
#content_main .shop_overview table.regular tr.title td 
{
background-color: transparent;
color: #000;
font-weight: bold;
}
#content_main .shop_overview table td p.error
{
font-weight: normal ! important;
font-size: .9em;
line-height: 1em;
}
#content_main .shop_overview form select.input
{
width: auto;
}
#content_main .shop_overview form input.button
{
width: auto;
}
#content_main .shop_overview table.regular table.invisible label
{
padding: 0;
}
#content_main .shop_overview table.regular table.invisible td
{
border-bottom-width: 0px ! important;
border-top: 1px solid #fff;
background-color: transparent ! important;
color: #000 ! important;
font-weight: normal ! important;
}
#content_main  .shop_overview table.regular table.invisible tr.odd td 
{
}

#content_main  .shop_overview table.regular table.invisible tr.even td 
{
}

#content_main .shop_overview table.regular table.invisible tr.first td 
{
padding-top: 0px;
border-top: 0px solid #fff;
}

#content_main .shop_overview table.regular table.invisible 
{
width: ;
border: 0px solid red;
}
#content_main .shop_overview table.regular table.invisible td
{
}
#content_main .shop_overview table.regular table.invisible td.first
{
width: ;
}
#content_main .shop_overview table.regular table.invisible td.odd
{
}
#content_main .shop_overview table.regular table.invisible td.even
{
}
#content_main .shop_overview table.regular table.invisible td.last
{
text-align: right;
vertical-align: bottom!important;
}
#content_main .shop_overview table.regular table.invisible tr.last td.last 
{
}
/*
#content_main .shop_overview table tr.odd 
{
background:#E5E9F2;
}
*/
/* gerade Reihen (2, 4, 6 etc.) */
/*
#content_main .shop_overview table tr.even 
{
background: #F2F4F8;
}

*/
/* shop adresse */
.shop_address
{
}
.shop_address form
{
}
.shop_address .block
{
}

.shop_address .error
{
}

.shop_address form fieldset
{
}

.shop_address form input
{
width:99%;
}
.shop_address form input.check
{
width:auto;
}
.shop_address form input.button
{
width:auto;
margin-top: ;
}
.shop_address .clear
{
}

/* shop summary */



.shop_summary
{
border: 0px solid green;
}
.shop_summary .block
{
}
.shop_summary table.regular
{
width: auto;
border-collapse: collapse;
}

.shop_summary table tr.first, 
.shop_summary table.regular td.title, 
.shop_summary table.regular tr.title td 
{
background-color: ;
color: #00267F;
font-weight: bold;
}
.shop_summary table tr.odd 
{
background:white;
}
/* gerade Reihen (2, 4, 6 etc.) */
.shop_summary table tr.even 
{
background:;
}

.shop_summary table td
{
}
.shop_summary table td.first
{
width: 10%;
}
.shop_summary tr.last td.last 
{
background:;
color:white;
font-weight:bold;
}
#content_main .shop_summary  table.invisible tr td
{
color: #000 ! important;
font-weight: normal ! important;
}
#content_main .shop_summary table.invisible tr.odd td 
{
}

#content_main .shop_summary table.invisible tr.even td 
{
}
#content_main .shop_summary  table.invisible tr.first td 
{
white-space: nowrap;
}

.shop_summary .error
{
color:#DC241F;
margin:0;
padding:0;
}

.shop_summary form
{
}

.shop_summary form input
{
}
.shop_summary form input.button
{
margin-top: 2em;
}
}
.shop_summary .clear
{
}
/* dealer_locator */

#content_main .dealer_locator_list
{
border: 0px solid #E9E8E6;
}

#content_main .dealer_locator_list h2
{
font-weight: normal;
margin-bottom: 1.8em;
color: #000 ! important;
}
#content_main .dealer_locator_list form
{
background: transparent;
border: 0px solid transparent;
padding: 0em;
}
#content_main .dealer_locator_list table.regular td.title, 
#content_main .dealer_locator_list table.regular tr.title td
{
color: #000;
}
#content_main .dealer_locator_list table.regular td.last
{
display: none;
}
/* händler - suche */

#content_main div.dealer_locator_search form table td
{
padding: 3px 0;
width: 30%;
}
#content_main div.dealer_locator_search form input.input
{
font-size: .9em;
width: 99%;
}
#content_main div.dealer_locator_search form select.input
{
font-size: .9em;
width: 99%;
}
#content_main div.dealer_locator_search p.error
{
font-size: .9em;
font-weight: normal;
margin-right: .5em;
}
/*
div.dealer_locator_search 
{
display: block;
border: 1px solid #E9E8E6;
width: auto;
background: #F9F8F6;
margin-bottom: 20px;
font-size: .9em;
}

div.dealer_locator_search form.block
{
display: block;
padding: 5px 10px 0px;
margin: 0px;
}
div.dealer_locator_search form label
{
font-weight: bold;
font-size: .9em;
}




div.recipe_box_search input.button
{
background: ;
font-size: .8em;
}
*/

/* hier steht ein unnoetiger block im template */



/* Popupfenster 1 */

table#popup1 
{
border: 0px solid #dedede;
width: 100%;
}
table#popup1 td#top
{
text-align: right;
padding: .5em ! important;
}
table#popup1 td#center
{
text-align: center;
padding: 0px auto ! important;
border: 0px solid red ! important;
}
table#popup1 td#center .block
{
padding: 2em ! important;
}

/***UL SUB SITEMAP***/
.pageHeader h3 a:hover
{
text-decoration: none;
}
.sitemap div#nav_sub
{
background: #fff;
border-top: 0px solid #dedede;
margin: 0;
padding: 0;
}

/***UL SUB ALLGEMEIN***/

div#nav_sub ul.sub
{
}
.sitemap div#nav_sub ul.sub li
{
border-top: 1px solid #dedede;
padding: 0;
margin: 0;
}


/*** ul .level_spezifisch ***/


.sitemap div#nav_sub ul.sub.level_2 li a,
.sitemap div#nav_sub ul.sub.level_2 li.active span.current
{
padding-left: 5;
font-weight: bold;
}
.sitemap div#nav_sub ul.sub.level_3 li a,
.sitemap div#nav_sub ul.sub.level_3 li.active span.current
{
font-weight: normal;
padding: 2 0 2 5;
}

div#nav_sub ul.sub.level_4 li a,
div#nav_sub ul.sub.level_4 li.active span.current
{
padding-left: 20;
}

/* printausgabe direkt  */

#content_main .only_print
{
display: none;
}

@media print
{

.noPrint
{
display: none;
}
#base #baseContent
{
display: block;
border-width: 0px;
padding: 0px;
margin: 0px;
}

}

/* jqModal */

.jqmWindow {
display: none;
position: absolute;
top: 17%;
left: 50%;
width: 600px;
background-color: #EEE;
color: #333;
border: 1px solid #00267F;
padding: 15px;
text-align: right;
}
#jqmContent { 
border: 0px solid #00267F;
}
#jqmContent img { 
clear: both;
}
.jqmOverlay { 
background-color: #00267F; 
}

a.jqmClose
{
background: url(/imgs/ikons/ikon_close-popup.gif) no-repeat;
border: 0px solid #999;
float: left;
clear: both;
width: 20px; 
height: 20px; 
color: #eee;
font-size: 0em;
padding: 0px;
margin: 0;
margin-bottom: 2px;
}
a.jqmClose:hover
{
font-size: 0em;
color: #eee;

}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}