@charset "utf-8";
/* CSS Document */

body {
	background: #383843 url(gfx/background.png) top repeat-x;
	margin:1px 0px 0px 0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#949599;
}

a {
	outline:none;
}

a img {
	border:none;
}

div#topbar {
	position:relative;
	margin:auto;
	width:1007px;
	height:76px;
	background: #FFFFFF url(gfx/topbar/topbar_bg.jpg) top repeat-x;
}

div#topbar #topbar_userpanel {
	position:absolute;
	right:22px;
	top:10px;
	width:300px;
	height:62px;
}

div#topbar #topbar_userpanel #userpanel_avatar {
	position:absolute;
	left:0px;
	top:0px;
}

div#topbar #topbar_userpanel #userpanel_hallo {
	position:absolute;
	left:74px;
	top:6px;
	color:#292929;
	font-size:11px;
}

div#topbar #topbar_userpanel #userpanel_hallo a {
	color:#292929;
}

div#topbar #topbar_userpanel #userpanel_links {
	position:absolute;
	left:79px;
	top:22px;
	font-size:10px;
}

div#topbar #topbar_userpanel #userpanel_rechts {
	position:absolute;
	left:192px;
	top:22px;
	font-size:10px;
}

div#topbar #topbar_userpanel #login_links {
	position:absolute;
	left:0px;
	top:0px;
}

div#topbar #topbar_userpanel #login_rechts {
	position:absolute;
	left:175px;
	top:0px;
	font-size:10px;
}

div#topbar #topbar_left {
	position:absolute;
	left:0px;
	top:0px;
	width:334px;
	height:76px;
	background: url(gfx/topbar/topbar_left.jpg) top left no-repeat;
}

div#topbar #topbar_right {
	position:absolute;
	right:0px;
	top:0px;
	width:8px;
	height:76px;
	background: url(gfx/topbar/topbar_right.jpg) top right no-repeat;
}

div#header {
	position:relative;
	margin:auto;
	width:1007px;
	height:165px;
	background: #FFFFFF url(gfx/header.jpg) top no-repeat;
}

div#navigation {
	position:relative;
	margin:auto;
	width:1007px;
	height:83px;
	background: #505359 url(gfx/navigation/search.jpg) top right no-repeat;
}

div#navigation #navigation_left {
	position:absolute;
	top:0px;
	left:0px;
	width:2px;
	height:83px;
	background: url(gfx/navigation/navi_left.jpg) top left no-repeat;
}

div#navigation #mainnavigation {
	position:absolute;
	top:0px;
	left:2px;
	width:729px;
	height:42px;
	white-space:nowrap;
	background: url(gfx/navigation/main/navi_main_bg.jpg) top left no-repeat;
	overflow:hidden;
}

div#navigation #mainnavigation ul,li {
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

div#navigation #mainnavigation li {
	float:left;
	margin-left:2px;
}

div#navigation #mainnavigation li.first {
	margin-left:1px;
}

div#navigation #mainnavigation a {
	text-indent: -6000px;
	display:block;
	width:144px;
	height:42px;
}

div#navigation #mainnavigation a.mainnavi_button1 { background: url(gfx/navigation/main/navi_main_1.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button1:hover { background: url(gfx/navigation/main/navi_main_1_ov.jpg); }
div#navigation #mainnavigation a.mainnavi_button2 { background: url(gfx/navigation/main/navi_main_2.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button2:hover { background: url(gfx/navigation/main/navi_main_2_ov.jpg); }
div#navigation #mainnavigation a.mainnavi_button3 { background: url(gfx/navigation/main/navi_main_3.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button3:hover { background: url(gfx/navigation/main/navi_main_3_ov.jpg); }
div#navigation #mainnavigation a.mainnavi_button4 { background: url(gfx/navigation/main/navi_main_4.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button4:hover { background: url(gfx/navigation/main/navi_main_4_ov.jpg); }
div#navigation #mainnavigation a.mainnavi_button5 { background: url(gfx/navigation/main/navi_main_5.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button5:hover { background: url(gfx/navigation/main/navi_main_5_ov.jpg); }
div#navigation #mainnavigation a.mainnavi_button6 { background: url(gfx/navigation/main/navi_main_6.jpg) top left no-repeat; }
div#navigation #mainnavigation a.mainnavi_button6:hover { background: url(gfx/navigation/main/navi_main_6_ov.jpg); }

