body {        background-color:;
font-family: Arial;
padding: 0;
margin: 0;
text-align:justify 
}

h2 {
    font-family: wm2018, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: #ffffff;
	}

h3 {
   font-family: wm2018, Arial, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
   color: #ffffff;
}

h4 {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 140px;
    height: 35px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    background-color ;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px
}

h4_a {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 180px;
    height: 35px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    background-color ;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px
}
h11{
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 180px;
    height: 35px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    background-color ;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px
}

h5 {
    font-family: wm2018, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    display: table-cell;
}
h6{
    font-family: wm2018, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: yellow;
}
h7 {
   font-family: wm2018, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #ffffff;
}
h8 {
    text-decoration: none;
    width: 280px;
    height: 150px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    background: rgba(19,93,150,0.4);
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}

h9 {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 160px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #68c5e8;
    display: table-cell;
    vertical-align: middle;
    background-color: #ffffff;
    border: 0px solid #68c5e8;
    -moz-border-radius: 10px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 10px;
    -moz-box-shadow:1px 1px 40px #68c5e8; /* Firefox */
    box-shadow:1px 1px 10px #68c5e8, 1px 1px 10px #68c5e8 inset;
    border-radius: 20px
}
h10 {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 100px;
    height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #68c5e8;
    display: table-cell;
    vertical-align: middle;
    background-color: #ffffff;
    border: 0px solid #68c5e8;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #68c5e8; /* Firefox */
     box-shadow:1px 1px 10px #68c5e8, 1px 1px 10px #68c5e8 inset;
     border-radius: 20px
}
h12 {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 200px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1a899a;
    display: table-cell;
    vertical-align: middle;
    background-color: #ffffff;
    border: 0px solid #A7B1F2;
    -moz-border-radius: 10px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 10px;
    -moz-box-shadow:1px 1px 40px #1a899a; /* Firefox */
    box-shadow:1px 1px 10px #1a899a, 1px 1px 10px #1a899a inset;
    border-radius: 20px
}


#seiten_container { 
    width: 100%;
	height: 100%;
margin: auto;
	text-align: center;
    border: 3px solid ;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 70px #ffffff; /* Firefox */
     box-shadow:1px 1px 70px #ffffff, 1px 1px 10px #000000 inset;
     border-radius: 20px; 
	 }

#titelbild_in { 
    height: 240px;
     width:99%;
    margin-left: 8px;
    margin-top: 4px;
    padding: 0;
    position: relative;
    background-image: url('bilder/bgindexoben.jpg');
    background-size: 100% 100%;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 25px #ffffff inset;
     border-radius: 10px  }

#start_container {
    width: 850px;
	height: 550px;
	margin: auto;
    margin-top: 5px;
	text-align: center;
    border: 2px solid ;
     -moz-border-radius: 10px;
     -khtml-border-radius: 20px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 70px #ffffff, 1px 1px 10px #000000 inset;
     border-radius: 20px; 
	 }

#startbild_in { 
    height: 100%;
     max-width:100%;
	margin: auto;
    padding: 0;
    position: relative;
    background-image: url('../../startbild3.jpg');
    background-size: 100% 100%;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 20px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 25px #ffffff inset;
     border-radius: 20px  }


#titelbild_out { 
    height: 240px;
     width:99%;
    margin-left: 8px;
    margin-top: 4px;
    padding: 0;
    position: relative;
    background-image: url('bilder/bgindexoben.jpg');
    background-size: 100% 100%;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 25px #ffffff inset;
     border-radius: 10px  }

#inhalt_container { 
    background-image:url('bilder/bgall.jpg');
    background-size: 100% 100%;
    width: 99%;
    min-height: 642px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 8px;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 25px #ffffff inset;
     border-radius: 10px
         }

#inhalt_container_innen { 
    background-image:url('');
    background-size: 100% 100%;
    width: 99%;
    height: 700px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 8px;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px
         }

