
	.ccm-page ul.nav li.dropdown:hover > ul.dropdown-menu {
	   /* display: block; javascript fix */    
	}
	
	.ccm-page ul.nav {
		width: 250px;
	}
	
	@media (min-width: 768px) {
	  .ccm-page header .navbar .navbar-collapse {
	    padding: 0;
	    max-height: none;
	  }
	 .ccm-page header .navbar>ul {
	    float: none;
	    display: block;
	  }
	  .ccm-page .nav >li {
	    float: none;
	    display: block;
	  }
	 .ccm-page .nav >li >a {
	    padding-top: 12px;
	    padding-bottom: 12px;
	  }
	}
	
	/*.ccm-page header nav {
		font-size: 1.1em;
		line-height: 1.5em;
	}*/
	.ccm-page header .navbar {
		margin: 0;
		/*background-image: url("http://www.hauswirth-bus.at/sandvox_Galaxy_grey/footer-bg.png");*/
		background:none;
		/*box-shadow: 1px 1px 4px #434343;*/
		border: none;
		position: absolute;
		right: 0;
		z-index: 1;
	} 
	.ccm-page .navbar-right {
		left: inherit;
	}
	.ccm-page .navbar-static-bottom,
	.ccm-page .navbar-static-top {
		z-index: 3;
	}
	.ccm-page .navbar-brand {
      	padding: 0px;
    }
    /*.ccm-page .navbar-brand>img {
      	height: 100%;
      	padding: 15px;
      	width: auto;
    }*/
    .ccm-page .navbar-brand {
      /*height: 100px;*/
     padding-top: 15px;
      -webkit-transition: 0.4s height ease;
      -moz-transition: 0.4s height ease;
      -o-transition: 0.4s height ease;
      -moz-transition: 0.4s height ease;
    }  
    #navbar ul.nav.navbar-nav.navbar-right {
    	padding: 0;
    	margin: 0 !important;
    }
    .ccm-page .nav >li >a {
    	color: #67acbc;
    	text-transform: uppercase;
      	padding-top: 0;
      	padding-bottom: 0;
      	height: 50px;
      	line-height: 50px;
      	-webkit-transition: 0.4s all ease;
      	-moz-transition: 0.4s all ease;
      	-o-transition: 0.4s all ease;
      	-moz-transition: 0.4s all ease;
    }
    .ccm-page .nav >li {
    	position: static;
    	padding: 0!important;
    	background-color: white;
    	margin: 5px;
    }
    .ccm-page .nav li.menu-item-level-2 a .caret {
    	display: none;
    }
    /*.ccm-page .header-active .navbar-brand {
      	height: 60px;
    }     */   
    /*.ccm-page .header-active .nav >li >a {
      	height: 60px;
      	line-height: 60px;
    }*/
    .ccm-page .nav >li.active >a {
      	background-color: #ffffff;
    }
    .ccm-page .navbar-toggle {
      	padding: 10px;
      	margin: 25px 15px 25px 0;
      	background-color: #333333;
    }
    .ccm-page .dropdown-menu > li > a:hover {
      	background: rgba(255, 255, 255, 0.5);
    }
    .ccm-page .dropdown-menu {
      margin-top: -10px;
      padding: 20px 20px 20px 240px;
      left: -240px;
      min-height: 227px;
      min-width: 440px;
    }    
    .ccm-page .dropdown-image-wrap {
      float: left;
      height: 200px;
      width: 200px;
      position: absolute;
      left: 20px;
      top: 20px;
      background-color: rgba(0, 0, 0, 1);
      /*background-color: rgba(0, 0, 0, 0.1);*/
      background-position: center center;
      background-repeat: no-repeat;
    }
    .ccm-page ul.menu-level-1 > li {
      float: right;
      clear: both;
      width: 100%;
    }
    .ccm-page ul.dropdown-menu li a {
      float: left;
      /*padding: 13px;*/
      white-space: normal;
      width: 100%;      
    }
    .ccm-page .dropdown-menu li a:hover {
      background: #434343;
      color: #ffffff;
    }
    .ccm-page .menuimage-11,
    .ccm-page .menuimage-7 {
      	display: block;
    }
    .ccm-page .nav > li.nav-selected > a,
    .ccm-page .nav > li.nav-path-selected > a {
      color: white;
      background: rgba(51,51,51,0.8);
    }
    .ccm-page .nav > li.nav-selected > a:hover,
    .ccm-page .nav > li.nav-path-selected > a:hover {
     /* color: #434343;*/
    }
    .ccm-page .dropdown-menu > li.nav-selected > a,
    .ccm-page .dropdown-menu > li.nav-path-selected > a {
      background: #434343;
      color: #ffffff;
    }
    
	.ccm-page .navbar-default .navbar-nav > li > a:focus,
    .ccm-page .navbar-default .navbar-nav > li > a:hover {
      color: white;
      background-color: rgba(51,51,51,0.8);
    }
    .ccm-page .menu-level-1 {
    	display: none;
    	padding: 0 10px;
    	left: 0;
    	right: 0;
    	margin: 0 auto;
    	width: 1170px;  	
    }
    .ccm-page ul.menu-level-2, 
    .ccm-page ul.menu-level-3,
    .ccm-page ul.menu-level-4,
    .ccm-page ul.menu-level-5 {
    	width: 100%;
    	position: static;
    	height: auto;
    	float: left;
    	display: none;
    	min-width: auto;
    	min-height: auto;
    	margin: 0;
    	padding: 0;
    	border: none;
    	box-shadow: none;
    	background-color: rgba(0, 0, 0, 0.05);
    }
    .ccm-page ul.menu-level-2 > li, 
    .ccm-page ul.menu-level-3 > li,
    .ccm-page ul.menu-level-4 > li,
    .ccm-page ul.menu-level-5 > li {
    	padding: 0;
    	margin: 0;
    	width: 100%;
    }
    .ccm-page ul.menu-level-2 > li > a, 
    .ccm-page ul.menu-level-3 > li > a,
    .ccm-page ul.menu-level-4 > li > a,
    .ccm-page ul.menu-level-5 > li > a {    	
    	width: 100%;
    }
    .ccm-page ul.dropdown-menu li.menu-item-level-3 > a {
    	padding: 13px 13px 13px 18px;
    }
    .ccm-page ul.dropdown-menu li.menu-item-level-4 > a {
    	padding: 13px 13px 13px 23px;
    }
    .ccm-page ul.dropdown-menu li.menu-item-level-5 > a {
    	padding: 13px 13px 13px 28px;
    }
    
    .ccm-page ul.menu-level-1 > li {
    	float: left;
    	clear: none;
    	padding: 20px 10px;
    }
    .ccm-page ul.menu-level-1 > h3 {
    	/*display: block;
    	float: left;
    	width: 100%;
    	text-align: center;*/
    	
    }
    .ccm-page ul.menu-level-1 .fullwidth-ddmenu-heading-wrap {
    	float: left;
    	width: 100%;
    	height: 130px;
    	background: rgba(255, 255, 255, 0.8);
    	text-align: center;
    	margin-top: -130px;
    	padding: 20px;
    	position: relative;
    	z-index: 5;
    }
    .ccm-page ul.menu-level-1 .fullwidth-ddmenu-content-wrap {
    	float: left;
    	width: 100%;
    	padding: 20px;
    }
    .ccm-page ul.menu-level-1 .dropdown-image-wrap {
    	position: relative;
    	width: 100%;
    	float: left;
    	overflow: hidden;
    	top: 0;
    	left: 0;
    }
    .ccm-page ul.menu-level-1 .dropdown-image-wrap img {    	
    	width: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	-webkit-transition: 0.1s all linear;
    	-moz-transition: 0.1s all linear;
    	-o-transition: 0.1s all linear;
    	transition: 0.1s all linear;
    }
    .ccm-page ul.menu-level-1 > li > a {
    	width: 100%;
    	float: left;
    	padding: 0;
    }
    .ccm-page ul.menu-level-1 > li > a:hover {
    	width: 100%;
    	float: left;
    	color: #333333;
    	background: rgba(0, 0, 0, 0.1);
    }
    .ccm-page ul.menu-level-1 > li > a:hover .dropdown-image-wrap img {
    	width: 110%;
    	height: 110%;
    	top: -5%;
    	left: -5%;
    }
    .ccm-page ul.menuitemcount-1 > li {
    	width: 100%;
    }
    .ccm-page ul.menuitemcount-2 > li {
    	width: 50%;    	
    }    
    .ccm-page ul.menuitemcount-3 > li {
    	width: 33.3333%;
    }
    .ccm-page ul.menuitemcount-4 > li {
    	width: 25%;
    }    
    .ccm-page ul.menuitemcount-5 > li {
    	width: 20%;
    }
    .ccm-page ul.menuitemcount-6 > li {
    	width: 16.666666667%;
    }
    .ccm-page ul.menuitemcount-7 > li {
    	width: 14.285714286%;
    }  
    .ccm-page ul.menuitemcount-8 > li {
    	width: 12.5%;
    }  
    .ccm-page ul.menuitemcount-9 > li {
    	width: 11.111111111%;
    }  
    .ccm-page ul.menuitemcount-10 > li {
    	width: 10%;
    }      
    
