/* Main Layout - Änderungen können das Design zerstören !*/
* {
    margin:0;
    padding:0;
    outline:0;
}
html {
    background:#fdfdfd url(images/bg.gif) repeat-x;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#2d2d2d;
    height:100%;
    }
body {
    position:relative;
    }
#wrapper {
    margin:0 auto;
    width:1000px;
    position:relative;
    min-height:100%;
    }
	
* html #wrapper {
    height:100%;
}
header {
    background:url(design/header.jpg) no-repeat;
    height:175px;
    padding:4px 0 0 0;
    text-align:left;
    position:relative;
    }
    
#lang {
	float:left;
	width: 598px;
    }
#spn {
	float: right;
	width: 400px;
}
#spn h3 {
	color: #FFFFFF;
	font-weight:bold;
	font-size: 11px;
	margin-bottom: 15px;	
}
#spn img{
	margin-right: 10px;
}
#login {
	position:absolute;
	top: 115px;
	left:545px;
    text-align:left;
    color:#FFFFFF;
    }
#login input {
    background:#111111;
    border:1px solid #282828;
    font-size:11px;
 	width:145px;
    font-weight:bold;
    margin:0;
    padding:5px;
	color:#b6b6b6;
    }
#login p {
	margin-top: 5px;
	font-size: 11px;
}
#login a{
	color:#FFFFFF;
}
#login_button {
	position:absolute;
	top:0px;
	left:325px;
    background:url(design/login_button.jpg) no-repeat !important;
    width:69px !important;
    height:26px !important;
    border:none !important;
    }
#avatar img {
	float: left;
	margin-right:5px;
	width: 55px;
}
#navigation {
    height:38px;
	color:#b6b6b6;
    padding:0;
	text-align: center;
    }
#navigation li {
	display:block;
	float:left;
    list-style:none;
	padding:0;
    }
#navigation li a {
    font-size: 14px;
    text-shadow: #000 1px 1px 1px;
    }
#navigation li a:hover {
    color:#FFFFFF;
    }
#navi_start a {
	display: block;
	background:url(design/navi_bg.jpg) repeat-x;
	border-right: 1px solid #313131;
    color:#b6b6b6;
	width:73px;
	height: 23px;
	float:left;
	padding-top:5px;
}
#navi_start a:hover {
	background:url(design/navi_hover_start.jpg) no-repeat top left;
}
#navi_start_aktiv a {
	display: block;
	background:url(design/navi_hover_start.jpg) no-repeat top left;
    color:#FFFFFF;
	width:73px;
	height: 23px;
	float:left;
	padding-top:5px;
}
#navi_clan a, #navi_community a {
	display: block;
	background:url(design/navi_bg.jpg) repeat-x;
	border-right: 1px solid #313131;
    color:#b6b6b6;
	width:102px;
	height: 23px;
	float:left;
	padding-top:5px;
}
#navi_misc a {
	display: block;
	background:url(design/navi_bg.jpg) repeat-x;
    color:#b6b6b6;
	width:102px;
	height: 23px;
	float:left;
	padding-top:5px;
}
#navi_clan_aktiv a, #navi_community_aktiv a, #navi_misc_aktiv a {
	display: block;
	background:url(design/navi_hover.jpg) no-repeat top left;
    color:#FFFFFF;
	width:102px;
	height: 23px;
	float:left;
	padding-top:5px;
}
#navi_clan a:hover, #navi_community a:hover,#navi_misc a:hover  {
	background:url(design/navi_hover.jpg) no-repeat top left;
}
#subnavigation {
	background:url(design/subnavi.jpg) no-repeat;
	width: 492px;
	height: 22px;
	padding: 5px 0 0 34px;
}
#subnavigation li {
	float:left;
	list-style: disc;
	color:#b6b6b6;
	margin-right: 30px;
}
#subnavigation a {
	color:#b6b6b6;
}
#subnavigation a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#followlinks {
	float: right;
	margin:3px 4px 0 0;
}
#followlinks img {
	margin-left: 2px;
}
#bannerrotation {
    position:absolute;
    top:71px;
    right:67px;
    }
	
