* {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#313b47;
}
body {
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	
}

#shoutbox_name, #shoutbox_message{
	padding:3px 5px;
}
#shoutbox {
}

#wrapperheader { 
				height:150px;
				background-image:url(img/header.jpg);
				background-repeat:no-repeat;
				background-size: 100% 78%;
				top:50px;
				margin-top:100px;
				margin-bottom:100px;				
}
#wrapperheader img {
    max-width: 100%;
    height: auto;
}

#wrapper {
	width:1160px;
	margin:200px auto;
	position:relative;
	top:-155px;
}
#logo {
	margin-left:-100px;
}

#navi {
	margin-top:130px;
	width: 100%;
	height:60px;
	background:#36393e;
	float:left;
	color:#fff;
	background-image:url(img/navi.jpg)
}
#navi li {
	line-height:58px;
	padding:0 20px;
	float:left;
	height:60px;
	border-left:1px #4a4d56 solid;
}
#navi li img {
	position:relative;
	top:20px;
}
#navi li:hover {
	background-position:0px 43px;
	background:#173066;
}
#navi li a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
}
#subnavi {
	width:100%;
	height:38px;
	float:left;
	background:url(img/subnavi.jpg);
	margin-bottom:25px;
}
#subnavi ul {
	padding-left:20px;
	display:none;
	position:absolute;
}
#subnavi ul:first-child {
	display:none;
}
#subnavi ul li {
	float:left;
	line-height:38px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	margin-right:20px;
}
#subnavi ul li a {
	color:#fff;
	text-decoration:none;
}
#content {
	width: 99%;
	padding:2px;
	background:#fff;
	float:left;
	border-radius:2px;
}
#top {
	width:100%;
	padding-bottom:15px;
}
#contenttext {
	width:71%;
	float:left;
	padding:0px 10px;
	margin-left:5px;
	
}
#slider {
	width:100%;
	height:365px;
	float:left;
	overflow:hidden;
	background:#000;
	margin-bottom:25px;
}
#latestmatches {
	width:300px;
	float:right;
}
.boxheading {
	width:300px;
	font-size:19px;
	color:#313b47;
	text-transform:uppercase;
	margin-bottom:25px;
}
.rightbox {
	width:260px;
	border:1px #bbb solid;
	min-height:10px;
	border-radius:3px;
	margin-bottom:40px;
	padding:15px;
}
#right a:link { color: #000 !important;}
#right a:link, #right a:visited, #right a:hover, #right a:active {
       color: #000 !important;
}
#matches {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:300px;
}
#matches li {
	border-bottom:1px solid #cccccc;
	height:38px;
	padding:0 10px;
}
.gameicon {
	position:relative;
	top:11px;
	right:5px;
}
.teams {
	color:#000;
	text-decoration:none;
}
.matchlink {
	color:#7f7f7f;
	position:relative;
	text-decoration:none;
	top:3px;
}
.result {
	color:#7f7f7f;
	font-weight:bold;
	font-size:11px;
	float:right;
	position:relative;
}
.result img {
	position:relative;
	top:4px;
}
#right {
	float:right;
	width: 26%;
}
#forumposts {
}
#forumposts li {
	border-bottom:dotted 1px #a3a3a3;
	line-height:16px;
}
.forumposticon {
	position:relative;
	float:left;
	margin-right:7px;
	top:4px;
}
.forumtopic {
	font-size:11px;
	color:#000;
}
.forumdesc {
	color:#000;
}
.replys {
	float:right;
	font-size:8px;
	color:#fff;
	overflow:hidden;
	height:11px;
	line-height:10px;
	position:relative;
	bottom:5px;
	padding:0 1px;
}
#downloads li {
	line-height:24px;
	border-bottom:dotted 1px #a3a3a3;
	font-size:11px;
}
.downloadicon {
	position:relative;
	top:4px;
	margin-right:10px;
}
.downloads {
	float:right;
	color:#fff;
}
#downloads a {
	color:#000;
}
.rubricpic {
	float:left;
	margin-right:10px;
}
.news {
	border:#bfbfbf solid 1px;
	float:left;
	width:100%;
	margin:20px 0px 5px 0px;
	border-radius:6px;
}
.news_small {
	width:50%;
	float:left;
}
.newsheadline {
	font-size:15px;
	font-size:18px; 
	line-height:18px; 
	display:inline-block;
}
.newsheadline a {
	color:#265B84 !important;
	font-weight:bold !important;
}
.newscomments {
	margin-top:10px;
	border-top:#bfbfbf solid 1px;
	line-height:35px;
	color:#000;
	float:left;
	width:100%;
}
.newscomments a {
	color:#8a8e8c;
}
.bold {
	font-weight:bold;
}
#login {
	float:right;
	font-size:11px;
	text-transform:uppercase;
	margin-right:20px;
	text-align:right;
	background:url(img/loginbg.png) no-repeat 500px;
}
#login > a {
	color:#fff;
	text-decoration:none;
	line-height:27px;
}
#loginpanel {
	text-transform:none;
	text-align:center;
	width:300px;
	height:114px;
	position:relative;
	background:url(img/loginbg.png);
	bottom:141px;
	left:20px;
	display:none;
}
.black {
	color:#000;
	font-weight:bold !important;
}
.red {
	color:#F00;
	font-weight:bold !important;
}
#footer {
	width: 1160px;
	clear:left;
	margin:220px auto;
	margin-bottom:20px;
	height:250px;
	background:#092d83;
	position: relative;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	top:-155px;
}
.mehr {
	float:right;
	position:relative;
	top:7px;
}
.poll_head {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
}
.poll_antworten li {
	line-height:30px;
	border-bottom:1px dotted #a3a3a3;
}
.radio_button {
	width:11px;
	height:11px;
	background:url(img/radio.png);
	border:none;
	outline:none;
}
.poll_foot {
	margin:5px 0px 0px -20px;
}
.pollvoted {
	width:264px;
	margin:0 auto;
}
.pollvoted_bg {
	width:262px;
	height:3px;
	float:left;
	background:url(img/pollvoted_bg.png);
	padding:1px;
}
.poll_option {
	padding-bottom:5px;
}
.poll_percent {
	float:right;
}
#sponsors {
	text-align:center;
}
#innerfooter {
	width: 90%;
	margin:0 auto;
	color:#fefefe;
	list-style:square;
	padding:20px;
}
.footernavi {
	width:110px;
	float:left;
}
.footernavi li {
	line-height:15px;
	padding-left:10px;
	color:#fff;
}
.footernavi li:first-child {
	font-size:12px !important;
	border-bottom:1px solid #737373;
	line-height:35px;
	padding:0;
	margin-bottom:5px;
}
.footernavi li a {
	color:#fff;
	text-decoration:none;
}
#specialcontent {
	width:100%;
	height:365px;
	position: relative;
	overflow:hidden;
	font-size:13px;
}
#specialcontent li {
	position: absolute;
	display: none;
	width: 100%;
	height:301px;
	font-size:13px;
}
#specialcontent li img {
	position: absolute;
	z-index: 1;
}
#specialcontent  li  div {
	position: absolute;
	top: 64px;
	height: 301px;
	width: 265px;
	color: #FFF;
	border-top-right-radius:10px;
	padding: 0px 20px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
}
#specialcontent .active {
	display: block;
}
#overview a {
	color:#fff;
}
#sponsors_top {
	position:absolute;
	top:-60px;
	width:1030px;
}
#sponsors_top ul li {
	float:right;
	margin-left:20px;
}
#ts3 {
	overflow:scroll;
	height:550px;
}
#topbar{
	height:48px;
	background-image:url(img/topbar.jpg);
	width:100%; 
	position:fixed; 
	top:0px; 
	left:0px;
	z-index:99;
}
#topanel{
	width: 99%;
	height:48px;
}
.loggedin{
	width:100%;
	color:#265B84;
	margin-top:13px;
	font-size:14px;
	text-align:left;
}

