/* BESTIMMT DEN STYLE FOLGENDER BUTTONS: Livepunkte berechnen, Tipps speichern, Email versenden, Mitgliedsdaten ändern und Mitglied werden */
tr.s INPUT
      {
	  padding: 0 0 4px 0;
      font-family: Verdana;
      font-size: 7pt;
      color: #FFFFFF;
      background: url(images/btn_leer.gif) no-repeat top left;
      border-left: 0px solid #CCCCCC;
      border-top: 0px solid #CCCCCC;
      border-right: 0px solid #000000;
      border-bottom: 0px solid #000000;
      text-decoration: none;
      width: 116px;
	  height: 14px;
      text-align: center;
      }
tr.s INPUT:hover
      {
	  padding: 0 0 4px 0;
      Color: #cccccc;
      background: url(images/btn_leer.gif) no-repeat top left;
      border-left: 0px solid #000000;
      border-top: 0px solid #000000;
      border-right: 0px solid #cccccc;
      border-bottom: 0px solid #cccccc;
      text-decoration: none;
      }

#navigation {
  padding: 0 0 0 10px;
  margin: 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  background-color: #F0F0F0;
  color: #333;
}

#navigation p {
  padding: 0 0.5em 0.5em 0;
  margin-bottom: 1px;
}

#navigation h2 {
  padding: 2px 0px 2px 5px;
  background-color: #ddd;
  margin: 0px -5px 1px -10px;
  border-left: 5px solid #b4b19f; 
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
}

#navigation h2 a {
  display: block;
  margin: 0 -1px 0 0px;
  font-size: 9pt;
  color: #333;
  text-decoration: none;
  width: 100%;
}

#navigation h2.active {
  border-left: 5px solid #c01c00;
}

#navigation h2:HOVER {
  border-left: 5px solid #c01c00;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#navigation li {
  margin: 0;
}

#navigation li a {
  display: block;
  padding: 2px 0px 2px 5px;
  margin:  0px -5px 0px -10px;
  border-left: 5px solid #F0F0F0;
  border-bottom: 1px solid #ddd;
  background-color: #F7F7F7;
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
}

#navigation li.last a {
  border-bottom: 0px solid #fff;
}

#navigation li.active a {
  border-left: 5px solid #c01c00;
}

#navigation li a:hover {
  border-left: 5px solid #c01c00;
  background-color: #EDEDED;
  color: #333;
}


#navigation ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: none;
}          

#navigation ul ul li a {
  display: block;
  padding: 1px 5px 1px 5px;
  margin:  0 -15px 0 -10px;
  border-left: 5px solid  #F0F0F0;
  background-color: #F7F7F7;
  color: #333;
  font-size: 8pt;
  text-decoration: none;
  width: 100%;
}

html>body #navigation ul ul li a {
  width: auto;
  margin-right: 0px;
}

html>body li a {
  width: auto;
  margin-right: 0px;
}

#banner {
  border: 1px solid #555;
}

/* ---------------------------
   Home | Service | FAQ | ...
   --------------------------- */
#sitenavi {
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 1px solid #555;
  padding: 0px 10px;
  color: #fff;
  background: #8b897b;
}

#sitenavi a {
  color: #fff;
  text-decoration: none;
}

#sitenavi A:hover {
  text-decoration: underline;
}

#sitenavi form {
  display: inline;
}

#sitenavi form p {
  display: inline;
  font-size: 8pt;
  color: #fff;
}

#sitenavi form input {
  font-size: 7pt;
  margin: 0;
  padding: 0;
}

#sitenavi form select {
  font-size: 7pt;
}

/* ---------------------------
   Logos
   --------------------------- */

#logo {
  padding-left: 5px;
  padding-top: 10px;
  background-color: #b4b19f;
  border-bottom: 1px solid #555;
  /* fuer Ie muss man einen border-bottom haben, warum auch immer */
}

#sponsor {
	float: right;
        padding: 0px 10px 0px 0px;
}
#sponsor IMG {
	border: 0 none;
}


/* -------------------------
   H2 Zwischenüberschriften
---------------------------- */