@media screen and (max-width: 1170px) {    
    .ccm-page ul.menu-level-1 {
    	width: 100%;    		
    }
}
@media screen and (max-width: 1169px) and (min-width: 768px) {
	.ccm-page ul.menu-level-1 h3 {
    	font-size: 18px;    	
    }
}
@media screen and (max-width: 767px) {	
	.ccm-page .navbar-collapse.in {
		overflow: inherit;
	}
	.ccm-page .nav li {
		width: 100%;
    	float: left;
    	position: static;
	}
	.ccm-page .nav > li > a,
	.ccm-page .header-active .nav > li > a {
		height: 40px;
		line-height: 40px;
	}
    .ccm-page ul.dropdown-menu {
    	display: block;
    	position: static;
    	width: 100%;
    	padding: 0;
    	background: none;
    	border: none;
    	box-shadow: none;
    	min-height: auto;
    }
    .ccm-page ul.dropdown-menu.menu-level-1 {
    	padding: 0 15px;
    	display: none !important;
    }
    .ccm-page ul.dropdown-menu .dropdown-image-wrap {
    	display: none;
    }
    .ccm-page ul.dropdown-menu li {
    	width: 100%;
    	float: left;
    	position: static;
    }
    .ccm-page ul.dropdown-menu li a {
    	width: 100%;
    	padding: 0 !important;
    	
    }
    .ccm-page .navbar-default .navbar-nav > li > a:focus,
    .ccm-page .navbar-default .navbar-nav > li > a:hover {
    	background: none;
    	color: #000000;
    }
    .ccm-page ul.dropdown-menu li a:hover {	
    	background: none;
    	color: #000000;
    }
   
}

@media screen and (max-width: 991px) {
    	.ccm-page .nav >li >a {
    		padding-left: 5px;
    		padding-right: 5px;
    	}
    }
    
@media screen and (max-width: 1200px) and (min-width: 768px) {
	.ccm-page section {
		margin-top: 100px;
	}
}

@media screen and (max-width: 338px) {   
	.ccm-page .navbar-brand { 
		width: 80%;     
	}	
	.ccm-page .navbar-brand>img { 
		width: 100%;     
	}	
}


