/* 
================================
Skin styles for DotNetNuke
================================
*/   

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
  white-space: nowrap;  /*Word wrapping menu item now optional*/
  padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
	white-space: nowrap;  /*Word wrapping menu item now optional*/	    
	padding: 3px 12px 2px 10px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/* SwissHaus Styles*/

html { 
  padding:0px;
  margin:0px;
  height:100%;
}

body {
    background-color: #FBE738;
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
    height:100%;
}


body, td, input, select, textarea
{
    font-size: 12px;
    line-height:17px;
    font-family: Arial, SunSans-Regular, Sans-Serif;
    color:#04478b;  
}

form
{
    margin:0px;
    padding:0px;
}
img
{   
    border:none;
}

td 
{
  vertical-align:top;
}

pre, h1 {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:14px;
	padding-top:10px;
	text-transform:uppercase;
	color: #564b47;
	background-color: transparent;
}

a, a:active, a:visited, a:hover { 
	color: #04478b;
	text-decoration: none; 
}
 
.boxControlCenter
{
	width:920px;
	margin: 0px;
	padding:0px;
}

#divContent
{   
    /*padding-bottom:24px;*/
    /*position:relative;*/
    width:986px;
    margin:0px auto;
    left:0px; /*kann auf einen negativen Wert gesetzt werden, um den schatten links unter den Browserrand schieben zu können , ohne dass ein SCrollbalken entsteht*/
    padding:0px;
    min-height:100%;
}

/* ie 5.5 - 6.0 */
* html #divContent
{
    height:100%;
}

/* Backgroundcolor immer so hoch, wie der Content bzw. wie das Fenster, hier sind auch die Schattendivs angebunden*/
* html #divStageBGColor
{
    height:100%;
}

#divStageBGColor
{
    position: relative;
    width: 986px;
    min-height: 100%;
    margin: 0px auto; 
}


#divSchatten_left
{
    position:absolute;
    left:-6px;
    top:0px;
    height:100%;
    width:6px;
    overflow:hidden;
    background-image:url('/images/sfi/schatten_links.png');
    background-repeat:repeat-y;
}

#divSchatten_right
{
    position:absolute;
    right:-6px;
    top:0px;
    height:100%;
    width:6px;
    overflow:hidden;
    background-image:url('/images/sfi/schatten_rechts.png');
    background-repeat:repeat-y;
    background-position:top right;
}

* html #divSchatten_left, * html #divSchatten_right
{
    height:expression(document.getElementById('divStageBGColor').offsetHeight);
}

#divFixedWidth
{
    width:990px;
}

.box
{
    width:978px;
		min-height:580px;
    padding-bottom:0px;
}

.leftpane {
	z-index:2;
	width:187px;
	float:left;
}

.contentpane {
	z-index:1;
	width:574px;
	float:left;
	/*position:absolute;*/
}

.rightpane {
	width:206px;
	padding:0px;
	float:right;
}

* html .rightpane {
	width:100px;
	padding:0px;
	float:right;
}

.toppane 
{
	margin:0px;
	padding:0px;
	height:132px;
}

.bottomline
{
    margin:0px 70px 0px 187px;
    border-top:1px solid #fef8c4;
    height:1px;
    overflow:hidden;
}

.bottompane
{
    margin:0px 70px 0px 187px;
}
#divMainLogo
{   
    position:absolute;
    left:550px;
    top:32px;
    width:240px;
}

#divMainLogo img
{   
    display:block;
    margin:0px auto;
    border:none;
}

.search_title 
{
  font-family: Arial, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.search_sample 
{
  font-family: Arial, Sans-Serif;
	font-size:12px;
	margin-bottom:2px;
}
.search_url 
{
  font-family: Arial, Sans-Serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:15px;
}


.siteutilities 
{
  font-family: Arial, Sans-Serif;
	font-size:10px;
}

.divSiteutilities 
{
  position:absolute;
  z-index:2;
  top:10px;
  left:20px;
	display:block;
}

.topnavigation {
	background-color:#5C5D5F;
	margin-bottom:10px;
	color:#FFFFFF;
	text-align:left;
}

.navigation_top
{
	margin-right:30px;	
}

ul#menu
{
	margin:0;
	padding:0;
	border-bottom:1px solid #5C5D5F;
}

ul#menu li {
  list-style: none;
  margin:0px;
  padding:0px;
  display:inline;
}

