/*
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;
}
.nav-list, .nav-item, .nav, .nav ul, .nav li, .nav ol {
 list-style:none;
 margin:0;
 padding:0;
 }
/*------------------------------------*\
Flaunt JS Navigation
\*------------------------------------*/
.navi {
 width:100%;
 margin:0px;
 background:#e6f7e6;
 padding:0;
 z-index:999;
 text-align:center;
 }
.navigation{
 position:absolute;
 top:0px;
 width:100%;
 line-height:40px;
 text-align:center;
 color:#000;
 font-weight:normal;
 font-size:12pt;
 display:none;
 }
.nav {  color:#000;
        position:relative;
        display:inline-block;
        height: 40px;  /*  wenn das Menü den Inhalt überlappen soll */
        padding:0;
        /* z-index:999;   wenn das Menü den Inhalt nicht überlappen soll */
 }
.nav-list {
        text-align:center;
        list-style:none;
        padding: 0;
        font-size: 10pt;
        width: auto;
        position: relative; /* Fix the Stupid IE6 Bug */
 }
.pfeil{
 background-image:url(images/pfeil2.png) !important;
 background-repeat: no-repeat !important;;
 background-position: center right !important;;
 background-size:35px !important;
 padding-right:30px !important;;
 }
.nav-item {
 float:left;
 position:relative;
 text-align:center;
 border-right:1px solid #999;
 }
.nav-item a {
 line-height:42px;
 display:block;
 font-size:12pt;
 font-family:verdana;
 color:#000;
 padding:0 15px 0 15px;
 background:transparent;
 margin: 0 ;
 text-decoration:none;
 /*border-left:1px solid #fff; */
 }
.last{border-right:0px solid #999;}


.nav-item > a:hover, .nav li.menu-current a {
 color:#000;background: #ddd;
 }

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

/* Navigation submenu */
.nav-submenu { z-index:9;
 display:none;
 position:absolute;
 left:0;
 list-style:none;
 }
.nav-item li{border-top:1px solid #999 !important; ;}

.nav-submenu li a {
 background:#fff;
 border-top:0px solid #999;
 display:block;
 padding:0 0 0 10px;
 line-height:30px;
 text-align:left;
 margin-top:0px;
 width:200px !important;
 }
.nav-submenu li a:hover {
 background:#ECECEC;
 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;
 left:30px;
 background:transparent url(images/hamburger1.gif) no-repeat center center;
 background-size:24px;
 height:30px;
 width:30px;
 margin-right:5px;margin-top:5px;
 border:1px solid #000;
 border-radius:5px;
}
.nav-mobile:hover{background:#ccc url(images/hamburger1.gif) no-repeat center center;background-size:24px;}

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

 }
.nav-click i {
 display:block;
 height:29px;
 width:40px;
 background:url(images/pfeil1.png) no-repeat center center;
 background-size:100%;
 background-color:#fff;
 }
.nav-click:hover {
 background-color:#ececec;
 }
.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;
 }
body{}

.navigation{
 display:inline;
 text-align:center
 }
.navi{
 height:40px;
 position:relative ;
 top:0px;
 background:#fff;
 text-align:left;
 opacity:1.0;
 }
.nav {
 width:100%;
 margin:auto !important;
 background:#fff;
 height:43px;                        /* 40px   wenn das Menü den Inhalt  überlappen soll */
 padding:0px;
 }
.nav-list {
 margin-top:43px !important;          /* entfernen  wenn das Menü den Inhalt nicht überlappen soll */
 display:none;
 }
.nav-item {
 width:100% !important;
 float:none !important;
 text-align:left !important;
 border-top:1px solid #fff !important;
 border-right:0px solid black !important;
 }
.nav-item > a {
 padding:0px !important;
 margin:0 !important;
 margin-top:0 !important;;
 line-height:30px !important;;
 font-size:15px !important;
 text-indent:20px;
 background:#fff;
 color:#000;
 border-top:1px solid #999 !important;
 }
.first{border-left:none;}
.last{border-bottom:1px solid #666 !important;}

.nav-item > a:hover, .nav li.nav-item  ul li {
 background:#ececec  !important;
 color:#000;
 border-bottom:0;
 }
.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:#fff  !important;
 color:#000;
 line-height:30px !important;
 font-size:15px !important;
 margin-top:0px;
 text-indent:40px;

 }
.nav-submenu li a:hover {
 background:#ececec !important;
 color:#000 !important;
 }
/*.nav li.menu-current a {
 background:#89847f;
 color:#fff;
 }*/

 }