#inhalt { 
    background-image:url('bilder/b_ground.jpg');
    text-align:center;
    width: 100%;
    height: 100%;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px

}
main {
        position: relative;
}

#box { float: left;
  margin-left: 3px;
  margin-top: 3px;
  width: 42px;
  height:102px;
  background: ;
  border: 0px;
         position: absolute;

}

.button {
  float: left;
  width: 100px;
  height: 20px;
  margin-top: 40px;
  margin-left: -40px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
  background: #106296;
  border: 0px;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;  
  transition: all 0.3s ease-out;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.button:hover {
  float: left;
  width: 100px;
  height: 40px;
  bottom: 3px;
  margin-top: 30px;
  margin-left: -30px;

}


#framelinks { background-image:;

float: left;
    text-align:center;
    width: 75%;
    height: 100%;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px

}

#frametabhistorie {float: left;
background:no-repeat center 50%;
background-color:;
text-align:center;
width:200px; 
height:150px; 
border:0px0;
     background-color:transparent;
}


#info_login { 
    position:relative;
    height: 240px;
    width:1200px;
    background-color:
}
#login_mitte {
    float: left;
    text-align: center;
    border: 0px none;
    width:300px;
    height: 230px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: 
}

#login_gast {
    width: 200px;
    height: 90px;
    margin-top: 50px;
	text-decoration: none;
    display: inline-block;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 70px #ffffff inset;
     border-radius: 40px;
}

#login_login {
    width:420px;
    height: 230px;
    text-decoration: none;
    display: inline-block;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 70px #ffffff inset;
     border-radius: 70px;
}
.spieler {
    font-family: wm2018, Arial, sans-serif;
    width: 40px;
    height: 35px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    font-size: 20px;
    font-weight: bold;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-color ;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px
}


.platzgold {
    vertical-align: middle;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    background-image:url('bars/gold/middle.jpg');
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 5px
}
.platzsilber {
    vertical-align: middle;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    background-image:url('bars/silver/middle.jpg');
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 5px
}
.platzbronce {
    vertical-align: middle;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    background-image:url('bars/bronce/middle.jpg');
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 5px
}

.rahmen
{

border: 0px solid #11236b;
     text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 10px
     }
.rahmenrund
{
    vertical-align: middle;
     text-align:center;
     width: 20px;
     height: 20px;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
     }
	 .rahmenbutton
{
    vertical-align: middle;
     text-align:center;
     width: 35px;
     height: 35px;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
     }

.rahmenrund1
{
    vertical-align: middle;
     text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
     }
.rahmenrund2
{
    vertical-align: middle;
     text-align:center;
     width: 44px;
     height: 90px;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
     }
.rahmen2
{
    vertical-align: middle;
     width: 35px;
     height: 35px;

     text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
     }	 
.rahmenblue
{
 	 border: 1px solid #143cda;    text-align:center;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 10px;
     }


.rahmenweiss
{
     text-align:center;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 10px;
     }
.rahmenweiss1
{
     text-align:center;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 5px;
     }
.rahmenort
{
     text-align:center;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
border-top-left-radius: 20px;     }

	 .rahmenrundinfo
{
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px;
     }
.rahmenbalken
{
     -moz-border-radius: 5px;
     -khtml-border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-box-shadow:1px 0px 5px #ffffff; /* Firefox */
     box-shadow:1px 0px 5px #ffffff;
     border-radius: 5px 5px 0px 0px;
     }	 

.rahmencounter
{
     text-align:center;
     border: 0px solid #11236b;
     -moz-border-radius: 50px;
     -khtml-border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 50px;
     }
.rahmenzahl   {
   font-family: wm2018, Arial, sans-serif;
   text-decoration: none;
   width: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
                 font-weight: normal;
    color: white;
                 display: table-cell;
    vertical-align: middle;
    background-color: rgba(19,93,150,0.4);
           border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 30px;
     }
.rahmenpunkte
{
	 font-family: wm2018, Arial, sans-serif;
	 width:25px;
	 height:25px;
     text-align:center;
     font-size:24px;
	 font-weight: bold;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 30px;
     }

