@charset "utf-8";

* {
margin: 0;
padding: 0;
}
html,
* html body {
height: 100%;
}

html {
background: none black;
}

body {
background-color: black;
background: url('/binary.ashx?id=37621&view=image&select=E0E0E0E15') 0 0 repeat-x;
font-family:tahoma,arial;
margin: 0;
padding: 0 0 10px 0;
min-height: 100%;
width: 100%;
color: #4E4E4E;
}.center {
margin: auto;
width: 976px;
background-color: white;
position: relative;
}


/* Listen */
ul {
margin: 8px 0;
list-style: none;
}
ol {
margin: 8px 0;
padding: 0 0 0 17px;
}
* html ol {
padding: 0 0 0 21px;
}
li {
padding: 0 0 1px 12px;
background: url('/binary.ashx?id=37621&view=image&select=E0E0E1E22') 0 5px no-repeat;
list-style: none;
}
ul li.link {
padding: 3px 0 4px 20px;
}
ul#newslist li {
padding-bottom: 10px;
}

/* Überschriften */
h1 {
margin-top:10px;
font-size:1.4em;
color: #FF5D02;
}
h1.banner {
margin: 0;
padding: 0
}
h2, h3, h4, h5, h6 {
color: #4D4D4D;
background-color: transparent;
}

/* Absätze */
p {
margin: .8em 0;
}

/* Tabellen */
td {
padding: 0;
}
td.noPaddingRight {
padding-right: 0 !important;
}
td.textAlignCenter {
text-align: center !important;
}

/* Bilder */
img {
vertical-align: middle;
}

/* Textauszeichnung */
sup {
font-size: .9em;
}

/* Formulare */
select, option {
color: black;
background-color: white;
}

#recommend_CreateUserForm td,
#register_CreateUserForm td{
padding: 0 0 5px 0;
}

#profile_Newsletter {
margin: 0 5px 0 0;
}

/** Anker
--------------------------------------------------------- */

/* Allgemeine Regeln */
a:link {
color: #FF5D02;
background-color: transparent;
}
a:visited {
color: #FF5D02;
background-color: transparent;
}
a:hover,
a:focus {
color: #FF5D02;
background-color: transparent;
text-decoration:none;
}
a:active {
color: #FF5D02;
background-color: transparent;
}/* Spezielle Bereiche */
#footer a {
text-decoration: none;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
text-decoration: underline;
}

/**
------------------------------------------------------------
Regeln für besondere Bereiche
--------------------------------------------------------- */

.errorMessage {
color: red;
font-weight: bold;
}



#logo {
position: absolute;
top: 32px;
right : 35px;
height: 40px;
z-index: 2;
background-color:transparent;
padding:0;
}
#logo a {
background-color: transparent;
}

#keyVisual a {
background-color: transparent;
}
#keyVisual {
position:absolute;
background-color: transparent;
top: 0;
width: 976px;
height: 262px;
z-index: 1;
}#main {
position: absolute;
top: 262px;
width: 976px;
background-color: white;
padding-top: 32px;
border:0;
}

#content {
width: 648px;
float: left;
padding: 0px 32px 32px 32px;
}


/** right
--------------------------------------------------------- */
#sidebar {
float: none;
width:1px;
}
/**
---------------------------------------------------------
Hauptmenü
--------------------------------------------------------- */
#nav {
position: absolute;
top: 233px;
width: 976px;
height: 29px;
z-index: 6;
padding: 0;
}

#nav ul,
#nav li {
margin: 0;
padding: 0;
border: 0;
background: none;
display: inline;
}
#nav li { float: left; }
#nav a,
#nav strong {
color: #B2B1B0;
font-weight: bold;
float: left;
display: block;
line-height: 29px;
white-space: nowrap;
}

