/* CSS Document */

/* Navigation Main     background:url(/_images/layout/bg-nav-sub.png) left bottom repeat-x;
 ------------------------------------------------------------------------------------------- */
  nav.main {
    display:inline-block;
    padding:2px 4.150943396226415% 0px 4.150943396226415%; 
    border-top:1px dotted #909295; 
    border-bottom:1px dotted #909295;
    width:88.67924528301887%; height:40px;
    margin:0 0 16px 0;
  }

  nav.main .layer0 { margin:0; padding:0; }	
  nav.main .layer0 li {
    position:relative;
    display:inline-block;
    margin:0; padding:0;
    color:#909295;
    list-style:none;
  }
	
  nav.main .layer0 li a {
    display:inline-block;
    margin-left:2px; padding:7px 18px;
    font-size:1.1em; font-weight:normal;
    text-decoration:none;
    color:#909295;
  }
	
  nav.main .layer0 li:first-child a  { padding-left:0; }
  nav.main .layer0 li:last-child a { padding-right:0; }
  
  nav.main ul li a:hover { color:#c8a008; }
  nav.main ul li.active > a { color:#c8a008; }
  
  nav.main .layer0 li .subLayer { position:absolute; top:31px; left:0; }
  nav.main .layer0 li:first-child .subLayer { left:-25px; }
	
  /* Untermenü einblenden */
  nav.main .layer0 li:hover .layer1, nav.main .layer0 li.active .layer1 {
    visibility:visible !important;
    height:auto !important; width:auto !important;
  }
  
  li.nav-45, li.nav-46 { display:none !important; visibility:hidden; }
  a.fb { display:none; visibility:hidden; position:absolute; bottom:12px; right:105px; font-size:1.9em; }
  li.fb a { padding:7px 10px !important; }
  li.fb i { font-size:1.6em; position: absolute; bottom: -3px;}


/* Navigation Main (Layer 1)
 ------------------------------------------------------------------------------------------- */
  nav.main .layer1 {
    position:relative;
    margin:0; padding:22px 0 0 0;
    visibility:hidden !important;
    height:0;
    z-index:960;
    font-weight:300; 
  }
	
  nav.main .layer1 li {
    display:block;
    margin:0; border:0; padding:0;
    line-height:25px !important;
    text-align:left;
    vertical-align:baseline !important;
    overflow:visible;
    white-space:nowrap;
    color:#616163;
    background-color:rgba(255,255,255,0.70);
  }

  nav.main .layer1 li a {
    display:block;
    width:100%; min-width:180px; height:auto;
    margin:0; border-bottom:1px dotted #616163; padding:5px 26px;
    font-size:1.0em;
    color:#616163;
  }

  nav.main .layer1 li:first-child a  { padding-left:26px; }
  nav.main .layer1 li:last-child a  { padding-right:26px; }
  nav.main .layer0 li:first-child .layer1 li a  { padding-left:26px !important; }
	
  nav.main .layer1 li a:hover { color:#c8a008 !important; font-weight:500; }
  nav.main .layer1 .active a { color:#c8a008; }

  
  
  @media screen and (max-width: 1060px) {
    nav.main { padding:2px 5px 0 5px; }
    nav.main .layer0 li a { padding:7px 10px; font-size:1.0em; }
  }
  
  @media screen and (max-width: 890px) {
    nav.main .layer0 li a { padding:7px 8px; font-size:1.0em; }
  }

  @media screen and (max-width: 860px) { 
    li.nav-45, li.nav-46 { display:block !important; visibility:visible; }
    a.fb { display:block; visibility:visible; }
    li.fb { display:none !important; visibility:none !important;}
  }
  

/* Navigation Mobile   
 ------------------------------------------------------------------------------------------- */
  #closeBtn, #openBtn { display:none; }
  
  header nav.mobile {
    display:inline;
    position:absolute; bottom:10px; right:60px;
    border:none; padding:0 5px;
    text-align:left;
    font-size:2.0em;   
  }
  
  @media screen and (max-width: 860px) {
    #openBtn { display:inline-block; }
    nav.main { position:absolute; float:none; width:250px; z-index:21000; background-color:rgba(255,255,255,0.70); height:auto; margin-left:-15px; padding:0; }
    nav.main ul { margin-left:0; }
    nav.main .layer0 { border-right:1px solid #c8a008; }
    nav.main .layer0 li { display:block; }
    nav.main .layer0 li a { display:block; padding-left:26px; }
    nav.main .layer0 li:first-child a { padding-left:26px; }
    nav.main .layer0 > li > a { background-color:rgba(200,160,8,0.25); margin-left:0; }
    nav.main .layer0 li .subLayer { position:relative; top:0; left:0; }
    nav.main .layer0 li:first-child .subLayer { left:0; } 
    nav.main .layer1 { visibility:visible !important; height:auto; padding:0; }
    nav.main .layer0 .subOpen { visibility:visible; display:inline-block; position:absolute; right:0; top:5px; width:25px; height:100%; } 
    header { position:fixed; top:0; left:0; right:0; z-index:20000; background-color:#fff; padding:20px 15px; border-bottom:1px dotted #909295; }
    #slider { margin-top:98px; }
    .wHeader { background-color:#fff; }
    .wHeader #logo, .wHeader #wappen { width:auto; }
    .wHeader #logo img { width:90px !important; }
    .wHeader #wappen img { width:50px !important; }
  
    /* OffCanvas */
    .nav-offcanvas, #body  { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
    .nav-offcanvas { position:absolute; top:98px; left:-250px; z-index:500; border-bottom:2px solid #fff; }
    .nav-offcanvas.active { left:0; margin-top:0; z-index:21000; }
  }


/* Navigation Footer
 ------------------------------------------------------------------------------------------- */
	footer nav { display:block; text-align:right; margin-top:24px; }
	footer nav ul { margin:0; padding:0; }
	footer nav ul li {
		position:relative;
		display:inline;
		margin:0; border:0; padding:0 6px;
    text-align:right;
    border-left:1px solid #909295;
	}
	
	footer nav ul li:first-child, footer nav ul li.firstChild { margin-left:0; border:none; }
	footer nav ul li a { font-size:0.9em; text-decoration:none; color:#909295; }
	footer nav ul li a:hover { color:#616163;}
	footer nav ul li.active a { color:#616163; }
  
  @media screen and (max-width:950px) {
    footer nav { visibility:hidden; display:none; }
  }