/* MAIN CSS bestand */ @charset "UTF-8";@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300:latin");/* Menu settings */ /* Responsive_menu_Vertical_Desktop -------------------------------- */ #menu, #menu ul{margin:0;padding:0;list-style:none;} #menu{width:100%;/*margin:10px auto;*/ border:1px solid transparent;background-color:transparent;} #menu:before, #menu:after{content:"";display:table;} #menu:after{clear:both;} #menu{zoom:1;} #menu li{float:left;/*border-left:1px solid #dcdcdc;*/ position:relative;} #menu li .subMenuIndicator{font-size:50% !important;margin-top:3px !important;transform:rotate(-118deg);color:#000000!important;float:right;} #menu a{float:left;padding-left:8px;padding-right:18px;padding-top:12px;padding-bottom:12px;color:#ffffff;font-weight:400;font-size:14px;text-decoration:none;line-height:14px;display:inline-block;width:170px;border:1px solid transparent;} #menu a span{background-repeat:no-repeat;background-position:0% 40%;padding-left:30px;} /* Selected item high-lighting */ #menu li.selected > a{color:#ffffff;!important;/* hoofditems hover voorgrondkleur */ background-color:#a38a33;/* hoofditems hover backgroundkleur */ background-image:url('/uploads/78/skin/menu_selected.png');/* background-size:100%;*/ border:1px solid #545454;} /* menu-items - HOVER settings */ #menu li:hover > a{color:#ffffff!important;/* hoofditems hover voorgrondkleur */ background-color:#a38a33;/* hoofditems hover backgroundkleur */ background-image:url('/uploads/78/skin/menu_hover.png');/* background-size:cover;*/ border:1px solid #545454;} #menu li:hover .subMenuIndicator{color:#ffffff!important;} /* Submenu levels hoofdsetting */ #menu ul{min-width:250px;width:auto;margin:20px 0 0 0;opacity:0;visibility:hidden;position:absolute;top:0px;left:200px;z-index:1;background-color:#272727;/* backgroundkleur submenu (grijs)*/ color:#ffffff!important;/* Voorgrondkleur submenu-items level x */ border:1px solid #545454;box-shadow:6px 6px 25px -2px #202020;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #menu li:hover > ul{opacity:1;visibility:visible;margin:0;} /* Submenu level 2 settings */ #menu ul ul{top:0px;left:250px;margin:0 0 0 20px;color:#ffffff !important;} #menu ul li{float:none;display:block;border:0;} /* Submenu settings */ #menu ul a{color:#ffffff;width:226px;padding:10px;padding-right:40px;font-size:15px;width:auto;display:block;white-space:nowrap;float:none;text-transform:none;font-weight:300;} #menu ul li:first-child{border-left:none;} #menu ul a:hover{background-color:#2656aa;color:#ffffff;} #menu-trigger{display:none;} @media screen and (min-width:931px){#menu{display:block !important;} } /* iPad */ .no-transition{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;opacity:1;visibility:visible;display:none;} #menu li:hover > .no-transition{display:block;}