/*
Todd Motto Labs
URL: www.toddmotto.com
*/

*:after,
*:before {
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}


a,
a:hover {
text-decoration:none;
color:red;
}
.nav-list, .nav-item, .nav, .nav ul, .nav li, .nav ol {
 list-style:none;
 margin:0;
 padding:0;
 }

/*------------------------------------*\
Flaunt JS Navigation
\*------------------------------------*/
.navi {
 float:left;
 width:155px;
 margin:20px 0 0 1px;
 padding:0;
 background:#000;
 z-index:9;
 text-align:left;

/* padding-bottom:1000px;
 margin-bottom:-1000px; */
 }
.navigation{
 position:absolute;
 top:0px;
 width:100%;
 line-height:40px;
 text-align:center;
 color:#ff;
 font-weight:normal;
 font-size:14pt;
 display:none;
 }

.nav {  color:#fff;;
        position:relative;
        display:inline-block;

        height: 30px;/*    wenn das Menü den Inhalt überlappen soll */
        padding:0;
        background: #000 ;
         /*  wenn das Menü den Inhalt nicht überlappen soll */
}
.nav-list {
        text-align:left;
        list-style:none;
        padding: 0;
        font-size: 10pt;
        width: auto;
        position: relative; /* Fix the Stupid IE6 Bug */

}
.nav-item {
 position:relative;
 text-align:left;
 border-right: 0px solid #999;

 }

.nav-item a {
 width:140px;
 line-height:38px;
 display:block;
 font-size:11pt;
 font-family:verdana;
 color:#fff000;
 font-weight:bold;
 padding:0 0 0 15px;
 background:#000;
 margin-bottom:0px;
 border-bottom:1px solid #666;
 }

.nav-item > a:hover, .nav-item a.menu-current, .nav-item .menu-current  a  {
 background:#333;

  }


.nav-item:hover .nav-submenu {
 display:block;
 }

/* Navigation submenu */
.nav-submenu { z-index:9;
 display:none;
 position:absolute;
 left:200px;
 top:0px;
 list-style:none;
 background:#eee;

 }
.nav-item li{border-right:0px solid #000 !important;}

.nav-submenu li a {
 background:#eee;
 border-top:1px solid #666;
 display:block;
 padding:0 0 0 10px;
 line-height:30px;
 text-align:left;
 margin-top:0px;
 width:120px !important;
 }
.nav-submenu li a:hover {
 background:#ddd;
 color:#000;
 }

.second{margin-top:0px;}

/* Mobile navigation */
.nav-mobile {
 display:none; /* Hide from browsers that don't support media queries */
 cursor:pointer;
 position:absolute;
 top:0;
 right:0;
 background:transparent url(images/hamburger2.gif) no-repeat center center;
 background-size:24px;
 height:30px;
 width:30px;
 margin-right:5px;margin-top:5px;
 border:1px solid #fff;
 border-radius:5px;
}
.nav-mobile:hover{background:#333 url(images/hamburger2.gif) no-repeat center center;background-size:24px;}

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
 position:absolute;
 top:0;
 right:0;
 display:none;
 border-left:1px solid #999;
 height:30px;
 width:40px;
 cursor:pointer;

 }
.nav-click i {
 display:block;
 height:30px;
 width:40px;
 background:url(images/pfeil1.png) no-repeat center center;
 background-size:100%;
 background-color:#eee;
 }
.nav-click:hover {
 background-color:#ddd;
 }
.nav-rotate {
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg);
 }
.navigation{display:none;}
.wrap{white-space:nowrap}
/*---------------------------------------------------------------------------------*\
Media Queries
\*----------------------------------------------------------------------------------*/

@media only screen and  (max-width: 900px) {

.nav-mobile {
 display:block;
 }


.navigation{
 display:inline;
 text-align:center;
 background:url(but_off.jpg);
 }
.navi{float:none;
 position:relative ;
 width:100%;
 top:0px;
 text-align:left;
 padding-bottom:0px;
 margin:0px;
 }
.nav {
 width:100% !important;
 background:#000;
 height:40px;
 padding:0px;
 }
.nav-list {
 margin-top:40px !important;
 display:none;
 }

.nav-item {
 width:100% !important;
 float:none !important;
 text-align:left !important;
 border-top:1px solid #ddd !important;
 border-right:0px solid black !importent;
 }
.nav-item > a {
 width:100%;
 padding:0px !important;
 margin:0 !important;
 margin-top:0 !important;;
 line-height:30px !important;;
 font-size:15px !important;
 text-indent:20px;
 background:#000;
 border-top:0px solid #ddd !important;
 border-bottom:0px;
 color:#fff00;
 }
.nav-item > a:hover, .nav li.nav-item  ul li {
 background:#333;
 color:#fff;
 border-bottom:0;
 }

.nav-item a.menu-current, .nav-item .menu-current  a {
 background:#333;
 }
.nav-click {
 display:block;
 }
.nav-mobile-open {
 border-radius:5px 5px 0 0;
 -webkit-border-radius:5px 5px 0 0;
 -moz-border-radius:5px 5px 0 0;
 }
.nav-item:hover .nav-submenu {
 display:none;
 }
.nav-submenu {
 position:static;
 width:100% !important;
 text-indent:40px;
 }
.nav-submenu li a{
 width:100% !important;
 background:#eee  !important;
 color:#000;
 line-height:30px !important;
 font-size:15px !important;
 margin-top:0px;
 text-indent:40px;
 }
.nav-submenu li a:hover {
 background:#ddd  !important;
 color:#fff !important;
 }
 }