li#navigation_left_placeholder
{
	border-top:1px solid #5C5D5F;
}

li#navigation_left_1_lo a
{
	display:block;
	border-top:1px solid #5C5D5F;
	margin-bottom:1px;
	padding-left:20px;
}

li#navigation_left_1_lo a:hover
{
	display:block;
	background:url('/images/sfi/bg_navigation_links_1.gif');
	border-top:1px solid #5C5D5F;
	margin-bottom:1px;
	padding-left:20px;
}

li#navigation_left_1_hi a
{
	display:block;
	background:url('/images/sfi/bg_navigation_links_1.gif');
	border-top:1px solid #5C5D5F;
	margin-bottom:1px;
	padding-left:20px;
}

li#navigation_left_2_lo a
{
	display:block;
	margin-bottom:1px;
	padding-left:30px;
}

li#navigation_left_2_lo a:hover
{
	background:url('/images/sfi/bg_navigation_links_2.gif');
	display:block;
	margin-bottom:1px;
	padding-left:30px;
}

li#navigation_left_2_hi a
{
	background:url('/images/sfi/bg_navigation_links_2.gif');
	display:block;
	margin-bottom:1px;
	padding-left:30px;
}

fieldset
{
    width:550px;
    margin:0px 0px;
    padding:0px 4px 12px 4px;
}

legend
{
    margin:16px 0px;
    margin-bottom:8px;
}

.HtmlArea
{
	min-height:470px;
	height:auto;
	width:520px;
	background:#f4f4f4;
}
*+ html .HtmlArea { height:470px; } /* nur für IE 7 */
* html .HtmlArea { height:470px; } /* nur für IE 5.5 - 6.x */
html + body .HtmlArea { height:470px; } /* nur vom IE 5.0 */

.HtmlArea ul {
}

.HtmlArea li {
	margin-left:-23px;
	margin-bottom:10px;
	list-style-image:url('/images/sfi/bulletpoint.gif');
}

.HtmlArea a, a:visited, a:active {
	color:#04478b;
	text-decoration:none;
	
}

.HtmlArea a:hover {
	color:#91B4C7;
	text-decoration:none;
}


/* Navigation Styles*/

/* Breadcrumb START */
#pagepath_root
{   
    height:32px;
    font-size:11px;
}

#pagepath_root a, #pagepath_root a:link, #pagepath_root a:active, #pagepath_root a:visited
{   
    color:#04478b;
}

#pagepath_root a:hover
{   
    color:red;
}
/* Breadcrumb ENDE */


/* Flyout-Navigation left START */
.vdhtml_list
{
	position:absolute; /* zwingend erforderlich */
	top:0px;
	display:none;
	left:167px;	/* ausgehend von der Breite der einzelnen Menues, die in der ".vdhtml_itm"-Definition beschrieben wird */
    background-image:url('/images/sfi/dummy.gif');
}


/*Hier wird das Ein- und Ausblenden der Ebenen durch eine CSS-Anweisung umgesetzt.
Dies funktioniert aber nicht mit dem IE (bis Version 6), deshalb ist das Ein- und Ausblenden ueber eine JavaScript-Anweisung geloest.


div:hover > .vdhtml_list
{
	display:block;
}*/


.vdhtml_list_lvl_root
{
	position:absolute; /* relative oder absolute, betrifft die grundlegende Position der Navigation. Wird bei der klassischen Variante vermutlich haeufig oben links im Browserfenster sein */
	z-index:1; /* sollte ggf. hoeher gesetzt werde, wenn andere elemente mit einem "z-index" versehen sind, damit die Navi nicht unter andere Objekte rutscht */
	display:block; /* bei der klassischen Variante ist die erste (horizontale) Navigationsebene immer sichtbar */
    left:20px;
	top:48px;
}

.vdhtml_list_lvl_root a, .vdhtml_list_lvl_root a:link, .vdhtml_list_lvl_root a:active, .vdhtml_list_lvl_root a:visited, .vdhtml_list_lvl_root a:hover
{
	color:#ffffff;
}
/* Die list-Container, die nicht auf der ersten Hierarchieebene der Navigation liegen, werden zumeist dieselben Einstellugen haben. Diese sind in der ".vdhtml_list"-Definition beschrieben. */

.vdhtml_list_lvl_1
{
}

.vdhtml_list_lvl_2
{
}

