/* PROJEKT EBOARDMUSEUM

03 MAXI NAVIGATION */




@media screen and (min-width: 768px) {

/* HAUPTNAVIGATION 
------------------------------------------------------------------------------------- */
#left .mod_navigation {
    margin-left:-212px;
}
#left .mod_navigation li {
    margin:0;
    padding:0;
}
#left .mod_navigation a {
    width:170px;
    display:block;
    margin:3px 0 0;
    padding:12px 0 12px 24px;
    background-color:rgba(102,51,51,.8);
    border:1px solid #999;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font:1em "Open Sans",Verdana,Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    text-shadow: 1px 1px 1px #300;
}
#left .mod_navigation a:hover,
#left .mod_navigation a:focus {
    width:162px;
    display:block;
    margin:3px 0 0 8px;
    padding:12px 0 12px 24px;
    background-color:#633;
    background:-moz-linear-gradient(275deg,#300 .2%,#633);
    background:-webkit-linear-gradient(275deg,#300 .2%,#633);
    background:-o-linear-gradient(275deg,#300 .2%,#633);
    background:-ms-linear-gradient(275deg,#300 .2%,#633);
    background:linear-gradient(175deg,#300 .2%,#633);
    -pie-background:linear-gradient(275deg,#300 .2%,#633);
    border:1px solid #999;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font-size:1em;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
}
#left .mod_navigation strong.active,
#left .mod_navigation .forward.css_fotogalerie .forward.css_fotogalerie {
    width:162px;
    display:block;
    margin:3px 0 0 8px;
    padding:12px 0 12px 24px;
    background-color:rgba(255,255,255,.8);
    border:1px solid #999;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font:1em "Open Sans",Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-decoration:none;
    color:#900;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* SEITE HIGHLIGHTS - Pseudo-Submenü Instrumente */
#left .mod_navigation .trail.css_highlights a {
    width:162px;
    display:block;
    margin:3px 0 0 8px;
    padding:12px 0 12px 24px;
    background-color:rgba(255,255,255,.8);
    border:1px solid #999;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font:1em "Open Sans",Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-decoration:none;
    color:#900;
    text-transform:uppercase;
    letter-spacing:1px;
    text-shadow: none;
}

/* Zweite Ebene (Projekte) */
#left .mod_navigation .level_2 {
    width:0;
    height:0;
    left:-32768px;
    top:-32768px;
    position:absolute;
    overflow:hidden;
}
#left .mod_navigation li:hover .level_2 {
    width:auto;
    height:auto;
    left:auto;
    top:auto;
}
#left .mod_navigation .css_programm a {
    background-color:rgba(125,101,56,.8);
}
#left .mod_navigation .css_programm a:hover,
#left .mod_navigation .css_programm a:focus {
    background-color:#7d6538;
    background:-moz-linear-gradient(275deg,#4a3104 .2%,#7d6538);
    background:-webkit-linear-gradient(275deg,#4a3104 .2%,#7d6538);
    background:-o-linear-gradient(275deg,#4a3104 .2%,#7d6538);
    background:-ms-linear-gradient(275deg,#4a3104 .2%,#7d6538);
    background:linear-gradient(175deg,#4a3104 .2%,#7d6538);
    -pie-background:linear-gradient(275deg,#4a3104 .2%,#7d6538);
}
#left .mod_navigation .css_projekte a,
#left .mod_navigation .css_udo a,
#left .mod_navigation .level_2 .css_beach_band a,
#left .mod_navigation .level_2 .css_hardware a,
#left .mod_navigation .level_2 .css_prix a,
#left .mod_navigation .level_2 .css_strichpunkt a,
#left .mod_navigation .level_2 .css_three_tight a {
    background-color:rgba(57,111,115,.8);
}
#left .mod_navigation .css_projekte a:hover,
#left .mod_navigation .css_projekte a:focus,
#left .mod_navigation .css_udo a:hover,
#left .mod_navigation .css_udo a:focus,
#left .mod_navigation .level_2 .css_beach_band a:hover,
#left .mod_navigation .level_2 .css_beach_band a:focus,
#left .mod_navigation .level_2 .css_hardware a:hover,
#left .mod_navigation .level_2 .css_hardware a:focus,
#left .mod_navigation .level_2 .css_prix a:hover,
#left .mod_navigation .level_2 .css_prix a:focus,
#left .mod_navigation .level_2 .css_strichpunkt a:hover,
#left .mod_navigation .level_2 .css_strichpunkt a:focus,
#left .mod_navigation .level_2 .css_three_tight a:hover,
#left .mod_navigation .level_2 .css_three_tight a:focus {
    background-color:#396f73;
    background:-moz-linear-gradient(275deg,#003c40 .2%,#396f73);
    background:-webkit-linear-gradient(275deg,#003c40 .2%,#396f73);
    background:-o-linear-gradient(275deg,#003c40 .2%,#396f73);
    background:-ms-linear-gradient(275deg,#003c40 .2%,#396f73);
    background:linear-gradient(175deg,#003c40 .2%,#396f73);
    -pie-background:linear-gradient(275deg,#003c40 .2%,#396f73);
}

/* FACEBOOK 
--------------------------------------------------------------------------------------------------- */
.facebook_header_maxi {
    width:60px;
    height:60px;
    right:32px;
    top:12px;
    position:absolute;
    background-color:#fff;
    border:1px solid #fff;
    border-radius:4px;
    z-index: 20;
}

/* FLAGGEN (Sprachwechsler) 
--------------------------------------------------------------------------------------------------- */
.mod_changelanguage ul {
    right:142px;
    top:30px;
    position:absolute;
    margin:0;
    padding:0;
    text-align:center;
    list-style-type:none;
    z-index: 5;
}
.mod_changelanguage li {
    display:inline-block;
    margin-left:16px;
    border:1px solid #fff;
}
.mod_changelanguage li > * {
    width:26px;
    height:26px;
    overflow:hidden;
    display:block;
    background-image:url("../grafiken/languages.png");
    text-indent:32px;
}
.mod_changelanguage li .lang-de {
    background-position: -26px 0;
}
.mod_changelanguage li .lang-en {
    background-position: 0 0;
}

/* ARCHIV FOTOS EVENTS 
--------------------------------------------------------------------------------------------------- */
#main .mod_customnav.archiv ul {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
}
#main .mod_customnav.archiv li {
    width:auto;
    float:left;
    margin:0;
}
#main .mod_customnav.archiv a {
    display:block;
    margin:0 12px 12px 12px;
    padding-right:36px;
    padding-left:36px;
    background-color:rgba(0,0,0,.05);
    border:1px ridge rgba(255,204,0,.4);
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font-size:1.2;
    line-height:44px;
    text-decoration:none;
    color:rgba(255,204,0,.5);
}
#main .mod_customnav.archiv a:hover,
#main .mod_customnav.archiv a:focus {
    background-color:rgba(255,255,255,.5);
    color:#300;
}
#main .mod_customnav.archiv strong {
    display:block;
    margin-right:12px;
    margin-left:12px;
    padding-right:36px;
    padding-left:36px;
    background-color:rgba(255,255,255,.1);
    border:1px solid rgba(255,204,0,.8);
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    font-size:2em;
    line-height:44px;
    font-weight:normal;
    text-decoration:none;
    color:rgba(255,204,0,.8);
}
}