/* # basics ########## */
* {
  margin: 0;
  padding: 0;
}
BODY {
  text-align: center;
  color: #333;
  font: 16px "Roboto Condensed", Arial, Verdana, sans-serif;
  background: #fff;
}

TABLE,
TR,
TD,
TH {
  font: 15px "Roboto Condensed", Arial, Verdana, sans-serif;
  vertical-align: top;
  border-spacing: 0px;
  border-style: none;
  border-collapse: collapse;
  line-height: 1.4em;
}

A:link,
A:active,
A:visited,
A:hover {
  color: #f84300;
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
#content A {
  font-weight: 700;
}

A.ankerlink {
  display: inline-block;
  padding: 10px 10px;
  margin: 10px;
  width: 90px;
  background-color: #f84300;
  color: #ffffff;
  text-align: center;
}

A.ankerlink:hover {
  background-color: #ff7d4d;
  text-decoration: none !important;
}

A IMG,
IMG {
  border: 0;
}

H1 {
  font-size: 32px;
  color: #f84300;
  margin: 0;
  line-height: 1em;
  text-transform: uppercase;
}

H2 {
  color: #999;
  font-size: 23px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
H3,
H4,
H5,
H6 {
  color: #333;
  font-size: 16px;
  margin-bottom: 0;
}

H2.megaphone {
  font-size: 32px;
  color: #f84300;
  margin: 0 0 20px 0;
  line-height: 1em;
  text-transform: uppercase;
  padding-left: 45px;
  background: url(../icon_megaphone.gif) 0 3px no-repeat;
}

H3.ankermenu {
  margin-top: 10px;
}

P {
  margin-bottom: 25px;
  line-height: 1.4em;
}

.clearer {
  clear: both;
  height: 0px;
  line-height: 0;
  font-size: 0px;
}
/* Clearing mit overflow */
.floatbox {
  overflow: hidden;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

/* # header area ############### */
#header {
  position: relative;
  margin: 0 auto;
  width: 960px;
  text-align: left;
}

#header .inside {
  position: relative;
  margin: 0 auto;
  color: #000;
  width: 960px;
  height: 101px;
  text-align: left;
  padding-top: 20px;
  z-index: 150;
}

#keyvisual {
  position: relative;
  height: 500px;
  width: 100%;
  overflow: hidden;
  z-index: 50;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#fragen {
  position: absolute;
  left: 796px;
  top: 406px;
  background: url(../fragen.svg) no-repeat;
  width: 172px;
  height: 172px;
}

#countdown {
  position: absolute;
  right: 0;
  top: 13px;
  color: #f84300;
  text-transform: uppercase;
  font-size: 20px;
  padding: 0 11px 0 40px;
  background: url(../bg_clock.gif) no-repeat;
  height: 30px;
}

UL#navi {
  position: absolute;
  left: 0;
  top: 0px;
  height: 63px;
  list-style: none;
  font-size: 20px;
}
#navi LI {
  position: relative;
  float: left;
}

#navi LI A:link,
#navi LI A:active,
#navi LI A:visited,
#navi LI A:hover {
  display: block;
  float: left;
  font-size: 20px;
  height: 63px;
  line-height: 54px;
  padding: 0 35px 0 16px;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  background: url(../chevron_right_inactive.svg);
  background-position: 5px 40%;
  background-size: 0.5rem;
  background-repeat: no-repeat;
}

#navi LI.current A,
#navi LI A:hover {
  color: #f84300;
  background: url(../chevron_right.svg);
  background-position: 5px 40%;
  background-size: 0.5rem;
  background-repeat: no-repeat;
}

#container {
  position: relative;
  margin: 0 auto;
  width: 960px;
  text-align: left;
}

/* # startseite */

/* # content */
#content {
  float: left;
  width: 700px;
  padding: 145px 0 30px 10px;
}
#start #content {
  float: left;
  width: 960px;
  padding: 112px 0 30px 10px;
}
#right-col {
  float: right;
  width: 470px;
}

.sep {
  border-top: 1px solid #e4e4e4;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 0 0 20px 0;
  clear: both;
}

.date {
  font-size: 13px;
  color: #cecece;
  margin-bottom: 0;
}

TABLE.ranking {
  margin-bottom: 45px;
  width: 900px;
  font-size: 15px;
}
.ranking TD {
  padding: 3px 0 3px 7px;
  border-bottom: 2px solid #fff;
}

.ranking TH {
  padding: 3px 0 3px 7px;
  border-bottom: 2px solid #fff;
  font-size: 12px;
  color: #ffffff;
  background-color: #4e4e4e;
}