#latestnews {
    background:url(design/latestnews.jpg) no-repeat;
    width:182px;
    height:30px;
    }
.result_list {
    margin:0 !important;
    padding:5px 0 8px 0;
    border-bottom:1px solid #caf698;
    list-style:none;
    }

.result_list img {
    float:left;
    margin:2px 5px 0 5px;
    }
.win {
	background:url(design/win.png) no-repeat;
	float:right;
	width:49px;
	height:20px;
	color:#fff;
	padding-top:3px;
	text-align:center;
	overflow:hidden;
	margin:0 5px 0 0;;
}

.loss {
	background:url(design/loss.png) no-repeat;
	float:right;
	width:49px;
	height:20px;
	color:#fff;
	padding-top:3px;
	text-align:center;
	overflow:hidden;
	margin:0 5px 0 0;
}

.draw {
	background:url(design/draw.png) no-repeat;
	float:right;
	width:49px;
	height:20px;
	color:#fff;
	padding-top:3px;
	text-align:center;
	overflow:hidden;
	margin:0 5px 0 0;
}
	
.liste li {
    margin:5px 0 5px 3px;
    padding:0 5px 5px 10px;
    background: url(design/list_bg.jpg) no-repeat bottom;
    list-style:none;
    color:#fff;
    }
	
.liste a {
    color:#fff !important;
    }

#content {
    width:715px;
    float:left;
    margin-top:4em;
    margin-bottom: 12em;
    }
	
.inhalt {
    padding:5px;
    }
	
#content h2 {
    display:none;
    }

#content_right {
	background:#ffffff;
	border:1px solid #dcdcdc;
	margin-top:4em;
	margin-left:20px;
    width: 240px;
    padding: 10px;
    float: left;
    margin-bottom: 12em;
}
#content_right h4 {
	color:#557a3d;
	font-family: Georgia;
	font-size: 22px;	
	font-weight: normal;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #e7e7e7;
}
#livestream ul {margin-bottom:2em;}
#livestream li {
	background: #fcfcfc;
	list-style: none;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	margin-bottom:2px;
}
#livestream li:hover {
	background: #e7f7da;
}
#livestream li img {
	float:left;
	height:32px;
	margin:0 5px 0 0px;
	border:1px solid #ffffff;
}
#content_right ul {margin-bottom: 2em;}
#content_right li {
	background: #fcfcfc;
	list-style: none;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	margin-bottom:2px;
}
#content_right li:hover {
	background: #e7f7da !important;
}
#partner {
    margin-top: 5px;
    padding-left: 10px;
}
footer {
    background:#282828 url(design/footer.jpg) repeat-x top;
    height:120px;
    width:100%;
    position:absolute;
    bottom:0;
    padding:0;
    text-align:center;
    color:#fff;
}
#footer_content {
	margin-top:50px;
}
#footer_content a {
	color: #c2c2c2;
}
.rubrik img {
	border:1px solid #4d4d4d;
	margin-top:5px;
	margin-right:10px;
	float:left;
}
.newswrapper {
	background:url(design/newsbg.jpg) repeat-y right;
    margin:0 auto;
    position:relative;
    min-height:100%;
	width:715px;
	border-bottom: 1em solid #ffffff;
    }
	
.news_content{
	width:526px;
	float:left;
}

.news_title {
	width:473px;
	border-bottom:1px solid #e7e7e7;
	float:left;
	padding:5px;
	height:40px;
	font-size:12px;
	font-family: Georgia;
	overflow: hidden;
}

