html, body {
		
		background-color: #42454a;
		background-image: url(denim.png);
		margin:0px;
		padding:10px;
		font-size: 18px;
		font-family: Helvetica Neue;
		font-family: sans-serif;
		color: white;
		
	}
	
	a {
		
		font-size:15px;
		color:#F7F0D4;
		font-family: Helvetica Neue;
		font-family: sans-serif;
		
	}
	
	.navigation-top {
		
		text-align: right;
		width: 800px;
		
	}
	
	a.navigation-button {
		
		background-color:white;
		color:#444444;
		margin-right: 5px;
		font-size:16px;
		padding:3px;
		border-radius: 4px;
		box-shadow: 2px 2px black;
		text-decoration: none;
		
	}
	
	a.navigation-button_support {
		
		background-color:#347B98;
		color:#F7F0D4;
		margin-right: 5px;
		font-size:16px;
		padding:3px;
		border-radius: 4px;
		box-shadow: 2px 2px black;
		text-decoration: none;
		
	}
	
	a.navigation-button-plus {
		
		background-color:#FCCB1A;
		color:#444444;
		margin-right: 5px;
		font-size:16px;
		padding:3px;
		border-radius: 4px;
		box-shadow: 2px 2px black;
		text-decoration: none;
		
	}
	
	.admin_nav_table {
		
		font-family: Courier new;
		font-size: 18px;
		color:white;
		
	}
	
	a.admin_nav_table {
		
		font-family: Courier new;
		font-size: 18px;
		color:#f8f35f;
		text-decoration: underline;
		
	}
	
	
	.admin_tbl {
		
		border: 0px dotted white;
		
	}
	
	tr.admin_tbl {
		
		border: 0.5px dotted white;
		
	}
	
	.admin_tbl_sm {
		
		font-family: Courier New;
		font-size: 13px;
		border-bottom: 0.5px dotted white;
		
	}
	
	.admin_tbl_sm_dis {
		
		font-family: Courier New;
		font-size: 13px;
		border-bottom: 0.5px dotted white;
		opacity: 0.2;
		
	}
	
	.admin_tbl_med {
		
		font-family: Courier New;
		font-size: 16;
		border-bottom: 0.5px dotted white;
		
	}
	
	td.admin_tbl {
		
		font-family: Courier New;
		font-size: 15px;
		background-color: white;
		color: black;
		
	}
	
	.admin_stats_tbl {
		
		font-family: Courier new;
		font-size: 14px;
		color:white;
		border: 1px dotted white;
		padding: 4px;
		margin: 10px;
		
	}
	
	.admin_stats_tbl_title {
		
		font-family: Courier new;
		font-size: 14px;
		color:black;
		background-color: white;
		padding: 4px;
		margin: 10px;
		
	}
	
	.member_name {
		
		font-size:24px;
		background-color: #C21460;
		box-shadow: 2px 2px black;
		border-radius: 3px;
		color:#F7F0D4;
		padding: 3px;
		
	}
	
	.term {
		
		font-size: 32px;
		font-weight: 100;
		font-family: Helvetica Neue;
		font-family: sans-serif;
		
	}
	
	.termfoc {
		
		font-size: 24px;
		font-weight: 100;
		font-family: Helvetica Neue;
		font-family: sans-serif;
		color:black;
		background-color: white;
		padding:2px;
		
	}
	
	input {
		
		font-size: 28px;
		border-width: 1px;
		
	}
	
	input.mistake {
		
		font-size: 24px;
		border-width: 1px;
		background-color: #ff4747;
		
	}
	
	.countdown {
		
		font-size: 42px;
		font-weight: 100;
		color: #FCCB1A;
		
	}
	
	.score {
		
		font-size: 17px;
		font-weight: 100;
		
	}
	
	.timeout {
		
		color: white;
		background-color: red;
		padding: 4px;
		margin: 10px;
		font-size: 24px;
		
	}
	
	.richtig {
		
		color: white;
		background-color: #008400;
		padding: 8px;
		font-size: 16px;
		
	}
	
	.falsch {
		
		color: white;
		background-color: red;
		padding: 8px;
		font-size: 16px;
		
	}
	
	#clear{  
		
		width: 60px;  
		background-color: red;  
		color: white;  
		border: 2px solid white;  
		border-radius: 2px;  
		padding: 10px;  
		margin: 5px;  
		font-size: 24px;  
		
	}  
  
	.calculator 
		{  
		width: 500px;  
		height: 350px; 
		margin: auto;  
		border-radius: 5px;  
		padding: 20px;  
		}  
  
  
  
	.incalc  
		{  
		width: 60px;  
		background-color: white;  
		color: black;  
		border: 2px solid gray;  
		border-radius: 2px;  
		padding: 10px;  
		margin: 5px;  
		font-size: 22px;  
		}  
	
	.inoperator 
		{  
		width: 60px;  
		background-color: #0a9a0d;  
		color: black;  
		border: 2px solid white;  
		border-radius: 2px;  
		padding: 10px;  
		margin: 5px;  
		font-size: 24px;  
		} 
		
	 .insolve
		{  
		width: 60px;  
		background-color: #fbff17;  
		color: black;  
		border: 2px solid black;  
		border-radius: 2px;  
		padding: 10px;  
		margin: 5px;  
		font-size: 24px;  
		} 
		
	.infield
		{  
		width: 260px;  
		background-color: white;  
		color: black;  
		border: 3px solid black;  
		border-radius: 4px;  
		padding: 10px;  
		margin: 5px;  
		font-size: 24px; 
		text-align: right;
		font-family: Courier; 
		} 
		
	.mathetitle {
		
		color: #96e0ed;
		font-size: 56px;
		font-weight: 100;
		font-family: Helvetica Neue;
		margin-bottom: 5px;
		
	}
	
	.untertitel {
		
		color: #F7F0D4;
		font-size: 20px;
		font-weight: 100;
		font-family: Helvetica Neue;
		margin-bottom: 10px;
		
	}
	
	.sm {
		
		width: 120px;
		height: 120px;
		border: 1px solid white;
		
	}
	
	
	.frame {
		
		width: 800px;
		border: 3px solid #F7F0D4;
		background-color: #347B98;	
		padding: 30px;	
		border-radius: 15px;
		box-shadow: 5px 5px 3px #171b1d;		
		
	}
	
	.frame_top {
		
		width: 800px;
		border: 3px solid #F7F0D4;
		background-color: #347B98;	
		padding: 0px;	
		border-radius: 15px;
		box-shadow: 5px 5px 3px #171b1d;	
		color: white;	
		
	}
	
	.frame_plus {
		
		width: 800px;
		border: 3px solid #F7F0D4;
		background-color: #347B98;
		background-image: url('plus_corner702.png');
		background-repeat: no-repeat;
		padding: 30px;	
		border-radius: 15px;
		box-shadow: 5px 5px 3px #171b1d;	
		color: white;
			
		
	}
	
	.frame_plus_stat {
		
		width: 1200px;
		border: 3px solid #F7F0D4;
		background-color: #347B98;
		background-image: url('plus_corner702.png');
		background-repeat: no-repeat;
		padding: 30px;	
		border-radius: 15px;
		box-shadow: 5px 5px 3px #171b1d;
		color: white;
			
		
	}
	
	
	input, select, form {
		
		font-size: 20px;
		
		
	}
	
	.scoretable {

		font-size: 18px;
		padding-left: 30px;
		
	}
	
	.gameover {
		
		font-size: 24px;
		background-color: red;
		color: white;
		padding: 10px;
		margin: 30px;
		border-radius: 5px;
		
	}
	
	.cheat {
		
		font-size: 16px;
		background-color: #F7F0D4;
		color: black;
		padding: 10px;
		margin: 30px;
		border-radius: 5px;
		
	}
	
	.points {
		
		font-weight: bold;
		color: #FCCB1A;
		
	}
	
	.scoretitle {
		
		background-color: #F7F0D4;
		padding: 4px;
		color: black;
		
	}
	
	
	.thumb {
		
		border: 4px white solid;
		border-radius: 9px;
		margin: 8px;
		opacity: 0.8;
		box-shadow: 5px 5px #092834;	
		
	}
	
	.thumb_plus {
		
		border: 4px white solid;
		border-radius: 9px;
		margin: 8px;
		opacity: 0.2;
		box-shadow: 5px 5px #092834;	
		
	}
	
	.thumb:hover {
		
		border: 4px #FCCB1A solid;
		background-color: #C21460;
		border-radius: 9px;
		margin: 8px;
		opacity: 1;
		box-shadow: 5px 5px #092834;	
		
	}
	
	.descri {
		
		text-align: center;
		vertical-align: top;
		font-size: 12px;
		width: 80px;
		
	}
	
	.daily {
		
		text-align: center;
		font-weight: 200;
		width: 200px;
		font-size: 18px;
		background-color: ;
		color:#F7F0D4;
		margin-bottom: 15px;
		border-radius:5px;		
		
	}
	
		
	.daily2 {
		
		text-align: center;
		width: 200px;
		font-weight: 600;
		font-size: 28px;
		background-color: #F7F0D4;
		color:#393d47;
		margin; 10px;
		padding: 6px;
		border-radius:5px;		
		
	}
	
	a.daily {
		
		color:#0e4dec;
		text-decoration: underline;		
		
	}
	
	.yellowstar {
		
		color: #FCCB1A;
		font-size:24px;
		padding-left:8px;
		
	}
	
	.scores {
		
		font-family: Courier;
		
		
	}
	
	.info {
		
		font-weight: 100;
		line-height: 1.5;
		text-align: left;
		color: white;
		
	}
	
	#tipp {
		
		background-color: #fff0a3;
		color: black;
		padding:3px;
		margin:5px;
		font-size: 18px;
		text-align: center;
		border-radius: 4px;
		
	}
	
	.show {
		
		background-color: #fff0a3;
		color: black;
		padding:3px;
		margin:5px;
		font-size: 11px;	
		width:100px;
		text-align: center;
		border-radius: 4px;
		
	}
	
	a.pro {
		
		background-color: #ff3a3a;
		color: white;
		padding: 4px;
		
	}
	
	.member_scores {
		
		width: 95%;
		font-family: Courier New;
		border-collapse: collapse;

	}
	
	tr.member_scores {
		
		border-bottom: 1px solid #ccc;
		height: 30px;	
				
	}
	
	.member_score_div {
		
		border: 2px solid white;
		margin-bottom: 30px;
		text-align: left;
		background-color: #676767;
		border-radius: 8px;
		box-shadow: 4px 4px black;
		padding: 7px;
		
		
	}
	
	.un_member_score_div {
		
		margin-bottom: 30px;
		text-align: left;
		padding: 7px;
		
		
	}
	
	
	.member_score_table {
		
		border: 2px solid white;
		border-radius: 4px;
		
		
	}
	
	td.member_score_table {
		
		border: 0px solid white;
		vertical-align: bottom;
		width: 25px;
		
	}
	
	img.member_score_table {
		
		border: 0px;
		margin: 0px;
	
	
	}
	
	.score_win {
		
		background-image: url('block_white.png');
		margin:0px;
		width: 25px;
		
	}
	
	.score_fail {
		
		background-image: url('block_red.png');
		margin:0px;
		width: 25px;
		
	}
	
	.member_score_table_dates {
		
		font-size:10px;
		background-color: #0B2833;
		color:#F3C729;
		border-radius: 2px;
		border: 1px solid black;
		box-shadow: 2px 2px black;
		vertical-align: middle;
		
	}

	.member_score_table_times {
		
		font-size:12px;
		background-color: #F3C729;
		color:#0B2833;
		border-radius: 2px;
		border: 1px solid black;
		box-shadow: 2px 2px black;
		vertical-align: middle;
	
	}
	
	.member_score_table_sec {
		
		font-size:12px;
		background-color: #A1084A;
		color:#F3C729;
		border-radius: 2px;
		border: 1px solid black;
		box-shadow: 2px 2px black;
		vertical-align: middle;
	}
	
	.member_score_table_td {
		
		width: 40px;
		font-size:12px;
		text-align: right;
		
	}
	
	
	td.scores_info_count {
		
		border: 3px black solid;
		background-color: #F3C729;
		color:#0B2833;
		padding: 1px;
		width:50px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		font-size: 16px;
		font-family: Courier New;
		text-align: center;
		vertical-align: middle;
		
		
	}
	
	td.scores_info_highscore {
		
		border: 3px black solid;
		background-color: #BD1C61;
		color:#0B2833;
		padding: 1px;
		width:50px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		font-size: 16px;
		font-family: Courier New;
		text-align: center;
		vertical-align: middle;
		
		
	}
	
	td.scores_info_avgt {
		
		border: 3px black solid;
		background-color: #0B2833;
		color:#F7F0D9;
		padding: 1px;
		width:50px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		font-size: 16px;
		font-family: Courier New;
		text-align: center;
		vertical-align: middle;
		
		
	}
	
	td.scores_info_mistakes {
		
		border: 3px black solid;
		background-color: #A1084A;
		color:#F7F0D9;
		padding: 1px;
		width:50px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		font-size: 16px;
		font-family: Courier New;
		text-align: center;
		vertical-align: middle;
		
		
	}
	
	.table_overview_stats_date {
		
		background-color: white;
		color: #383838;
		font-size: 11px;
		text-align: center;
		
	}
	
	.table_overview_stats_points {
		
		font-size: 11px;
		text-align: center;
		background-color: #0089ff;
		color: white;
		
	}
	
	.table_overview_stats_time {
		
		font-size: 15px;
		text-align: center;
		
	}
	
	.imgstat {
		
		box-shadow: 2px 2px black;
		
	}
	
	
	.scores_title {
		
		font-size: 26px;
		border: 3px black solid;
		padding: 1px;
		background-color:#F7F0D4;
		color: #42454a; 
		border-radius: 4px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		
	}
	
	.scores_title_img {
		
		border: 3px black solid;
		background-color:#0B2833;
		border-radius: 4px;
		box-shadow: 3px 3px black;
		border-radius: 5px;
		
	}
	
	
	.title_stat {
		
		font-size:28px;
		margin-bottom:15px;
		
		
	}
	
	a.title_stat {
		
		font-size:16px;
		
	}
	
	.thumbnails_container {
	
		position: relative;
		text-align: center;
		color: white;
		display: block;
		
	}
	
	.thumbnails_top-right {	
	
	   color:#FCCB1A;
	}
	
	
	.pricetag {
		
		background-color: #C21460;
		border: 2px black double;
		margin: 16px;
		padding: 6px;
		width:300px;
		color: #F7F0D4;
		box-shadow: 3px 3px black;
		
	}
	
	.pricetag2 {
		
		background-color: #FCCB1A;
		border: 2px black double;
		margin: 16px;
		padding: 6px;
		width:300px;
		color: black;
		box-shadow: 3px 3px black;
		
	}
	
	.type_standard {
		
		background-color: #33c4f8;
		padding: 3px;
		color:black;
		border:2px solid black;
		border-radius: 3px;
		box-shadow: 2px 2px black;
		text-align: left;
		
	}
	
	.type_plus {
		
		background-color: #ee34f8;
		padding: 3px;
		color:black;
		border:2px solid black;
		border-radius: 3px;
		box-shadow: 2px 2px black;
		text-align: left;
		
	}
	
	.container_plus {
		
		position: relative;
		
	}
	
	.plus_overlay {
		
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  height: 100%;
		  width: 100%;
		  opacity: 0;
		  transition: .5s ease;		
		  
	}

	.container_plus:hover .plus_overlay {
		  opacity: 1;
	}

	.plus_text {
	  color: black;
	  font-size: 20px;
	  position: absolute;
	  background-color: #FCCB1A;
	  border-radius: 4px;
	  padding:3px;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  text-align: center;
	}
	
	.blink_me {
	animation: blinker 1s linear infinite;
	}
	
	@keyframes blinker {
	  50% {
	    opacity: 0;
	  }
	}	
	
	
	.info_title {
		
		border: 2px solid black;
		border-radius: 2px;
		padding: 10px;
		color: black;		
		box-shadow: 2px 2px black;
		margin-top: 10px;
		
	}
	
	.info_title_head {
		
		font-size: 22px;
		font-weight: bold;
		font-style: italic;
		margin: 5px;
		
	}

	.info_overlay {
	  z-index: 9;
	  margin: 30px;
	}
	
	.hilfe {
		
		font-size: 18px;
		font-family: Courier New;
		border-bottom: 1px dotted white;
		text-align: center;
		
	}
	
	.hilfe_name {
		
		font-size: 14px;
		font-family: Courier New;
		border-bottom: 1px dotted white;
		text-align: left;
		
	}
	
	
	.selection {
		
		background-color:#092834;
		font-size: 16px;
		color: #F7F0D4;
		padding: 8px;
		border-radius: 3px;
		margin: 6px;
		text-decoration: none;
		
		
	}
	
	
	
	.hilfe_title {
		
		font-size: 14px;
		background-color: white;
		color:black;
		font-family: Courier New;
		border-bottom: 1px dotted white;
		
	}
	
	.rangliste {
		
		width: 800px;
		
	}
	
	.rangliste_head {
		
		padding: 5px;
		font-size: 24px;
		font-weight: bold;
		color: black;
		background-color: white;
		vertical-align: middle;
		text-align: center;
		box-shadow: 2px 2px 2px black;
		border-radius: 4px;
		
	}
	
		.rangliste_head_td {
		
		
		font-size: 18px;
		font-weight: bold;
		color: black;
		background-color: white;
		vertical-align: middle;
		text-align: center;
		box-shadow: 2px 2px 2px black;
		border-radius: 4px;
		
	}
	
		.rangliste_time {
		
		
		font-size: 18px;
		font-weight: bold;
		color: white;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
		text-align: center;
		width:85px;

		
	}
	
		.rangliste_name{
		
		
		font-size: 16px;
		font-weight: bold;
		color: #FCCB1A;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
		height:40px;
		padding: 6px;
		width:85px;
		

		
	}
	
		.rangliste_game{
		
		
		font-size: 16px;
		font-weight: bold;
		color: black;
		background-color: white;
		border-radius: 4px;	
		padding: 5px;	
		

		
	}
	
		.rangliste_img{
		
		
		border: 2px solid white;
		border-radius: 4px;	
		padding: 0px;	
		height: 50px;
		width: 50px;

		
	}
	
		.rangliste_0 {
	
		font-size: 16px;
		font-weight: bold;
		color: black;
		background-color: #c4a90a;
		border-radius: 4px;	
		padding: 5px;
		text-align: center;	
		
		}
	
		.rangliste_1 {
	
		font-size: 16px;
		font-weight: bold;
		color: black;
		background-color: silver;
		border-radius: 4px;	
		padding: 5px;	
		text-align: center;
		
		}
	
		.rangliste_2 {
	
		font-size: 16px;
		font-weight: bold;
		color: black;
		background-color: #CD7F32;
		border-radius: 4px;	
		padding: 5px;	
		text-align: center;
		
		}
		
		.rangliste_play_button {
	
		font-size: 24px;
		font-weight: bold;
		font-style: italic;
		text-shadow: 3px 3px black;
		color: white;
		background-color: #0c5405;
		border: 2px solid black;
		box-shadow: 3px 3px 3px black;
		border-radius: 4px;	
		padding: 5px;	
		text-align: center;
		
		}
		
		.rangliste_highscore {
	
		font-size: 28px;
		font-style: italic;
		text-shadow: 3px 3px black;
		font-weight: bold;
		color: white;
		background-color: #480548;
		border-radius: 4px;	
		padding: 5px;	
		text-align: center;
		}
	
	
	.div_rotated {
		
		margin-top: 10px;
		rotate: -4deg;
		background-color: #FCCB1A;
		color: black;
		
	}
	
	
	.info_klassen_td {
		
		
		vertical-align: top;
		font-size: 18px;
		color: white;
		padding: 10px;
		
		
	}