.ranking .rank {
  width: 33px;
  color: #fff;
  background-color: #4e4e4e;
  background: -webkit-linear-gradient(
    #ff4400,
    #f04000
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ff4400, #f04000); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #ff4400,
    #f04000
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ff4400", endColorStr="#f04000");
  background: linear-gradient(#ff4400, #f04000); /* standard syntax */
  border-right: 2px solid #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ranking .person {
  color: #666;
  background-color: #e8e8e8;
  background: -webkit-linear-gradient(
    #f1f1f1,
    #dedede
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f1f1f1, #dedede); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #f1f1f1,
    #dedede
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f1f1f1", endColorStr="#dedede");
  background: linear-gradient(#f1f1f1, #dedede); /* standard syntax */
  border-right: 2px solid #fff;
}
.ranking .highl {
  color: #ffffff;
  background-color: #92908f;
  background: -webkit-linear-gradient(
    #c2c7c2,
    #92908f
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#c2c7c2, #92908f); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #c2c7c2,
    #92908f
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#c2c7c2", endColorStr="#92908f");
  background: linear-gradient(#c2c7c2, #92908f); /* standard syntax */
  border-right: 2px solid #fff;
}
.ranking .person SPAN {
  color: #333;
  font-weight: 700;
  padding-right: 10px;
}
.ranking .points {
  width: 54px;
  color: #fff;
  font-weight: 700;
  background-color: #7e7e7e;
  background: -webkit-linear-gradient(
    #ff4400,
    #f04000
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ff4400, #f04000); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #ff4400,
    #f04000
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ff4400", endColorStr="#f04000");
  background: linear-gradient(#ff4400, #f04000); /* standard syntax */
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

H2.points {
  color: #ff4400;
}
.winner .rank {
  background-color: hsl(17, 97%, 55%);
  background: -webkit-linear-gradient(
    #ff4400,
    #f04000
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ff4400, #f04000); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #ff4400,
    #f04000
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ff4400", endColorStr="#f04000");
  background: linear-gradient(#ff4400, #f04000); /* standard syntax */
}
.winner .person {
  background-color: #ffdacc;
  background: -webkit-linear-gradient(
    #ffe5db,
    #ffd3c2
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffe5db, #ffd3c2); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #ffe5db,
    #ffd3c2
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffe5db", endColorStr="#ffd3c2");
  background: linear-gradient(#ffe5db, #ffd3c2); /* standard syntax */
}

TABLE.regeln {
  margin-bottom: 20px;
  width: 298px;
  font-size: 15px;
  color: #fff;
}
.regeln TH {
  padding: 3px 0 3px 7px;
  border-bottom: 2px solid #fff;
  background-color: #4b4b4b;
  background: -webkit-linear-gradient(
    #666666,
    #343434
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#666666, #343434); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #666666,
    #343434
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#666666", endColorStr="#343434");
  background: linear-gradient(#666666, #343434); /* standard syntax */
}
.regeln TD {
  padding: 3px 0 3px 7px;
  border-bottom: 2px solid #fff;
  background-color: #7e7e7e;
  background: -webkit-linear-gradient(
    #999999,
    #676767
  ); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#999999, #676767); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #999999,
    #676767
  ); /* for firefox 3.6 to 15 */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#999999", endColorStr="#676767");
  background: linear-gradient(#999999, #676767); /* standard syntax */
}
.regeln TD.col1,
.regeln TH.col1 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 2px solid #fff;
  width: 85px;
}
.regeln TD.col3,
.regeln TH.col3 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 2px solid #fff;
  width: 124px;
}

/* # forms ############### */
#loginform LABEL {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 5px;
}
#loginform INPUT {
  font-size: 12px;
  color: #999;
  width: 225px;
  padding: 0 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 23px;
}
#loginform .submit {
  display: block;
  text-align: center;
  background-color: #f84300;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  width: 235px;
  padding: 3px 0 2px 0;
  text-decoration: none !important;
}

#stoerertmp {
  z-index: 5000;
  position: absolute;
  top: 390px;
  left: -25px;
}

/* tabelle punktetab */
TABLE.punktetab {
  border: 1px solid #888888;
}

TABLE.punktetab TH {
  background-color: #f84300;
  font-weight: bold;
}

TABLE.punktetab TD,
TABLE.punktetab TH {
  padding: 5px;
  padding-right: 10px;
}

TABLE.punktetab TD {
  border-bottom: 1px solid #888888;
  border-right: 1px solid #888888;
}

FOOTER {
  color: #fff !important;
  background-color: #000;
  height: 40px;
  text-align: right;
  clear: both;
}
FOOTER .reframe {
  max-width: 980px;
  margin: 0 auto;
  padding-top: 10px;
}
FOOTER P {
  margin: 0;
}
FOOTER A {
  color: #fff !important;
  text-decoration: none;
  margin-right: 40px;
}

/* # END ############### */