/* BEGIN Navigation */

/* unsichtbara Checkbox verwaltet Sichtbarkeit des foldenden Menüs */
.menuswitch{
    display: none;
}
.menuswitch ~ ul.navigation_folder{
  display: none;
}
/* Menü einblenden, wenn (unsichtbare) Checkbox angewählt */
.menuswitch:checked ~ ul.navigation_folder
{
    display: block;
}

/* nur für die Hauptnavigation */
DIV#navigation
{
    border-bottom: solid 1px #45618D;
    margin-top: 12.7em;
    color: #D2D9E4;
    border-top: solid 1px #304972;
}
  /* allgemeingültig */
  DIV#navigation ul.navigation
  {
      list-style: none;
      margin: 0;
      padding: 0;
      border: none;
  }
  DIV#navigation ul.navigation a
  {
    display: block;
    text-decoration: none;
    text-align: left;
  }

  DIV#navigation ul.navigation li
  {
      font-size: 1em;
      line-height: 3em;
  }
  DIV#navigation ul.navigation li.separator
  {
    height: 5px;
    background: url(../images/background_nav_separator_5px_new.gif?cdt_20190913);
    background-position: top right;
  }
  
  /* Hauptmenü-Einträge vertikal runde Oberfläche */
  DIV#navigation ul.navigation > li > a 
  {
      color: #D2D9E4; /* #BCC6D7; */

      background-color: #20447a;  
      
      /* fallback */
      background: url(../images/background_nav_toppart.gif?cdt_20160426) left top no-repeat, 
                  url(../images/background_nav_bottompart.gif?cdt_20160426) left bottom no-repeat;

	  background: linear-gradient(to right,rgba(0,0,0,0) 96%,rgba(0,0,0,0.15) 100%),
	              linear-gradient(to right,rgba(0,0,0,0) 85%,rgba(0,0,0,0.15) 100%),
				  linear-gradient(to right, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0.5) 100%), 
	              linear-gradient(to bottom,#496799 0,#375A93 4%,#375C93 7%,#2F5389 41%,#2F5389 96%,#304972 100%) no-repeat left center;

      padding: 0em 0em 0em 2.4em;
      font-size: 1em;
      line-height: 3em;
      height: 3em;
  }
  /* gewählter Hauptmenü-Eintrag vertikal runde Oberfläche plus ZWEI Pfeile (links und rechts) */
  DIV#navigation ul.navigation > li.current > a, 
  DIV#navigation ul.navigation > li > a:hover 
  {
      color: #E8ECF1;
      
      /* fallback */
      background: url(../images/background_nav_active_right.gif?cdt_20160426) right center no-repeat,
                  url(../images/background_nav_active_left.gif?cdt_20160426) 1.4em center no-repeat,
                  url(../images/background_nav_toppart.gif?cdt_20160426) left top no-repeat, 
                  url(../images/background_nav_bottompart.gif?cdt_20160426) left bottom no-repeat;

	  background: url(../images/background_nav_active_right.gif?cdt_20160426) right center no-repeat,
	              url(../images/background_nav_active_left.gif?cdt_20160426) 1.4em center no-repeat,
				  linear-gradient(to right,rgba(0,0,0,0) 96%,rgba(0,0,0,0.15) 100%),
				  linear-gradient(to right,rgba(0,0,0,0) 85%,rgba(0,0,0,0.15) 100%),
				  linear-gradient(to bottom,#496799 0,#375A93 4%,#375C93 7%,#2F5389 41%,#2F5389 96%,#304972 100%) no-repeat left center;
  }
  /* AUFGEKLAPPTER Hauptmenü-Eintrag vertikal runde Oberfläche plus EIN Pfeil (links nach unten) */
  DIV#navigation ul.navigation > li.current.container > a
  {
      color: #E8ECF1;
      
      /* fallback */
      background: url(../images/background_nav_active_leftdown.gif?cdt_20160426) 1.4em center no-repeat,
                  url(../images/background_nav_toppart.gif?cdt_20160426) left top no-repeat, 
                  url(../images/background_nav_bottompart.gif?cdt_20160426) left bottom no-repeat;

      background: url(../images/background_nav_active_leftdown.gif?cdt_20160426) 1.4em center no-repeat,
	              linear-gradient(to right,rgba(0,0,0,0) 96%,rgba(0,0,0,0.15) 100%),
	              linear-gradient(to right,rgba(0,0,0,0) 85%,rgba(0,0,0,0.15) 100%),
	              linear-gradient(to bottom,#496799 0,#375A93 4%,#375C93 7%,#2F5389 41%,#2F5389 96%,#304972 100%) no-repeat left center;
  }
  
  /* Untermenü */
  DIV#navigation ul.inner
  {
    background-color:#23477D;
    border-bottom: solid 1px #233C65;
  }
  
  /* Untermenü-Einträge flach mit Schatten rechts und links */
  DIV#navigation ul.inner li
  {
    font-size: 95%;
    background-color: #23477D;
    padding-left: 2.6em;
    border-top: solid 1px #385C8F;
    border-bottom: solid 1px #26426E;

    background-color: #30548A;
    
    /* fallback */
    background-image: url('subli_background_standard.png?cdt_20160426');
    
    background-image: linear-gradient(to right,  rgba(0,0,0,0.075) 0%,  transparent 4%, transparent 90%, rgba(0,0,0,0.15) 100%), /* Schatten links */
                      linear-gradient(to left, #081120, transparent 2px, transparent); /* Schatten rechts */
    background-repeat: no-repeat;
  }

  /* erster Untermenü-Eintrag flach mit Schatten rechts, links UND OBEN */
  DIV#navigation ul.inner li:first-child
  {
    border-top: solid 1px #335285;
    
    /* fallback */
    background-image: url('subli_background_first.png?cdt_20160426');
    
    background-image: linear-gradient(to right,  rgba(0,0,0,0.1) 0%,  transparent 4%, transparent 90%, rgba(0,0,0,0.15) 100%), /* Schatten links */
                      linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,  transparent 30%, transparent), /* Schatten oben*/
                      linear-gradient(to left, #081120, transparent 2px, transparent); /* Schatten rechts*/
    background-repeat: no-repeat;
  }

  /* letzer Untermenü-Eintrag flach mit Schatten rechts, links UND UNTEN */
  DIV#navigation ul.inner li:last-child
  {
    border-bottom: solid 1px #35568A;
    
    /* fallback */
    background-image: url('subli_background_last.png?cdt_20160426');
    
    background-image: linear-gradient(to right,  rgba(0,0,0,0.1) 0%,  transparent 4%, transparent 90%, rgba(0,0,0,0.15) 100%), /* Schatten links */
                      linear-gradient(to top,  rgba(0,0,0,0.02) 0%,  transparent 30%, transparent), /* Schatten unten */
                      linear-gradient(to left, #081120, transparent 2px, transparent); /* Schatten rechts */
    background-repeat: no-repeat;
  }

  /* Untermenü-Links transparent */
  DIV#navigation ul.inner li a 
  {
    background-image: none;
    background: transparent;
    padding: 0;
    margin: 0;
    color: #C0CED8; /* sinnlos, für IE nochmal Extrawurst in ie_lte_9.css */
    color: rgba(255,255,255, 0.7);
  }
  
  /* gewählter Untermenü-Link Pfeil rechts */
  DIV#navigation ul.inner li.current a, 
  DIV#navigation ul.inner li a:hover 
  {
      color: #E8ECF1;
      background: url(../images/background_nav_active_right.gif?cdt_20160426) right center no-repeat;
  }  
  
/* END Navigation */





/* BEGIN quicknav */
    
DIV#quicknav
{
    width: 12em;
    position: relative;
    left: 65em;
    top: 4em;
}    

DIV#quicknav ul, 
DIV#quicknav li
{
        list-style: none;
        margin: 0;
        padding: 0;
}

DIV#quicknav LI { display: inline; }

DIV#quicknav A
{
    float: left;
    width: 5.5em;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

DIV#quicknav A#quicknav_home
{
    background-image: url(../images/quicknav_home.gif?cdt_20160426);
}
DIV#quicknav A#quicknav_kontakt
{
    background-image: url(../images/quicknav_kontakt.gif?cdt_20160426);
    border-left: solid 1px #595959;
}

DIV#quicknav A#quicknav_kontakt:hover { background-image: url(../images/quicknav_kontakt_hover.gif?cdt_20160426) }
DIV#quicknav A#quicknav_home:hover {background-image: url(../images/quicknav_home_hover.gif?cdt_20160426) }

/* END quicknav */