.rahmentipp
{
	 font-family: wm2018, Arial, sans-serif;
	 width:30px;
	 height:30px;
     text-align:center;
     font-size:20px;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 30px;
     }

.rahmenresultat
{
     width: 70px;
	 font-family: wm2018, Arial, sans-serif;
     font-size: 24px;
     font-weight: bold;
     color: #223579;
	 text-align:center;
	 -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff;
     border-radius: 10px;
     }
	 
.input_inaktiv
{
border: 0px solid #11236b;
     text-align:center;
     background: grey;
     opacity: 0.5;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 10px
     }
	 
.platzfont {
    font-family: wm2018, Arial, sans-serif;
    width:120px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-image:url('../design/bars/gold/middle.jpg');
    background: rgba(128,128,128,0.65);
    border:0px solid
    display: table-cell;
}
.flaggelinks {
	 border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.flaggelinks1 {
	 border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 10px;
}

.flaggerechts {
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 0px;
     border-top-right-radius: 10px
}
.flaggerechts1 {
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 10px;
}

.flaggelinks_gold {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/gold/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}

.flaggelinks_silber {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/silver/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.flaggelinks_bronze {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/bronce/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}


.teamlinks_gold {
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    background-image:url('bars/gold/middle.jpg');
    border:0px solid

}

.teamlinks_silber {
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
     background-image:url('bars/silver/middle.jpg');
     border:0px solid

}

.teamlinks_bronze {
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
     background-image:url('bars/bronce/middle.jpg');
     border:0px solid

}

.teammitte_gold {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;

     background-image:url('bars/gold/middle.jpg');
     border:0px solid

}

.teamrechts_gold {
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: center;
     background-image:url('bars/gold/middle.jpg');
     border:0px solid

}

.flaggerechts_gold {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/gold/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}
.flaggerechts_silber {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/silver/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}

.flaggerechts_bronze {
    text-align: center;
    color:#000000;
     font-family:Arial;
     font-size:13px;
     background-image:url('bars/bronce/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}
	 
	 .zentriert {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}	 
.flaggelinks_rot {
    text-align: center;

     background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.teamlinks_blau {
    width:100px;
    text-align: center;
    color:#ffffff;
    font-family: wm2018, Arial, sans-serif;
     font-size:12px;
     font-weight: normal;
     background-image:url('bilder/tab_background2.png');
     border:0px solid;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px;
	 
}
.flaggerechts_rot {
    text-align: center;
     background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}

.plan1 {
    text-decoration: none;
    width: 140px;
    height: 25px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-color: #004961;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}
.flaggelinks_rot_1 {
    text-align: center;

     background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.teamlinks_rot {
    text-align: center;
    color:#ffffff;
    font-family: wm2018, Arial, sans-serif;
     font-size:14px;
     font-weight: normal;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	background-image:url('bars/red/middle.jpg');
     border:0px solid
}

.teamlinks_rot_1 {
    width: 100px;
    text-align: center;
    color:#ffffff;
    font-family: wm2018, Arial, sans-serif;
     font-size:14px;
     font-weight: normal;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	background-image:url('bars/red/middle.jpg');
     border:0px solid
}
.flaggerechts_rot_1 {
    text-align: center;
     background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}
.plan2 {
    text-decoration: none;
    width: 140px;
    height: 25px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-color: #20537b;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}
.gruppeflaglinks {
    text-align: center;
    background-image:url('bilder/tab_background2.png');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.gruppeteamlinks {
    text-align: center;
	background-image:url('bilder/tab_background2.png');
    color:#ffffff;
    font-family: wm2018, Arial, sans-serif;
     font-size:10px;
     font-weight: normal;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
     border:0px solid
}
.gruppeflagrechts {
    text-align: center;
     background-image:url('bilder/tab_background2.png');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
}

/* 
.flaggelinks_rot_2 {
    text-align: center;
    background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px
}
.teamlinks_rot_2 {
    width: 100px;
    text-align: center;
    color:#ffffff;
    font-family: wm2018, Arial, sans-serif;
     font-size:14px;
     font-weight: normal;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	background-image:url('bars/red/middle.jpg');
     border:0px solid
}
.flaggerechts_rot_2 {
    text-align: center;
     background-image:url('bars/red/middle.jpg');
     border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px
} */
.planfinale {
    text-decoration: none;
    width: 170px;
    height: 35px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    display: table-cell;
    vertical-align: middle;
    background-image: url('bilder/tab_background1.png');
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}

.planplatz3 {
    text-decoration: none;
    width: 170px;
    height: 35px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-image: url('bilder/tab_background1.jpg');
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}


.plan {
    text-decoration: none;
    width: 140px;
    height: 25px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    display: table-cell;
    vertical-align: middle;
    background-color: #196fa3;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}
.plan1 {
    text-decoration: none;
    width: 140px;
    height: 25px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    display: table-cell;
    vertical-align: middle;
    background-color: #4d88fa;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}
.plan2 {
    text-decoration: none;
    width: 140px;
    height: 25px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    display: table-cell;
    vertical-align: middle;
    background-color: #4d88fa;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}


.planachtel {
    margin-left:auto; 
	margin-right:auto;
	text-decoration: none;
    width: 150px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    background-color: #4d88fa;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}	 
.planviertel {
    margin-left:auto; 
	margin-right:auto;
	text-decoration: none;
    width: 150px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    background-color: #4d88fa;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}	 
.planhalb {
    margin-left:auto; 
	margin-right:auto;
	text-decoration: none;
    width: 150px;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: yellow;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    background-color: #4d88fa;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
}	 

	 
#framerechts {
background:;
background-image:url('../design/bilder/frameright.jpg');
background-repeat:no-repeat;
background-size: 100% 100%;
float:left;
text-align:center;
text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    width: 25%;
    height: 100%;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px

}


#weinhalt { position: absolute;
    right: 160px;

    text-align:center;
    width: 1000px;
    height: 500px;
    background: yellow;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px;
}


article {
  z-index: 1;
}
article::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  z-index: -1;
  background-image:
}

#seiten_container_admin {
    width: 1400px;
	height: 900px;
    margin-left: auto; 
	margin-right: auto; 
	margin-top: 10px;
	text-align: center;
    border: 3px solid ;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 70px #ffffff; /* Firefox */
     box-shadow:1px 1px 70px #ffffff, 1px 1px 10px #000000 inset;
     border-radius: 20px; 
}
#administrationbild { 
    height: 240px;
     width:99%;
    margin-left: 8px;
    margin-top: 4px;
    padding: 0;
    position: relative;
    background-image: url('bilder/bgindexobenadmin.png');
    background-size: 100% 100%;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 25px #ffffff inset;
     border-radius: 10px  }

#inhalt_container_admin {
    float: left;
	font-size: 1em;
    width: 1158px;
    height: 642px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: 8px;    
	overflow-x: auto;
	background-image:url('bilder/bgall.jpg');
    background-size: 100% 100%;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px
   }

/* #inhalt_admin { float: left;
                font-size: 1em;
                width: 1060px;
                height: 640px;
    margin-left: 22px;
    overflow-x: auto;
} */

#menu_admin { float: left;
    width: 220px;
    height: 642px;
    margin-top: 8px;
    margin-left: 8px;
    padding: 0;
    background-image:url('bilder/bgall.jpg');
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 6px #292929; /* Firefox */

     box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset;
     border-radius: 10px    }

.save_tipp {

    text-decoration: none;
    width: 18px;
    height: 18px;
                 display: table-cell;
    vertical-align: middle;
                background-image: url('icons/save.png');
    border: 0px solid #11236b;
    text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 10px
}

.save1_tipp {

    text-decoration: none;
    width: 25px;
    height: 25px;
                 display: table-cell;
    vertical-align: middle;
                background-image: url('icons/save1.png');
border: 0px solid #11236b;
     text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 10px
}

.ballmenue {
   font-family: wm2018, Arial, sans-serif;
   text-decoration: none;
   width: 85px;
   height: 85px;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	font-size: 12px;
   color: #ffffff;
   font-weight: bold;
   display: table-cell;
   vertical-align: middle;
   background-image: url('bilder/wmball26.png');
  background-repeat: no-repeat;
  background-position: center;
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px	 
	 }

.ballmenue:hover {
    text-decoration: none;
 cursor: pointer;
 cursor: -moz-pointer;
 cursor: -webkit-pointer;
 transform: scale(1.3, 1.3);
 -moz-transform: scale(1.3, 1.3);
 -webkit-transform: scale(1.3, 1.3);
 -o-transform: scale(1.3, 1.3);
 -ms-transform: scale(1.3, 1.3);
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;    font-size: 12px;
    color: yellow;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
background-image: url('bilder/wmball26.png');
cursor:url(icons/hand.cur),url(icons/hand.png),auto;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     border-radius: 150px;}

.ball {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    background-image: url('bilder/buzzer1.png');
  transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
 border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px;
}

.ball1 {
    text-decoration: none;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    background-image: url('bilder/ball3D1.png');
    background-position: center;
	transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
     border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px;}

.ball1:hover {
    text-decoration: none;
 cursor: pointer;
 cursor: -moz-pointer;
 cursor: -webkit-pointer;
 transform: scale(1.3, 1.3);
 -moz-transform: scale(1.3, 1.3);
 -webkit-transform: scale(1.3, 1.3);
 -o-transform: scale(1.3, 1.3);
 -ms-transform: scale(1.3, 1.3);
    text-align: center;
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
background-image: url('bilder/ball3D1.png');
cursor:url(icons/hand.cur),url(icons/hand.png),auto;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px;}

#spielerei_links { 
    float: left;
    margin-left: 50px;
    margin-bottom: 10px;
    width: 400px;
    height: 500px;
    background-color:red;
 }
#spielerei_rechts { 
    float: left;
    margin-bottom: 10px;
    width: 580px;
    height: 550px;
    background-color:blue;
 }
	 
#menu_out {
    position: absolute;
    top: 150px;
    padding-left: 15px;

 }
#menu_out td {
    
 }

#menu_in {
    position: absolute;
    top: 150px;
    padding-left: 10px;
    background-color:
 }

#menu_in td {
    
 }

#menu1_in { 
    position: absolute;
    right: 0px;
    top: 0px;
    width: 380px;
    height: 100px;
    padding-left:35px ;
    background-color:;
	border: 0px solid #A7B1F2
 }

