/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25.04.2014, 08:30:21
    Author     : rm
*/


.dP_mainnavigation,
.dP_subnavigation {
    font-family: inherit;
    font-size: 87%;
}

.dP_mainnavigation, 
.dP_mainnavigation ul {
    background-color: rgba(220,43,25,1);
}

.dP_subnavigation a:hover, 
.dP_subnavigation li.dP_navigation-open > a, 
.dP_subnavigation li.dP_navigation-active > a {
    background-color: rgba(220,43,25,1);
}

.dP_mainnavigation a:hover, 
li.dP_navigation-open > a, 
li.dP_navigation-active > a,
.dP_subnavigation, 
.dP_subnavigation ul {
    background-color: rgba(255,255,255,1);  
}


.dP_mainnavigation a,
.dP_subnavigation a:hover, 
.dP_subnavigation li.dP_navigation-open > a, 
.dP_subnavigation li.dP_navigation-active > a {
    color: #FFFFFF;
}

.dP_mainnavigation a:hover, 
li.dP_navigation-open > a, 
li.dP_navigation-active > a,
.dP_subnavigation a {
    color: #666666;
}

/* Navigation */

nav#dP_navigation-main ul {
    list-style-type: none;
    padding: 1px;
    margin: 0px;
}

nav#dP_navigation-sub ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

nav#dP_navigation-main li,
nav#dP_navigation-sub li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

nav#dP_navigation-main ul.center {
    display: table;
    margin: auto;
}

nav#dP_navigation-main ul.right {
    display: table;
    margin-left:auto; 
    margin-right:0
}

.displayToggler span {
    cursor: pointer;
}

.displayToggler.text-left {
    padding-left: 5px;
}

.displayToggler.text-right {
    padding-right: 5px;
}

.dP_navwrapper_mobile nav#dP_navigation-main {
    padding: 0px;
    margin: 0px;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
    /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
    /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
    /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
    /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 768px) {
    .displayToggler {
        display: none;
    }

    nav#dP_navigation-main ul.dp_nav-horizontal ul {
        position: absolute;
        display: none;
        visibility: hidden;
    }

    nav#dP_navigation-main ul.dp_nav-horizontal li:hover > ul {
        display: block;
        visibility: visible;
    }

    nav#dP_navigation-main ul.dp_nav-horizontal li ul li {
        position: relative; 
    }

    nav#dP_navigation-main ul.dp_nav-horizontal li a {
        display: inline-block;
    }

    /* sizes, colors, position */

    nav#dP_navigation-main ul.dp_nav-horizontal li.dP_navigation-hassubs > a:after {
        content: "\f054";
        padding-left: 10px;
        font-family: FontAwesome;
        font-size: 60%;
    }

    /* 1. level */
    nav#dP_navigation-main ul.dp_nav-horizontal > li {
        float: left;
    }

    nav#dP_navigation-main ul.dp_nav-horizontal li a {
        padding: 2px 25px 2px 25px;
        min-width: 60px;    /* same size for each a */
        white-space: nowrap; /* adjust size of a on text-length*/
    }

    /* 2. level */
    nav#dP_navigation-main ul.dp_nav-horizontal li ul {
        opacity: 1.0;
        min-width: 130px;
    }

    /* 3. and more level */
    nav#dP_navigation-main ul.dp_nav-horizontal li ul ul {
        position: absolute; 
        left: 100%;
        top: -1px;
    }

    /*
    / vertikales Menü 
    / Klappmenüs bei geschlossenen Submenüs
    / offene 
    */

    nav#dP_navigation-sub ul.dp_nav-vertical {
        width: 100%;
    }

    nav#dP_navigation-sub ul.dp_nav-vertical li a {
        display: inline-block;
        position: relative;
        width: 100%;
    }



    /* 1. level */
    nav#dP_navigation-sub ul.dp_nav-vertical > li {
        width: 100%;
        background-color: #DC2B19;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical > li li {
        background-color: #FFFFFF;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical > li > a {
        padding: 2px;
        padding-left: 7px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li.dP_navigation-active,
    nav#dP_navigation-sub ul.dp_nav-vertical li li.dP_navigation-open,
    nav#dP_navigation-sub ul.dp_nav-vertical li li:hover {
        background-color: #DC2B19;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li {
        padding-left: 6px!important;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li a {
        margin-left: 0px;
        padding-left: 6px;
        background-color: white;
        color: #666666;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li ul {
        display: block;
        background-color: #FFFFFF !important;
        margin-left: -6px;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li li {
        background-color: white;
        list-style-type: square;
        margin-left: 24px;
        padding-left: 0px!important;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li li {
        color: #DEDEDE;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li li.dP_navigation-active,
    nav#dP_navigation-sub ul.dp_nav-vertical li li li.dP_navigation-open,
    nav#dP_navigation-sub ul.dp_nav-vertical li li li:hover {
        color: #DC2B19 !important;
    }

    nav#dP_navigation-sub ul.dp_nav-vertical li li li.dP_navigation-active a,
    nav#dP_navigation-sub ul.dp_nav-vertical li li li.dP_navigation-open a {
        font-weight: bold;
    }
    
    nav#dP_navigation-sub ul.dp_nav-vertical li li li a {
        padding-left: 0px;
    }

    
    nav#dP_navigation-sub {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #dP_navigation-sub a,
    #dP_navigation-sub a:hover {
        text-decoration: none;
    }

    nav#dP_navigation-sub ul li a {
        border-bottom: 1px dotted #cccccc;
    } 

    nav#dP_navigation-sub > ul > li:first-child > a {
        border-top: 1px dotted #cccccc;
    }

    /* geöffnete Level */

    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-open > ul,
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-active > ul {
        display: block;
        visibility: visible;
        position: relative;
        left: 0px;
        top: 0px;
        border: none; 
        background-color: transparent;
    }


    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-open > ul > li,
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-active > ul > li {
        padding-left: 0px;
    }

    /* Standard: nicht umbrechen */
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-open a {
        /* white-space: nowrap; */
    }

    /* Ausnahmen: umbrechen */
    nav#dP_navigation-sub ul.dp_nav-vertical > li, /* erstes Level */
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-open > a, /* in offen Level */
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-active > a, /* in aktivem  Level */ 
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-active > ul > li > a /* in Level hinter aktivem  Level */  {
        white-space: normal;
    }

    /* keine Pfeile bei angezeigten Unterlevels */
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-open > a:after,
    nav#dP_navigation-sub ul.dp_nav-vertical li.dP_navigation-active > a:after {
        content: "";
    }



    nav#dP_navigation-main .dP_navigation li.dP_navigation-active li a,
    nav#dP_navigation-main .dP_navigation li.dP_navigation-open li a {
        padding-left: 10px;
    }

    nav#dP_navigation-main .dP_navigation li.dP_navigation-active li li a,
    nav#dP_navigation-main .dP_navigation li.dP_navigation-open li li  a {
        padding-left: 20px;
    }

    nav#dP_navigation-main .dP_navigation li.dP_navigation-active li li li a,
    nav#dP_navigation-main .dP_navigation li.dP_navigation-open li li li a {
        padding-left: 30px;
    }

    nav#dP_navigation-main .dP_navigation li.dP_navigation-active li li li li a,
    nav#dP_navigation-main .dP_navigation li.dP_navigation-open li li li li a {
        padding-left: 40px;
    }

    nav#dP_navigation-main .dP_navigation li:not(.dP_navigation-open) > ul a,
    nav#dP_navigation-main .dP_navigation li:not(.dP_navigation-active) > ul a{
        min-width: 120px;   
    }
 
    

}


