@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500&subset=latin,latin-ext);

body, table {
  font-family:Ubuntu,"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:18px;
  color:#ff6600;
  background-color:#2E3436;
}
table, div {
  width:680px;
}
div#regeln {
  color:#ffffff;
}
span.knopf {
  border-style:solid;
  border-width:1px;
  border-color:#2E3436;
  display:inline-block;
  padding:2px;
  width:26px;
  height:26px;
  text-align:center;
}
span.knopf:hover {
  border-style:solid;
  border-width:1px;
  border-color:#f60;
  border-radius:5px;
  background-color:#ffe6d5;
  cursor:pointer;
}
div#anzeige_gewinner {
  font-size:1.2em;
  color:lightgreen;
}
input[type=text] {
  background-color:white;
  font-family:Ubuntu,"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:18px;
  color:#222222;
  border-style:solid;
  border-color:#222222;
  border-width:1px;
  border-radius:5px;
  padding:4px;
}
input[type=text]:hover {
  box-shadow: 0 0 1px 1px #ff6600 inset;
}
input[type=text]:focus {
  border-color:#ff6600;
  color:#ff6600;
}
input[type=button] {
  font-family:Ubuntu,"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:18px;
  background-color:lightgrey; /*#f5f5f5;*/
  border-style:solid;
  border-color:#222222;
  border-width:1px;
  border-radius:5px;
  padding:4px;
  padding-left:10px;
  padding-right:10px;
  margin-bottom:10px;
  min-width:240px;
}
input[type=button]:hover {
  background-color:#ffe6d5;
  cursor:pointer;
  border-color:#ff6600;
  color:#ff6600;
  box-shadow: 3px 3px 3px #ff6600; /*  #f60 #696969 */
  /*font-weight:bold;*/
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}