/*Divbox hauptmenü*/
.divhauptmenu {
    height: 123px;
    width: 980px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(/DesktopModules/dflmenu/images/Header_Navi_980x123.png);
    z-index:10100;
}

/*13 Menüboxen*/
.divhauptmenu .divmenubox {
    /*background-position:top center;*/
    text-align: center;
    float: left;
    height: 123px;
    width: auto;
}


.divhauptmenu .divmenuboxicon {
    width: 125px;
    height: 100px;
}



/*Abstand zwischen Box zum logo*/
.divhauptmenu .divmenuboxabstandzumlogo {
    /*width: 64px;*/
    width: 36px;
}


/*Abstand zwischen den Boxen*/
.divhauptmenu .divmenuboxabstand {
    width: 52px;
}

/* Abstand zwischen einzelnen Hauptgrafiken */
/* Formatierung der Grafikboxen */
.divhauptmenu .diviconbox {
    background-position: center 17px;
    text-align: center;
    background-repeat: no-repeat;
    height: 98px;
}




.divhauptmenu .divlogo {
    width: 220px;
    height: 104px;
    background-image: url(/DesktopModules/footermenu/images/Logo.png);
    background-position: center 0px;
   
	background-size: 220px 104px;

}

.divhauptmenu .divhelfen {
    background-image: url(/DesktopModules/dflmenu/images/Helfen_Hand_Herz.png);
}

 .divhauptmenu .divhelfen:hover {
        background-image: url(/DesktopModules/dflmenu/images/Helfen_Hand_Herz_hover.png);
    }

/* Zuweisung der Grafik */

.divhauptmenu .divgewinnen {
    background-image: url(/DesktopModules/dflmenu/images/Gewinner_Icon.png);
}
    /* Zuweisung der Grafik bei Hover */

 .divhauptmenu    .divgewinnen:hover {
        background-image: url(/DesktopModules/dflmenu/images/Gewinner_Icon_hover.png);
    }



/* Zuweisung der Grafik */
.divhauptmenu .divmitspielen {
    background-image: url(/DesktopModules/dflmenu/images/LOSE_Icon.png);
}

    /* Zuweisung der Grafik bei Hover */
 .divhauptmenu    .divmitspielen:hover {
        background-image: url(/DesktopModules/dflmenu/images/LOSE_Icon_hover.png);
    }





/* Zuweisung der Grafik */
.divhauptmenu .divinformieren {
    background-image: url(/DesktopModules/dflmenu/images/uberuns_Icon.png);
}

    .divinformieren:hover {
        background-image: url(/DesktopModules/dflmenu/images/uberuns_Icon_hover.png);
    }



/*Anstand von Oben für Grafikbox*/
.divhauptmenu .divmitspielen,
.divhauptmenu .divgewinnen,
.divhauptmenu .divhelfen,
.divhauptmenu .divinformieren {
    margin-top: 25px;
}

 .divhauptmenu    .divhelfen:hover,
 .divhauptmenu    .divgewinnen:hover,
  .divhauptmenu   .divmitspielen:hover,
  .divhauptmenu   .divinformieren:hover {
        background-color: white;
    }





        /*Bei Hover auf Grafik wird Submenü eingeblendet */
   .divhauptmenu      .divhelfen:hover div,
    .divhauptmenu     .divgewinnen:hover div,
   .divhauptmenu      .divmitspielen:hover div,
    .divhauptmenu     .divinformieren:hover div {
            display: block;
            color: black;
        }

        /*Bei Hover auf Grafik wird Schriftfarbe für Hauptmenü gesetzt */
    .divhauptmenu     .divinformieren:hover .hovercolor,
    .divhauptmenu     .divmitspielen:hover .hovercolor,
    .divhauptmenu     .divgewinnen:hover .hovercolor,
    .divhauptmenu     .divhelfen:hover .hovercolor {
            color: #409ace;
        }


.divhauptmenu .hovercolor {
    color: white;
}





/* Div für Submenü */
.divhauptmenu .divsubright,
.divhauptmenu .divsub {
    margin-left: -2px;
    position: absolute;
    margin-top: 28px;
    display: none;
    width: auto;
    height: auto;
    padding: 15px 0px 20px 0px;
    background-color: white;
    z-index: 9999;
    border-color: #409ace;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid;
    text-align: left;
}






/* Div für Submenü nach Rechts
    Hier Box verücken wenn sich Menü ändert*/
.divhauptmenu .divsubright {
    margin-left: -104px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.divhauptmenu .divsubright {
    margin-left: -104px;
}
}



/* Formatierung der Hauptschrift*/
.divhauptmenu .abox {
    text-decoration: none;
    text-align: center;
    display: block;
    /*text-transform: uppercase;*/
    vertical-align: bottom;
    padding-top: 59px;
    height: 11px;
}

/* Formatierung der Hauptschrift*/
.divhauptmenu a,
.divhauptmenu a:link,
.divhauptmenu a:visited ,
.divhauptmenu a:hover,
.divhauptmenu a:active {
      color: white;
    text-decoration: none;
    outline: 0;

}  /* selected link */



/* Formatierung der Submenüschriftbox*/
.divhauptmenu .divsubright a,
.divhauptmenu .divsub a {
    text-decoration: none;
    display: block;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    color: #404040;
}


 .divhauptmenu    .divsubright a:hover,
  .divhauptmenu   .divsub a:hover {
        display: block;
        text-decoration: underline;
        color: #409ace;
    }



.divhauptmenu .subtext {
    margin: 0px 10px 0px 10px;
    padding: 5px;
    color: #404040;
}