#header {
  background-color : #CCCCCC;
  border           : 1px solid #BBBBBB;
  position         : absolute;
  top              : 5px;
  left             : 5px;
  width            : 95%;
  height           : 73px;
  z-index          : 2;
  padding          : 0px;
}

#header-shadow  {
  background-color : #777777;
  border           : 1px solid #EEEEEE;
  position         : absolute;
  top              : 10px;
  left             : 10px;
  width            : 95%;
  height           : 73px;
  z-index          : 1;
}

#main {
  position         : absolute;
  top              : 100px;
  left             : 155px;
  width            : 80%;
  z-index          : 9;
  padding          : 4px;
  padding-top      : 15px;
  min-width        : 100px;
}

#menu  {
  border-right     : 1px solid #333333;
  position         : absolute;
  top              : 85px;
  left             : 5px;
  width            : 140px;
  height           : 200px;
  z-index          : 8;
}

#menu-shadow  {
  display: none;
  background-color : #777777;
  border           : 1px solid #EEEEEE;
  position         : absolute;
  top              : 91px;
  left             : 10px;
  width            : 140px;
  height           : 200px;
  z-index          : 7;
}

#here {
  background-image    : url(./images/here_fadeout.gif);
  background-repeat   : no-repeat;
  background-position : right;
  position         : absolute;
  top              : 85px;
  left             : 155px;
  height           : 15px;
  z-index          : 6;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 7pt;
  text-align       : left;
  margin           : 0px;
  padding          : 2px 2px 2px 4px;
  padding-right    : 120px;
}

#here-shadow  {
  display: none;
  background-color : #777777;
  border           : 1px solid #EEEEEE;
  position         : absolute;
  top              : 91px;
  left             : 161px;
  width            : 705px;
  height           : 15px;
  z-index          : 5;
}

.menutext,
.menutextzwei,
.menutexdrei {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-align       : right;
  margin           : 2px;
  padding          : 2px;
}

.menutext     { font-size : 9pt; }
.menutextzwei { font-size : 7pt; }
.menutextdrei { font-size : 7pt; }

.menutext #active,
.menutextzwei #active,
.menutexdrei #active {
  background-image    : url(./images/arrow_right_small.gif);
  background-repeat   : no-repeat;
  background-position : left middle;
  padding-left        : 8px;
}

a         { color: #000000; text-decoration: underline; }
a:link    { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover   { color: #000000; text-decoration: none;      }
a:active  { color: #000000; text-decoration: none;      }
a:focus   { color: #000000; text-decoration: underline; }

#here a:link    { color: #000000; text-decoration: underline; }
#here a:visited { color: #000000; text-decoration: underline; }
#here a:hover   { color: #000000; text-decoration: none;      }
#here a:active  { color: #000000; text-decoration: underline; }
#here a:focus   { color: #000000; text-decoration: none;      }

.menutext a:link    { color: #000000; text-decoration: none;      }
.menutext a:visited { color: #000000; text-decoration: none;      }
.menutext a:hover   { color: #000000; text-decoration: underline; }
.menutext a:active  { color: #000000; text-decoration: none;      }
.menutext a:focus   { color: #000000; text-decoration: underline; }

.menutextzwei a:link    { color: #000000; text-decoration: none;      }
.menutextzwei a:visited { color: #000000; text-decoration: none;      }
.menutextzwei a:hover   { color: #000000; text-decoration: underline; }
.menutextzwei a:active  { color: #000000; text-decoration: none;      }
.menutextzwei a:focus   { color: #000000; text-decoration: underline; }

.note  {
/*
  background-color : #D8E3E8;
*/
  background-color : #FFE8E8;
  border           : 2px solid #FF0000;
  width            : 100%;
  padding          : 2px;
  margin           : 10px 0px;
}

.note h2 {
  font-size        : 9pt;
  padding          : 0px;
}

.note h3 {
  font-size        : 8pt;
  padding          : 0px;
}

.note p {
  font-size        : 8pt;
  margin           : 3px 2px;
}

.tip {
  font-size        : 7pt;
  color            : #555555;
}

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


.dates h4 {
  background-image    : url(./images/news_fadeout.gif);
  background-repeat   : no-repeat;
  background-position : right;
  height              : 18px;
  color               : #333333;
  margin              : 0px;
  margin-top          : 4px;
  margin-bottom       : 2px;
  padding             : 2px;
}

.news h4 {
 background-image    : url(./images/news_fadeout.gif);
  background-repeat   : no-repeat;
  background-position : right;
  height           : 18px;
  color            : #333333;
  margin           : 0px;
  margin-top       : 4px;
  margin-bottom    : 2px;
  padding          : 2px;
  font-size        : 9pt;
}

.news p {
  font-size        : 8pt;
}

/*
***************************
* Global settings
***************************
*/

/* Fonts */
body,
h1,
h2,
h3,
h4,
p,
input,
select,
textarea {
  font-family         : Verdana, Helvetica, Arial MT Black, Arial;
}

/*
***************************
* HTML-Tags
***************************
*/
body {
  background-color    : #C2D2D9;
  font-weight         : normal;
  font-size           : 9pt;
  color               : #333333;
  margin              : 0px;
  padding             : 0px;
}

p {
  font-size           : 10pt;
  margin-left         : 2px;
  margin-top          : 6px;
  margin-bottom       : 6px;
  margin-right        : 5px;
}

img {
  border              : 0px none #EEEEEE;
}

ul {
  list-style-type     : square;
  list-style-position : outside;
  margin-left         : 15px;
  margin-top          : 3px;
  margin-bottom       : 3px;
  margin-right        : 5px;
}

li {
  margin              : 3px 0px;
}

table  {
  padding             : 10px 0px;
  border-spacing      : 3px;
}

form {
  margin              : 0px;
  padding             : 0px;
}

tr {
  margin              : 3px;
  padding             : 3px;
}

th {
  border              : 1px solid #95B0BB;
  background-color    : #DDDDDD;
}

td {
  margin              : 0px;
  padding             : 2px 3px;
  border              : 1px solid #95B0BB;
  background-color    : #F7F7F7;
}

td.blank {
  border              : 0px none transparent;
  background-color    : transparent;
}

h1,
h2,
h3,
h4 {
  font-weight         : bold;
  margin-top          : 0px;
  margin-bottom       : 0px;
  margin-left         : 0px;
  margin-right        : 0px;
  padding-top         : 10px;
  padding-bottom      : 2px;
}

h1 { font-size : 13pt; padding-top : 5px ; }
h2 { font-size : 12pt; padding-top : 5px ; }
h3 { font-size : 11pt; padding-top : 10px ; }
h4 { font-size : 10pt; padding-top : 10px ; }

table.matches,
table.teams {
  white-space         : nowrap;
}

img.link,
span.link,
p.link {
  background-image    : url(./images/arrow_right.gif);
  background-repeat   : no-repeat;
  background-position : 2px 0px;
  padding-left        : 15px;
  vertical-align      : middle;
}

p.link,
.link {
  font-weight         : bold;
  text-decoration     : underline;
}

.column_75px {
  float               : left;
  width               : 75px;
}

.invisible {
  display             : none;
}