@charset "UTF-8";




td.refresh  {
 font-family: Verdana;
 font-size: 9px;
 color: #ffffff;
}
a.channellink:link,
a.channellink:hover,
a.channellink:visited,
a.channellink:active {
 font-weight: bold;
 text-decoration: none;
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
}
a.refreshlink:link,
a.refreshlink:hover,
a.refreshlink:visited,
a.refreshlink:active {
 text-decoration: none;
 font-family: Verdana;
 font-size: 9px;
 color: #000000;
}
.Stil2 {
	color: #46cef0;
	font-weight: bold;
}
.Stil3 {
	color: #FFFFFF;
	font-weight: bold;
}
.topmatch_opp {
	color: #CC6600;
	font-weight: bold;
}
.text_left {
    color: black;
    font-family: arial;
    font-size: 11px;
    font-weight:bold;
}
table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
/*
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0088bf;
    text-transform: uppercase;
    font-weight: bold;
}
*/

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #666666;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF; 
	background-color: #888888;
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #333333; 
    font-weight: bold; 
	border-bottom: 2px #0000CC solid; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #666666; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #0088bf;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #444444;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #0088bf;
    font-weight: bold;
}

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

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

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000;
	background-color: #F5F5F5;
	border: 1px #464747 solid;
	padding: 2px;
	margin: 1px;
}
.radio {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #0000CC;
}
.footer {
	color: #FFFFFF;
	font-size: 10px;
}

.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

/*
.form_username {
    background-color: #eeeeee;
    border: none;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: center middle;
}

.form_password {
    background-color: #e4e4e4;
    border: none;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: center middle;
}
*/
.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

.topmatch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}

.usk_confirm {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #EE0000; 
    background-color: #FFFFFF; 
    border: 2px solid #000000;
    font-weight: bold;
}


/* NEWDESIGN ------------------------------------------------------------------------- */



body  {
	background: #03728e url(../images/background.png) repeat-x fixed;
	margin: 0;
	padding: 0;
	text-align: center; /* IE5 fix */
	color: #000000;
	font: 10px /*Corbel, Lucida Sans Unicode,*/ Verdana, Arial, Helvetica, sans-serif;
}
#ie-warning {
	display: none;
}
#clouds {
	min-width: 980px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 678px;
	/*background: url(../images/clouds.png) center top no-repeat; */
}
#bg-image  {
	background: url(../images/bg_image.png) repeat;
}
#logo {
	list-style-type: none;
	min-width: 980px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/headers/logo.png);
	height: 200px;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}
#header-link {
	min-width: 980px;
	height: 200px;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}