.vdhtml_list_lvl_3
{
}

/* Positionierung der einzelnen Menueebenen */

/* Die list-Container der zweiten Menueebene muessen individuell Positioniert werden. Ihre Position haengt von der Breite der Navigationspunkte der ersten Menueebene ab. */

/* Die vertikale Position der Menueebenen kann unabhaengig von ihrer hierarchischen Ebene bestimmt werden, weil sich die Position immer am Elternobjekt orientiert. */
/* ".vdhtml_list_pos_3" betrifft also alle Unterpunkt-Ebenen, die zu einem Menueeintrag gehoeren, der in seiner Ebene an der dritten Position steht */

/*.vdhtml_list_pos_1 {top:0px}
.vdhtml_list_pos_2 {top:18px}
.vdhtml_list_pos_3 {top:36px}
.vdhtml_list_pos_4 {top:58px}*/

/*.vdhtml_list_lvl_1
{
	top:0px;
}*/

/********************************************************************************/
/* Eigenschaften fuer itm-Container */
/********************************************************************************/

.vdhtml_itm
{
	padding:0px 0px 0px 0px;
	position:relative;
	width:167px; /* Die Breite der Menues muss festgelegt werden, damit die evtl. vorhandenen Unterpunkte (zumeist rechts) buendig oder ueberlappend positioniert werden koennen. Diese Positionierung ist in der ".vdhtml_list"-Definition beschrieben. */
	/* Nur fuer IE: Wenn vdhtml_list_lvl_root bzw. (hier bei Rama) die anderen BasisLayer "absolut" positioniert sind, dann brauchen die itms einen BG, damit nicht dort, wo bspw. durch ein Margin oder ein Padding kein Elementinhalt existiert (hier speziell am rechten Rand, um den Abstand der Ebenen zu erzeugen) das Mausevent verloren geht. Vgl. dHTMLScrollbalken, bei dem das Mausrad im Margin zwischen Absaetzen nicht funktioniert, wenn kein BG (dummy.gif) definiert ist. */
}

/* Es ist moeglich unterschiedliche Breiten der Untermenues festzulegen. In diesem Fall muessten diese Untermenues ueber ihre id angesprochen  und analog dazu auch die list-Container individuell positioniert werden. */

.vdhtml_itm_lvl_2 /* Hier werden fuer die itm-Container der ersten Menueebene abweichende Layoutanweisungen definiert */
{
	/* float:left; sorgt fuer die horizontale Ausrichtung der ersten Menueebene */
	padding:0px 0px 2px 0px;
}

.vdhtml_itm_lvl_2
{
}

.vdhtml_itm_lvl_3
{
}

.vdhtml_itm_lvl_4
{
}

/********************************************************************************/
/* Eigenschaften fuer anc-Container */
/********************************************************************************/

.vdhtml_anc
{
	/*font-family:times;
	font-size:12px;
	font-weight:bold;*/
	color:#000000;
	padding:3px 0px 0px 0px;
	cursor:pointer;
	display:block;
	margin-right:2px;
	background-color:#F89828;
}
/* Home */
#vdhtml_home .vdhtml_anc_lvl_2_pos_1
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_pos_1_home.gif');
	background-position:top left;
}

#vdhtml_home .vdhtml_anc_lvl_2_pos_last
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_home.gif');
	background-position:bottom right;
}

#vdhtml_home .vdhtml_anc_lvl_2_hi
{
    background-color:#FBBC31;
}

#vdhtml_home .vdhtml_anc_lvl_2_pos_1_hi
{
    background-color:transparent;
    background-position:top right;
}

#vdhtml_home .vdhtml_anc_lvl_2_pos_last_hi
{
    background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_home_hi.gif');
}

/* Register */
#vdhtml_reg .vdhtml_anc_lvl_2_pos_1
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_pos_1_home.gif');
	background-position:top left;
}

#vdhtml_reg .vdhtml_anc_lvl_2_pos_last
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_home.gif');
	background-position:bottom right;
}

#vdhtml_reg .vdhtml_anc_lvl_2_hi
{
    background-color:#FBBC31;
}

#vdhtml_reg .vdhtml_anc_lvl_2_pos_1_hi
{
    background-color:transparent;
    background-position:top right;
}

