.tabelle_rahmen_grau_oben {
	border-top: 1px solid #CCCCCC;
}

.tabelle_rahmen_grau_unten {
	border-bottom: 1px solid #CCCCCC;
}

.tabelle_rahmen_orange_2 {
	border: 1px solid #FF0000;
	}

.tabelle_rahmen_blau_2 {
	border: 1px solid #003389;
	}


.tabelle_rahmen_grau {
	border: 1px solid #CCCCCC;
}

.tabelle_rahmen_grau_2 {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.tabelle_rahmen_rechts {
	border-right: 1px solid #CCCCCC;
}

.tabelle_linie_grau {
	border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


.ueberschrift-startseite {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
    line-height: 120%;	
}

.news {
    font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/*=============================================================================
Suchfunktion
=============================================================================
*/
.menue  { color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 1px 5px; 	padding-left: 3px; }
.buttonoben  {
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	border: solid 1px #666666;
}
INPUT  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }


/*=============================================================================
NAVIGATION
=============================================================================
*/

.global  {
	color: #003389;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}

.global a {
	color: #003389;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-decoration: none;
}

.global a:hover {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}


.subnavi {
	font-family: Arial, Helvetica, sans-serif;
	color: #003389;
	font-size: 11px;
	font-weight: bold;
	line-height: 5px;
	}
	
.subnavi a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003389;
	text-decoration: none;
	font-size: 11px;
	line-height: 5px;
	}
	
.subnavi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline;
	}


.menulinks {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.menulinks ul {
	font-size: 11px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin: 0px 0px 0px 20px;
	text-align: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: square;

}

.menulinks li  {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 5px 0px 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
	text-align: left;

}

.menulinks ul li  {
	padding: 2px 0px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	
}


.menulinks ul li a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #003389;
	text-align: left;

}


.menulinks ul li a:hover {
   	font-size: 11px;
    color:#FF0000;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.menuoben-no {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.menuoben-no {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.menuoben-no a {
   color: #FFFFFF;
   text-decoration: none;
}

a.menuoben-no:hover {   
   text-decoration: none;
   color: #FF0000;
}


a.menuoben-act {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.menuoben-act a {
   color: #FF0000;
   text-decoration: none;
}




a.menuoben-down {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
   	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 160%;	
}

a.menuoben-down a {
   color: #FFFFFF;
   text-decoration: none;

}

a.menuoben-down:hover {   
   text-decoration: none;
   color: #FF0000;
}


.menuerechts-no {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	font-size: 11px;
	text-decoration: none;
}

a.menuerechts-no {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	font-size: 11px;
	text-decoration: none;
}

a.menuerechts-no a {
   color: #FFFFFF;
   text-decoration: none;
}

a.menuerechts-no:hover {   
   text-decoration: none;
   color: #FF0000;
}


a.menuerechts-act {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;

	font-size: 11px;
	text-decoration: none;
}

a.menuerechts-act a {
   color: #FF0000;
   text-decoration: none;
}




a.menuerechts-down {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;

	font-size: 11px;
	text-decoration: none;
   	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 160%;	
}

a.menuerechts-down a {
   color: #FFFFFF;
   text-decoration: none;

}

a.menuerechts-down:hover {   
   text-decoration: none;
   color: #FF0000;
}

.klickpfad {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 10px;
}
.klickpfad a {
	color: #333333;
	text-decoration: none;
}

.klickpfad a:hover {
	color: #003389;
	text-decoration: none;
}

.quickfinder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
    line-height: 120%;	
}

/*=============================================================================
NAVIGATION
=============================================================================
*/


.H1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 11px;
    line-height: 135%;	
}


.inhalt {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
    line-height: 135%;	
}

.inhalt td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
    line-height: 135%;	
}

.inhalt bild {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
    line-height: 135%;
}




.inhalt b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
    line-height: 135%;
}

.inhalt a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003389;
    line-height: 135%;	
}


.inhalt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
    line-height: 135%;	
}

.inhalt p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 135%;

}

.inhalt ul {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	text-decoration: none;
	list-style-type: square;

}

.inhalt li  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 5px 0px 20px;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	text-align: left;
	padding: 0px;
}

.inhalt ul li  {
	padding: 2px 0px 3px 0px;
	font-size: 11px;
	text-decoration: none;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	
}

.inhalt h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 0px;
	font-size: 13px;
	line-height: 135%;
}

.inhalt h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003389;
	margin: 5px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 135%;
}


.inhalt-rechts {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
    line-height: 135%;	
}

.inhalt-rechts h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003389;
	margin: 0px;
	font-size: 12px;
}


.inhalt-rechts b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
    line-height: 135%;	

}

.inhalt-rechts a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
    line-height: 135%;	
}


.inhalt-rechts a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
    line-height: 135%;	
}

.inhalt-rechts p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 135%;

}

.inhalt-rechts h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	font-size: 12px;
}

.inhalt-rechts h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
}

.fuss {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	}
	
.fuss a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 10px;
	}
	
.fuss a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	}
	

	.tx-dirlisting-pi1-error { font-family: Arial, Helvetica, sans-serif; color: #003389; font-size: 10px; }
    .tx-dirlisting-pi1-title { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; }
    .tx-dirlisting-pi1-title a { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; }
	.tx-dirlisting-pi1-title a:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; }
    .tx-dirlisting-pi1 table { border-width: 0px; border-style: solid; border-color: #CCCCCC; }
    .tx-dirlisting-pi1-header-row { background-color: #FFFFFF ; }
    .tx-dirlisting-pi1-row { background-color: #FFFFFF; }
    
    .tx-dirlisting-pi1-header-icon,
    .tx-dirlisting-pi1-header-filename {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
    .tx-dirlisting-pi1-header-perms {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
	
    .tx-dirlisting-pi1-header-owner {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
    .tx-dirlisting-pi1-header-group{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
    .tx-dirlisting-pi1-header-filesize{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
    .tx-dirlisting-pi1-header-filemod {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #003389;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
    
    .tx-dirlisting-pi1-icon,
    .tx-dirlisting-pi1-filename,
    .tx-dirlisting-pi1-filename-asb,
    .tx-dirlisting-pi1-perms,
    .tx-dirlisting-pi1-owner,
    .tx-dirlisting-pi1-group,
    .tx-dirlisting-pi1-filesize,
    .tx-dirlisting-pi1-filemod { font-family: Arial, Helvetica, sans-serif; color: #003389; font-size: 10px; }
	
	
	

/*=============================================================================
Kicktipp
=============================================================================
*/



#navigation {
  padding: 0 0 0 10px;
  margin: 0;
  font-family: 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; 
}              

#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;
  color: #FF0000;
  border-bottom: 1px solid #ffffff;
}

#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;
}


#content table { 
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  margin-bottom: 2em;
  font-family: 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: #FECE0C;
}

#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;
}



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

IMG { border: 0; }

#center { width: 637px; }
#left   { width: 130px; }

#skyscraper { padding: 1px 0 0 1px; }

#fullsize {
   text-align: right;
   padding: 1px 0 1px 0;
}

#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: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
    line-height: 135%;
}
A {
	color: #003389;
	text-decoration: none;
}
A.visited {
  color: #003389;	
}
A:hover {
  color: #FF0000;	
}

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: 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: 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%;
}