#center {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#center-inner {
	width: 1150px;
}
#container { 
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
}
#advertisement-right {
	float: left;
	margin-top: 280px;
	margin-left: 10px;
	border: none;
	padding: 0px;
}
#header-container {
	font-size: 12px;
	font-family: Tahoma, "Lucida Grande", Verdana, sans-serif;
	background-image: url(../images/header-container.png);
	position: relative;
	float:  left;
	width: 980px;
}
#header-container a {
	font-weight: bold;
}
#header-left-border {
	float: left;
	width: 10px;
	height: 25px;
}
#header-left {
	float:  left;
	height: 20px;
	width: 320px;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
}
#header-right {
	float: left;
	height: 20px;
	width:  320px;
	text-align: right;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
}
#header-right-border {
	float: left;
	width: 10px;
	height: 25px;
}
#header-center { 
	float:  left;
	height: 20px;
	width: 320px;
	text-align: center;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
}
#logo-transparent {
	position: relative;
	height: 173px;
}
#menu {
	margin: 0px;
	right: 20px;
	bottom: -1px;
	position: absolute;
}
#menu li {
	position: relative;
	list-style: none;
	display: block;
	text-align: center;
	color: white;
	background-repeat: no-repeat;
	background-image: url(../images/menubutton.png);
	float: left;
	margin-right: 3px;
	height: 21px;
	width: 102px;
}
#menu li:hover {
	list-style: none;
	display: block;
	text-align: center;
	font-size: 12px;
	background-repeat: no-repeat;
	background-image: url(../images/menubutton-hover.png);
	float: left;
	margin-right: 3px;
	height: 21px;
	width: 102px;
}
#menu li ul {
	display: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 21px;
	left: 0px;
}
#menu li:hover ul {
	display: block;
	position: absolute;
	bottom: 21px;
	left: 0px;
}
#menu li:hover ul li {
	background-position: center;
	background-image: url(../images/dropup.png);
	height: 22px;
	float: none;
}
#menu li:hover ul li:hover {
	background-image: url(../images/dropup-hover.png);
	color: #FFFFFF;
}
#menu a {
	display: block;
	padding-top: 4px;
	font-family:  Arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	font-size: 12px;
	color: white;
}
#menu li:hover ul li a {
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	font-size: 12px;
	color: black;
}
#sponsoren {
	background-image: url(../images/sponsoren.png);
	position: relative;
	width: 980px;
	height: 105px;
}
#sponsoren-content {
	width: 962px;
	height: 123px;
	position: absolute;
	top: 7px;
	left: 9px;
	vertical-align: middle;
}
#sponsor-sennheiser {
	background-position: center center;
	float: left;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/sponsors/sennheiser.png);
	background-repeat: no-repeat;
}
#sponsor-ovh {
	background-position: center center;
	float: left;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/sponsors/ovh.png);
	background-repeat: no-repeat;
}
#sponsor-core64 {
	background-position: center center;
	float: left;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/sponsors/core64.png);
	background-repeat: no-repeat;
}
#sponsor-roadmatic {
	background-position: center center;
	float: left;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/sponsors/roadmatic.png);
	background-repeat: no-repeat;
}
#sponsor-linemax {
	background-position: center center;
	float: left;
	display: block;
	width: 240px;
	height: 90px;
	background-image: url(../images/sponsors/linemax.png);
	background-repeat: no-repeat;
}
#sponsor-gdata {
	background-position: center center;
	float: left;
	display: block;
	width: 239px;
	height: 90px;
	background-image: url(../images/sponsors/gdata.png);
	background-repeat: no-repeat;
}
.sponsoren-trennlinie {
	background-position: 0 15px;
	background-image: url(../images/sponsoren-trennlinie.png);
	background-repeat:no-repeat;
	float: left;
	width: 1px;
	height: 123px;
}
.sidebar-content-buttons {
	width: 139px;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin: 4px;
	border: 0px;
}
#teams {
	width: 142px;
	vertical-align: middle;
	text-align: center;
	float: left;
	padding: 1px;
	padding-bottom: 4px;
}
#contentcontainer {
	background-repeat: no-repeat;
	position: relative;
	top: -10px;
}
#contentcontainer-inner {
	position: relative;
	background: white;
	background-repeat: repeat-y;
}
#contentcontainer-top {
	background-image: url(../images/contentcontainer.png);
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	height: 138px;
}