#headline {  
  background-color: #c01c00;
}

#headline h2 {
  padding: 2px 10px 2px 10px;
  margin: 0;
  background-color: #c01c00;
  color: #fff;
  font-size: 9pt;
  text-decoration: none;
}

#headline h2 a {
  font-size: 9pt;
  color: #fff;
  text-decoration: none;
}

#content {
  padding: 10px 10px 0px 10px;
  width: 600px; 
}              

#content .floatright, #content .floatleft { 
  padding-bottom: 1em;
}

#content .floatright { 
  float: right;   
  padding-left: 2em; 
  padding-right: 10px; 
  background-color: #fff;
}

#content .floatleft  { 
  float: left;
  padding-right: 1em;
}

#content h2 {
  margin: 2px 0px 1em 0;
  font-size: 10pt;
  border-bottom: 1px solid #aaa;
}

#content h3 {
  margin: 2em 0px 1em 0;
  font-size: 10pt;
  font-weight: bold;
  clear: both;
}

#content UL { 
  padding-left: 1.2em;
  margin: 1em 0;
  list-style-type: square;
}

#content TD UL { 
  margin: 0;
}

#content UL LI { 
  padding-left: 0em;
}

#content UL LI.floatimg{ 
  clear: both;
}


/* ===============================
   =TABLE BEREICH
=============================== */

#content table { 
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  margin-bottom: 2em;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 10pt;
  background-color: white;
  border-spacing: 1px;
}

#content caption { 
  padding: 1px 3px 1px 3px;
  text-align: left;
  font-weight: bold;        
  white-space: nowrap;
}

#content caption.box { 
  white-space: normal;
}

#content tr.o { 
  background-color: #ddd;
}

#content tr.e { 
  background-color: #f7f7f7;
}


#content tr.sptsieger {
   background-color: #d6d79d;
}

#content tr.cookie { 
  background-color: #91b885;
}

#content tr.treffer { 
  background-color: #fd0;
}

#content tr.sptsieger td { 
  border-bottom: 1px solid #b2b282;
  border-top: 1px solid #b2b282;
}

#content table.nw td, #content tr.nw td, #content tr.nw th, #content td.nw, #content th.nw { 
  white-space: nowrap;
}

#content th {
  text-align: left;
  vertical-align: bottom;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
}

#content th A.sort { 
  color: black;
}

#content th A.sort-aktiv {
  color: #c01c00;
  text-decoration: none;
}

#content td {
  vertical-align: top;
  padding: 1px 3px 1px 3px;
}

#content td p, #content th p, #content td pre, #content th pre {
  margin-top: 0;
}

#content td.pos, #content td.pkt, #content td.sptpunkte, #content td.bonus, #content td.sptsiege, #content td.gesamt { 
  text-align: right;
  padding: 1px 3px 1px 3px;
}

#content td.pkts { 
  text-align: right;
  color: #c01c00;
  font-weight: bold;
}

#content td.sptpunkte, #content td.sptsiege, #content td.bonus, #content td.gesamt { 
  font-weight: bold;
}

#content form table { 
  border-bottom: 0px solid #aaa;             
}

#content table.nb{ 
  border-bottom: 0px solid #aaa;             
}

#content tr.s { 
  background-color: #ffffff;
}

#content tr.s td { 
  border-top: 1px solid #aaa;
}

#content tr.s td p { 
  padding-top: 0.5em;
  text-align: right;
}

#content tr.splitbefore td { 
  border-top: 1px solid #aaa;
}

#content tr.splitafter td { 
  border-bottom: 1px solid #aaa;
}

#content td.colgap, #content th.colgap { 
  padding: 0;
  background-color: #fff;
  width: 1px;
}

#content dl dt { 
  font-weight: bold;
}

#content DIV.tmkurzname {
  font-weight: normal;
}

#content span.falsch { color: #999; }
#content .p { color: #c01c00; }
#content sub { font-size: 9pt; }
#content .f { color: #aaa; }

#content .prevrank { 
  font-size: 8pt;
  color: #aaa; 
  text-align: right;
}
div.messagebox {
  margin: 1em 0;
  padding: 0em 0.5em;
}

