.menu { width: 120px; background-color: #000; z-index: 500 }
.menu p { margin-left: 5px }
.menu ul { margin: 0px 0px 10px; padding: 0px; list-style-image:none; list-style-type: none;  }
.menu ul li { padding: 0px 0px 0px 5px; white-space: nowrap;}
.menu ul li ul { display: none }
.menu h4 { color: #FFE271; font-size: 0.9em; background-color: #232323; margin: 0px 0px 5px }
.menu h4 a { color: #FFE271 }


#MenuLeft ul li:hover ul { display: block; position: absolute; left: 100px; margin-top: -20px; width: 160px; padding: 5px; background-color: #000; border: 1px solid #232323 }
#MenuRight ul li:hover ul { display: inline-block; float: right; padding: 0px !important; margin: 0px !important  }
#MenuRight ul li:hover ul li { padding: 0px !important; margin: 0px !important;  }
#MenuRight ul li:hover ul a { font-size: 0.81em; padding: 0px !important; margin: 0px !important; }

.menu-account li::before { content: '- '; }

.container-fluid { max-width: 1190px; position: relative }

#MenuLeft { position: absolute; left: 0px; top: 0px; width: 120px; z-index: 2; border-left: 1px solid #3B392D }
#MenuRight { position: absolute; right: 0px; top: 0px; width: 120px; border-right: 1px solid #3B392D }

.header { margin: 15px auto 10px; background-image: url( //s.polotreff.de/img/headerBG.png ); background-repeat: repeat-x; }

.footer { margin: 10px auto; color: #A1A48B }
.footer .box ul { margin: 0px 5px; text-align: justify }
.footer .box a { font-size: 0.9em}
.footer > ul a { text-decoration: underline }
.footer a { color: #A1A48B }



#MenuLeft { position: absolute; left: 0px; top: 0px; width: 120px; z-index: 2; border-left: 1px solid #3B392D }
#MenuRight { position: absolute; right: 0px; top: 0px; width: 120px; border-right: 1px solid #3B392D }


@media only screen and (max-width: 768px) {
	#MenuLeft, #MenuRight { }
}

@media only screen and (min-width: 768px) {

.content { padding: 0px 130px; }

#MenuLeft { position: absolute; left: 0px; top: 0px; width: 120px; z-index: 2; border-left: 1px solid #3B392D }
#MenuRight { position: absolute; right: 0px; top: 0px; width: 120px; border-right: 1px solid #3B392D }
}


/* MENU */

.mnav { background-color: #171A1A; position: fixed; z-index: 100; left: 0px; top: 0px; right: 0px; height: 50px; border-bottom: 1px solid #383f31;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,1);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,1);
}

.mnav .logo { width: 130px; position: relative; left: 50px; top: 15px }

.mnav .dropdown { height: 100% }

.menu-left { position: absolute; top: 0px; left: 0px }
.menu-right { position: absolute; top: 0px; right: 0px }
.mnav .dropdown .btn { background-color: transparent; border: none; font-size: 20px; height: 100% }
.mnav .menu-left .dropdown-menu { overflow-y: auto; height: 430px }
.mnav .dropdown-menu ul { display: none }
.mnav .dropdown-header { background-color: #232323; padding-left: 8px }