/*PC Menu*/ 

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1.5em 3px 1.5em;
}

.ui-menu
{
	background-color: rgb(245, 245, 245);
}

.menubar {
  position: absolute;
  top: 115px;
  left: 7px;
  width: 99.0%;
  background-color: rgb(245, 245, 245);
  text-align: center;
  font-size: 18px;
}

/* Make jQuery UI Menu into a horizontal menubar with vertical dropdown */
.menubar > li { /* Menubar buttons */
  display: inline-block;
  text-align: left;
}
.menubar > li > ul > li { /* Menubar buttons inside dropdown */
  display: block;
}

/* Change dropdown carets to correct direction */
.menubar > li > div > span.ui-icon-caret-1-e {
  /* Caret on menubar */
  background:url(http://www.revox.name/code/1.12.4/images/ui-icons-222222-256x240.png) no-repeat -64px -16px !important;
}
.menubar ul li div span.ui-icon-caret-1-e {
  /* Caret on dropdowns */
  background:url(http://www.revox.name/code/1.12.4/images/ui-icons-222222-256x240.png) no-repeat -32px -16px !important;
}



/*Mobile Menu*/

.menubarm {
  position:absolute;
  top: 115px;
  left: 7px;
  /*width: 99.0%;*/
  background-color: rgb(245, 245, 245);
  text-align: center;
  /*height: 60px;*/
  font-size: 48px;

}

/* Make jQuery UI Menu into a horizontal menubar with vertical dropdown */
.menubarm > li { /* Menubar buttons */
  display: block;
  text-align: left;
}
.menubarm > li > ul > li { /* Menubar buttons inside dropdown */
  display: block;
}

/* Change dropdown carets to correct direction */
.menubarm > li > div > span.ui-icon-caret-1-e {
  /* Caret on menubar */
  background:url(http://www.revox.name/code/1.12.4/images/ui-icons-222222-256x240.png) no-repeat -64px -16px !important;
}
.menubarm ul li div span.ui-icon-caret-1-e {
  /* Caret on dropdowns */
  background:url(http://www.revox.name/code/1.12.4/images/ui-icons-222222-256x240.png) no-repeat -32px -16px !important;
}
#burger
{
	width: 140px;
	height: 140px;
	background:url(/images/menu.png);
	background-size: 145px 145px;
	background-repeat: no-repeat;

}
#burger span
{
	display: none;
}
#burger.ui-menu-item-wrapper
{
	padding: 0px 6px 4px 0px;
	background-color: transparent;
}

#burger.ui-menu-item-wrapper.ui-state-active
{
	border: none;	
}

.menubarborder.ui-menu.ui-widget.ui-widget-content
{
	border: none;	
	background: none;
}


/*revox.name Logo graue Schrift mit Schatten*/

li>div>a
{
	text-decoration:none;
}

h1>span
{
	font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 30px;
	left: 20px;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    width: 98%;
    text-align: center;
    background: linear-gradient(#262626,  #eaeaea,  #262626);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 3em;
    margin: 0;
}

h1>span:nth-child(1)
{
    z-index: 2;
}

h1>span:nth-child(2)
{
	z-index: 1;
	text-shadow: 1px 1px 0 #262626,
    2px 2px 0 #262626,
    3px 3px 0 #262626,
    4px 4px 0 #262626,
    5px 5px 0 #262626,
    1px 1px 0 #262626,
    6px 20px 20px rgba(0, 0, 0, 1);
	text-align: center;
}

.headerRot 
{
	color: #F00;
}


body 
{
	font-family: Arial,Helvetica,sans-serif;
}

.centertable
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.centertext
{
  text-align: center;
}

.center
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hideElement 
{
    display: none;
}

.showElement 
{
    display: block;
}

.paypalme {
	font-size: 24px;	
}

.coloredTable tr:nth-child(even) 
{
	background: #FFF;
}

.coloredTable tr:nth-child(odd) 
{
	background: #DDD;
}

.indexTable tr:nth-child(even) 
{
	background: #EEE;
}

.indexTable tr:nth-child(odd) 
{
	background: #FFF;
}

.invertedIndexTable tr:nth-child(even) 
{
	background: #FFF;
}

.invertedIndexTable tr:nth-child(odd) 
{
	background: #EEE;
}

.whiteBackground
{
	background: #FFF;
}

.greyBackground
{
	background: #EEE;
}

.nolink
{
	text-decoration: none;
}

.impressum
{
	color: #BBB;
}

.back-to-top 
{
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
	background: url(/images/backtotop.png) no-repeat 0px 0px;
}

.back-to-top-mobile
{
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    width: 138px;
    height: 138px;
	background-size: cover;
    text-indent: -9999px;
	background-image: url("/images/backtotop.png");
	/*background: url(/images/backtotop.png) no-repeat 0px 0px;*/
}

.nowrap
{
	white-space: nowrap;
}