#vdhtml_reg .vdhtml_anc_lvl_2_pos_last_hi
{
    background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_home_hi.gif');
}
/* Farbe fuer alle Levels ausser Level 1 und Bereich Home und Register */
#vdhtml_dhtml .vdhtml_anc
{
	background-color:#EE6B23;
}

#vdhtml_dhtml .vdhtml_anc_lvl_2_pos_1
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_pos_1_all.gif');
	background-position:top left;
}

#vdhtml_dhtml .vdhtml_anc_lvl_2_pos_last
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_all.gif');
	background-position:bottom right;
}

#vdhtml_dhtml .vdhtml_anc_lvl_2_hi
{
    background-color:#F28E56;
}

#vdhtml_dhtml .vdhtml_anc_lvl_2_pos_1_hi
{
    background-color:transparent;
    background-position:top right;
}

#vdhtml_dhtml .vdhtml_anc_lvl_2_pos_last_hi
{
    background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_last_all_hi.gif');
}

/* -------- -------- -------- -------- */

.vdhtml_anc .vdhtml_anc_text
{
	padding:0px 0px 0px 8px;
}
.subArrow
{
	float:right;
	padding-right:8px;
}

.vdhtml_anc_lvl_2 /* Hier werden fuer die anc-Container der ersten Menueebene abweichende Layoutanweisungen definiert */
{
	padding:4px 0px 3px 0px;
}

.vdhtml_anc_lvl_2 .vdhtml_anc_text/* pfeil und NaviText werden um 10px eingerŸckt */
{
	padding:0px 0px 0px 10px;
}

/* Farben und Highlighting der einzelnen Ebenen */
/* Dieser bereich wird schlanker, wenn alle Ebene (bis auf die erste) dieselben Eigenschaften haben */

/********************************************************************************/

/**** highlight fuer Home ****/

/*---------------- all ----------------*/

/*---------------- Pos 1 ----------------*/

/*---------------- last ----------------*/

/**** Highlight fuer alle Levels ausser Level 1 und Level 2 Bereich Home ****/

/*---------------- all ----------------*/

/*---------------- Pos 1 ----------------*/

/*---------------- last ----------------*/

/********************************************************************************/


/* Rama Navi-Add-Ons */

#vdhtml_dhtml_all
{
	
	position:absolute;
	z-index:4000;
	text-align:left;
}

#vdhtml_dhtml_all img
{
    border:none;
}

#vdhtml_dhtml
{
	position:relative;
	margin-bottom:16px;
}

#vdhtml_dhtml a, #vdhtml_dhtml a:link, #vdhtml_dhtml a:active, #vdhtml_dhtml a:visited, #vdhtml_dhtml a:hover
{
	color:#ffffff;
	text-decoration:none;
}

#vdhtml_reg
{
	position:relative;
	margin-top:16px;
}

#vdhtml_reg a, #vdhtml_reg a:link, #vdhtml_reg a:active, #vdhtml_reg a:visited, #vdhtml_reg a:hover
{
	color:#ffffff;
	text-decoration:none;
}


#vdhtml_home
{
	position:relative;
}

#vdhtml_home a, #vdhtml_home a:link, #vdhtml_home a:active, #vdhtml_home a:visited, #vdhtml_home a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.vdhtml_div_bottom_line
{
	height:1px;
	overflow:hidden;
	width:149px;
	padding-top:4px;
}

/* Flyout-Navigation left ENDE */

/* Accordion */
div .accordionHeader
{
	color: #ffffff;
	font-size: 12px;
	line-height:22px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#04478b;  
	/*padding: 5px;*/
  cursor: pointer;
  border-bottom: 1px solid #FBCE93;
}

div .accordionHeader a.accordionLink
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

div .accordionContent
{
	color:#FFFFFF;
}

/* AccordionFaq */
div .accordionHeaderFaq
{
	color: #04478b;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #FFFFFF;
}

div .accordionHeaderFaqSelected
{
	color: #04478b;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	cursor: pointer;
}

div .accordionHeaderFaq a.accordionLinkFaq
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

div .accordionContentFaq
{
	color:#04478B;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:2px;
}

/* SfiHtmlText */

.divSfiHtmlText
{
    width:560px;
    margin-bottom: 20px;
}

.Layer1Pane .divSfiHtmlText,
.Layer2Pane .divSfiHtmlText,
.Layer3Pane .divSfiHtmlText,
.Layer4Pane .divSfiHtmlText
{
    width:450px;
}