.loggedin a:link{color:#fff;}
.loggedin a:hover{color:#fff; text-decoration:underline;}
.loggedin a:visited{color:#fff;}

.blueling a:link{color:#265B84;}
.blueling a:hover{color:#265B84; text-decoration:underline;}
.blueling a:visited{color:#265B84;}

.bluefathovling a:link{color:#265B84;}
.bluefathovling a:hover{color:#265B84; font-weight:bold;}
.bluefathovling a:visited{color:#265B84;}

#footer div h3 { color: #fff;}


/* For Tabs */
@media only screen and (max-width : 1024px) {
/* Styles */
#wrapper {width: 90%; top: -220px; }
#footer { width: 90%; top: -218px; }
#slider {  height: 240px; }
#specialcontent {   height: 240px; }
#specialcontent li img { position: relative; z-index: 1; width: 100%;}
#specialcontent li div {  height: 240px; }
#topbar { height: 96px; }
#topanel form { margin: 8px;
				padding: 0px;
				clear: both;
				float: left !important;
				margin-left: 11%; }
#topanel img {  margin-top: 8px; }
#contenttext { width: 96%; }
#right {
    float: left;
    width: 97%;
    padding: 20px;
}
#navi {  height: 60px; }

.news div {}
.news div div:last-child { width: 356px !important;
float: left !important;
margin-left: 5px;}
#wrapperheader {
    height: 150px; background-size: 100% 69%;
    /* background-image: url(img/header2.jpg); */
}
#topanel img {  margin-top: 8px; display: none; }
#topanel a img { display: block !important; }
#navi li { padding: 0 0px !important; }
#topanel div {margin-right: 10%;
float: right !important;}
}

/* For Wide Smartphones */
@media only screen and (max-width : 767px) {
/* Styles */

#slider {  height: 152px; }
#specialcontent {   height: 152px; }
#specialcontent li img { position: relative; z-index: 1; width: 100%;}
#specialcontent li div {  height: 152px; margin-top: -57px; }
#topbar { height: 96px; }
#topanel form { margin: 8px;
				padding: 0px;
				clear: both;
				float: left !important;
				margin-left: 18px; }
#topanel img {  margin-top: 8px; display: none; }
#topanel a img { display: block !important; }
#contenttext { width: 96%; }
#right {
    float: left;
    width: 97%;
    padding: 20px;
}
#latestmatches {
    float: left;
}
.news div {}
.news div div:last-child { width: 475px !important; float: left !important; margin-top: 15px;}
#footer img { width: 100px; height: 100px; }
#navi {
    height: 40px;
}
#navi li img {
    top: 12px;
}
#navi li {
    width: 57px;
}
#navi li img {

    height: 15px;
    width: 60px;
}
#wrapperheader { background-size: 100% 62%;}	
	

}