#menu1_in td {
    width: 95px;
    height: 95px;
    padding-right: ;
    background-color:;
 }


#menu_cat {
    float: left;
    width:11%;
margin-left: 3%;
    background-color:;
    border: 0px none
 }

#menu_cat td {
    width: 100px;
    height: 100px;
    background-color:
 }


.counter_style {

    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 80px;
    height: 80px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.member_style {
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: white;
    display: table-cell;
    vertical-align: middle;
}

#in_member {
    position: relative;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    top: 150px;
    right: 0px;
    border: 0px solid #A7B1F2;
    -moz-border-radius: 10px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 10px;
    -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
    box-shadow:1px 1px 20px #ffffff, 1px 1px 10px #ffffff inset;
    border-radius: 150px;
     }

#out_zeit {
    position: absolute;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    top: 160px;
    right: 20px;
    background-image: url('bilder/wmball26.png');
    background-position: center;
	border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px
 }

#in_zeit {
    position: absolute;
    width: 80px;
    height: 80px;
    margin-left: 2px;
    top: 160px;
	vertical-align: middle;
    background-image: url('bilder/wmball26.png');
    background-position: center;
    border: 0px solid #A7B1F2;
    -moz-border-radius: 10px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 10px;
    -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
    box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
    border-radius: 150px
 }