.divSfiHtmlText p
{
        margin:0px;
}

.imgFloatLeft
{
    float:left;
    margin:0px 10px 10px 0px;
    border:3px solid #ffffff;
}

.divSfiHtmlText .imgFloatRight
{
    float:right;
    margin:0px 0px 10px 10px;
    border:3px solid #ffffff;
}

/* SfiHiddenInsight */

.divSfiHiddenInsight
{
    margin-top:0px;
    width:560px;
}

/* SfiButton*/

.divSfiButton
{
    width:550px;
}

.sfiButtonHref
{
    padding: 1px 8px;
    float: left;
    color: #02498c;
    background-color: #fbe737;
    border:3px solid #f89e2c;
}

.sfiButtonHref:hover
{
    background-color: #fdbe33;
}


.sfiButtonHrefBlank
{
    padding: 1px 8px;
    float: left;
    color: #02498c;
}

.sfiButtonHrefFill
{
    padding: 1px 8px;
    float: left;	
    background-color: #f89e2c;    
}

a.sfiButtonHrefFill
{
	color: #ffffff;
}

/* SfiProducts*/

.divSfiProducts
{
    width:560px;
    margin-bottom:20px;
    /*padding-top:72px;*/
}

.divSfiProductGroups
{
	position: relative;
	width:560px;
	margin-bottom:20px;
}

.nutriTable td
{
    font-size:10px;
}

/*    
#tblNutritionInformation
{
    border-collapse: collapse; 
    border: 3px solid #00488D; 
    
}

#tblNutritionInformation th
{
    padding:3px 12px;
    border: 1px solid #00488D;
}

#tblNutritionInformation td
{
    padding:3px 12px;
    border-width: 0px 1px 0px 1px;
    border-color: #00488D;
}
*/

/* SfiFlashContent */

.divSfiFlashContent
{
    margin-top:0px;
    width:560px;
}

/* Teaser */

.imgBasicTeaser
{
    border:3px solid #ffffff;
}


/*
Name: sdhtmlLNavi.css.php
Version: 1.3
created by: Ole Manshardt
Datum:29.01.2006, 00:13
*/

a
{
	text-decoration:none
}

/* Breadcrumb ENDE */

/*chg*/
.sdhtml_list
{
	position:absolute; /* zwingend erforderlich */
	top:0px;
	display:none;
	left:200px;	/* ausgehend von der Breite der einzelnen Menues, die in der ".sdhtml_itm"-Definition beschrieben wird */
    background-image:url('/images/sfi/dummy.gif');
}


/*Hier wird das Ein- und Ausblenden der Ebenen durch eine CSS-Anweisung umgesetzt.
Dies funktioniert aber nicht mit dem IE (bis Version 6), deshalb ist das Ein- und Ausblenden ueber eine JavaScript-Anweisung geloest.


div:hover > .sdhtml_list
{
	display:block;
}*/


.sdhtml_list_lvl_root
{
	position:relative; /* relative oder absolute, betrifft die grundlegende Position der Navigation. Wird bei der klassischen Variante vermutlich haeufig oben links im Browserfenster sein */
	z-index:1; /* sollte ggf. hoeher gesetzt werde, wenn andere elemente mit einem "z-index" versehen sind, damit die Navi nicht unter andere Objekte rutscht */
	display:block; /* bei der klassischen Variante ist die erste (horizontale) Navigationsebene immer sichtbar */
	left:0px;
	top:0px;
}

.sdhtml_list_lvl_root a, .sdhtml_list_lvl_root a:link, .sdhtml_list_lvl_root a:active, .sdhtml_list_lvl_root a:visited, .sdhtml_list_lvl_root a:hover
{
	color:#ffffff;
}
/* Die list-Container, die nicht auf der ersten Hierarchieebene der Navigation liegen, werden zumeist dieselben Einstellugen haben. Diese sind in der ".sdhtml_list"-Definition beschrieben. */

.sdhtml_list_lvl_1
{
}

.sdhtml_list_lvl_2
{
}

.sdhtml_list_lvl_3
{
}

/* Positionierung der einzelnen Menueebenen */

/* Die list-Container der zweiten Menueebene muessen individuell Positioniert werden. Ihre Position haengt von der Breite der Navigationspunkte der ersten Menueebene ab. */

