body, html {font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0;  background: #22252c; width: 414px;  margin: 0 auto; color: #EEE;}


a {color:#333;}
a:link {text-decoration : none; }
a:visited { text-decoration: none; }
a:active { text-decoration : underline; }
a:hover {color:#F90; text-decoration : none; }

p {color: #333;}

img {border:none; margin:0; padding:0;}

.strong{font-weight: bolder;}

.red {color: #FFB8B8;}
.orange {color: #FFD280;}
.yellow {color: #feffbc;}
.green {color: #AFFFB4;}
.blue {color: #A6D0FF;}
.darkgreen {color: #669900;}
.darkred {color: #cc0000;}
.darkredBG {background-color: #cc0000;}
.darkblue {color: #326EF8;}
.blueBG {background-color: #A6D0FF;}
.darkorange {color: #FFBE00;}

div.spaceline {width: 100%; height: 3px; margin: 0; padding: 0; display: block;}

div.title {line-height: 25px; font-size: 30px; color: #EEE; width: 100%; text-align: center; margin: 10px 0 20px 0;}

div#btn_green  {background-color:#7ec9ad; padding:15px 17px 13px 17px; border-radius: 32px;text-align: center; font-size: 36px; color: #EEE; position:fixed;bottom:50px;left:50%;transform: translate(-50%,-50%); box-shadow: 0px 0px 5px #333 ; }
div#btn_green2  {background-color:#7ec9ad; padding:15px 15px 13px 15px; border-radius: 32px;text-align: center; font-size: 36px; color: #EEE; position:fixed;bottom:50px;left:50%;transform: translate(-50%,-50%);  }
div#btn_grey  {background-color:#B0B0B0; padding:15px 17px 13px 17px; border-radius: 32px;text-align: center; font-size: 36px; color: #EEE; position:fixed;bottom:50px;left:50%;transform: translate(-50%,-50%);  margin-left: -100px; }
div#btn_red  {background-color:#FF6668; padding:15px 17px 13px 17px; border-radius: 32px;text-align: center; font-size: 36px; color: #EEE; position:fixed;bottom:50px;left:50%;transform: translate(-50%,-50%); margin-left: 100px; }

div.lauf {padding:10px 15px; width:360px; height:30px; line-height:30px; display:block; background-color:#7ec9ad; border-radius: 5px; margin: 0 auto; color:#22252c; margin-bottom: 10px; text-align: right;}
div.lauf2 {padding:10px 15px; width:360px; height:30px; line-height:30px; display:block; background:#666; border-radius: 5px; margin: 0 auto; color:#EEE; margin-bottom: 10px;text-align: right;}
div.lauf3 {padding:10px 15px; width:360px; height:30px; line-height:30px; display:block; background:#333; border-radius: 5px; margin: 0 auto; color:#EEE; margin-bottom: 10px;text-align: right;}

div.date {font-size: 16px; float: left; line-height: 30px;} 
div.date2 {font-size: 22px; float: left; line-height: 30px;} 
span.lauf {font-size: 22px; font-weight: bold; text-align: right; }

form {width: 400px; text-align: center;}
label {font-size:16px;  color:#EEE;  }
input, textarea {font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace; font-size: 24px; margin-bottom: 36px;}
input#time {width: 300px;}

select {margin:0; padding:0;}

@media (max-width: 428px) {
	input#number {margin-left: 50px;}
}