#in_zeit1 {
    position: absolute;
    margin-left: 2px;
    top: 155px;
	vertical-align: middle;
    background-image:;
    background-position:   center 50%;
}
#out_counter {
position: absolute;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    top: 160px;
    right: 120px;
    background-image: url('bilder/wmball26.png');
	background-position: center;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px
 }

#in_save {

 }

#in_save td {
    width: 20px;
    height: 20px;
    background-color:
 }

#in_save a,
#in_save span {

}

#in_save a:focus,
#in_save a:hover {
                width: 25px;
    height: 25px;
    background-image: url('icons/save1.png');
    border: 0px solid #11236b;
     text-align:center;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:3px 1px 10px #11236b; /* Firefox */
     box-shadow:3px 1px 10px #11236b;
     border-radius: 10px
}

#in_counter {
    position: absolute;
    bottom: 7px;
    padding-right: 15px;
 }

#in_counter td {
    width: 80px;
    height: 80px;
    background-color:
 }


#log_out {
    position: absolute;
    bottom: 7px;
    padding-right: 15px;
 }

#log_out td {
    width: 95px;
    height: 95px;
    background-color:
 }



#info { position:absolute;
height: 370px;
                width:1200px;
    margin-left: 50px;
    margin-top: 160px;
                padding: 0;
        background-color:
}