.news_title a {
	color:#557a3d;
	font-family: Georgia;
	font-size: 26px;
}
.news_title h3 {
	margin:0;
	padding:0;
}
.news_comments {
	background:url(design/comment.png) no-repeat;
	width:43px;
	height:43px;
	padding:7px 0 0 0;
	float:left;
	text-align:center;
	border-bottom:1px solid #e7e7e7;
	overflow: hidden;
}
.news_comments a {
	color:#4d4d4d !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold !important;
}
.news_details {
	float: left;
	width:138px;
	padding: 10px 5px 10px 7px;
	margin-left:35px;
	color: #ffffff;
	margin-bottom: 1em;
	font-size:11px;
	line-height: 24px;
	overflow: hidden;
}
.news_details a {
	color: #67a534 !important;
}
.news_details hr {
	color:#4f4f4f !important;
	background:#4f4f4f !important;
}
img { border: none; }

hr {
	color:#e7e7e7;
	background:#e7e7e7;
	border:0;
	border-top:transparent;
	border-bottom:transparent;
	margin:10px 0;
	height:1px;
}

/* Links */
a:link, a:visited, a:active {
  color:#557a3d;
  text-decoration:none;
  font-weight:normal;
}

a:hover {
  color:#67a534;
  text-decoration:none;
  font-weight:normal;
}

a.category, a.category:visited, a.category:active {
  color:#333333;
  text-decoration:none;
}

a.category:hover {
  color:#000000;
  text-decoration:underline;
}

/* Font types */
h2 {
  font-size:11px;
  text-transform: uppercase;
  font-weight: bold;
}

small {
  color: #4d4d4d;
  font-size: 10px;
}

.title {
    background:url(design/titlebg.jpg) repeat-x;
    font-size:11px;
    padding:0 4px 0 4px;
    height:28px;
    border-right:1px solid #ffffff;
    margin-bottom:4px;
    margin-top:2px;
    color:#fff;
}

.title a {
    color:#ffffff;
    font-weight:bold;
}

.center {
	margin-left:4px;
}

.category_big, .category_big a {
  font-size:13px;
  color:#5c9f24;
  font-weight:bold;
}

.category {
  font-size:11px;
  color:#444;
  font-weight: normal;
}

/* Forms */
form {
  border: none;
  margin: 0;
  padding: 0;
  display:block;
}

input {
	background:#ffffff;
	padding:3px;
	border:1px solid #e7e7e7;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#4d4d4d;
	margin:2px 0 2px 0;
	}

textarea, select {
	background:#ffffff;
	padding:5px;
	border:1px solid #e7e7e7;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#4d4d4d;
	margin:2px 0 2px 0;
}

.clean {
	border:none !important;
}

.no_border {
	border:none !important;
}

textarea:hover, select:hover {
	background:#e4f3ff;
}

/* Infomessages - Miscellaneous */
.tooltip {
    position:absolute;
    display:none;
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #DDDDDD;
    border-left:4px solid #3d6787;
    padding:4px 10px;
    z-index:100;
}

.errorbox {
    background-color:#FFCCCC;
    border:1px dashed #D60000;
    color:#666666;
    font-size:10px;
    width:350px;
    padding:8px;
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
}

/* BBCode Tags */
.quote {
    color:#383838;
    text-align:left;
    font:normal 9px Verdana, Arial, Helvetica, sans-serif;
    margin:0 auto;
    padding:3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
    color: #000000;
    font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color:#F3F3F3;
	height:15px;
	padding-left:3px;
	white-space:nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

td{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:18px;
    padding:2px 3px 2px 3px;
    }
table,tr,th {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:18px;
}

/* Klassen */
.hidden {
	display:none;
}

.grey {
	background:#363636;
	padding:2px 0 2px 0;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.left_pic {
	float:left;
	margin-right:5px;
	width:30px;
	padding:1px;
	border:1px solid #e7e7e7;
}

.right {
	float:right;
}

.up_space {
	margin-top:1em;
}

p {
	margin-bottom:1em;
	}
	
.spaced {
    margin:0 0 0.5em 5px;
    }	
.spacer {
	margin-bottom:1em;
}