div#navigation #subnavigation {
	position:absolute;
	top:42px;
	left:2px;
	width:729px;
	height:41px;
	background: url(gfx/navigation/navi_bg.jpg) top left no-repeat;
}

div#navigation #subnavigation ul,li {
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

div#navigation #subnavigation ul {
	position:absolute;
	top:10px;
	left:0px;
	display:none;
	opacity:0;
	filter:alpha(opacity=0);
}

div#navigation #subnavigation li {
	float:left;
	margin-left:30px;
}

div#navigation #subnavigation li.first {
	float:left;
	margin-left:11px;
}

div#navigation #subnavigation a {
	background:none;
	display:block;
	padding:5px 7px 5px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

div#navigation #subnavigation a:hover {
	background:#3d3f44;
	color:#9E9FA2;
}

div#navigation #search {
	position:absolute;
	right:23px;
	top:48px;
	width:190px;
	height:27px;
}

div#navigation #search #suchfeld {
	position:absolute;
	left:8px;
	top:7px;
}

div#navigation #search #lupe {
	position:absolute;
	right:0px;
	top:3px;
}

div#navigation #search input {
	background:none;
	border:none;
	color:#52565c;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
div#navigation #search #searchinput {
	width:140px;
}

div#main {
	position:relative;
	width:1007px;
	background:#FFFFFF;
	margin:auto;
	padding:2px 0px 20px 0px;
}

div#main #links {
	float:left;
	width:263px;
}

div#main #links .boxheadlinks {
	position:relative;
	width:263px;
	height:39px;
}

div#main #links #boxheadlinks1 {
	background:url(gfx/sidebar_links/boxhead_1.jpg) top no-repeat;
}

div#main #links #boxheadlinks2 {
	background:url(gfx/sidebar_links/boxhead_2.jpg) top no-repeat;
}

div#main #links #boxheadlinks3 {
	background:url(gfx/sidebar_links/boxhead_3.jpg) top no-repeat;
}

div#main #links .boxlinks {
	position:relative;
	width:261px;
	background:url(gfx/boxbackground.jpg) top repeat-x;
	margin:auto;
}

div#main #links #boxlinks1 {
	width:259px;
	height:232px;
	padding:0px 0px 0px 0px;
}

div#main #links #boxlinks1 #infoswitcher {
	position:absolute;
	left:7px;
	top:11px;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

div#main #links #boxlinks1 #infoswitcher li {
	float:left;
	margin-right:3px;
}

div#main #links #boxlinks1 #infoswitcher a {
	display:block;
	width:56px;
	height:20px;
}

div#main #links #boxlinks1 #infoswitcher a.infoswitcher1 {	background:url(gfx/sidebar_links/infocenter/button_news.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher1:hover { background:url(gfx/sidebar_links/infocenter/button_news_ov.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher1a { background:url(gfx/sidebar_links/infocenter/button_news_ov.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher2 {	background:url(gfx/sidebar_links/infocenter/button_artikel.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher2:hover { background:url(gfx/sidebar_links/infocenter/button_artikel_ov.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher3 {	background:url(gfx/sidebar_links/infocenter/button_matches.jpg) top no-repeat; }
div#main #links #boxlinks1 #infoswitcher a.infoswitcher3:hover { background:url(gfx/sidebar_links/infocenter/button_matches_ov.jpg) top no-repeat; }

div#main #links #boxlinks1 #infoswitcher .infoswitcher_hidden {
	display:none;
}

div#main #links #boxlinks1 .infobox {
	position:absolute;
	left:2px;
	top:48px;
	width:267px;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	display:none;
	font-size:10px;
}

