/* # basics ########## */
* {
	margin:0;
	padding:0;
}
BODY {
	text-align: center;
	color: #333;
	font: 16px  "Roboto Condensed", Arial, Verdana,  sans-serif;
	background: #fff url(../bg_body.png) 0 675px repeat-x;
}


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:#c71633;
  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:#c3002f;
	color:#ffffff;
	text-align:center;
}

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

A IMG,
IMG {
	border:0;
}

H1 {
	font-size:32px;
	color:#c71633;
	margin:0;
	line-height:1.0em;
	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:#c71633;
	margin:0 0 20px 0;
	line-height:1.0em;
	text-transform:uppercase;
  padding-left:45px;
  background: url(../icon_megaphone.gif) 0 3px no-repeat;
}

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:110px;	
	text-align: left;
  padding-top:11px;
  background: url(../fairchallenge_logo_2025.svg) 60% 50% no-repeat;
  background-size: 40%;
  z-index:150;
}

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

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

#countdown {
	position:absolute;
	right:0;
	top:13px;
  color:#c71633;
	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(../bg_navi.gif) 0 21px no-repeat;
}
#navi LI.current A,
#navi LI A:hover {
  color:#c71633;
  background: url(../bg_navi_on.gif) 0 21px no-repeat;
  background: url(../bg_navi_on.gif) 0 21px no-repeat,url(../bg_navion.png) 40% 54px 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:#c71633;
  background: -webkit-linear-gradient(#c71633, #d70623); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#c71633, #d70623); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#c71633, #d70623); /* for firefox 3.6 to 15 */
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#c71633", endColorStr="#d70623");
  background: linear-gradient(#c71633, #d70623); /* 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:#c71633;
  background: -webkit-linear-gradient(#c71633, #d70623); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#c71633, #d70623); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#c71633, #d70623); /* for firefox 3.6 to 15 */
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#c71633", endColorStr="#d70623");
  background: linear-gradient(#c71633, #d70623); /* standard syntax */
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}

h2.points {
	color: #c71633;
}

.winner .rank {
  background-color:#dd3b58;
  background: -webkit-linear-gradient(#e46474, #d61740); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e46474, #d61740); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e46474, #d61740); /* for firefox 3.6 to 15 */
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#e46474", endColorStr="#d61740");
  background: linear-gradient(#e46474, #d61740); /* standard syntax */
}
.winner .person {
  background-color:#fae2e6;
  background: -webkit-linear-gradient(#fbe8ea, #f9dce3); /* for safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fbe8ea, #f9dce3); /* for opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fbe8ea, #f9dce3); /* for firefox 3.6 to 15 */
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#fbe8ea", endColorStr="#f9dce3");
  background: linear-gradient(#fbe8ea, #f9dce3); /* 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;
	background-color:#fff;
	border:1px solid #ccc;
	height:23px;
  padding:0 4px;
}
#loginform .submit {
  display:block;
  text-align:center;
	background-color:#c71633;
  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:#c71633;
	font-weight:bold;
	color:#ffffff;
}

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 ############### */