* {
   margin:0 auto;
   padding:0; /*alle Default-Randabstände auf Null*/
}

a:link  { text-decoration: underline; color: #4f3129; }    /* noch nicht besuchte Ziele */
a:visited  { text-decoration: underline; color: #4f3129; } /* besuchte Ziele */
a:hover  { text-decoration: none; color: #4f3129; }   /* Verweise bei "MouseOver" */
a:active  { text-decoration: none; color: #4f3129; }  /* Angeklickte Verweise */

table{ margin:0px;padding:0px;text-align:left;}

img{
   border-style: none;
}

legend{
   padding: 5px;
   font-family: Arial;
   font-size: 12px;  
   color: #4f3129;   
}

fieldset
{
  border: solid 0px #4f3129;
}


.tx_powermail_pi1_fieldwrap_html{
   margin-left: 5px;
   margin-bottom: 1px;
   margin-right: 5px;
   margin-bottom: 1px;
}

/*
###################################
### Absolut angegebene Elemente ###
###################################
*/

body {
   text-align:center;
   background-color: #ffe7ab;
   font-family: Arial;
   font-size: 12px;  
   color: #4f3129;   
}

h1{
   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 10px;
   color: #4f3129;   
}

p{
   font-family: Arial;
   font-size: 12px;   
   color: #4f3129;   
   margin-bottom:10px;
   margin-left:0px;
   margin-right: 0px;
   margin-top: 0px;   
}

.bodytext{
   margin: 0px;
   padding: 0px;
}

#top_static_whiteline{
   position: absolute;
   top: 68px;
   left:0px;
   background-color: #FFFFFF;
   background-image:url(../pics/menu.jpg);
   border-width: 0px 0px 2px 0px;
   border-color: #FFFFFF;
   border-style: solid;
   border-color:white;
   width: 100%;
   height: 30px;   
   z-index:0;
}

#top_static_bg{
   position: absolute;
   top: 0px;
   left:0px;
   background-color:#4f3129;
   background-image:url('../pics/verlauf_oben.jpg');
   background-repeat:no-repeat;
   background-position: center;
   width: 100%;
   height: 26px;   
   z-index:0;
}

#seite {
    position: relative;
    z-index:1;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    padding: 0px;
    width: 745px;    
    display:block;
    clear:both;      
    border-width: 0px 2px 0px 2px;
    border-color: #FFFFFF;
    border-style: solid;
    border-color:white;
    background-image:url('../pics/seite_bg.gif');       
}

* html #seite{
   width: 747px;    
   background-image:url('../pics/seite_bg_ie6.gif');       
}

#left_c{
   width: 576px;
   border-width: 0px 0px 0px 0px;
   border-color: #FFFFFF;
   border-style: solid;
   border-color:white;
   float:left;   
}

* html #left_c{
   width: 580px;     
}

#right_c{
   width: 167px;
   border-width: 0px 0px 0px 2px;
   border-color: #FFFFFF;
   border-style: solid;
   border-color:white;
   background-color: #402011;
   float:right;
   overflow:hidden;
}

* html #right_c{
   width: 165px;   
}

#menus_container{
    width: 576px;
    height: 98px;    
}

* html #menus_container{
   width: 580px;    
}

#menu_top{
    width: 576px;
    height: 26px;
    line-height: 26px;
    text-align: right;
    vertical-align: bottom;        
}

* html #menu_top{
   width: 580px;      
}

#menu_bottom{
    width: 576px;
    height: 30px;
    position: relative;
    top: 42px;
    left: 0px;    
}

* html #menu_bottom{
   width: 580px;
}

#breadcrumb{
   background-color: #FFF4D6;
   margin:0px;
   padding:0px;
   width: 576px;
   height:25px;
   line-height: 25px;
   text-indent: 10px;
   vertical-align:middle;
}

* html #breadcrumb{
   width: 580px;
}

#breadcrumb a{
   font-family: Arial;
   font-size: 12px;   
   color: #4f3129;    
   text-decoration: none;
}

.bc_seperator{
   border:0;
   vertical-align: middle;
   display:inline;
   
}

.breadcrumbnonactive{

}

.breadcrumbactive{
   font-weight:bold;
}


#flavor_pic{
    width: 576px;
    height: 246px;
    border-width: 2px 0px 0px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    border-color:white;      
}