div#main #links #boxlinks1 #infobox1 {
	display:inline;
}

div#main #links #boxlinks1 .infobox li {
	position:relative;
	width:254px;
	height:40px;
	border-bottom:1px solid #F3F3F3;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

div#main #links #boxlinks1 .infobox .icon {
	position:absolute;
	left:17px;
	top:11px;
}

div#main #links #boxlinks1 .infobox .textlinks {
	position:absolute;
	left:48px;
	top:9px;
}

div#main #links #boxlinks1 .infobox .textlinks_multi {
	position:absolute;
	left:48px;
	top:15px;
}

div#main #links #boxlinks1 .infobox .versus {
	position:absolute;
	display:block;
	left:114px;
	top:10px;
	width:28px;
	height:20px;
	background:url(gfx/sidebar_links/infocenter/vs.png) top no-repeat;
}

div#main #links #boxlinks1 .infobox .textrechts {
	position:absolute;
	left:150px;
	top:9px;
}

div#main #links #boxlinks1 .infobox .textrechts_multi {
	position:absolute;
	left:150px;
	top:15px;
}

div#main #links #boxlinks1 .infobox .ergebnis {
	position:absolute;
	left:212px;
	top:14px;
	font-size:12px;
	font-weight:bold;
}
div#main #links #boxlinks2 {
	padding:20px 0px 0px 0px;
}
div#main #links #boxlinks2 ul {	
	position:relative;
	width:267px;
	list-style:none;
	list-style-type:none;
	margin:0;
	margin-left:4px;
	padding:0;
}

div#main #links #boxlinks2 li.vote_question {
	width:234px;
	height:25px;
	border-bottom:2px dotted #E7E7E7;
	padding-left:20px;
	color:#2D2D2D;
	font-weight:bold;
}

div#main #links #boxlinks2 li {
	position:relative;
	width:254px;
	height:40px;
	border-bottom:1px solid #F3F3F3;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

div#main #links #boxlinks2 .wert {
	position:absolute;
	right:215px;
	top:14px;
	color:#383838;
	font-weight:bold;
	
}

div#main #links #boxlinks2 .option {
	position:absolute;
	left:50px;
	top:13px;
	color:#383838;
	font-size:9px;
	font-weight:bold;
	
}

div#main #links #boxlinks2 .balken {
	position:absolute;
	left:50px;
	top:27px;	
}

div#main #links #boxlinks2 #buttons {
	position:relative;
	margin:12px 0px 10px 0px;
	height:20px;
	text-align:right;
	font-size:10px;
}

div#main #links #boxlinks2 #buttons .button1 {
	position:absolute;
	right:76px;
	top:0px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
}

div#main #links #boxlinks2 #buttons .button2 {
	position:absolute;
	right:15px;
	top:0px;
}

div#main #links #boxlinks2 #buttons .button3 {
	position:absolute;
	right:5px;
	top:0px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
}

div#main #links #boxlinks3 {
	padding:10px 0px 0px 0px;
}
div#main #links #boxlinks3 ul {	
	position:relative;
	width:267px;
	list-style:none;
	list-style-type:none;
	margin:0;
	margin-left:4px;
	padding:0;
}

div#main #links #boxlinks3 li {
	position:relative;
	width:254px;
	height:40px;
	border-bottom:1px solid #F3F3F3;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

div#main #links #boxlinks3 .disk {
	position:absolute;
	left:15px;
	top:17px;	
}

div#main #links #boxlinks3 .name {
	position:absolute;
	left:45px;
	top:13px;
	color:#383838;
	font-size:9px;
	font-weight:bold;
	
}

div#main #links #boxlinks3 .size {
	position:absolute;
	left:45px;
	top:25px;	
	font-size:9px;
}

div#main #links #boxlinks3 .button2 {
	position:absolute;
	right:7px;
	bottom:9px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
	font-size:10px;
}

div#main #mitte {
	float:left;
	width:533px;
}

