/*------------------------------------NEO-STYLES---------------------------------------------*/

/*Colors

ROT         -- #940C24
HELLROT     -- #FDE5CF
WEISSGRAU   -- #f7f7f7
HELLGRAU    -- #EDEDEE
MITTELGRAU  -- #B0B0B4
DUNKELGRAU  -- #58585A
GRAY60% 
VERMITTLER  -- #87888A
GRAY80%
HAENDLER    -- #58585A



/*--- Hauptnavigation ------*/

#navigation_main
{
    margin-bottom: 20px;
    border-bottom: solid 1px #58585A;
   
}

#navigation_list li 
{
    height: 20px;
    line-height: 20px; 
    border-top: solid 1px #58585A;
    list-style-type:none;
    padding-left: 7px;
    width:143px;
}



#navigation_list li a {color: #58585A; text-decoration: none; }
#navigation_list li a:visited {color:#58585A; text-decoration: none; }
#navigation_list li a:hover {color: #940C24; text-decoration: none; }
#navigation_list li a:active { color:#58585A; text-decoration: none; }
#navigation_list li.current a {color: #940C24; font-weight: bold; text-decoration: none; }

.buttonSelected { background-color: #EDEDEE; color: #58585A; text-decoration: none; padding: 5px 7px 5px 7px;  }
.buttonSelected:visited { background-color: #EDEDEE; color: #58585A; text-decoration: none; padding: 5px 7px 5px 7px; }
.buttonSelected:hover { background-color: #EDEDEE; color: #58585A; text-decoration: none; padding: 5px 7px 5px 7px; }
.buttonSelected:active { background-color: #EDEDEE; color: #58585A; text-decoration: none; padding: 5px 7px 5px 7px; }

.buttonUnselected { background-color: #FFFFFF; color: #87888A; text-decoration: none; padding: 4px 6px 4px 6px; border: solid 1px #EDEDEE; }
.buttonUnselected:visited { background-color: #FFFFFF; color: #87888A; text-decoration: none; padding: 4px 6px 4px 6px; border: solid 1px #EDEDEE;}
.buttonUnselected:hover { background-color: #87888A; color: #FFFFFF; text-decoration: none; padding: 4px 6px 4px 6px;}
.buttonUnselected:active { background-color: #FFFFFF; color: #87888A; text-decoration: none; padding: 4px 6px 4px 6px; border: solid 1px #EDEDEE;}


.redBold { color:#940C24; font-weight:bold; }
.smallHeadline { font-size:12px; font-weight: bold; }
.smallHeadlineRed { font-size:12px; font-weight: bold; color: #940C24; text-transform:uppercase; }
.smallHeadlineGray { font-size:10px; font-weight: bold; color: #58585A; } 
.mediumHeadline { font-size:15px; font-weight: bold; }






/*----------------------------Allgemeine Styledefinitionen-------------------------------*/

body {
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#58585A;
margin:0px;
line-height:1.4;
}

hr 
{
height:1px;            
background:#58585A;  
border-style:none; 
}

table
{
    border-collapse: collapse;
}

.tableStandard 
{
    width:559px;
    font-size:10px;    
    
}

.tableStandard td 
{
    padding: 5px;
    height: 18px; 
    vertical-align: middle;  
}

.tableFair
{
    width:559px;
    font-size:16px;
}

.RowStyle0 {}
.RowStyle1 { background-color:#EDEDEE; }

.RowStyleKat0 {}
.RowStyleKat1 { background-color:#f7f7f7; }


.RowHeaderRed { background-color: #940C24; color: White; font-weight:bold; }
.RowHeaderMediumGray { background-color: #87888A; color: White; font-weight:bold; }
.RowHeaderGray { background-color: #58585A; color: White; font-weight:bold; } 
.RowHeaderTopFeatureGray { background-color: #B0B0B4; color: White; font-weight:bold; }
.RowHeaderLightGrayBack { background-color: #EDEDEE; font-weight: bold; }
.SpacerRow { background-color: Gray; font-size:1px; padding: 0px; height: 2px; line-height:2px;}

.tableStandard a {color: #58585A; text-decoration: none; }
.tableStandard a:visited {color:#58585A; text-decoration: none; }
.tableStandard a:hover {color: #58585A; text-decoration: underline; }
.tableStandard a:active { color:#58585A; text-decoration: none; }

a.GrayLink {color: #58585A; text-decoration: none; }
a.GrayLink:visited {color:#58585A; text-decoration: none; }
a.GrayLink:hover {color: #58585A; text-decoration: underline; }
a.GrayLink:active { color:#58585A; text-decoration: none; }

a {color: #940C24; text-decoration: none; outline: none; }
a:visited {color:#940C24; text-decoration: none; outline: none;}
a:hover {color: #940C24; text-decoration: underline; outline: none;}
a:active { color:#940C24; text-decoration: none; outline: none;}

.RedLink a {color: #940C24; text-decoration: none; outline: none; }
.RedLink a:visited {color:#940C24; text-decoration: none; outline: none;}
.RedLink a:hover {color: #940C24; text-decoration: underline; outline: none;}
.RedLink a:active { color:#940C24; text-decoration: none; outline: none;}

a.WhiteLink {color: #FFFFFF; text-decoration: none; outline: none; }
a.WhiteLink:visited {color:#FFFFFF; text-decoration: none; outline: none;}
a.WhiteLink:hover {color: #FFFFFF; text-decoration: underline; outline: none;}
a.WhiteLink:active { color:#FFFFFF; text-decoration: none; outline: none;}

a.RedLink {color: #940C24; text-decoration: none; outline: none; }
a.RedLink:visited {color:#940C24; text-decoration: none; outline: none;}
a.RedLink:hover {color: #940C24; text-decoration: underline; outline: none;}
a.RedLink:active { color:#940C24; text-decoration: none; outline: none;}



.SectionChoiceContainer a {color: white; font-weight: bold; text-decoration: none; text-transform:uppercase;}
.SectionChoiceContainer a:visited {color: white; font-weight: bold; text-decoration: none; text-transform:uppercase; }
.SectionChoiceContainer a:hover {color: white; font-weight: bold; text-decoration: underline; text-transform:uppercase; }
.SectionChoiceContainer a:active { color: white; font-weight: bold; text-decoration: none; text-transform:uppercase; }


#TopNavigationList {color: White;}
#TopNavigationList li a {color: white; text-decoration: none; }
#TopNavigationList li a:visited {color:white; text-decoration: none; }
#TopNavigationList li a:hover {color: white; text-decoration: underline; }
#TopNavigationList li a:active { color:white; text-decoration: none; }
#TopNavigationList li a.current {color: #940C24; font-weight: bold; text-decoration: none; }

#MasterContentNavigation ul {margin-left: 0; padding-left: 0; display: inline; }
#MasterContentNavigation ul li 
{
    margin-left: 0;
	margin-bottom: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
}
#MasterContentNavigation li a {color: #58585A; text-decoration: none; }
#MasterContentNavigation li a:visited {color:#58585A; text-decoration: none; }
#MasterContentNavigation li a:hover {color: #940C24; text-decoration: none; }
#MasterContentNavigation li a:active { color:#58585A; text-decoration: none; }
#MasterContentNavigation li a.current {color: #940C24; font-weight: bold; text-decoration: none; }
#MasterContentNavigation li a:visited.current {color: #940C24; font-weight: bold; text-decoration: none; }


#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		
#tabs ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
	display: inline;
	}


h1 { padding: 0; margin: 0; font-size:12px; font-weight: bold; color: #940C24; text-transform:uppercase; }
h2 { padding: 0; margin: 0; font-size:11px; font-weight: bold; color: #58585A; } 


.headerImage 
{
 margin-bottom:18px;   
}


/*----------------------------MasterPage Layout ---------------------------------------------*/

            /* ----------container zentriert das layout-------------- */
            #MasterContainer {
            width: 906px; /* vier Pixel "Sicherheitszusatz", sonst Umbruch im IE6 */
            margin-bottom: 0px;
            margin:0 auto;
            background-color: White;
            padding: 5px 15px 15px 10px; /*Abstände von äußerem Rand*/
            }

            /* ----------Header-------------- */
            #MasterLogo 
            {
            padding: 0px;
            margin: 0px;
            }

            #MasterLogo img {margin:60px 0px 15px 0px;}
            

            #MasterTopNavigation 
            {
                position:absolute;
                top:0px;
                margin-top:10px;
                width:906px; /*Vorsicht: Padding einrechnen!*/
                height: 20px;
                line-height: 20px;                
                vertical-align: middle;              
                text-align:right;
             }                       

            /* -----------------Inhalt-Hauptbereich--------------- */
            #MasterContent 
            {
                background-color: #FFFFFF;
                padding: 0 0 0 0; /*Padding (left) ist in Margins (20px) eingerechnet!)*/
                margin-left:160px;
                margin-right:180px;
                margin-top:0px; /*muss für Content und Left identisch angepasst werden! */
                margin-bottom:30px;
                
                
            }
            
            #MasterContentNavigation 
            {
                background-color: #FFFFFF;
                margin-left:160px;
                margin-right:180px;                
                height:24px;
                line-height:24px;
                padding: 0 0 0 0; /*Padding (left) ist in Margins (20px) eingerechnet!)*/
                
            }

            div#MasterContent { 
            min-height:600px;
            height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
            }

            /* --------------Linke-Spalte------------ */
            #MasterLeft {
                float: left;               
                margin-top:24px;
                padding: 0px;       
            }
            
            /* --------------Rechte Spalte------------- */
            #MasterRight {
	            float: right;
	            margin-top:24px;
	            padding: 0;	           
            }

            /* -----------Footer--------------------------- */
            #MasterFooter {
            clear: both;
            margin: 0px;
            padding: 0px;
            }
            


/*----------------------------MasterPage Layout ---END---------------------------------------*/

#ContainerPreisliste
{
  margin-bottom: 15px;
  width:560px;
}

/*--------- HOMEPAGE ----------------------*/

.DefaultDiv 
{
    background-color: #87888A;
    color: White;
    height: 139px;  
    width: 545px;  
    background-image: url(img/mp_banner_home_default.gif);
    /*background-image: url(img/Sonderaktion_Banner_Nugget_0709.jpg);*/
    background-repeat: no-repeat;
    margin-bottom: 18px;  
    padding-left: 15px;
  
}

.DefaultDiv_Trader 
{
    background-color: #58585A;
    color: White;
    height: 139px;  
    width: 545px;   
    background-image: url(img/banner_home_haendler.gif);
    background-repeat: no-repeat;
    margin-bottom: 18px;
    padding-left: 15px;
}


.DefaultDiv_ProvisionAgent 
{
    background-color: #87888A;
    color: White;
    height: 139px;  
    width: 545px;  
    background-image: url(img/banner_home_vermittler.gif);
    background-repeat: no-repeat;
    margin-bottom: 18px;
    padding-left: 15px;
}

#startInfo:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#startInfo {display: inline-block;}

/* Hides from IE-mac \*/
* html #startInfo {height: 1%;}
#startInfo {display: block;}
/* End hide from IE-mac */

.DefaultDiv  a { color: white; font-weight: normal; }
.DefaultDiv a:visited { color: white; text-decoration: none; }
.DefaultDiv a:hover { color: white; text-decoration: underline; }

.DefaultDiv_Trader  a { color: white; font-weight: normal; }
.DefaultDiv_Trader a:visited { color: white; text-decoration: none; }
.DefaultDiv_Trader a:hover { color: white; text-decoration: underline; }

.DefaultDiv_ProvisionAgent  a { color: white; font-weight: normal; }
.DefaultDiv_ProvisionAgent a:visited { color: white; text-decoration: none; }
.DefaultDiv_ProvisionAgent a:hover { color: white; text-decoration: underline; }


/*----------- PRODUCT PAGE ------------------------*/

.productContainer 
{
    background-color: #940C24;
    color: White;
    height: 195px;  
    width: 560px;  
    background-image: url(img/product_spotlight.gif);
    background-repeat: no-repeat;
    margin-bottom: 18px;
       
}

.productContainer_ProvisionAgent
{
    background-color: #87888A;
    color: White;
    height: 195px;  
    width: 560px;  
    background-image: url(img/product_spotlight_vermittler.gif);
    background-repeat: no-repeat;
    margin-bottom: 18px;
       
}

.productContainer_Trader 
{
    background-color: #58585A;
    color: White;
    height: 195px;  
    width: 560px;  
    background-image: url(img/product_spotlight_haendler.gif);
    background-repeat: no-repeat;
    margin-bottom: 18px;
       
}

.productContainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.productContainer {display: inline-block;}

/* Hides from IE-mac \*/
* html .productContainer {height: 1%;}
.productContainer {display: block;}
/* End hide from IE-mac */


.productContainerElementLeft
{

  width: 185px;
  padding-left: 35px;
  padding-top: 22px;
  float:left;  
    
}

.productContainerElementRight
{
  padding-top:20px; 
  float:left;
  width: 335px;
  height: 175px;
    
}

/*----*/

#articleInfoContainer
{   
    height:50px;
    width: 560px;
    float: left;
}

.articleInfoElementLeft 
{
    padding-left: 15px;
    width:205px;
    float: left;
}

.articleInfoElementRight 
{

}





/*----------- BOX-LAYOUT ---------------*/

.elementContainerRight
{
    width:170px;
    background-color: #EDEDEE;
    margin-bottom:10px;
}

.elementHeadRight
{
    font-size:11px;
    font-weight:bold;
    color:#871F29;
    padding: 7px 8px 10px 8px;
    text-transform:uppercase;
}

.elementBodyRight
{
    width: 154px;
    font-size:10px;
    padding: 0px 8px 7px 8px;

 
}

.elementSeparateLinkRight 
{
    height:23px;
    line-height:23px;
    vertical-align:middle;
    padding-bottom:0px;
    padding-left: 8px;

}


.elementContainerLeft
{
    width:150px;
    margin-bottom:0px;
}

.elementHeadLeft
{
    font-size:11px;
    height: 23px;
    line-height: 23px;
    background-color: #EDEDEE;
    color: #940C24;
    font-weight:bold;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    text-transform:uppercase;

}

.elementBodyLeft
{
    font-size:10px;
    padding: 0px 0px 7px 8px;
    background-color: #EDEDEE;

 
}

/*----------- BOX-LAYOUT ---------------*/

/*----------- TOP FEATURE ----------------*/

.TopFeatureContainer
{
    width:170px;
    background-color: white;
    margin-bottom:10px;
}

.TopFeatureHead 
{
    font-size:11px;
    width:154px;
    height: 23px;
    line-height: 23px;
    background-color: #B0B0B4;
    color: White;
    font-weight:bold;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
}

.TopFeatureBody 
{
    background-color: #940C24;
    color: #FFFFFF;
    padding: 7px 8px 10px 8px;
    background-image: url(img/topFeature_background.gif);
    background-repeat: no-repeat;
    
}

.TopFeatureBody a { color: #FFFFFF; }
.TopFeatureBody a:visited {color:#FFFFFF; text-decoration: none; }
.TopFeatureBody a:hover {color: #FFFFFF; text-decoration: underline; }
.TopFeatureBody a:active { color: #FFFFFF; text-decoration: none; }



.Spacer 
{
    Height: 2px;
    background-color: White;
}

.SpacerTransparent
{
    Height: 5px;
}




/*----------- /TOP FEATURE ----------------*/

.SectionChoiceContainer
{
    width:170px;
    background-color: white;
    margin-bottom:10px;
}

.sectionChoiceForTrader 
{
    background-color: #87888A;
    color: White;
    padding: 7px 8px 10px 8px;
    background-image: url(img/feature_haendler_background.gif);
    background-repeat: no-repeat;
    
}

.sectionChoiceForProvisionAgent
{
    background-color: #58585A;
    color: White;
    padding: 7px 8px 10px 8px;
    background-image: url(img/feature_vermittler_background.gif);
    background-repeat: no-repeat;
    
}

/*----------- NEWS FEATURE ---------------*/

.NewsFeatureContainer 
{
    width: 560px;
    float:left;
    margin-bottom:20px;
}

.NewsFeatureAlertSymbol
{
    width:50px;
    float:left;
    padding-left: 10px;
    padding-right: 15px;
}

.NewsFeatureNewsElements
{
    float:left;
    width:450px;
    padding-right: 30px;
    /* Width ist wichtig, weil sonst kein Umbruch erfolgt und Element unter vorhergendes DIV geschoben wird */
}

/*----------- FORMULAR --------------*/

#Obs_formular {padding: 10px; 
           margin: 0; 
           display: block; 
           background-color: #FFF; 
           width:545px;
           padding-right:5px;
           }
#Obs_formular label 
{

    
    display: block; 
    margin-top: 12px;
    padding-top: 12px;
    
    }
.ControlStyle {font-size: 10px; 
               font-family: Verdana, Arial, sans-serif;
               border: 1px solid #B0B0B4; 
               width: 380px; 
               padding-left: 2px;                 
               margin-left: 4px;
               float: right;   
               text-align: left;    
               height: 16px;                                  
               }                
               
.ControlStyleFormatOnly 
{
               font-size: 10px; 
               font-family: Verdana, Arial, sans-serif;
               border: 1px solid #B0B0B4;     
               height: 16px;                               
               }
              
.ControlStyleDropDown {font-size: 10px; 
               font-family: Verdana, Arial, sans-serif;
               border: 1px solid #B0B0B4; 
               padding-left: 2px;                 
               margin-left: 4px;
               float: right;   
               text-align: left;    
               height: 20px;   
               width: 385px;   
               vertical-align: top;     
               padding-bottom:2px;                       
               }  
               
.ControlStyleDropDownLeftColumn {font-size: 10px;                                  
               font-family: Verdana, Arial, sans-serif;
               border: 1px solid #B0B0B4; 
               color:#58585A;                 
               text-align: left;                   
               width: 385px;   
               vertical-align: top;                    
               padding-left: 5px;
                   
               }                                           
               
.Login 
{
    font-size: 10px; 
    font-family: Verdana, Arial, sans-serif;
    border: 1px solid #B0B0B4;    
    height:18px;   
    line-height:18px;
    vertical-align:top;  
    padding-left:5px;
    color:#58585A;
    
}     

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

.stepElement
{
    height: 28px;
    line-height:28px;  
    overflow:hidden;      
}

#stepElement img 
{
    float:left;    
}

.inside
{
     vertical-align:middle;  
     float:left;  
     background-color: #D9DADB; 
     padding-left:10px;
    
}


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

.headerRowStyleCheckout 
{
    font-size:10px;
    font-weight:bold;
    background-color: #EDEDEE; 
}


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

#boxHead 
{
 font-weight:bold;   
    
}

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

#TopNavigationListContainer 
{
    width: 898px;
    background-color: #940C24;
    padding-right: 8px;
    
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0; width:150px; border-top:1px solid #58585A; z-index:100; margin-bottom: 15px;} 
#menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#menu {display: inline-block;}

/* Hides from IE-mac \*/
* html #menu {height: 1%;}
#menu {display: block;}
/* End hide from IE-mac */

#menu li {float:left; position:relative; }
#menu ul {list-style-type:none; padding:0; margin:0; width:150px;} 

#menu li.sub {border-bottom:1px solid #58585A;}

#menu li,
#menu li a {display:block; color:#58585A; /*font-family:arial, sans-serif; font-size:11px; */ line-height:20px; width:150px; text-decoration:none; cursor:pointer; text-indent:5px; outline: none;}

#menu li a.current { font-weight: bold; color: #940C24; text-decoration: none; outline: none; } 
#menu li a:visited { color: #58585A; text-decoration: none; outline: none;}
#menu li a:visited.current { font-weight: bold; color: #940C24; text-decoration: none; outline: none;}
#menu li a:hover { font-weight:bold; background: #fff; outline: none;}

#menu li.click a { font-weight: bold; width:135px; color: #58585A; text-decoration: none; outline: none; line-height:20px; }
/*
#menu li.click a.current { font-weight: bold; color: #940C24; text-decoration: none; outline: none;}  
#menu li.click a:visited { color: #58585A; text-decoration: none; outline: none;}
#menu li.click a:visited.current { font-weight: bold; color: #940C24; text-decoration: none; outline: none;}
#menu li.click a:hover { font-weight:bold; background: #fff; outline: none;}*/

#menu li.click ul li a { font-weight: normal; }
#menu li.click ul li a:visited { color: #58585A; text-decoration: none; outline: none;}
#menu li.click ul li a:visited.current { font-weight: bold; color: #940C24; text-decoration: none; outline: none;}
#menu li.click ul li a:hover { font-weight:bold; background: #fff; outline: none;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.click ul li { width:135px; padding-left:15px;background-image:url(img/pfeil_rot.gif); background-repeat:no-repeat; background-position: 5px 7px; }

#menu li.hover {background: #fff; outline: none; z-index:500;} 
#menu li.click {color: #58585A; text-decoration: none; outline: none; line-height:20px;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover {font-weight:bold; background: #fff; outline: none; padding-left:15px;background-image:url(img/pfeil_rot.gif); background-repeat:no-repeat; background-position: 5px 7px;}