/*
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;
}


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 {
 width:100%;
 margin:0px;
 background:#ABDAC9;
 padding:0;
 z-index:999;
 text-align:center;
 border-top:1px solid #fff;
 border-bottom:0px solid #fff;
 }
.navigation{
 position:absolute;
 top:0px;
 width:100%;
 line-height:40px;
 text-align:center;
 color:#000;
 font-weight:bold;
 font-size:14px;
 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 */
 z-index:999;
 }
.nav-item {
 float:left;
 position:relative;
 text-align:center;
 border-right: 0px solid #999;
 z-index:999;
 }

.nav-item a {
 display:block;
 font-size:12pt;
 font-family:verdana;
 color:#000;
 line-height:40px;
 padding:0 10px;
 background:#ABDAC9;
 margin: 0;
 border-right:1px solid #fff;
 }
.nav-item > a:hover, .nav li.menu-current a {
 color: #000;background: #99bb99;
 text-decoration:none;
 }



.nav-item:hover .nav-submenu {
 display:block;
 }
.last{border-right:none !important}

/* Navigation submenu */
.nav-submenu {
 position:absolute;top:42px;
 left:0;
 list-style:none;
 background:#ABDAC9;
 z-index:9;
 }
.nav-item li{border-right:0px solid #000;}

.nav-submenu li a {
 background-color:#ABDAC9;
 display:block;
 padding:0 10px 0 10px;
 line-height:30px;/* +++++++++++++++++++++++++++++++  wichtig   ++++++++++++++++++++++++++++++ */
 text-align:left;
 margin-top:0px;
 width:190px !important;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 text-transform:none;
 }
.nav-submenu li a:hover {
 background:#99bb99;
 color:#000;
 }
.second{margin-top:0px;}
.lt{border-bottom:1px solid #fff}

/* Mobile navigation */
.nav-mobile {
 display:none; /* Hide from browsers that don't support media queries */
 cursor:pointer;
 position:absolute;
 top:0;
 right:20px;
 background:#ABDAC9 url(images/hamburger1.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:#99bb99 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:20px;
 display:none;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
 height:30px;
 width:auto;
 cursor:pointer;
 }
.nav-click i {
 display:block;
 height:29px;
 width:40px;
 background:#ABDAC9 url(images/pfeil1.png) no-repeat center center;
 background-size:100%;
  }
.nav-click i:hover {
 height:29px;
 width:40px;
 background:#99bb99 url(images/pfeil1.png) no-repeat center center;
 background-size:100%;;
 }
.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}

/*---------------------------------------------------------------------------------*\
Slow drop Slow drop Slow drop Slow drop Slow drop Slow drop
\*----------------------------------------------------------------------------------*/
@media only screen and  (min-width: 900px) {

.nav-submenu {
 z-index:9;
 position:absolute;
 left:0;
 list-style:none;
 background:#000;
 border:0px solid #bbb;
 border-top:0px solid #bbb;
 }
.nav-submenu li  {
 overflow:hidden;
 height:0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
 }
.nav ul > li:hover ul li {
 height:30px;  /* +++++++++++++++++++++++++++++++  wichtig   ++++++++++++++++++++++++++++++ */
 }
}

/*---------------------------------------------------------------------------------*\
Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil Mobil
\*----------------------------------------------------------------------------------*/

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

.nav-mobile {
 display:block;
 }
.navigation{
 display:inline;
 text-align:center
 }
.navi{
 position:relative ;
 top:0px;
 background:#ABDAC9;
 text-align:left;
 }
.nav {
 width:100%;
 background:#ABDAC9;
 height:43px;  /* 40px   wenn das Menü den Inhalt  überlappen soll */
 padding:0px;
 }
.nav-list {width:100%;float:right; /* ändern wenn Menü schmaler sein soll */
 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 !importent;
 }
.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-color:#ABDAC9 !important;
 color:#000;
 }
.nav-item > a:hover, .nav li.nav-item  ul li {
 background:#99bb99  !important;
 color:#000;
 border-bottom:0;
 }
.nav li.current a {
 background:#ABDAC9 url(images/pfeil20.gif) no-repeat center center  !important;
 color:#000;
 }
.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 {
 display:none;
 position:static;
 width:100% !important;
 text-indent:40px;
 border:0px solid #000;
 }
.nav-submenu  li a{
 width:100% !important;
 background-color:#ABDAC9;
 color:#000;
 line-height:30px !important;
 font-size:15px !important;
 margin-top:0px;
 text-indent:20px;
 border-top:1px solid fff;
 }
.nav-submenu li a:hover {
 background:#99bb99 !important;
 color:#000 !important;
 }
.nav-item a.menu-current {
 background:#99bb99;
 color:#000;
 }
.nav-submenu > li.nav-submenu-item a{
 background-image:none !important;
 }

 }