/*
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 !important;
}
.nav, .nav ul, .nav li, .nav ol {
 list-style:none;
 margin:0;
 padding:0;
 }
/*------------------------------------*\
Flaunt JS Navigation
\*------------------------------------*/
.navi {
 width:100%;
 margin:30px 0;
 background:#F9F7DD;
 text-align:center;
 }
.navigation{
 position:absolute;
 top:0px;
 left:0;
 width:100%;
 line-height:40px;
 text-align:center;
 color:#000;
 font-size:12pt;
 display:none;
}
.nav {
 max-width:1100px;
 position:relative;
 display:inline-block;
 /*height: 30px;    wenn das Menü den Inhalt überlappen soll */
 border-top:  0px solid #bbb;
 border-bottom: 0px solid #bbb;
 padding:0;
 background: #F9F7DD ;
       /*  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 */
}
.nav-item {
 float:left;
 position:relative;
 text-align:center;
 border-right:0px solid #FDF9EE;
 z-index:999;
 }
.nav-item a {
 line-height:40px;
 display:block;
 font-size:12pt;
 font-family:verdana;
 color:#000;
 padding:0px 20px 0px 20px ;
 background:#F9F7DD;
 }


.nav-item > a:hover, .nav li.menu-current a  {
 color:#000;
 background:#e9e7cc;
 }
.nav-item.last{border-right:0px !important;}
.nav-item .pfeil, .nav-item > a:hover.pfeil{
 background :url(images/pfeil.png) no-repeat center bottom ;
 background-size:15px;
 }

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

/* Navigation submenu */
.nav-submenu {
/* display:none     +++++++++++++++++++++ bei slowdrop entfernen   +++++++++++++++++++++++++++++++ */
 position:absolute;
 left:0;
 width:200px;
 list-style:none;
 padding-top:0px;

 }
.nav-submenu-item a {
 background:#F9F7DD;
 border-right:0px;
 display:block;
 padding:0 0 0 10px;
 line-height:40px;
 text-align:left;
 border-top:1px solid #999;
 margin-top:0px;
/* box-shadow: 3px 5px 8px #000 !important;*/

 }
.nav-submenu-item a:hover {
 background:#e9e7cc;
 color:#000;
 }



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

.nav-submenu {
 z-index:9;
 position:absolute;
 left:0;
 list-style:none;
 background:#F9F7DD;
 border:0px solid #bbb;
 border-top:0px solid #bbb;
 }
.nav-submenu li  {
 overflow:hidden;
 height:0;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .0s ease-in-out;
-ms-transition: all .0s ease-in-out;
-o-transition: all .0s ease-in-out;
transition: all .0s ease-in-out;
}
.nav ul > li:hover ul li {
 height:40px;
 padding:0;margin:0;
}
.nav-item a {
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .0s ease-in-out;
-ms-transition: all .0s ease-in-out;
-o-transition: all .0s ease-in-out;
transition: all .0s ease-in-out;
 text-decoration:none;
 }

}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and  (max-width: 800px) {

.nav-mobile {display:block;}

.navigation{display:block;width:100%;text-align:center}

.navi{margin:0;
 top:0px;
 height:40px;
 text-align:left;
 background:#F9F7DD;
 }
.nav {
 width:100%;
 margin:auto !important;
 padding:40px 0 0;
 background-size:90%;
 background:#F9F7DD;
 }
.nav ul{margin-left:0 }
.nav-list {
 display:none;
 }
.nav-item {
 width:100% !important;
 float:none !important;
 text-align:left !important;
 border:0px solid #fff;
 background:#F9F7DD;
 }
.nav-item > a {
 padding:0px !important;
 margin:0 !important;
 line-height:30px !important;;
 font-size:15px !important;
 text-indent:20px;
 border-top:1px solid #999;
 padding:0;
 }
.nav-item > a:hover {
 background:#e9e7cc;
 color:#000;
 }
.nav li.menu-current a{
 background:#e9e7cc  !important;
 color:#000;
 }
.nav-item .pfeil, .nav-item > a:hover.pfeil{
 background:none;cursor:default;
 }
.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%;
 text-indent:40px;
 background:#F9F7DD;
 }
.nav-submenu-item a{
 background:#F9F7DD;
 color:#000;
 line-height:30px !important;
 font-size:15px !important;
 border-top:1px solid #999;
 margin-top:0px;
 }
.nav-submenu-item a:hover{background:#e9e7cc;color:#000}

.nav-submenu-item.second a{margin-top:0px;}
.nav-submenu-item.second a{margin-top:0px;border-top:1px solid #fff}

.last{border-bottom:2px solid #999 !important}
}