#aktuellgames {
float: left;
     border: 0px none;
width:320px;
height: 370px;
margin-left: 40px;
        background-color:
}

#aktuell_mitte {
        margin-left: auto;
        margin-right: auto;
        border: 0px none;
background-color:
}

.teamfont {
font-family: wm2018, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
      color: #ffffff;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	}
.teamfont1 {
font-family: wm2018, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
      color: #ffffff;
}
.teamfont2 {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
      color: #000000;
}
.teamfont3 {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
      color: #ffffff;
}
.teamfont4 {
font-family: wm2018, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
      color: #ffffff;
}

.teamfont5 {
font-family: wm2018, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
      color: #ffffff;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
.teamfont6 {
font-family: wm2018, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
      color: #ffffff;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
.teamfont7 {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
      color: #ffffff;
}

.rangfont {
font-family: wm2018, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
      color: #ffffff;
}

.rangfontblue {
font-family: wm2018, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
      color: #143cda;
}


.blackfont {
font-family: wm2018, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
}
/* .blackfont {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #000000;
} */
.bluefont {
text-align: center;
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #223579;
}
.bluefont1 {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #0955dc;
}
.redfont {
font-family: wm2018, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #ff0000;
}
.redfont1 {
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #ff0000;
}
.yellowfont {
text-align: center;
font-family: wm2018, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: yellow;
}

.yellowfont16 {
text-align: center;
font-family: wm2018, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: yellow;
}

.platzfont {
    font-family: wm2018, Arial, sans-serif;
    width:120px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-image:url('../../design/bars/gold/middle.jpg');
    background: rgba(128,128,128,0.65);
    border:0px solid
    display: table-cell;
}

.wmfont {
        font-family: wm2018, Arial, sans-serif;
font-size: 16px;
color: #ffffff;
                 display: table-cell;
}

.wmfont1 {
    font-family: wm2018, Arial, sans-serif;
        text-decoration: none;
          height:35px;
        width: 140px;
    text-align: center;
    font-size: 16px;
     font-weight: bold;
    color: #ffffff;
                                 vertical-align:middle;
                                display:table-cell;
    background-color ;
           border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 50px
}
.onlinefont {
   font-family: wm2018, Arial, sans-serif;
   font-size: 16px;
   color: #ffffff;
                 display: table-cell;
}

.ballaf {

   text-decoration: none;
   width: 60px;
    height: 60px;
   text-align: center;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
background-image: url('bilder/ball3D1_klein.png');
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px;}

.ballaf:hover {
    text-decoration: none;
 cursor: pointer;
 cursor: -moz-pointer;
 cursor: -webkit-pointer;
 transform: scale(1.3, 1.3);
 -moz-transform: scale(1.3, 1.3);
 -webkit-transform: scale(1.3, 1.3);
 -o-transform: scale(1.3, 1.3);
 -ms-transform: scale(1.3, 1.3);
    text-align: center;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    border: 0px solid #A7B1F2;
    cursor:url(icons/hand.cur),url(icons/hand.png),auto;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 20px #ffffff; /* Firefox */
     box-shadow:1px 1px 20px #ffffff, 1px 1px 25px #000000 inset;
     border-radius: 150px;}

.pommesgabelfriends {
cursor:url(icons/hand.cur),url(icons/hand.png),auto;}
.pommesgabel {
cursor:url(icons/hand.cur),url(icons/hand.png),auto;}

/* @font-face { 
     font-family: 'wm2018';
     src: url(fonts/Galgony.woff) format("woff");

}
 */
 @font-face { 
     font-family: 'wm2018';
     src: url(fonts/tt0868m_.ttf) format("ttf");

}


.blackfont {
font-family: wm2018, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
}
img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
cursor:url(../design/icons/hand.cur),url(../design/icons/hand.png),auto;
 transform: scale(1.6, 1.6);
 -moz-transform: scale(1.6, 1.6);
 -webkit-transform: scale(1.6, 1.6);
 -o-transform: scale(1.6, 1.6);
 -ms-transform: scale(1.6, 1.6);
}
.tableHeader {
text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: yellow;
                  font-weight: bold;
                 display: table-cell;
    vertical-align: middle;
    background-color: black;
           border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;   }

.tableFont {
font-family: Arial;
color: #ffffff;
font-size: 12px;
background: rgba(39,145,169,0.65);

}

.tableHeaderLine {
	 border:0px solid ;
     -moz-border-radius: 0px;
     -khtml-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 50px;
	 background: #196fa3;
height: 10px;

}
.tableForm {
background: rgba(19,93,150,0.4);

}

.tableForm:hover {
background: rgba(39,145,169,0.65);

}

.tableForm1 {
background: yellow;

}
.pommesgabel {
cursor:url(css/hand.cur),url(css/hand.png),auto;
}

.mousehand {
cursor:pointer;
}

.mousehand1 {
cursor:default;
}
.lupe1 {
text-decoration: none;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-color: black;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
.lupe1:hover {
text-decoration: none;
    text-align: center;
    font-family: wm2018, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    background-color: black;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px;
 cursor:pointer;
 transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -webkit-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
}
.cb {
                display: none;
            }	 
.cbl {
                display: inline-block;
                background-image: url('../design/icons/stern_unchecked1.png');
                background-repeat: no-repeat;
                width: 35px;
                height: 35px

            }
.cb:checked + label {
                background-image: url('../design/icons/stern_checked1.png');
            }
			



nav > ul {
	list-style: none;
	// Safari hack, see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	position: relative;
}

nav li {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0;
	font-size: 1.5em;
	flex: 1 1 0%;
}

@media (min-width: 45em) {
	nav > ul {
		flex-direction: row;
		height: 3em;
	}
	nav li {
		flex: 1;
		font-size: 1,2em;
	}
}

nav a {
	display: block;
	padding: 0.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: thin solid var(--background-color);
	border-radius: .5em;
	color: gold;
	background-color: var(--background-color);
	transition: all .25s ease-in;
	position: relative;
}

nav li[aria-current] a {
	background-color: var(--accent2-color);
	color: var(--accent1-color);
}

nav .subtitle::after {
	position: absolute;
	content: " ▶";
	color: currentColor;
	display: inline-block;
	width: 2em;
	right: 0;
}

nav .subtitle:hover::after,
nav .subtitle:focus::after {
	content: " ▼";
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: var(--background-color);
	background-color: var(--accent1-color);
}
/*     submenu navigation links      */

nav .submenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}

nav .submenu li {
	display: block;
	/* width: 15em; */
}
/**     Show the submenu on hover, focus     **/

nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
	visibility: visible;
	height: auto;
}

nav li:focus-within .submenu {
	visibility: visible;
	height: auto;
}

:root {
	--background-color: midnightblue;
	--accent1-color: gold;
	--accent2-color: darkred;
	--text-color: black;
}

/* trallala */

nav1 > ul {
	list-style: none;
	// Safari hack, see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
	margin: 0;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	position: relative;
}

nav1 li {
	margin: 0.2em 0 2.5em 2.5em;
	padding: 0;
	font-size: 1.2em;
	flex: 1 1 0%;
}

@media (min-width: 45em) {
	nav1 > ul {
		flex-direction: row;
		height: 3em;
	}
	nav1 li {
		flex: 1;
		font-size: 1,2em;
	}
}

nav1 a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	font-weight:;
	text-align: center;
	border: thin solid var(--background-color);
	border-radius: .5em;
	color: gold;
	background-color: var(--background-color);
	transition: all .25s ease-in;
	position: relative;
}

