/*
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 : 09.04.2015, 07:20:41
    Author     : knueller
*/

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

  nav#dP_navigation-main > ul {
    padding: 0px 5px;
    margin: 0px;
  }
}
  
/* Horizontale Navigation */
@media screen and (min-width: 768px) {  
    
  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: 100px;    /* 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;
    padding: 0px;
    min-width: 100px;
    /* border: 1px solid; */
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  }

  /* 3. and more level */
  nav#dP_navigation-main ul.dp_nav-horizontal li ul ul {
    position: absolute; 
    left: 95%;
    top: 5%;
    /* border: 1px solid; */
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  }

}



/* Vertikale Navigation */

@media screen and (min-width: 768px) {
  nav#dP_navigation-main ul.dp_nav-vertical {
    width: 100%;
  }

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

  nav#dP_navigation-main ul.dp_nav-vertical li:hover > ul {
    display: block;
    visibility: visible;
    /* border: 1px solid; */
  }

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

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

  /* 2. level */
  nav#dP_navigation-main ul.dp_nav-vertical li:not(.dP_navigation-open):not(.dP_navigation-active):hover ul {
    min-width: 150px;
  }

  /* sizes, colors, position */

  nav#dP_navigation-main ul.dp_nav-vertical li.dP_navigation-hassubs > a:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 60%;
    position: absolute;
    right: 10px;
    top: 0.6em;
  }

  /* 1. level */
  nav#dP_navigation-main ul.dp_nav-vertical > li {
    width: 100%;
  }

  nav#dP_navigation-main ul.dp_nav-vertical li a {
    padding: 2px 20px 2px 5px;
    min-width: 100px;    /* same min-size for each a */
  }

  /* 2. and more level */
  nav#dP_navigation-main ul.dp_nav-vertical ul {
    position: absolute; 
    left: 99%;
    top: 0%;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #333333;
  }

  /* geöffnete Level */

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

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

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

  /* Ausnahmen: umbrechen */
  nav#dP_navigation-main ul.dp_nav-vertical > li, /* erstes Level */
  nav#dP_navigation-main ul.dp_nav-vertical li.dP_navigation-open > a, /* in offen Level */
  nav#dP_navigation-main ul.dp_nav-vertical li.dP_navigation-active > a, /* in aktivem  Level */ 
  nav#dP_navigation-main 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-main ul.dp_nav-vertical li.dP_navigation-open > a:after,
  nav#dP_navigation-main ul.dp_nav-vertical li.dP_navigation-active > a:after {
    content: "";
  }
}