#nav a {
text-decoration:none;
cursor: pointer;
}
#nav a.first { }
#nav a.last { }
#nav a.last { }
#nav a:hover.last,
#nav strong.last, { }
#nav a:hover.first,
#nav strong.first, { }
#nav strong,
#nav a:hover { color: white; }
/**
---------------------------------------------------------
Untermenü
--------------------------------------------------------- */
#subNav {
position:relative;
width:100%;
height:26px;
line-height:26px;
background-color: #4D4D4D;
margin-bottom:20px;
border-top:1px solid #4D4D4D;
}
#subNav ul, #subNav li { margin: 0; padding: 0; border: 0; background: none; list-style: none; }
#subNav li { float: left; }
#subNav a,
#subNav strong { color: #fff; background-color: #4D4D4D; font-weight: bold; float: left; display: inline-block; height: 26px; white-space: nowrap;padding-left:40px;padding-right:40px;}
* html #nav a {
text-decoration:none;
}
#subNav a { }
#subNav a.first { }
#subNav a.last { }
#subNav a.last { }
#subNav a:hover.last,
#subNav strong.last, { color: #221F1D; background: white; }
#subNav a:hover.first,
#subNav strong.first, { color: #221F1D; background: white; }
#subNav strong,
#subNav a:hover { color: #221F1D; background: white; }
/* Trenner zwischen Navigationspunkten */
#subNav a span,
#subNav strong span, { float: left; display: inline-block; }
* html #subnav a span, * html #subnav strong span {
}
#subNav a.last span,
#subNav strong.last span, { background: transparent none; }
/** Boxen
--------------------------------------------------------- */

.box {
margin:0;
border:0;
}
.boxTop {
margin:0;
}
.boxBottom {
margin:0;
}
* html .boxBottom {
height: 1px;
}
.box h2 {
color: white;
margin: 0 0 12px 0;
padding: 3px 13px;
font-size: 1.1em;
}
.box p {
padding: 0 15px 12px 13px;
margin: 0;
}
.box ol {
margin-left: 13px;
}
.box .picture {
float: right;
margin: 0 5px 5px 5px;
padding: 0;
}

/** data-tables
--------------------------------------------------------- */

.data table th {
background-color: white;
text-align: left;
color: #21201C;
line-height:22px;
border-top:1px solid #FF824C;
border-bottom: 2px solid #FF824C;
}
.data table td {
padding: 2px;
white-space: nowrap;
line-height:22px;
color:#2B2725;
background-color: #EAEAEA;
border-top:1px solid white;
}.data table tr.even td {
background-color: #F6F6F6;
}

/** content-tables
--------------------------------------------------------- */#content table.content {
margin:0;
width:100%;
border-collapse:collapse;
border:1px solid #C9C9C9;
border-left:2px solid white;
border-right:2px solid white;
}#content table.content td {
border:1px solid #C9C9C9;
padding:10px;
}
/** matchday
--------------------------------------------------------- */

.smallTable {
position: absolute;
left: 684px;
z-index:5;
width:271px;
}

.smallTableDetail {
margin-top:40px;
margin-left:0px;
background: url('') #FFFFFF left 5px no-repeat;
padding-left: 12px;
}
.matchday table.group {
width: 635px;
margin-bottom: 30px;
}
.matchday table.groupTable {
width: 271px;
}

div.groupTableDetail table {
width: 635px;
margin-bottom: 30px;
}


.matchday table th {
background-color: white;
text-align: left;
color: #21201C;
line-height:22px;
border-top:1px solid #FF824C;
border-bottom: 2px solid #FF824C;
}
.matchday table td {
margin: 0
padding: 2px;
white-space: nowrap;
line-height:22px;
color:#2B2725;
background-color: transparent;
border-top:1px solid white;
}.matchday table tr td{
background-color: #EAEAEA;
}
.matchday table tr.even td,
.matchday table tr.even th {
background-color: #F6F6F6;
}.matchday table tr.table {
background-color: #F2F2F2;
color:#221F1D;
}

.matchday .gameresult th,
.matchday .gameresult td {
text-align: left;
}
.matchday .gameresult th.position,
.matchday .gameresult td.position {
text-align: center;
}

.matchday th.kick-off, .matchday td.kick-off {
text-align: center;
}

.matchday th.home,
.matchday th.guest,
.matchday td.home,
.matchday td.guest {
text-align: left;
width:170px;
}

