/*Marcel Halko*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url('images/ff_background.jpg') #000 no-repeat center top fixed;
	font-size: 100%;
	line-height: 22px;
	color: #222222;
	font-family: 'Cuprum', sans-serif;
	font-weight: 400;
	min-width: 980px;
}

img { 
	border: none; 
}

/* ---------------------------------------- Kopfbereich ---------------------------------------- */

#container {
	margin: 10px auto;
	width: 980px;
	height: auto;
	border: none;
}

.grid-little, .grid-big {
  display: inline;
  float: left;
  position: relative;
}

.grid-little {
  width: 200px;
}

.grid-big {
  width: 700px;
}

header {
	height: 250px;
	width: 980px;
}

#logo {
	background: url('images/ff_logo.png') no-repeat;
	width: 340px;
	height: 250px;
	float: left;
	display: inline;
}

#headertext a {
	position: relative;
	top: 50px;
	width: 640px;
	float: left;
	text-align: center;
	font-family: 'Magra', sans-serif;
	font-weight: 500;
	display: inline;
	color: #fff;
	font-size: 54px;
	line-height: 64px;
	text-shadow: 3px 3px 5px #000;
	text-decoration: none;
}

@media screen and (max-width: 700px) {
#menu nav#normal {
	display: none;
	}
}

#menu nav#normal {
	float: left;
	margin: 20px auto 20px;
	background: url("images/ff_mbg.png") 0 0 repeat-x;
	width: 930px;
	height: 35px;
	font-family: 'Cuprum', sans-serif;
	border-radius: 5px;
		-webkit-box-shadow: 0px 5px 20px #000;
		-moz-box-shadow: 0px 5px 20px #000;
	box-shadow: 0px 5px 20px #000;
}

#menu nav#normal ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#menu nav#normal ul li {
	display: block;
	background: url('images/ff_divider.png') no-repeat right;
	padding: 0 2px 0 0;
	float: left;
	list-style: none;
}

#menu nav#normal ul li a {
	color: #ffffff;
	text-shadow: 1px 1px 0px #000;
	padding: 8px 20px 0 20px;
	margin: 0;
	display: block;
	font-size: 18px;
	text-decoration: none;
	height: 27px;
	background: transparent;
}

#menu nav#normal ul li {
	height: 35px;
}

#menu nav#normal li a:hover {
	background: url("images/ff_mhover.png") 0 0 repeat-x;
    border-radius: 5px;
		-webkit-box-shadow: 0px 5px 20px #000;
		-moz-box-shadow: 0px 5px 20px #000;
	box-shadow: 0px 5px 20px #000;
}

#contentarea {
  height: auto;
  width: 1000px;
}

#sidebar {
  background: url('images/ff_cbg.png') #fff repeat;
  -webkit-box-shadow: 0px 6px 30px #000;
     -moz-box-shadow: 0px 6px 30px #000;
          box-shadow: 0px 6px 30px #000;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
       border-radius: 15px;
    padding: 12px 7px 15px 7px;
}

#sidebar h3 {
		margin: 10px 0px 10px 0px;
  border-bottom: #505050 1px solid;
  font-family: 'Cuprum', sans-serif;
}

#sidebar ul {
  list-style: none;
  text-decoration: none;
}

#sidebar ul li a {
	margin: 10px;
  font-family: 'Cuprum', sans-serif;
  list-style: none;
  text-decoration: none;
  color: #000;
  font-size: 18px;

}

#sidebar ul li a:hover {
	margin: 11px;
  font-family: 'Cuprum', sans-serif;
  list-style: none;
  text-decoration: none;
  color: #999;
  font-size: 18px;
}

#content {
    margin: 0 0 0 20px;
}

#contentbox {
  background: url('images/ff_cbg.png') #fff repeat;
  -webkit-box-shadow: 0px 6px 30px #000;
     -moz-box-shadow: 0px 6px 30px #000;
          box-shadow: 0px 6px 30px #000;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
       border-radius: 15px;
    padding: 10px 10px 20px 12px;
}

#contentbox img {
	margin: 3px;
	border-radius: 18px;
	  -webkit-box-shadow: 0px 6px 30px #000;
     -moz-box-shadow: 0px 6px 30px #000;
          box-shadow: 0px 6px 30px #000;
}

#contentbox img.t1 {
	margin: 0px 10px 0px 0px;
	border-radius: 0px;
    -webkit-box-shadow: 0px 0px 00px #000;
    -moz-box-shadow: 0px 0px 0px #000;
     box-shadow: 0px 0px 0px #000;
}

#contentbox img.t2 {
	margin: 0px 5px 0px -5px;
	border-radius: 0px;
    -webkit-box-shadow: 0px 0px 00px #000;
    -moz-box-shadow: 0px 0px 0px #000;
     box-shadow: 0px 0px 0px #000;
}









table tr td {
	border: 1px solid #000;
	border-collapse: collapse;
	text-align: center;
    text-decoration: none;	
}

.we {
    background: #999999;
}

.date {
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.time {
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.value {
	text-align: center;
	padding: 0px 10px 0px 10px;
}

.place {
	text-align: left;
	padding: 0px 0px 0px 10px;
}










#source a {
  margin: 0 auto;
  padding: 10px 0px 0px 0px;
  font-family: 'Cuprum', sans-serif;
  text-shadow: 0px;
  text-align: center;
  font-size: 12px;
  color: #CCC;
  text-decoration: none;
}






#footer-in {
  margin: 0 auto;
  padding: 10px 0px 0px 0px;
  font-family: 'Cuprum', sans-serif;
  text-shadow: 2px 2px 3px #000;
  text-align: center;
  font-size: 12px;
  color: #CCC;
}