div#main #mitte #specials {
	position:relative;
	width:533px;
	height:164px;
	background:url(gfx/content/specials/specialsbackground.jpg) top right repeat-y;
}

div#main #mitte #specials #big {
	position:absolute;
	left:0px;
	top:0px;
	width:338px;
	height:164px;
	overflow:hidden;
}

div#main #mitte #specials #big .special {
	position:absolute;
	left:0px;
	top:0px;
	width:338px;
	height:164px;
	display:none;
	opacity:0;
	filter:alpha(opacity=0);
}



div#main #mitte #specials #big #special1 {
	display:inline;
	opacity:1;
	filter:alpha(opacity=100);
}

div#main #mitte #specials .specialbuttonbox {
	position:absolute;
	width:60px;
	height:60px;
}

div#main #mitte #specials #specialbutton1 {
	right:108px;
	top:16px;
}

div#main #mitte #specials #specialbutton2 {
	right:29px;
	top:16px;
}

div#main #mitte #specials #specialbutton3 {
	right:108px;
	top:90px;
}

div#main #mitte #specials #specialbutton4 {
	right:29px;
	top:90px;
}

div#main #mitte #specials .specialbuttonbox a {
	text-indent: -6000px;
	display:block;
	width:60px;
	height:60px;
}

div#main #mitte #specials .specialbuttonbox a.specialbutton1 { background:url(gfx/content/specials/dummyssmall/specialsmall_1.jpg) top no-repeat; }
div#main #mitte #specials .specialbuttonbox a.specialbutton2 { background:url(gfx/content/specials/dummyssmall/specialsmall_2.jpg) top no-repeat; }
div#main #mitte #specials .specialbuttonbox a.specialbutton3 { background:url(gfx/content/specials/dummyssmall/specialsmall_3.jpg) top no-repeat; }
div#main #mitte #specials .specialbuttonbox a.specialbutton4 { background:url(gfx/content/specials/dummyssmall/specialsmall_4.jpg) top no-repeat; }

div#main #mitte .contenthead {
	position:relative;
	width:516px;
	height:17px;
	padding:4px 0px 0px 17px;
	margin:2px 0px 1px 0px;
	background:url(gfx/content/contenthead.jpg) top left no-repeat;
	font-size:10px;
}

div#main #mitte .topnews {
	position:relative;
	width:531px;
	height:92px;
	background:url(gfx/boxbackground.jpg) top repeat-x;
	border-left:1px #E5E5E5 solid;
	border-right:1px #E5E5E5 solid;
	overflow:hidden;
}

div#main #mitte .topnews .newsimage {
	float:left;
	text-align:right;
	width:85px;
	padding-top:7px;
	margin-right:18px;
}

div#main #mitte .topnews .newstext {
	float:left;
	text-align:justify;
	margin-top:12px;
	width:415px;
}

div#main #mitte .topnews .newstext .titel {
	color:#5B5B5B;
	font-weight:bold;
}

div#main #mitte .topnews .button1 {
	position:absolute;
	right:56px;
	top:4px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
	font-size:10px;
}

div#main #mitte .topnews .button2 {
	position:absolute;
	right:5px;
	top:4px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
	font-size:10px;
}

div#main #mitte .topnews .topnews_line {
	color:#E1E1E1;
	background-color:#E1E1E1;
	border:0;
}

div#main #mitte .newstitel {
	position:relative;
	margin:auto;
	width:514px;
	height:24px;
	padding:12px 0px 0px 15px;
	
	background:url(gfx/content/news/titelleiste.jpg) top repeat-x;
	font-weight:bold;
	color:#797C80;
}

div#main #mitte .newstitel a {
	position:absolute;
	right:15px;
	top:12px;
	font-weight:normal;
	text-decoration:none;
	color:#797C80;
}

div#main #mitte .newsinfos {
	position:relative;
	width:519px;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;
	margin:auto;
	margin-top:1px;
	padding:4px 0px 0px 10px;
	color:#FFFFFF;
}

div#main #mitte .newsinfos .newsinfos_links {
	position:absolute;
	left:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_left.jpg) top left no-repeat;
}