.matchday td.result, .matchday th.result {
text-align: center;
width:auto;
}

.matchday th.tip {
text-align: center;
width:30px;
}

.matchday h1 {
height:33px;
padding:0;
margin:0;
font-size:1.2em;
line-height:33px;
}.teamPlayList {
width:620px;
}.matchday .gameresult {
width:618px;
}



/** Fußzeile
--------------------------------------------------------- */
#footer {
width:976px;
color: white;
background-color: #FE5D02;
border-top: 15px solid white;
margin:0;
}
#footer a {
color: white;
background-color: transparent;
font-weight: normal;
white-space: nowrap;
display: block;
}
#footer a:hover {
text-decoration: underline;
}

#footer li {
padding: 0;
float: left;
}

#footer ul.right {
float: right;
}
#footer ul.right li {
padding: 0;
padding-right:16px;
}


/** SystemNav
--------------------------------------------------------- */

#systemNav {
position: absolute;
width: 150px;
text-align: right;
top: -250px;
right: 10px;
z-index: 50;
}
#systemNav a:link,
#systemNav a:visited,
#systemNav a:hover,
#systemNav a:active {
text-decoration: underline;
color: #A3A3A3;
font-weight: normal;
background-color: transparent;
}
#systemNav a:hover,
#systemNav a:active {
color:#FF5D02;
}

/** login
--------------------------------------------------------- */#login {
background-color: transparent;
position: absolute;
top: 5px;
left: 200px;
z-index: 6;
color: #221F1D;
width: 600px;
}#login .errorMessage {
color: #221F1D;
background: none;
margin-left: 130px;
margin-top: 10px;
}#login td {
vertical-align:middle;
padding-left:10px;
}#login a {
color: #908F8E;
}
label {
font-weight: bold;
}

textarea,
input {
border: 1px solid #969696;
background-color: #fff;
width: 90px;
font-size: 1.1em;
height: 16px;
}
#recommend_Submit,
input.submitLogin,
input.submit {
color: #FF5D02;
background-color:transparent;
background-image: url('/binary.ashx?id=37621&view=image&select=E0E0E32E5');
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
height: 25px;
margin:0;
padding: 0 28px 0 0;
border: 0;
text-align: right;
cursor: hand;
c\ursor: pointer;
}#login_LoginButton.submit {
background-image: url('/binary.ashx?id=37621&view=image&select=E0E0E33E1');
margin-left:-20px;
}
#login {
margin: 0;
}
#login p {
margin: 2px 5px 2px 15px;
padding: 0;
}#userNavigation {
position: absolute;
margin-top:-2px;
left: 0;
display: block;
width: 400px;
text-align: right;
}
#userNavigation a,
#userNavigation strong {
border-left: 1px solid white;
padding: 0 30px;
color: #FF5D02;
}/** Member
--------------------------------------------------------- */#member {
position:relative;
padding-bottom:15px;
background-color: white;
background: url('/binary.ashx?id=37621&view=image&select=E0E0E37E4') bottom 0 repeat-x;
}

#member h1 {
background-color:#4D4D4D;
padding: 7px 5px 7px 32px;
color:white;
font-size: 1.1em;
}#member table {
margin: 0;
width: 100%;
}#member td {
width:auto;
padding: 2px 1px 2px 32px !important;
line-height:110% !important;
}#member td img {
margin-right:5px;
}

/** Teaser
--------------------------------------------------------- */#teaser {
width:232px;
float:left;
}
#flash {
background-color: #F2F2F2;
text-align:center;
padding:10px;
}.teaser {
width:232px;
position:relative;
min-height:185px;
background-color: white;
background: url('/binary.ashx?id=37621&view=image&select=E0E0E44E5') bottom left repeat-x;
margin: 0 0 20px 0;
}

.teaser h2 {
margin:0;
background-color: #FE5D02;
color:white;
padding:5px 5px 5px 15px;
}

.teaser p {
padding:5px 5px 5px 15px;
}.teaser img {
float:left;
padding:12px 12px 12px 0;
}

.saveConfirmation {
color: red;
font-weight: bold;
}