/* Die vertikale Position der Menueebenen kann unabhaengig von ihrer hierarchischen Ebene bestimmt werden, weil sich die Position immer am Elternobjekt orientiert. */
/* ".sdhtml_list_pos_3" betrifft also alle Unterpunkt-Ebenen, die zu einem Menueeintrag gehoeren, der in seiner Ebene an der dritten Position steht */

/*.sdhtml_list_pos_1 {top:0px}
.sdhtml_list_pos_2 {top:18px}
.sdhtml_list_pos_3 {top:36px}
.sdhtml_list_pos_4 {top:58px}*/

/*.sdhtml_list_lvl_1
{
	top:0px;
}*/

/********************************************************************************/
/* Eigenschaften fuer itm-Container */
/********************************************************************************/

/*chg*/
.sdhtml_itm
{
	padding:0px 0px 0px 0px;
	position:relative;
	width:200px; /* Die Breite der Menues muss festgelegt werden, damit die evtl. vorhandenen Unterpunkte (zumeist rechts) buendig oder ueberlappend positioniert werden koennen. Diese Positionierung ist in der ".sdhtml_list"-Definition beschrieben. */
	/* Nur fuer IE: Wenn sdhtml_list_lvl_root bzw. (hier bei Rama) die anderen BasisLayer "absolut" positioniert sind, dann brauchen die itms einen BG, damit nicht dort, wo bspw. durch ein Margin oder ein Padding kein Elementinhalt existiert (hier speziell am rechten Rand, um den Abstand der Ebenen zu erzeugen) das Mausevent verloren geht. Vgl. dHTMLScrollbalken, bei dem das Mausrad im Margin zwischen Absaetzen nicht funktioniert, wenn kein BG (dummy.gif) definiert ist. */
}

/* Es ist moeglich unterschiedliche Breiten der Untermenues festzulegen. In diesem Fall muessten diese Untermenues ueber ihre id angesprochen  und analog dazu auch die list-Container individuell positioniert werden. */

.sdhtml_itm_lvl_2 /* Hier werden fuer die itm-Container der ersten Menueebene abweichende Layoutanweisungen definiert */
{
	/* float:left; sorgt fuer die horizontale Ausrichtung der ersten Menueebene */
	padding:0px 0px 2px 0px;
}

.sdhtml_itm_lvl_2
{
}

.sdhtml_itm_lvl_3
{
}

.sdhtml_itm_lvl_4
{
}

/********************************************************************************/
/* Eigenschaften fuer anc-Container */
/********************************************************************************/

.sdhtml_anc
{
	/*font-family:times;
	font-size:12px;
	font-weight:bold;*/
	color:#000000;
	padding:3px 0px 0px 0px;
	cursor:pointer;
	display:block;
	margin-right:2px;
	background-color:#F89828;
}

#sdhtml_home .sdhtml_anc_lvl_2_pos_1
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_pos_1_homeintro.gif');
	background-position:top left;
}

/*chg*/
#sdhtml_home .sdhtml_anc_lvl_2_pos_last
{
	/*background-color:transparent;
	background-image:url('../../art/navi/b_navi_last_home_lo.gif');
	background-position:bottom right;*/
}

/* Farbe fuer alle Levels ausser Level 1 und Level 2 Bereich Home */
#sdhtml_dhtml .sdhtml_anc
{
	background-color:#EE6B23;
}

#sdhtml_dhtml .sdhtml_anc_lvl_2_pos_1
{
	background-color:transparent;
	background-image:url('/images/sfi/navigation/b_navi_pos_1_allintro.gif');
	background-position:top left;
}

/*chg*/
#sdhtml_dhtml .sdhtml_anc_lvl_2_pos_last
{
	/*background-color:transparent;
	background-image:url('../../art/navi/b_navi_last_all_lo.gif');
	background-position:bottom right;*/
}

.sdhtml_anc .sdhtml_anc_text
{
	padding:0px 0px 0px 8px;
}
.subArrow
{
	float:right;
	padding-right:8px;
}

.sdhtml_anc_lvl_2 /* Hier werden fuer die anc-Container der ersten Menueebene abweichende Layoutanweisungen definiert */
{
	padding:4px 0px 3px 0px;
}

.sdhtml_anc_lvl_2 .sdhtml_anc_text/* pfeil und NaviText werden um 10px eingerŸckt */
{
	padding:0px 0px 0px 10px;
}