div.messagebox p.title {
  font-weight: bold;
}

div.success { 
  border-left: 5px solid #3B3;
}

div.notice {
  border-left: 5px solid #fd0;
}

div.errors, div.warning { 
  border-left: 5px solid #c01c00;
}

/*=============================== 
 = TABLE BEREICH ENDE
=============================== */

html,body { 
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: "Trebuchet MS", Arial, sans-serif;
}       

IMG { border: 0; }

#center { width: 637px; }
#left   { width: 130px; }
#left, #center, #right {  vertical-align: top; }

#sidebar {
  margin: 8px 2px 0px 0px; 
  height: 608px;
}

#footer {
  margin:     10px 10px 0px 10px; 
  border-top: 1px solid #ccc;
  font-size:  smaller;
}              

#footer  a {
  text-decoration: underline;
  color: #333;
}

form fieldset.hidden { 
  display: none;
  border: 0;
}

label { font-weight: bold; }

html , body , div , p , ul , li , input {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 10pt;
  color: #333;
}
A {
  color: #009;	
}
A.visited {
  color: #006;	
}

pre.code {
  display: block;
  background-color: #DEDEDE;
  padding: 2em;
  border: 1px solid #999;
}

#webtipps {
  border: 1px solid #ffa600;
  font-family: Arial, sans-serif;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 160px;
}

#webtipps p {
  border-bottom: 1px solid #ffa600;
  margin: 0;
  padding: 0.2em 0.5em 0.4em 0.5em;
}

#webtipps h1 {
  font-size: 110%;
  color: white;
  background-color: #ffa600;
  padding-top: 0;
  padding-left: 0.5em;
  margin: 0;
}

#webtipps a {
 font-size: 85%;
 text-decoration: none;
 font-family: Arial, sans-serif;
}

#webtipps a:hover {
 text-decoration: underline;
 font-family: Arial, sans-serif;
}
#wmtipp IMG { border: 0; }

#wmtipp div , #wmtipp p , #wmtipp ul , #wmtipp li , #wmtipp input {
  font-size: 9pt;
  color: #000;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#wmtipp form fieldset.hidden { 
  display: none;
  border: 0;
}

#wmtipp DIV.footer {
  margin:     10px 10px 0px 0px; 
  border-top: 1px solid #ccc;
  font-size:  8pt;
}              

#wmtipp DIV.footer a {
  font-size:  8pt;
  text-decoration: underline;
  color: #333;
}

#wmtipp h2 {
  margin: 2px 0 1em 0;
  font-size: 9pt;
  border-bottom: 1px solid #ccc;
}

#wmtipp table { 
  font-family: "Trebuchet MS", Arial, sans-serif;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 0.5em;
  font-size: 9pt;
  background-color: white;
  border-spacing: 1px;
}

#wmtipp table.blind { 
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #ccc;
  font-size: 9pt;
  background-color: white;
  border-spacing: 0px;
}

#wmtipp td.blind { 
  padding: 0;
  margin: 0;
}

#wmtipp caption { 
  padding: 1px 3px 1px 3px;
  text-align: left;
  font-weight: bold;        
  white-space: nowrap;
}

#wmtipp caption.box { 
  white-space: normal;
}

#wmtipp th {
  text-align: left;
  vertical-align: bottom;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
}

#wmtipp td {
  vertical-align: top;
  padding: 1px 3px 1px 3px;
  white-space:nowrap;
  color: #000;
}

#wmtipp td p, #wmtipp th p {
  color: #000;
  margin-top: 0;
}

#wmtipp form table { 
  border-bottom: 0px solid #ccc;             
}

/* ==================================
   addintional css for wm tipp 
   ================================== */

#wmtipp tr.o { background-color: #8ccb94; }
#wmtipp tr.e { background-color: #9ce3a5; }

#wmtipp DIV.reitermenu div.row {
  margin: 0 0 9px 0;
}

#wmtipp DIV.reitermenu a {
  border: 1px solid #777;
  text-decoration: none;
  padding: 3px 2px 2px 2px;
  margin: 1px 2px 1px 0px;
  font-weight: bold;  
  color: #000;
}