nav1 li[aria-current] a {
	background-color: var(--accent2-color);
	color: var(--accent1-color);
}

nav1 .subtitle::after {
	position: absolute;
	content: " ▶";
	color: currentColor;
	display: inline-block;
	width: 2em;
	right: 0;
}

nav1 .subtitle:hover::after,
nav1 .subtitle:focus::after {
	content: " ▼";
}

nav1 a:focus,
nav1 a:hover,
nav1 li[aria-current] a:focus,
nav1 li[aria-current] a:hover {
	color: var(--background-color);
	background-color: var(--accent1-color);
}
/*     submenu navigation links      */

nav1 .submenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}

nav1 .submenu li {
	display: block;
	/* width: 15em; */
}
/**     Show the submenu on hover, focus     **/

nav1 li:hover .submenu,
nav1 li:active .submenu,
nav1 li:focus .submenu {
	visibility: visible;
	height: auto;
}

nav1 li:focus-within .submenu {
	visibility: visible;
	height: auto;
}

:root {
	--background-color: #196fa3;
	--accent1-color: gold;
	--accent2-color: darkred;
	--text-color: black;
}

.klappmenu {
	background-color: #196fa3;
	color: yellow;
    font-family: wm2018, Arial, sans-serif;
    text-decoration: none;
    width: 150px;
    text-align: center;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
    font-size: 18px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    border: 0px solid #A7B1F2;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     -moz-box-shadow:1px 1px 40px #ffffff; /* Firefox */
     box-shadow:1px 1px 10px #ffffff, 1px 1px 10px #ffffff inset;
     border-radius: 20px
}
#frametabs {float: top;
  display: none;