/* Farben und Highlighting der einzelnen Ebenen */
/* Dieser bereich wird schlanker, wenn alle Ebene (bis auf die erste) dieselben Eigenschaften haben */

/********************************************************************************/

/**** highlight fuer Home ****/

/*---------------- all ----------------*/

/*---------------- Pos 1 ----------------*/

/*---------------- last ----------------*/

/**** Highlight fuer alle Levels ausser Level 1 und Level 2 Bereich Home ****/

/*---------------- all ----------------*/

/*---------------- Pos 1 ----------------*/

/*---------------- last ----------------*/

/********************************************************************************/


/* Rama Navi-Add-Ons */

#sdhtml_dhtml_all
{
	
	position:relative;
	z-index:2;
	text-align:left;
}

#sdhtml_dhtml_all img
{
    border:none;
}

#sdhtml_dhtml
{
	position:relative;
	margin-bottom:16px;
}

#sdhtml_dhtml a, #sdhtml_dhtml a:link, #sdhtml_dhtml a:active, #sdhtml_dhtml a:visited, #sdhtml_dhtml a:hover
{
	color:#ffffff;
	text-decoration:none;
}

#sdhtml_reg
{
	position:relative;
	margin-top:16px;
	display:none;
}

#sdhtml_reg a, #sdhtml_reg a:link, #sdhtml_reg a:active, #sdhtml_reg a:visited, #sdhtml_reg a:hover
{
	color:#ffffff;
	text-decoration:none;
}
/*chg*/
#sdhtml_home
{
	position:relative;
	min-height:10px;
	background-color:#FBE738;
	background-image:url('../../rama_intropage_navi_ro.jpg');
	background-position:-100px -100px;
}

#sdhtml_home a, #sdhtml_home a:link, #sdhtml_home a:active, #sdhtml_home a:visited, #sdhtml_home a:hover
{
	color:#ffffff;
	text-decoration:none;
}

/*chg*/
.sdhtml_div_bottom_line
{
	height:1px;
	overflow:hidden;
	width:182px;
	padding-top:4px;
}


.divModuleContent
{
	height:100%;
}

/* for <= ie6 */
* html .divModuleContent
{
	height:expression(this.parentNode.offsetHeight-40);
}


/* Contact START */
.kontakt select
{
	width:206px;
}

.kontakt .inputtype, .kontakt .inputtypeplz, .kontakt .inputtypeort, .kontakt textarea
{
	border:1px solid #02488D;
	padding:2px 4px;
	width:196px;
}

.kontakt .inputtypeplz
{
	width:37px;
}

.kontakt .inputtypeort
{
	width:142px; 
	margin-left:4px
}

.kontakt textarea
{
	width:353px;
	height:100px;
}
/* Contact END */

/* NewsLetter START */
select
{
	width:206px;
}

.newsletter .inputtype, .inputtypeplz, .inputtypeort, textarea
{
	border:1px solid #02488D;
	padding:2px 4px;
	width:196px;
}

.newsletter .inputtypeplz
{
	width:37px;
}

.newsletter .inputtypeort
{
	width:142px; 
	margin-left:4px
}

.newsletter textarea
{
	width:373px;
	height:100px;
}
.captchaError { margin-top:-12px; } /* alle aus den Folgenden */
*+ html .captchaError { margin-top:-19px; } /* nur für IE 7 */
* html .captchaError { margin-top:-19px; } /* nur für IE 5.5 - 6.x */
html + body .captchaError { margin-top:-19px; } /* nur vom IE 5.0 */

/* NewsLetter END */


/* Kitchen Lexicon  Start */

.border3px
{
	border:3px solid #ffffff;
}

.bgDark
{
background-color: #F99D2C;
	color:#295194;
}
.bgDim
{
	background-color:#FBBC31;
	color:#295194;
}
.bgNorm
{
	background-color:#FCE638;
	color: #295194;
}
.bgPale
{
	background-color:#FDED74;
	color: #295194;
}

.KitchenLexiconnav_dt_hi,
.KitchenLexiconnav_td:hover
{
	background-color:#F99D2C;
}