#wmtipp DIV.reitermenu a:hover {
  border: 1px solid #000;
  text-decoration: underline;
  color: #000;
}

#wmtipp .join  { vertical-align:middle; background-color: white; }

#wmtipp .join span {    
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#wmtipp .submit { margin-top: 0.5em; font-weight: bold; }

#wmtipp .quali td { border-bottom: 1px solid #777; }

#wmtipp .gruppenA  { background-color: #f7aec6; }
#wmtipp .gruppenA2 { background-color: #ffd7de; }

#wmtipp .gruppenB  { background-color: #a5cf73; }
#wmtipp .gruppenB2 { background-color: #d6e7c6; }

#wmtipp .gruppenC  { background-color: #ffd466; }
#wmtipp .gruppenC2 { background-color: #ffeab2; }

#wmtipp .gruppenD  { background-color: #7bd3e7; }
#wmtipp .gruppenD2 { background-color: #def3f7; }

#wmtipp .gruppenE  { background-color: #e7df29; }
#wmtipp .gruppenE2 { background-color: #f7eb9c; }

#wmtipp .gruppenF  { background-color: #b5aed6; }
#wmtipp .gruppenF2 { background-color: #e7dfef; }

#wmtipp .gruppenG  { background-color: #fff310; }
#wmtipp .gruppenG2 { background-color: #fffba9; }

#wmtipp .gruppenH  { background-color: #ff8a63; }
#wmtipp .gruppenH2 { background-color: #ffc6b2; }

#wmtipp .finaleAchtelfinale  { background-color: #8579ad; }
#wmtipp .finaleAchtelfinale2 { background-color: #b5aed6; }

#wmtipp .finaleViertelfinale  { background-color: #00c3de; }
#wmtipp .finaleViertelfinale2 { background-color: #7bd3e7; }

#wmtipp .finaleHalbfinale  { background-color: #84be42; }
#wmtipp .finaleHalbfinale2 { background-color: #a5cf73; }

#wmtipp .finaleFinale  { background-color: #ffb800; }
#wmtipp .finaleFinale2 { background-color: #ffd466; }

#wmtipp .gesamt    { background-color: #e1e0b8; }
#wmtipp .reglement { background-color: #e1e0b8; }

#wmtipp div.weltmeister {
  margin-left: 100px;
  text-align: center;
  width: 250px;
}

#wmtipp div.weltmeister div.team{
  font-size: 150%;
  font-weight: bold;
}

.homepageteaser {
  width: 250px;
  margin: 0;
  background-color: #f7f7f7;
}

#content .homepageteaser .teaserbox {
  margin: 0;
  padding: 0.5em;
  border-bottom: 1px solid #aaa;
}

#content .homepageteaser h2 {
  background-color: #fff;
  margin: 0; 
  padding: 0 0 0 0.5em;
}

.teaser {
  clear: both;
}

.homepageteaser li {
  clear:both;
}

.homepageteaser p {
  font-size: 80%;
  margin: 0;
  padding: 0;
}

.teaser .title {
  font-weight: bold;
}

.teaserimg {
  border: 1px solid #aaa;
}

.nachricht .newsdatum {
  font-weight: bold;
}

.newsimgbox {
  float: left;
  padding: 0 1em 1em 0;
  margin: 0;
  width: 250px;
  background-color: white;
}

.newsimgbox IMG {
  display: block;
  border: 1px solid #aaa;
}

.newsimgbox DIV {
  font-size: 80%;
}

.readon {
  text-align: right;
}
.printonly {
  display: none;
}

#content .druckansicht { 
  float: right;   
  padding-left: 1em; 
  padding-right: 0px; 
  background-color: #fff;
}

#content .druckansicht A { 
  text-decoration: none;
  color: #aaa;
  font-size: 80%;
}

.ivw IMG {
  display: block;
}

.DIVWEFOR {
 	position:absolute; 
	top:0; 
	left:0; 
	visibility:hidden;
}

.DIVFB2I{
	height: 105px;
}

.TBLFB2R {
	width:830px; 
	height:1px; 
	border:0px;
}