#bohne{
   border-width: 2px 0px 0px 0px;
   border-color: #FFFFFF;
   border-style: solid;
   border-color:white;   
   width: 167px;
   height: 246px;
}

* html #bohne{
   width: 165px;   
}

#bohne_bild{
   width: 167px;
   height: 418px;   
}

#bohne_verl{
   
}

#logo{
   width: 167px;
   height: 98px;   
}


#maintext{
   margin: 10px;   
}

#maintext ul{
   margin-left: 20px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 10px;
}


#menu_top_style li{
   display: inline;
   list-style-type: none;
   padding-right: 20px;
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #4f3129;   
}

#menu_top_style li a{
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   color: #4f3129;
   text-decoration: none;
}

#menu_top_style li a:hover  { text-decoration: none; color:#FFFFFF; }

#bottom_static_bg{
   background-color: #4f3129;
   background-image:url('../pics/verlauf_unten.jpg');
   background-repeat:no-repeat;
   background-position: center;
   width: 100%;
   height: 16px;   
   z-index:0;
}

/* SITEMAP */

.csc-sitemap ul{
   list-style-type: circle;
   padding-left: 30px;
}

.csc-sitemap ul a{
   font-family: Arial;
   font-size: 12px;   
   color: #4f3129;    
   text-decoration:underline;   
}

.csc-sitemap ul a:hover{
   font-family: Arial;
   font-size: 12px;   
   color: #4f3129;    
   text-decoration:none;
}


/* Webshop */

.FlavorText { font-size: 9px; font-style: italic; }


.tx_powermail_pi1_fieldwrap_html label{
   width:100px;
   float:left;
   display:block;
   padding-right:2px;
   white-space:nowrap; /*to fix ie6 wrapping*/
   
}

.tx_powermail_pi1_fieldwrap_html input{
   margin-bottom:2px;
}

/* ------------------------- */
/*           MENÜ            */
/* ------------------------- */



#nav li:hover, #nav li.hover {
    position: static;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	line-height: 1px;
	list-style: none;
	font-weight: bold;
        font-size: 11px;
        color: #990000;
        z-index:10;
        float: left;     
}

#nav a {
	display: block;
	width: auto;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
   	color: #4f3129;
   	text-decoration: none;
}

#nav a:hover{
    text-decoration: none;
}

#nav li {
        /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */	
}

#nav li ul li{
   float: left;
   height: 20px;
   width: 160px; /* 2nd level width und height Angabe */   
   text-indent: 16px;
   line-height: 20px;
   vertical-align: middle;
   text-align: left;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   padding-left: 5px;
   background-color: #ffe7ab;
   background-image:url(../pics/menu2.jpg);
}

/* Mouseover BG Color alle level */
#nav li ul li:hover, #nav li ul li.sfhover{
   /* 2nd und 3rd lvl background color bei hover */   
   background-image:url(../pics/menu2bd.jpg);
   width: 160px;
   
}

/* first level mousover text */
#nav li ul li:hover a, #nav li ul li.sfhover a{
   /*
   color: #FFFFFF;   
   2nd und 3rd lvl background color bei hover */
   width: 160px;
}

/* 3rd level bleibt weiß bei hover 4th level */
#nav li ul li:hover ul li:hover a, #nav li ul li.sfhover ul li.sfhover a{
   /* 
   color: #FFFFFF;   
   2nd und 3rd lvl background color bei hover */
   width: 160px;
}

/* 4th level classes */
#nav li ul li:hover ul li:hover ul li a, #nav li ul li.sfhover ul li.sfhover ul li a{
   color: #4f3129;
}

#nav li ul li:hover ul li:hover ul li:hover a, #nav li ul li.sfhover ul li.sfhover ul li.sfhover a{
   /*
   color: #FFFFFF;
   */
}


/* sublevels mouseover texts */
#nav li ul li:hover ul li a:hover, #nav li ul li.sfhover ul li.sfhover{
   /* 3rd lvl link hover */   
   width: 160px;
}

/* Textcolor sublevels */
#nav li ul li:hover ul li a, #nav li ul li.sfhover ul li a{
   color: #4f3129;   
   /* 3rd lvl link */
   width: 160px;
}


/* second-level lists */
#nav li ul {  
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 11;	
}

#nav li ul ul { /* third-and-above-level lists */	
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;	
	z-index: 12;	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	
}