.link_arrow
{
	background-image: url(/images/sfi/arrow_red.gif);
	background-position:1px 4px;
	background-repeat: no-repeat;
	padding-left: 10px;	 
	font-weight: bold;
}
.link_img_arrow
{
	background-image: url(/images/sfi/arrow_red.gif);
	background-position: 1px 6px;
	background-repeat: no-repeat;
	font-weight: bold;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	width:10px;
	height:15px;

}
.link_arrow_left
{
	background-image: url(/images/sfi/arrow_red_left.gif);
	background-position: 1px 4px;
	background-repeat: no-repeat;
	padding-left: 10px;	
	font-weight: bold;
}

.imgbutton_arrow
{
	background-image: url(img/pfeil_rechts_hi.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.imgbutton_arrowleft
{
	background-image: url(img/pfeil_links_hi.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}

a.lexiLink
{
	color:red;
}

.RecipesDetails_preparation p

{
	margin-top:0px;
	padding-top:0px;
}
/* Kitchen Lexicon  END */

/* Testimonial start */
.TestimonialDisplayDetailBG
{
	background-image: url(img/bg_testimonial.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

.TestimonialDisplayButton
{
	background-image: url(img/b_plus.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.TestimonialDisplayDetailContent
{
		color:#FFFFFF;
}

.TestimonialDisplayDetailContent1
{
		 color:#B596CE;
}
.TestimonialDisplayDetailTD2
{
	width:220px;
}
.TestimonialDisplayDetailTD1
{
	width:50px;
}
/* Testimonial end */

.Error a,
.Error
{
	color:Red; 
}

/* Sfi Profile */
.red 
{
	color: #f00!important;
}

td.UD_Group	 
{
	padding: 					0em 0em 0em 0em;
	font-family:				verdana, arial, helvetica, sansserif;
	font-size:					10px;
	font-weight:				normal;
	font-style:					normal;
	color:						#1F327E;
	line-height: 				14px;
}

.arrowTextButton
{
    font-weight:bold;
    padding-left:10px;
    background-image:url('/images/sfi/arrow_red.gif');
    background-repeat:no-repeat;
    background-position:2px center;
}

.textfield { border:1px solid #02488D; padding:2px 4px; }

/* ClassicContainer START - Container mit Schatten */
.divClassicContainer
{
    position:relative;
    margin-bottom:20px;
    top:2px;
    left:2px;
}

.divClassicContainer .divModuleShadowContainer
{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    height:expression(parentElement.offsetHeight);
}

.divClassicContainer .divModuleShadowContainer img
{
    position: absolute;
    display:block;
    right: 0px;
    bottom: 0px;
}

.divClassicContainer .divModuleContentContainer
{
    position:relative;
    top:-2px;
    left:-2px;
    border:3px solid white;
}

.divClassicContainer .divModuleContentContainer .divModuleHeadline
{
    padding: 3px 0px 3px 10px;
    font-weight:bold;
}

.divClassicContainer .divModuleContentContainer .divModContent
{
    padding: 10px;
}
/* ClassicContainer ENDE - Container mit Schatten */

/*IE 6 Layer über DropDowns START*/
.iframelayer1,
.iframelayer2,
.iframelayer3,
.iframelayer4,
.iframelayer5

{
	width:489px; 
/*	background-color:#ffffff;  
	padding:20px 20px 20px 20px;*/
	float:left;
	position:absolute;
	top:100px;
	left:200px;
	visibility:hidden; 
	z-index:9;

}

.iframelayer1
{
	height:expression(document.getElementById('Layer1Panevisible').getElementsByTagName('div')[0].offsetHeight + 'px'); 
}

.iframelayer2
{
		height:expression(document.getElementById('Layer2Panevisible').getElementsByTagName('div')[0].offsetHeight + 'px');
}

.iframelayer3
{
		height:expression(document.getElementById('Layer3Panevisible').getElementsByTagName('div')[0].offsetHeight + 'px');
		top:expression(document.getElementById('Layer3Panevisible').getElementsByTagName('div')[0].offsetTop + 'px');
}

.iframelayer4
{
		height:expression(document.getElementById('Layer4Panevisible').getElementsByTagName('div')[0].offsetHeight + 'px');
}
.iframelayer5
{
		height:expression(document.getElementById('Layer5Panevisible').getElementsByTagName('div')[0].offsetHeight + 'px');
}
/*IE 6 Layer über DropDowns ENDE*/

li.nodisk
{
	list-style-type:none;
	margin-left:-17px;
}
li.disk
{
	list-style-type:disc;
}
li.nodiskbold
{
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-left:-17px;
 list-style-type:none;

}