#top1 {
	background-repeat: no-repeat;
	width:  330px;
	float:  left;
	height: 130px;
	margin-top: 8px;
	margin-left: 5px;
	background-image: url(../images/top1.png);
	overflow: hidden;
}
.special-img {
	display: block;
	background-repeat: no-repeat;
	width: 326px;
	height: 112px;
	margin-left: 2px;
	margin-top: 0px;
}
.special-link {
	background-repeat: no-repeat;
	position: absolute;
	
	width: 326px;
	height: 112px;
	margin-left: 2px;
	margin-top: 16px;
}
#special-overlay {
	background-image: url(../images/specials/overlay.png);
	background-repeat: no-repeat;
	width: 328px;
	height: 18px;
	margin-left: 1px;
	position: absolute;
	bottom: 1px;
}
.special-text, .special-text:hover, .special-text:active, .special-text:visited {
	display: block;
	margin-left: 4px;
	float:left;
	margin-top: 3px;
	font-weight: bold;
	font-size: 11px;
	color: black;
}
#special-buttons {
	bottom: 2px;
	right: 4px;
	position: absolute;
}
.special-button, .special-button:hover, .special-button:active, .special-button:visited {
	display: block;
	line-height: 9px;
	font-size: 9px;
	text-align: center;
	width: 10px;
	height: 10px;
	margin-left: 2px;
	padding: 0px;
	background-color: #2f2f2f;
	border: 1px #858585 solid;
	color: #ffffff;
	float: left;
	cursor: pointer;
}
.special-button-active, .special-button-active:hover, .special-button-active:active, .special-button-active:visited {
	font-weight: bold;
	color: #0993b7;
}
#top2 {
	background-repeat: no-repeat;
	width:  330px;
	float:  left;
	height: 130px;
	margin-top: 8px;
	margin-left: 5px;
	background-image: url(../images/top2.gif);

}
#top3 {
	background-repeat: no-repeat;
	width:  296px;
	float:  left;
	height: 130px;
	margin-top: 8px;
	margin-left: 5px;
	background-image: url(../images/top3.png);
	padding-left: 2px;
	padding-right: 2px;

}
#prediction-live {
	background-color: #939393;
	background-repeat: repeat-x;
	background-image: url(../images/usercenter-verlauf.gif);
	width: 326px;
	height: 112px;
	margin-left: 2px;
}
.live-container {
	float: left;
	height: 112px;
	width: 234px;
	color: white;
}
.live-container a {
	color: white;
}
.live-container a:hover {
	color: #0088bf;
}
#top1 h1, #top2 h1, #top3 h1 {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	color: white;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.top-buttons {
	float: left;
	width: 90px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-left: 0px;

}
.top-buttons a {
	color: white;
	cursor: pointer;
}
.top-buttons a:hover, .top-buttons a.highlight {
	color: #0088bf;
}
.top-buttons2 a {
	color: white;
	cursor: pointer;
}
.top-buttons2 a:hover, .top-buttons2 a.highlight {
	color: #0088bf;
}
.top-buttons li{
	display: block;
	list-style: none;
	padding-left: 0px;
	background-image: url(../images/top-button.gif);
	font-size: 10px;
	text-align:right;
	padding-right: 6px;
	line-height: 20px;
}
.top-buttons2 {
	float: left;
	width: 90px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-left: 0px;

}
.top-buttons2 li{
	display: block;
	list-style: none;
	padding-left: 0px;
	background-image: url(../images/top-button2.gif);
	font-size: 10px;
	text-align:center;
	padding-right: 0px;
	line-height: 20px;
}
#logintext {
	color: white;
}
#logintext:hover {
	color: #0088bf;
}
.loginform {
	background-color: #939393;
	background-repeat: repeat-x;
	background-image: url(../images/usercenter-verlauf.gif);
	margin: 0px;
	width: 296px;
	height: 72px;
}
.loginform a {
	color: white;
}
.loginform a:hover {
	color: #0088bf;
}
#userinput{
	background-image: url(../images/usercenter/login-symbol.gif);
	background-repeat: no-repeat;
	margin-top: 11px;
	padding-left:23px;
}
#userinput input,
#passwordinput input {
	width: 120px;
	height: 14px;
	line-height: 14px;
	background-color: #54595a;
	margin: 0px;
	color: #FFFFFF;
}
#passwordinput{
	background-image: url(../images/usercenter/password-symbol.gif);
	background-repeat: no-repeat;
	margin-top: 11px;
	padding-left:23px;
}
#logindiv {
	float: left;
	margin-left: 25px;
	height: 72px;
	width: 170px;
}
#bookmarks {
	margin-left: -1px;
	margin-right: -1px;
	height: 41px;
	background-image: url(../images/usercenter-bookmark-verlauf.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size: xx-small;
}
#followus {
	float: left;
	width: 100px;
	margin-left: 2px;
}
#twitter {
	display: block;
	background-image: url(../images/usercenter/twitter.png);
	background-repeat: no-repeat;
	width: 79px;
	height: 19px;
	margin-top: 3px;
	margin-left: 2px;
}
#youtube {
	display: block;
	background-image: url(../images/usercenter/youtube.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	margin-top: 3px;
	margin-left: 4px;
}
#google {
	display: block;
	float: left;
	background-image: url(../images/usercenter/bookmark-google.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
#delicious {
	display: block;
	float: left;
	background-image: url(../images/usercenter/bookmark-delicious.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
#wong {
	display: block;
	float: left;
	background-image: url(../images/usercenter/bookmark-wong.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
#linkarena {
	display: block;
	float: left;
	background-image: url(../images/usercenter/bookmark-linkarena.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
#icio {
	display: block;
	float: left;
	background-image: url(../images/usercenter/bookmark-icio.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}
#twitter_div {
	width: 292px;
	float: left;
	margin-bottom: 2px;
	margin-top: 1px;
	padding-left: 4px;
	padding-top: 2px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 900;

}
#twitter_div ul li {
	color: #FFFFFF;
	font-size: 10px;
	margin-left: -35px;
	margin-right: 10px;
	margin-bottom: 7px;
	padding: 5px;
	list-style-type: none;
	list-style: none;
	background-color: #33ccff;
	border: 2px #FFFFFF solid;
}
#twitter_update_list a {
	color: #000000;
	font-size: 10px;
}
#twitter_update_list a:hover {
	color: #666666;
}
#verein {
	position: relative;
	background-image: url(../images/verein.jpg);
	background-repeat: no-repeat;
	border: none;
	width: 662px;
	height: 99px;
}
#sidebar1 {
	margin: 5px;
	float: right;
	width: 300px;
}
.sidebarContent {
	background-color: #949494;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	position: relative;
	margin-bottom: 5px;
	padding-top: 14px;
	background-repeat: no-repeat;
	background-image: url(../images/sidebar.gif);
}
.sidebarContent-inner {
	background-color: #949494;
	border-color: #7d8386;
	border-style: solid;
	border-width: 1px;
	position: relative;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/sidebar-verlauf.gif);
}
.sidebarContent-inner-uncolored {
	background-color: #949494;
	border-color: #7d8386;
	border-style: solid;
	border-width: 1px;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.sidebarContent-elements {
	height: 17px;
	float: left;
	background-color: #777878;
	margin-bottom: 3px;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.sidebarContent-elements a:hover {	
	text-decoration: underline;
}
#mainContent { 
	z-index: 1; 
	float: left;
	width: 665px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.singleColumn h1,
#sidebar1 h1 {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 5px;
	color: white;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.singleColumn h1 + h2 {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: 5px;
	text-align: right;
	color: white;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.singleColumn {
	position: relative;
	padding-top: 16px;
	margin-bottom: 5px;
	background-image: url(../images/singleColumn.gif);
	background-repeat: repeat-x;
	background-color: #E1E1E1;
	border-color: black;
	border-style: solid;
	border-width: 1px;

}
.singleColumn-inner {
	position: relative;
	background-image: url(../images/singleColumn-verlauf.gif);
	background-repeat: repeat-x;
	border: none;
	background-color: #8d8d8d;
}
.singleColumn-button {
	margin-left: 9px;
	margin-top: 4px;
	margin-bottom: 4px;
	float: left;
}
.doubleColumn {
	padding: 0px;
	margin-bottom: 5px;
	background-image: url(../images/doubleColumn.png);
	background-repeat: no-repeat;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	background-color: #dadada;
}
.doubleColumn-inner {
	background-image: url(../images/doubleColumn-horizontal.png);
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.doubleColumn-left{
	position: relative;
	float: left;
	width: 318px;
	padding-top: 18px;
}
.doubleColumn-left h1{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 0px;
	color: #03728e;
	font-size: 11px;
}
.doubleColumn-left h1 + h2 {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	color: white;
	font-size: 11px;
}

.doubleColumn-right{
	position: relative;
	float: left;
	width: 318px;
	padding-top: 18px;
	margin-left: 15px;
}
.doubleColumn-right h1{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	color: #03728e;
	font-size: 11px;
}
.doubleColumn-right h1 + h2 {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: 5px;
	color: white;
	font-size: 11px;
}
.doubleColumn hr {
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid black;
	padding: 0px;
	margin-bottom: 5px;
}
#footer {
	background-image: url(../images/footer.png);
	width: 980px;
	height: 50px;
} 
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #0088bf;
}

#footer-text {
	font-size: 11px;
	margin-top: 10px;
	float: left;
	width: 850px;
	color: white;
	font-family: Tahoma, "Lucida Grande", Verdana, sans-serif;
}
#logo-bw {
	margin-left: 5px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/logo-bw.png);
	height: 50px;
	width: 120px;
}
#footer-text-left {
	text-align: left;
	float: left;
	width: 200px;
}
#footer-text-center {
	text-align: center;
	float: left;
	width: 330px;
}
#footer-text-right {
	text-align: right;
	float: left;
	width: 315px;
}
.leftfloat{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.rightfloat {
	float: right;
}
#contentcontainer-footer {
	background-position: 0 bottom;
	width: 100%;
	position: absolute;
	height: 200px;
	bottom: 0px;
	background-image: url(../images/contentcontainer.png);
	z-index: -1;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}