/* = = = = = = = = = = = = = = = = = datei menue.css = = = = = = = = = = = = = = = = = = = = = = = = = */



/* ############################################################ */
/* diese datei enthält das hauptmenü - hier sind es die buttons */
/* ############################################################ */

.menu  {display:table;POSITION:absolute;
z-index:1;
top:50%; left:50%;
margin-top:-14rem;margin-left:-14rem;
width:28rem;height:28rem;
padding:0rem;
border-radius:36rem;
background:maroon;/*IE9*/

background:repeating-radial-gradient(circle at 50% 100%, black  ,red  50%);

box-shadow:0 0 3px black,inset 0px 0px 60px  black;
}


.menu ul {height:100%;width:100%;display:table-cell;vertical-align:middle;
padding:0 ;
margin:0;
}


.menu  li {list-style-type : none;
padding:0 ;
margin:0;font-size:1.7rem;
}

.menu li span {display:inline-block;
width:100%;
height:3.4rem;
line-height:3.4rem;
font-weight:bold;
color: orangered;
text-shadow:0px 1px 1px #000;
padding:0rem 0rem;
text-decoration:none;
text-align:center;cursor:pointer;
}

.menu  li span:hover {
color: #FF972F;
text-shadow:0px 1px 1px #000;
}