﻿ul.menu { list-style: none; padding: 0; }
ul.menu * { z-index: 4000; padding: 0; }

ul.menu a { display: block; color: White; font-size: 11px; text-decoration: none; }
ul.menu span { display: block; color: White; font-size: 11px; text-decoration: none; }
ul.menu li { position: relative; float: left; margin-right: 2px; }
ul.menu ul {
    position: absolute;
    left: 0;
    background-color: #FFFFFF;
    display: none;
    /*opacity: 0;*/
    list-style: none;    
    /*margin-top: 1px;*/
    border-left: solid 1px #AAAAAA;
    /*border-bottom: solid 1px #AAAAAA;*/ /* ??? TODO geht nicht */
    border-right: solid 1px #AAAAAA;
    background-image: url(Images/menu/menu_submenu_background.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}
ul.menu ul li {
    position: relative;
    /*border-bottom: 1px solid #aaa;*/
    /*border-left: 1px solid #aaa;*/
    /*border-right: 1px solid #aaa;*/
    border-top: none;
    width: 200px;
    /*height: 50px;*/
    margin: 0;
}
ul.menu ul li a { color: #000000; display: block; text-indent: 5px; padding: 9px 0px 8px 0px; height: 14px; }
ul.menu ul li a:hover { /*background-color: #c5c5c5;*/ background-image: url(Images/menu/mainmenu_submenu_hover.jpg); }
ul.menu ul ul { /* Submenu 2te Stufe */ left: 200px; top: 0px; /*border: 1px solid #AAAAAA;*/ }
ul.menu .menulink {
    padding: 11px 15px 13px 15px;
    /*font-weight: bold;*/
    /*border-right: solid 1px #404040;*/    
    background-image: url(Images/menu/mainmenu_backgrounds.png);
    background-position: 0 0;
    
    height: 13px;   /* padding 37px Höhe - 11px + 13px */

    /*font-family: Arial Black;*/
    font-size: 12px;
    /*font-weight: 300;*/
    text-transform: uppercase;
    
    
    font-weight: 900;
    font-family: "Arial Black", Arial, sans-serif;
}

ul.menu .menulink:hover { /*background-image: url(Images/menu/mainmenu_gray_hover.jpg);*/ /*background-color: Green;*/ }
ul.menu .submenu.menuhover  { background-image: url(Images/menu/mainmenu_submenu_hover.jpg); }
ul.menu .sub { background: #d1d1d1 url(Images/arrow-right-red.gif) 210px 8px no-repeat; }
ul.menu .topline { }



/*
 * Rotes Menu für News
 */
/* black */
.mainmenu_mainliblack a.menulink:hover { background-position: 0 -50px; }
.mainmenu_mainliblack a.active { background-position: 0 -50px; }
/* blue */
.mainmenu_mainliblue a.menulink:hover { background-position: 0 -100px; }
.mainmenu_mainliblue a.active { background-position: 0 -100px; }
/* green */
.mainmenu_mainligreen a.menulink:hover { background-position: 0 -150px; }
.mainmenu_mainligreen a.active { background-position: 0 -150px; }
.mainmenu_mainligreen span.menulink:hover { background-position: 0 -150px; }
.mainmenu_mainligreen span.active { background-position: 0 -150px; }
/* orange */
.mainmenu_mainliorange a.menulink:hover { background-position: 0 -200px; }
.mainmenu_mainliorange a.active { background-position: 0 -200px; }
/* red */
.mainmenu_mainlired a.menulink:hover { background-position: 0 -250px; }
.mainmenu_mainlired a.active { background-position: 0 -250px; }

/* Css-Klasse für die Breite der Menueinträge */
.mainmenu_item1 { width: 93px; }
.mainmenu_item2 { width: 70px; }
.mainmenu_item3 { width: 102px; }
.mainmenu_item4 { width: 93px; }
.mainmenu_item5 { width: 83px; }
.mainmenu_item5 span { cursor: default; }
.mainmenu_item6 { width: 87px; }
.mainmenu_item7 { width: 105px; }
.mainmenu_item8 { width: 120px; }
.mainmenu_item9 { width: 132px; }
.mainmenu_item10 { margin-right: 0 !important; width: 127px;  }
.mainmenu_item10 a { padding-left: 23px !important; }
