/* body { font-family: Arial; font-size: 14px; margin: 0; padding: 24px; overflow: hidden; display: block; width: 100%; position: relative} */

* { box-sizing: border-box }

/* Menu draggable property*/
/* .startseite:hover{opacity:0.5;} */
#navContainer{ padding-top:20px; width:1000px; margin-left:auto; margin-right:auto}
#mydiv {position: absolute; z-index: 9; text-align: center; max-width:1000px; width:100%; height:80px; margin:0px; padding:0px; box-shadow:0px 0px 3px rgba(0,0,0,0.2); border-radius:0px 4px 4px 4px }
#mydivheader {padding: 0px 2px 0px 0px; cursor: move; z-index: 10; background: #f5ce68; max-width:1030px; min-width:660px; width:100%; height:80px; border-radius:0px 4px 4px 4px}
.corner{padding: 4px 0px 0px 4px}

/* Menu global property*/

#navigation.top { max-width: 980px; width: 100%; background: #f5ce68; padding: 2px;margin:-80px 0 0 18px;border-radius:4px; }
#navigation.top ul { margin: 0; padding: 0;}
#navigation.top ul li { list-style: none;}
#navigation.top ul li a { display: block; vertical-align: middle; text-decoration: none; color: inherit; line-height: 1;}
.left{float:left;}

/* Menu level-0 horizontal property*/

#navigation.top > ul { display: table; width: 100%; }
#navigation.top > ul > li { display: table-cell; vertical-align: middle; position: relative; }

/* Menu move */

#navigation.top .menu.level-0 .item.move { vertical-align: top; width: 10px; }
#navigation.top .menu.level-0 .item.move img { vertical-align: top; }

/* Menu logo */

#navigation.top .menu.level-0 .item.logo { width: 130px; vertical-align: middle; padding: 0 10px 0 0; }
#navigation.top .menu.level-0 .item.logo img { display: block; border: 0; width: 124px; opacity: 0.32; }

/* Menu level-0 */

/* .level-0:hover {background:grey;} */
/* #navigation.top .menu.level-0 {} */
#navigation.top .menu.level-0 a:hover {opacity:0.5;}
#navigation.top .menu.level-0 .item.level-0 { text-align: center; background:#ffffff;}
#navigation.top .menu.level-0 .item.level-0 { text-align: center; background:#ffffff;}
#navigation.top .menu.level-0 .item.level-0 > a { line-height: 76px; background: #ffffff; }
/* #navigation.top .menu.level-0 .item.level-0 > a:active { line-height: 76px; background: blue; } */
#navigation.top .menu.level-0 .item.level-0:last-child > a {border-radius:0 4px 4px 0;}

/* Spacer after items level-0 */

#navigation.top .menu.level-0 .item.level-0:after { content: '';display: block; width: 2px; height: 48px; background: #ccc; position: absolute; top: 14px; right: 0px; bottom: 14px; left: auto; }
#navigation.top .menu.level-0 .item.level-0:last-child:after { content: none; }
#navigation.top .menu.level-0 .item.level-0:first-child:after { content: none; }

/* Menu level-1 */

#navigation.top .menu.level-1 { -webkit-transition: max-height 500ms; transition: max-height 500ms; position: absolute; top: 100%; right: 0; bottom: auto; left: 0; max-height: 0; overflow: hidden; }
#navigation.top .menu.level-1 .item.level-1 { margin: 2px 0 0 0; }
#navigation.top .menu.level-1 .item.level-1 a { line-height: 76px; background: #ededed; }

/* Hover/Click events */

#navigation.top .item.level-0:hover .menu.level-1 { max-height: 400px; -webkit-user-select: none; -webkit-touch-callout: none }
#navigation.top .item.level-0.hover .menu.level-1 { max-height: 400px; -webkit-user-select: none; -webkit-touch-callout: none }

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

    #navigation.top .menu.level-0 .item.move { display: none }
    /* #navigation.top .menu.level-0 .item.move img {} */

    #navigation.top .menu.level-0 .item.logo { width: 130px; vertical-align: middle; padding: 12px 0; margin: auto }
    /* #navigation.top .menu.level-0 .item.logo img {} */

    #navigation.top { max-width: 200px; background: #f5ce68; padding: 2px; }
    #navigation.top > ul { display: block; width: 100%; }
    #navigation.top > ul > li { display: block; vertical-align: middle; position: relative; }

    #navigation.top .menu.level-0 .item.level-0:after { content: '';display: block; width: 100%; height: 2px; background: #ccc; position: absolute; top: 100%; right: 0px; z-index: 2}
    #navigation.top .menu.level-0 .item.level-0:last-child:after { content: none; }
    #navigation.top .menu.level-0 .item.level-0:first-child:after { content: none; }

    #navigation.top .menu.level-1 { -webkit-transition: max-width 500ms; transition: max-width 500ms; left: 100%; position: absolute; top: 0; right: auto; bottom: auto; max-width: 0; overflow: hidden; width: 100%; }
    #navigation.top .menu.level-1 .item.level-1 { margin: 0 0 2px 2px; }
    #navigation.top .menu.level-1 .item.level-1 a { line-height: 76px; background: #ededed; }

    #navigation.top .item.level-0:hover .menu.level-1 { max-height: none; max-width: 200px; -webkit-user-select: none; -webkit-touch-callout: none }
    #navigation.top .item.level-0.hover .menu.level-1 { max-height: none; max-width: 200px; -webkit-user-select: none; -webkit-touch-callout: none }
    #mydiv {box-shadow:none;height:500px; width:200px; top:85px; padding:0px;}
    #mydivheader {background:red; width:200px; display:none}
}

/* display:none;  */