background:no-repeat center 50%;
background-color:;
text-align:center; width:100%; height:445px; margin-top:0px; margin-left:0px; margin-bottom:0px; border:0px solid #A7B1F2; -moz-border-radius:10px; -khtml-border-radius:30px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px #292929; box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset; border-radius:10px;
}
#frametaba {float: top;
  display: none;
background:no-repeat center 50%;
background-color:;
text-align:center; width:100%; height:250px; margin-top:0px; margin-left:0px; margin-bottom:0px; border:0px solid #A7B1F2; -moz-border-radius:10px; -khtml-border-radius:30px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px #292929; box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset; border-radius:10px;
}
#frametabv {float: top;
  display: none;
background:no-repeat center 50%;
background-color:;
text-align:center; width:100%; height:145px; margin-top:0px; margin-left:0px; margin-bottom:0px; border:0px solid #A7B1F2; -moz-border-radius:10px; -khtml-border-radius:30px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px #292929; box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset; border-radius:10px;
}
#frametabh {float: top;
  display: none;
background:no-repeat center 50%;
background-color:;
text-align:center; width:100%; height:145px; margin-top:0px; margin-left:0px; margin-bottom:0px; border:0px solid #A7B1F2; -moz-border-radius:10px; -khtml-border-radius:30px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px #292929; box-shadow:1px 1px 6px #292929, 1px 1px 5px #000000 inset; border-radius:10px;
}