div#main #mitte .newsinfos .newsinfos_rechts {
	position:absolute;
	right:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_right.jpg) top left no-repeat;
}

div#main #mitte .newsbanner {
	position:relative;
	width:529px;
	height:71px;
	margin:auto;
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden;
	text-align:center;
}

div#main #mitte .contentbox {
	position:relative;
	width:525px;
	background:#FFFFFF;
	border:1px #E4E4E5 solid;
	padding:1px;
	margin:auto;
}

div#main #mitte .lastnews {
	position:relative;
	background:url(gfx/boxbackground.jpg) top repeat-x;
	padding:15px 15px 35px 15px;
	text-align:justify;
}

div#main #mitte .button1 {
	position:absolute;
	right:56px;
	bottom:8px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
	font-size:10px;
}

div#main #mitte .button2 {
	position:absolute;
	right:5px;
	bottom:8px;
	
	display:inline;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;	
	padding:4px 9px 0px 9px;
	font-size:10px;
}

div#main #rechts {
	float:left;
	width:211px;
}

div#main #rechts .boxheadrechts {
	position:relative;
	width:211px;
	height:39px;
}

div#main #rechts #boxheadrechts1 {
	background:url(gfx/sidebar_rechts/boxhead_1.jpg) top no-repeat;
}

div#main #rechts #boxheadrechts2 {
	background:url(gfx/sidebar_rechts/boxhead_2.jpg) top no-repeat;
}

div#main #rechts .boxrechts {
	position:relative;
	width:209px;
	background:url(gfx/boxbackground.jpg) top repeat-x;
	margin:auto;
}

div#main #rechts #boxrechts2 {
	text-align:right;
	width:204px;
	padding-right:5px;
}

div#main #rechts #boxrechts2 ul {
	position:relative;
	width:200px;
	list-style:none;
	list-style-type:none;
	margin:0;
	margin:auto;
	padding:0;
}

div#main #rechts #boxrechts2 li {
	position:relative;
	width:197px;
	margin:0;
	padding:3px 3px 3px 0px;
	list-style:none;
	list-style-type:none;
	text-align:right;
	
}

div#main #rechts #boxrechts2 b {
	color:#6A6A6A;
}

div#main #rechts #boxrechts2 li.first { border-bottom:1px solid #E0E0E0; }
div#main #rechts #boxrechts2 li.second { border-bottom:1px solid #E7E7E7; }
div#main #rechts #boxrechts2 li.third { border-bottom:1px solid #EEEEEE; }
div#main #rechts #boxrechts2 li.fourth { border-bottom:1px solid #F2F2F2; }

div#main #rechts .sponsor {
	position:relative;
	width:211px;
	margin:auto;
}

div#footer {
	position:relative;
	width:1007px;
	height:46px;
	margin:auto;
	background:url(gfx/footer.jpg) top no-repeat;
}

div#footer #text {
	position:absolute;
	right:29px;
	bottom:17px;
	color:#FFFFFF;
	font-weight:bold;
}

.button {	
	display:block;
	height:16px;
	background:url(gfx/content/button/button_scaler.jpg) top left repeat-x;
}

div.button_links {	
	position:absolute;
	left:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_left.jpg) top left no-repeat;
}

div.button_rechts {	
	position:absolute;
	right:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_right.jpg) top left no-repeat;
}

div.button_links_grau {	
	position:absolute;
	left:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_left_grey.jpg) top left no-repeat;
}

div.button_rechts_grau {	
	position:absolute;
	right:0px;
	top:0px;
	width:6px;
	height:20px;
	background:url(gfx/content/button/button_right_grey.jpg) top left no-repeat;
}

a {
	color:#6D6D6D;
	text-decoration:none;
}

a.white {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
a.white_bold {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.grey {
	color:#6D6D6D;
	font-weight:normal;
	text-decoration:none;
}
a.grey_bold {
	color:#6D6D6D;
	font-weight:bold;
	text-decoration:none;
}
