/*###Links###*/
a {
        font-weight:bold;
        text-decoration:none;
}

a:link, a.visited {
        color: #294881; /*Dunkelblau*/
}

body {

        margin : 0;
        font: normal 100.01% Arial;
	background-color : rgb(10,10,10);
  	/*background-image: radial-gradient(red, yellow, green);*/
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



#game {
        position : absolute;
        left : calc(50% - 180px);
        top : 0;
        width : 360px;
        height : 400px;
}



#game .show {
display: block;
}

#game .hide {
display: none;
}


#game .screen {

        position : absolute;
        width : 100%;
        height : 100%;
        display : none;
        z-index : 10;
        text-align : center;
	background-color : rgb(30,30,30);
        color : rgb(200,200,100);
	border: 1px solid rgb(20,20,20);
	border-radius: 7px/7px;
}




#game .screen.active {

        display : block;

}

#game .ergz {
   position: absolute;
   font-size: 20px;
   left: 230px;
   top: 145px;
   height: 25px;
   width: 35px;
}

#game .ergn {
         position: absolute;
         font-size: 20px;
         left: 230px;
         top: 185px;
         height: 25px;
         width: 35px;
}

#game canvas {
         position: absolute;
         left: 0px;
         top : 100px;
         width : 360px;
         height: 200px;
         /*border: 1px solid silver;*/
         clear: both;
}


#game .spa {
        width: 0;
}

#game .numz {
        font-size: 1.5em;
        width: 6%;
        padding-left: 10%;
        padding-right: 10%;
        border: 1px solid silver;
}

#game .copyright {
        position: absolute;
        left: 0px;
        top: 380px;
        width: 100%;
        color: white;
        font-size: 10px;
}

#game .valimg {
	position: absolute;
	left: 48px;
        top : 280px;
        width : 64px;
        height: 64px;
        /*background-repeat: no-repeat;*/
}

#game .valimg_right {
	background-image: url(right.png);
}

#game .valimg_attention {
	background-image: url(attention.png);
}

#game .valimg_wrong {
	background-image: url(wrong.png);
}

#game .valtext {
        position: absolute;
        left: 120px;
        top: 280px;
        width : 150px;
        height: 64px;
        color: white;
        font-size: 14px;
	text-align: left;
}

table{

margin-left: 25%;
width: 50%;
text-align: center;
}

#game .numn {
        font-size: 1.5em;
        width: 28%;
        border-top: 2px solid rgb(150,150,75);
}


#game .op {
        font-size: 1.5em;
        width: 8%;
}

input {
        width: 30%;
        float: left;
        background-color: white;
        border: 1px solid rgb(200,200,100);
}

#game button{
	position: absolute;
        background-color: rgb(200,200,100);
        border: 1px solid rgb(150,150,75);
	height: 20px;
        width : 70px;
}

#main-menu button {
        clear: both;
        position: relative;
        margin-top: 10%;
        margin-left: 30%;
        margin-right: 30%;
        height: 10%;
        width: 40%;
}

#main-menu button.tournament{
        background-color: rgb(150,150,150);
        border: 1px solid rgb(130,130,130);
}

#training-screen button.check{
        top: 240px;
        left: 235px;
}

#training-screen button.back{
        top: 240px;
        left: 55px;
}

#splash-screen h1{

        /*text-align : center;*/

        margin-top : 2.5em;

}


#splash-screen .continue {

        cursor : pointer;

        font-size : 1em;

}


.logo {

        font-family : Slackey;

        font-size : 60px;

        line-height : 60px;

        margin : 0;

        text-align : center;

        color : rgb(70,120,20);

        text-shadow : 1px 1px 2px rgb(255,255,0),
-1px -1px 2px rgb(255,255,0),

        5px 8px 8px rgb(0,0,0);
}




.no-textshadow .logo {

        filter : dropshadow(color=#000000,offX=3,offY=3);

        }

/*###Elemente für Cookieabfrage###*/

.cookiebox {
display: none;
border-top: thin solid #AEACAE;
background-color: #FFFFFF;
left: 0%;
width: 100%;
bottom: 0;
padding-left: 1%;
padding-bottom: 0.6%;
padding-top: 0.6%;
position: fixed;
z-index:99;
}

#cookietext {
color: #000000;
margin:0px;
}

#cb button{
border: thin solid #A5B3CD;
background-color: #294881;
color: #FFFFFF;
cursor: Pointer;
font-weight: bold;
float: right;
/*margin-left:auto;*/
margin-right:2%;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 0.2%;
padding-top: 0.2%;
border-radius: 7px/7px;

}

/*Button in Cookiebox*/
#cb button:hover {background-color:#FF7800; } /*mouse over #4070E0;*/

.werbung {
        text-align: center;
        position: absolute;
        left: calc(50% - width/2);
        top: 400px;
        height: 280px;
        width: 100%;
        /*border: 1px solid silver;*/
}