/* E.ON Navigations Stylesheet */

@media all {
/* Metanavigation Sitemap, Kontakt, Info-Service, Search */
    ul#ulmetanav { float: right; font-size: 0.65em; font-weight: normal; line-height: 1.5em; margin: 9px 0px 0px 0px; padding: 0em;    }
    ul#ulmetanav li { display: inline; list-style-type: none;    margin: 0em 0em 0em 1em; }
    ul#ulmetanav a { text-decoration: none; color: #840201; }
    ul#ulmetanav a.active { color: #fff; }
    ul#ulmetanav a:hover, ul#ulmetanav a:focus, ul#ulmetanav a:active { color: #fff; }
    ul#ulmetanav input { font-size: 1em; vertical-align: middle;}
    #metanavsearch { padding: 2px 6px; margin-left: 1.25em; width: 13.35em; }
    body#homepage ul#ulmetanav a,
    body#branchingpage ul#ulmetanav a,
    body#contentpage ul#ulmetanav a { color: #fff; }

/* Metanavigation Languageswitch, Fontsize */
    ul#ulmetanavstyle {    float: right; font-size: 0.65em; font-weight: normal; line-height: 1.5em; margin: 7px 12px 0px 0px; padding: 0em; height: 2em; }
    ul#ulmetanavstyle li { display: inline; list-style-type: none; margin: 0em; }
    ul#ulmetanavstyle a { color: #840201; text-decoration: none; }
    ul#ulmetanavstyle li.Language {    margin-left: 1em; }        
    ul#ulmetanavstyle li.FontSizeSmall { font-size: 1em; margin: 0em 0em 0em 2em; }
    ul#ulmetanavstyle li.FontSizeMiddle { font-size: 1.5em; margin: 0em 0em 0em 0.25em; }
    ul#ulmetanavstyle li.FontSizeLarge { font-size: 2em; margin: 0em 16px 0em 0.25em; }

/* 1st navigation level */
    #nav { background: #f21c0a; }
    #nav_main ul { float: left;    display: inline; padding: 0em; margin: 14px 0em 0em 175px; }
    #nav_main ul li { float: left; display: inline; list-style-type: none; font-size: 1em; margin: 0em; padding: 0em; }
    #nav_main ul li a { background: transparent; color: #840201; font-size: 0.75em; font-weight: bold; text-decoration: none; display: block; width: auto; padding: 0em 1.35em 0em 0em; white-space: nowrap; }
    #nav_main ul li a.active { color: #fff; }
    #nav_main ul li a:hover { color: #fff; }
    body#portalpage #nav_main ul li a { color: #fff; }
    body#homepage #nav_main ul li a { color: #fff; }

    /* fixed the size from header */
    body#branchingpage #header,
    body#contentpage #header { width: 985px !important; }
    /* more space between red and white area (1st / 2nd navigation level)*/
    body#branchingpage #nav_main,
    body#contentpage #nav_main,
    body#specialpage #nav_main { padding-bottom: 8px; }
    body#branchingpage #nav_second,
    body#contentpage #nav_second,
    body#specialpage #nav_second { margin-top: 8px; }

/* 2nd navigation level */
    /* branchingpage / homepage / specialpage */
    #nav_second { float: left; display: inline; padding: 0em; margin: 16px 0 0 175px; }
    #nav_second ul li { float: left; display: inline; list-style-type: none; font-size: 1em; margin: 0em; padding: 0em; }
    #nav_second ul li a { background: transparent; color: #840201; font-size: 0.75em; font-weight: bold; text-decoration: none; display: block; width: auto; padding: 0em 1.35em 0em 0em; }
    body#homepage #nav_second ul li a { color: #fff; }
    
    body#branchingpage #nav_second,
    body#specialpage #nav_second { clear: both; display: inline; padding: 0em; margin: 16px 0 0 175; background: #fff; }
    body#branchingpage #nav_second a,
    body#contentpage #nav_second a,
    body#specialpage #nav_second a { color: #969696; }
    body#branchingpage #nav_second a.active,
    body#branchingpage #nav_second a:hover,
    body#contentpage #nav_second a.active,
    body#contentpage #nav_second a:hover,
    body#specialpage #nav_second a.active,
    body#specialpage #nav_second a:hover { color: #f21c0a; }

/* 3th navigation level */
    #col_nav ul { padding: 0em; margin: 0em; width: 100%; }
    #col_nav ul li { text-align: right; list-style-type: none; font-size: 1em; margin: 0em; padding: 3px 5px 5px 0px; line-height: 0.75em;}
    #col_nav ul li a { color: #000; font-size: 0.7em; font-weight: bold; text-decoration: none; }
    #col_nav ul li.active { background: #CECECE; }                /* li selected */
    #col_nav a:hover { color: #f21c0a; }                        /* link hover */
    #col_nav ul li.active a:hover { color: #000; }                /* selected li link hover */
    #col_nav ul li.spacer { border-bottom: 2px #fff solid; }        /* spacer between navigation level */
    #col_nav ul li.spacertop { border-top: 2px #fff solid; }
    #col_nav ul li.spacerlg { border-bottom:2px #E6E6E6 solid; }
/* 4th navigation level */
    #col_nav ul li.submenu { text-align: right; list-style-type: none; font-size: 1em; margin: 0em; padding: 3px 5px 4px 0px; line-height: 0.65em; }
    #col_nav ul li.submenu { background: #E6E6E6; }
    #col_nav ul li.submenu a { color: #000; font-size: 0.625em; font-weight: normal; text-decoration: none; }
    #col_nav ul li.submenu a:hover { color: #f21c0a; }
    
/* 5th navigation level */
    #col_nav ul li.secondsubmenu { text-align: right; list-style-type: none; font-size: 1em; margin:0px; padding: 3px 5px 4px 0px; line-height: 0.65em; }
    #col_nav ul li.secondsubmenu { background: #f5f5f5; }
    #col_nav ul li.secondsubmenu a { color: #000; font-size: 0.625em; font-weight: normal; text-decoration: none; }
    #col_nav ul li.secondsubmenu a:hover { color: #f21c0a; }
    #col_nav ul li a.active { color: #f21c0a; }        /* selected li link */

/* sitemap */
    #sitemap_content { clear: both; float:left; background: #fff; margin: 0em; padding: 0em; position: relative; width:100%; }
    #sitemap_content .bold { font-weight: bold; }
    #sitemap_content a { color: #000; font-size: 1em; text-decoration: none; }
    #sitemap_content ul { margin: 0em; padding: 0em; }
    #sitemap_content .spacer { border-bottom:2px #fff solid; }
    #sitemap_content .spacertop { border-top:2px #fff solid; }
    
    #sitemap_content ul.s_header { float: left; padding: 0em; margin: 0em; width: 100%; border:0px #ddd dotted; }
    #sitemap_content ul li { list-style-type: none; }
    #sitemap_content ul.s_header li { text-align: left; margin: 0em; padding: 0em; display: inline; }
    #sitemap_content span.sitemap { float: left; font-size: 125%; color: #f21c0a; padding-top: 1px; }
    #sitemap_content a.startpage { float: right; color: #969696; font-size: 0.8em; }
    
    #sitemap_content ul.s_detail { float: left; padding: 0em; margin: 2.6em 0em 1.85em 0em; width: 100%; font-size: 0.8em; }
    #sitemap_content a.arrow_grey { padding: 0px 0px 0px 18px; background-image: url('images/icon_arrow_right_g_17_spaceright.gif'); background-repeat: no-repeat; background-position: 0em;}
    #sitemap_content ul.s_topnav { float:left; width: 150px; padding: 0em; margin: 0em 15px 2em 0em; display: block; }
    #sitemap_content ul.s_topnav li.topnav a { color: #969696; font-size: 0.8em; font-weight: bold; }
    #sitemap_content ul.s_topnav li.topnav { margin-bottom: 0.3em; }
    #sitemap_content ul.s_topnav li.topnav a:hover { color: #f21c0a; }
    #sitemap_content li.secondnav { font-size: 0.75em; font-weight: bold; padding: 0.25em 0em 0.3em 8px; }
    
    #sitemap_content li.submenu { background: #e6e6e6; padding: 0em 0em 0.2em 8px;}
    #sitemap_content li.submenu a { font-size: 0.7em; padding: 0em 0em 0em 0em; }
    
    #sitemap_content li.secondsubmenu { background: #f5f5f5; padding: 0em 0em 0em 8px; }
    #sitemap_content li.secondsubmenu a { font-size: 0.7em; padding: 0em 0em 0em 0em; }
    #sitemap_content a:hover { color: #f21c0a; }

    
}