/* small devices */
@media screen and (max-width: 768px) {
    .displayToggler {
        display: block;
        padding-left: 1em;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    nav#dP_navigation-main {
        margin-bottom: 10px;
    }

    nav#dP_navigation-main.fixed {
        position: relative;
        width: 100%;
    }

    nav#dP_navigation-main ul.dP_navigation {
        display: none;
        position: absolute;
        z-index: 1000;
        width: 100%;
        font-size: 180%;
    }

    nav#dP_navigation-main ul.dP_navigation ul,
    nav#dP_navigation-main ul.dP_navigation ul {
        display: none;

    }

    nav#dP_navigation-main ul.dP_navigation li.dP_navigation-open > ul,
    nav#dP_navigation-main ul.dP_navigation li.dP_navigation-active > ul {
        display: block;
  
    }

    nav#dP_navigation-main ul.dP_navigation li ul li,
    nav#dP_navigation-main ul.dP_navigation li ul li {
        position: relative; 
    }

    nav#dP_navigation-main ul.dP_navigation li a,
    nav#dP_navigation-main ul.dP_navigation li a {
        display: inline-block;
    }

    /* sizes, colors, position */

    nav#dP_navigation-main ul.dP_navigation li.dP_navigation-hassubs > a:after {
        content: "\f054";
        padding-left: 10px;
        font-family: FontAwesome;
        font-size: 60%;
    }


    nav#dP_navigation-main ul.dP_navigation li.dP_navigation-hassubs.dP_navigation-open > a:after,
    nav#dP_navigation-main ul.dP_navigation li.dP_navigation-hassubs.dP_navigation-active > a:after {
        content: "";
        padding-left: 0px;
    }


    /* 1. level */
    nav#dP_navigation-main ul.dP_navigation li {
        padding-left: 0px;
    }

    nav#dP_navigation-main ul.dP_navigation li a {

    }

    /* 2. level */
    nav#dP_navigation-main ul.dP_navigation li ul {

    }

    /* 3. and more level */
    nav#dP_navigation-main ul.dP_navigation li ul ul {

    }

    nav#dP_navigation-main .dP_navigation a,
    nav#dP_navigation-main .dP_navigation li a {
        padding-left: 10px;
    }

    nav#dP_navigation-main .dP_navigation li li a,
    nav#dP_navigation-main .dP_navigation li li a {
        padding-left: 20px;
    }

    nav#dP_navigation-main .dP_navigation li li li a,
    nav#dP_navigation-main .dP_navigation li li li a
    {
        padding-left: 30px;
    }

    nav#dP_navigation-main .dP_navigation li li li li a, 
    nav#dP_navigation-main .dP_navigation li li li li a
    {
        padding-left: 40px;
    }

    nav#dP_navigation-main .dP_navigation li li li li li a
    nav#dP_navigation-main .dP_navigation li li li li li a
    {
        padding-left: 50px;
    }

    /* Unternavigation verstecken */ 
    .dP_subnavigation {
        display: none;
    }

}

/* allgemeines aussehen */

nav#dP_navigation-main .dP_navigation li {
}

nav#dP_navigation-main .dP_navigation a {
    padding: 3px 12px 3px 20px;
    text-decoration: none;
    display: block;
    width: 100%;
}

nav#dP_navigation-main .dP_navigation li:first-child a {
}

nav#dP_navigation-main .dP_navigation li a {
    border-top: 0px;
    margin-top: 0px;
}

nav#dP_navigation-main .dP_navigation a:hover,
nav#dP_navigation-main .dP_navigation li.dP_navigation-open *,
nav#dP_navigation-main .dP_navigation li.dP_navigation-active *{
}

nav#dP_navigation-main .dP_navigation a:hover,
nav#dP_navigation-main .dP_navigation li.dP_navigation-active > a{
    font-weight: normal;
}