/* 
 * Custom Skin Sample
 *
 * This file shows an example of a custom skin.  It targets any menu that has the Skin set to "None"
 *
 * Copy this to custom/custom.css to apply this custom skin
 */
/* UberMenu - Copyright 2011-2014, SevenSpark */
.ubermenu-skin-none {

  color: #888888;
  font-family: 'Slabo 27px', serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
  
 
  
  
}
.ubermenu-skin-none .ubermenu-target {
  color: #555555;
  
  
}
.ubermenu-skin-none .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: #2E3A43;
  color: #eeeeee;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;

  

}
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  background: #111111;
  color: #ffffff;



}
.ubermenu-skin-none {
	border: none;
	background-color: #2E3A43;
	
}

/* Target class */

.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
	color: #00CCFF;
	background: ;	

	
	

}
.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: #4d90fe;
  background: transparent;
}
.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  background: #222222;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
	font-weight: normal;
	color: #d9d9d9;
	text-transform: uppercase;
	border-left: thin solid #3d5260;
	padding-left: 12px !important;
	padding-right: 10px !important;
	padding-top:11px !important;
	padding-bottom:11px !important;
	border-top-width: thin;
	border-bottom-width: thin;
	border-right-width: thin;
}
.ubermenu-skin-none .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}

/* Top Level current item link hover */ 

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
	color: #00CCFF;
	background-color: ;	 
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: #d9d9d9;
  
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: #ffffff;
 
}
.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: none;
}
.ubermenu-skin-none .ubermenu-tab-content-panel {
  background: #f9f9f9;
}
.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  color: #555555;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {
  color: #4d90fe;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: #111111;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
  color: #666666;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-weight: bold;
  color: #555555;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: 1px solid #e9e9e9;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222222;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: #222222;
  background: transparent;
}
.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: #eeeeee;
  color: #111111;
}
.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  border-color: #eeeeee;
}
.ubermenu-skin-none .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

/* Start Eleminates the padding of menu image items */ 

.ubermenu-image {
margin-left:-6px !important;
}
.ubermenu-item-layout-image_left>.ubermenu-target-text {
padding-left: 10px !important;
padding-top: 1px !important;

}

/* >>> End Eleminates the padding of menu image items */ 
.current-menu-parent{
   color:red;
   background-color:blue;
}

/* Start Individual Button Stylings */ 

#menu-item-27> a{
		background-image: url(https://www.trr141.de/wp-content/plugins/ubermenu/custom/custom.css?ver=3.0.4);
	background-repeat: repeat-x;
}



/* portrait */
@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  { 

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
padding-left:28px !important;
padding-right:0px !important;


}

#menu-item-49 > a{
		padding-bottom:20px!important;

}

#menu-item-77 > a{
		padding-bottom:20px!important;
}

 }

@media screen and (min-device-width :320px) 
and (max-device-width : 480px) 
and (orientation : portrait)  { 


#menu-item-49 > a{
		padding-bottom:25px!important;
}

 }
 
 /* Note: Design for a width of 290px */
@media only screen and (max-width:769px) {
	
#menu-item-52{ 

float:left !important;
margin-bottom:10px;
}
}