/*----------------------------------- Main Navigation Bar Styles ------------------------------------*/ /* Navbar Start */ /* .navbar{ padding: 35px 0; background-color:#fff; transition:padding 0.4s; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border:0px solid #f00; border-top:3px solid #338dbe; } gesamte Nav Header */ .navbar{ padding: 35px 0; box-shadow: 0 3px 3px rgba(0,0,0,0.1); background: url("/Public/img/background/header-bg.png") bottom repeat-x; transition:padding 0.4s; border:0px solid #f00; border-top:3px solid #338dbe; } /* gesamte Nav Header */ /* Contract the navbar while scrolling */ .navbar.scrolled{ padding: 10px 0; } /* Mainmenu */ #myNavbar { overflow-x: hidden; border:0px solid #0f0; } #myNavbar ul li { border:0px solid #f00; } /* Menütext rechter Abstand vom Button */ #myNavbar ul li a { color:#363f48; font-size: 16px; padding-top:40px; border-bottom:3px solid transparent; } /* Menütext oberer Abstand vom Button */ #myNavbar ul li a:hover { transition:background-color 400ms; background-color:#efeff2; border-bottom:3px solid #338DBE; } /* Mousover Button Root */ #myNavbar ul li.open a { border-bottom:3px solid #338DBE; } /* Button Root Open */ #myNavbar ul li.active a { background-color:transparent; color:#338DBE; font-weight: bold; border-bottom:3px solid #338DBE; } /* Aktiver Button Root */ /* Submenu */ #myNavbar ul.dropdown-menu { background-color: rgba(239,239,242,0.7); margin:0; padding:0; border:0px solid #f00; border-radius:0px; } #myNavbar ul.dropdown-menu > li { margin:0; padding:0px; border:0px solid #f00; border-radius:0px; } /* Position Submenu Textlabel */ #myNavbar ul.dropdown-menu > li a { margin:0; padding:12px; padding-left:30px; border:0px solid #ff0; border-left:3px solid #efeff2; } /* Style, Submenu */ #myNavbar ul.dropdown-menu > li a:hover { background-color: rgba(255,255,255,0.8); border-left:3px solid #338DBE; } #myNavbar ul.dropdown-menu > li.active { border:0px solid #ccc; } /* Wenn Parent Menu active */ #myNavbar .dropdown > ul.dropdown-menu > li a {background-color: rgba(239,239,242,0.7); color:#363f48; font-weight:normal; } #myNavbar .dropdown > ul.dropdown-menu > li a:hover {background-color: rgba(255,255,255,1.0); color:#363f48; } #myNavbar .dropdown > ul.dropdown-menu > li.active a {background-color: rgba(255,255,255,1.0); color:#363f48; border-left:3px solid #338DBE; } /* Main Menustyle Start */ /*.menustyle { text-transform: uppercase; font-size: 12px; } Menu Text nur Root Level */ /*.menustyle li { padding-left:8px; } Buttons linker Abstand zueinander */ /*.menustyle li a { padding-left:30px; border:1px solid #ccc; border-radius: 1px; } Abstand Icon-Text, Rahmen der Root Button */ /* .menustyle li.active a { background-color:#f00; color } Buttons linker Abstand zueinander */ /* Menustyle End */ /* Navbar End */ /* Main Menu Icons Start */ li.button1 > a{ background-image:url(/Public/img/icons/home.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button1 > a{ background-image:url(/Public/img/icons/homebl.png); } li.button2 > a{ background-image:url(/Public/img/icons/flugzeug.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button2 > a{ background-image:url(/Public/img/icons/flugzeugbl.png); } li.button3 > a{ background-image:url(/Public/img/icons/palme.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button3 > a{ background-image:url(/Public/img/icons/palmebl.png); } li.button4 > a{ background-image:url(/Public/img/icons/hotelboy.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button4 > a{ background-image:url(/Public/img/icons/hotelboybl.png); } li.button5 > a{ background-image:url(/Public/img/icons/ferienhaus.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button5 > a{ background-image:url(/Public/img/icons/ferienhausbl.png); } li.button6 > a{ background-image:url(/Public/img/icons/schiff.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button6 > a{ background-image:url(/Public/img/icons/schiffbl.png); } li.button7 > a{ background-image:url(/Public/img/icons/extras.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button7 > a{ background-image:url(/Public/img/icons/extrasbl.png); } li.button8 > a{ background-image:url(/Public/img/icons/stern.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button8 > a{ background-image:url(/Public/img/icons/sternbl.png); } li.button12 > a{ background-image:url(/Public/img/icons/ueberuns.png); background-repeat:no-repeat; background-position:50% 20%; } li.active.button12 > a{ background-image:url(/Public/img/icons/ueberunsbl.png); } li.button14 > a, li.button15 > a, li.button16 > a, li.button17 > a, li.button18 > a, li.button19 > a, li.button20 > a, li.button21 > a, li.button22 > a, li.button23 > a, li.button24 > a, li.button25 > a, li.button26 > a, li.button27 > a, li.button28 > a, li.button29 > a, li.button30 > a{ background-image:url(/Public/img/icons/pfeilr.png); background-repeat:no-repeat; background-position:12px center; } /* Pfeile immer beim Submenu */ .dropdown-menu li a { background-image:url(/Public/img/icons/pfeilr.png); } .dropdown-menu li a:hover { background-image:url(/Public/img/icons/pfeilrbl.png); } .dropdown-menu li.active a { background-image:url(/Public/img/icons/pfeilrbl.png); } .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-26px;margin-left:-1px;} #myNavbar ul.dropdown-menu > li > ul.dropdown-menu > li.active {text-decoration:underline;} .Xdropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .Xdropdown-submenu:hover>a:after{border-left-color:#555;} .Xdropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} /* Main Menu Icons End */ /* Kopfzeile Menu Start */ #kopfmenu { background-color:transparent; text-align:center; line-height:48px; padding:0; margin:0px; border:0px #00f solid; } #kopfmenu a { text-decoration:none; color: #fff;} /* Kopfzeile Menu End */ /* Bottom Menu Start */ .btn.btn-primary.btn-sm { margin-right:5px;} /* Bottom Menu End */