/* For Smartphones */
@media only screen and (max-width : 479px) {
/* Styles */

#contenttext { width: 91%; }
#slider {  height: 246px; }
#specialcontent {   height: 240px; }
#specialcontent li img { position: relative; z-index: 1; width: 100%;}
#specialcontent li div {  height: 100px; margin-top: 45px; font-size: 11px; width: 60%; }
#topbar { height: 96px; }
#topanel form { margin: 8px;
				padding: 0px;
				clear: both;
				float: left !important;
				margin-left: 18px; }
#topanel img { margin-top: 8px; }
.news div div:first child img { width: 275px;}
.news div div:last-child { width: 275px !important; float: left !important; margin-top: 15px; }
#right {
    float: left;
    width: 100%;
}
.boxheading {
    width: 215px; }
#latestmatches {
    width: 215px; float: left;}
.rightbox {
    width: 215px;
}


#right {
    float: left;
    width: 93%;}
#footer img {
    width: 135px;
    height: 80px; }

#footer img { width: 129px; height: 82px; }
#footer div h3 {
    margin-top: 450px;
    font-size: 13px !important;
}
.footernavi {
    float: left;
    clear: both !important;
}
#topbar {
    height: 192px;
}
#topanel div {
    margin-left: 16px !important;
    margin-top: 8px !important; }

#topanel form input {width: 99px !important; margin-top: 16px !important; }
#topanel form input:last-child {width: 99px !important;}
#navi {    height: 120px; }
#wrapperheader { margin-top: 200px !important; background-size: 100% 40%;}	
#footer { height: 709px; }
#topanel div {margin-right: 20%; float: right !important;}
#subnavi { height: 76px; }

}