@media screen, handheld {

body {
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

#ardContent {
}

#ardContent table{
  font-size: 0.8em;
}

#ardContent table td{
  border-bottom: #000000 1px dotted;
}

#navigation {
  font-size: 0.8em;
  font-weight: bold;
  padding: 1em 0 0 0;
}

#navigation li{
  margin: 0 0.25em 0 0.25em;
  display: inline;
}

img { 
  border: 0;
}

#ardTopmob { 
  font-size: 0.8em;
}

acronym {
  text-decoration: none;
  border: 0;
  font-style: normal;
}

form {
  margin: 0;
  padding: 0;
  border: 0;
  display: none;
}

#wstickerlist{ 
  font-size: 0.8em;
}

#wstickertabelle{
}

.wstickerspieltag{
  font-size: 0.8em;
  font-weight: bold;
}

#wsproblem{
  color: #ff0000;
}

/* Div fuer jeden Absatz im Beitrag */
.cmsAbschnitt {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  clear: both;
}


.cmsAbschnitt p {
  margin: 0 0.2em 0 0.2em;
}


a.weiss:link{color:#ffffff; text-decoration: none}
a.weiss:visited{color:#ffffff; text-decoration: none;}
a.weiss:hover{color:#ffffff; text-decoration: underline}
a.weiss:active{color:#ff8400;}

a:link{color:#001a4b; text-decoration: none}
a:visited{color:#001a4b; text-decoration: none;}
a:hover{color:#001a4b; text-decoration: underline}
a:active{color:#333333;}


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


/* Hauptueberschrift der Seite/des Beitrags */
h1, h2, h3, h4{
  font-size: 1.0em;
}

/* macht Elemente unsichtbar */
.inv {
  display: none;
}

/* macht Elemente unsichtbar */

.wsInvP {
  display: none;
}


/* header */
#ardKopf {
  display: none;
}


/* Container fuer gesamten Content-Bereich. Also linke, rechte und mittlere Spalte */
#ardAll { 
  background-color: #ffffff;
  width: 100%; 
  margin: 0 0 1px 0;
  padding: 0.5em 0.3em 0 0;
  float: left;
  clear: both;
}

/* ID fuer die Bannerheadlines dem Content */
#ardContenthead
{
position: absolute;
top: 0em;
left: 0em;
display: none;
}

#ardContentIndex
{ 
margin: 0 0.5em 0 0.4em;
display: inline;
}

 
 
/* Container fuer mittlere und rechte Spalte */
#ardContentFull
{ 
background: #fff;
padding: 0;
margin: 3em 0.35em 0.15em 0.5em;
}

/* ARD-Fuss mit Breadcrumb. 
cg: Diese koennte allerdings auch noch eine Ebene darueber stehen ... waere m.E. logischer, aber nicht zwingend noetig ... */
#ardFuss
{
background: #ffffff;
float: left;
clear: both;
}

/* Nur Breadcrumb */
#ardBreadCrumb
{
padding: 0.5em 0.5em 1em 0.75em;
vertical-align: baseline;
display: none;
}

#ardBreadCrumb ul
{
display: inline;
padding: 0.25em 1em 1em 0.5em;
}


#ardBreadCrumb li
{
display: inline;
list-style: none;
padding: 0 0.75em 0 0;
}

/* reine Textformatierung ... z.B. in den Audio- und boxen ...*/
.klein
{
color: #000000;
}

/* Macht eine weisse Linie ueber und unter ein Element */
.ardwhiteline
{
border-bottom: #fff 1px solid;
border-top: #fff 1px solid;
}

/* Dachzeile ueber Beitrag */
#ardTopline
{
  color: #000;
  margin-bottom: 0.5em;
}

/* Fetter Leadtext */
#ardIntro
{
line-height: 1.3em;
font-weight: bold;
}

#ardContent .ardLinkliste
{
width: 100%;
margin-bottom: 1em;
clear: both;
}

#ardContent .ardLinkliste p
{
color: #516384;
padding: 0.1em 0 0.3em 0.5em ;
margin: 0 0 0 1.75em;
}

#ardContent .ardLinkliste li
{
padding: 0.15em 0 0.3em 24px;
font-weight: bold;
display: block;
line-height: 1.4em;
background: #D8DEE5;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

#ardContent .ardLinkliste ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 1px 0px;
}


/* id fuer ganzen Abbinder */
#ardAbbinder
{
font-size: 0.8em;
text-align: right;
clear: both;
color: #4E505C;
}

#ardAbbinder p
{
}

/* id fuer Quelle und Autor etc. */
#ardQuelle
{
color: #4E505C;
}

/* id fuer Datum Stand */
#ardStand
{
text-align: right;
}

/* Seitenabschluss mit Drucken etc. */
#ardContentEnd
{
clear: both;
display: block;
border-width: 0px 0 0px 0;
border-color: #ff8400;
border-style: solid;
padding: 0.2em 0  0.5em 0;
margin: 0 0 0.25em 0;
}

#ardContentEnd p
{
padding: 0;
margin: 2px 0 0 0;
}

#ardContentEnd li
{
display: inline;
padding: 0 2.5em 0 0;
display: none;
}

/* Wir sind nicht verantwortlich */
#ardDisclaimer
{
position: relative;
padding: 1em 0.25em 2em 0;
margin: 0;
color: #000;
border: #fff 2px solid;
text-align: left;
}

/* Teaser etc. Home */

/* Ueberschrift AM */
h2.am {
  font-size: 0.95em;
  margin: 0.35em;
}



/* umschliesst einen oder mehrere Teaserbloecke incl. Linkbox */
.ardTeaserContainer {
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  clear: both;
  display: inline;
}


/* Eigene Klasse fuer AM */
.ardTeaserAufmacher
{
background-color: #D8DEE5;
margin: 0 0 1.5em 0;
padding: 0;
clear: both;
}



/* Textformatierung fuer AM */
.ardTeaserAufmacher p
{
margin: 0 0.35em 0 0.35em;
padding: 0 0 0.5em 0;
line-height: 1.35em;
}

/* Headlines fuer kleine Teaser */
h3.teaserNormal {
  font-size: 1.0em;
  margin: 0.25em 0.35em 0.25em 0.35em;
}


/* Klasse fuer Eil-Teaser */
.ardTeaserEil
{
background: #D8DEE5;
float: left;
clear: both;
margin: 0 0 1.5em 0;
width: 100%;
border-bottom: #d80013 solid 2px;
display: block;
}


/* Textformatierung fuer Teasertexte */
.ardTeaserEil p
{
padding: 0 0.35em 0.5em 0.35em;
margin: 0;
line-height: 1.3em;
}


/* Eigene Klasse fuer normale Teaser */
.ardTeaserNormal
{
background: #D8DEE5;
float: left;
clear: both;
margin: 0 0 1.5em 0;
width: 100%;
display: inline;
}


/* Textformatierung fuer Teasertexte */
.ardTeaserNormal p
{
padding: 0 0.35em 0.5em 0.35em;
margin: 0;
line-height: 1.3em;
}

/* Klasse fuer Labels wie Sportart etc. ueber Teaser und AM */
.ardRessort
{
display: block;
padding: 0.1em 0 0.2em 0.7em;
line-height: 1.2em;
font-weight: bold;
background-color: #ff8400;
/* background-image: url("/wm2006/layout/img/general/back_label.gif"); */
background-repeat: no-repeat;
background-position: right;
margin: 0;
color: #ffffff;
border-bottom:  #ffffff solid 1px;
}

/* Eventuell Klasse für die Zwillingsressorts, falls man anderen Background braucht */
.ardressortDoppel
{

}


/* Klasse fuer Labels wie Sportart etc. ueber Teaser und AM */
.ardRessortEil
{
background-color: #D80013;
}



/* Klasse fuer den gesamten Teaser AM und kleiner Teaser */
.ardTeaser
{
padding: 0;
margin: 0;
clear: both;
}


.ardQuelle
{
font-weight: normal;
}



/* Klasse fuer Links zum Beitrag unter AM und Teaser */
/* Eventuell auch verwendbar fuer Weitere Meldungen aus diesem Bereich ...: */
#ardContentIndex .ardLinkliste
{
width: 100%;
clear: both;
}


#ardContentIndex .ardLinkliste p
{
color: #516384;
padding: 0.1em 0 0.3em 0.5em ;
margin: 0 0 0 1.75em;
}

#ardContentIndex .ardLinkliste li
{
padding: 0.15em 0 0.3em 24px;
font-weight: bold;
display: block;
line-height: 1.4em;
background: #D8DEE5;
border-color: #D8DEE5;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

#ardContentIndex .ardLinkliste ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
}




/* Klasse fuer weitere Themen zum Bereich unter AM und Teaser */
.ardHeadlineliste
{
background: #e9ebef;
width: 100%;
clear: both;
border-color: #ffffff;
border-style: solid;
border-width: 5px 0px 0px 0px;
}


.ardHeadlineliste p
{
color: #516384;
line-height: 1.25em;
padding: 0.1em 0 0.3em 0.5em ;
margin: 0 0 0 1.75em;
}

.ardHeadlineliste li
{
padding: 0.2em 0 0.35em 24px;
font-weight: bold;
display: block;
line-height: 1.25em;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

.ardHeadlineliste ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.ardDoppelBack
{
width: 25.33em;
padding: 0 0 0 0;
margin: 0 0 1.25em 0;
float: left;
background: #D8DEE5;
background-position: center;
background-repeat: repeat-y;
background-image: url("/wm2006/layout/img/general/back_zwilling.gif");

}

.ardTeaserDoppelRechts
{
float: right;
background: #D8DEE5;
width: 12.19em;
margin: 0 0 0 0;
margin: 0 0 0 0;
/* margin: 0 0.44em 0 0; */
}

.ardTeaserDoppelRechts p
{
padding: 0 0.35em 0.5em 0.35em;
margin: 0;
line-height: 1.3em;
}


.ardTeaserDoppelLinks
{
float: left;
clear: both;
background: #D8DEE5;
width: 12.19em;
margin: 0 0 0 0;
/* margin: 0 0.44em 0 0; */

}

.ardTeaserDoppelLinks p
{
padding: 0 0.35em 0.5em 0.35em;
margin: 0;
line-height: 1.3em;
}

/* Links zu den TeamNews mit Fähnchen */
.ardTeamLinkHome
{
display: block;
border-top: #fff 1px solid;
border-bottom: #ff8400 2px solid;
border-left: 0;
border-right: 0;
background-color: #e9ebef;
border-style: solid;
padding: 0.2em 0.5em 0.4em 0;
text-align: right;
margin: 0;
}


.ardTeamLinkHome li
{
display: inline;
padding: 0 0 0 0;
text-align: right;
}


/* Klasse fuer Archiv-Headlines am Ende der Seite */
.ardArchivliste
{
width: 100%;
clear: both;
margin: 0 0 1.5em 0;
}


.ardArchivliste p
{
background-color: #fff;
color: #516384;
font-weight: bold;

padding: 0.1em 0 0.3em 0.5em ;
margin: 0 0 0 1.75em;
}

.ardArchivliste li
{
background: #e9ebef;
padding: 0.2em 0 0.35em 24px;
font-weight: bold;
display: block;
line-height: 1.23em;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

.ardArchivliste ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 0px 0px;
}



h1.ardNewsHead
{
color: #516384;
/*font-size: 0.75em;*/
margin: 0 0 0.5em 0;
}

#ardNewsArchiv li, .ardNewsArchiv li
{
border-bottom: #fff 2px solid;
font-size: 0.7em;
color: #516384;
padding: 4px;
background: #e9ebef;
}

#ardNewsArchiv ul, .ardNewsArchiv ul
{
margin: 0 0 1.5em 0;
}

#ardNewsArchiv span, .ardNewsArchiv span
{
font-size: 1.05em;
font-weight: bold;
}

.ardSprung
{
text-align: right;
margin: 0.25em 0 0.75em 0
}

/* Ergebnisse */

#ardErgebnisNavi {
background: #e9e9e9;
float: left;
font-family: Verdana;
margin: 0 0 1.25em 0;
}

#ardErgebnisNavi ul
{
list-style-type: none;
margin: 0 0.35em 0 0.35em;
padding: 0;
float: left;
display: inline;
}

#ardErgebnisNavi li
{
float: left;
display: inline;
padding: 0;
font-size: 0.75em;
font-weight: bold;
/* background: #fff; */
border-right: #e9e9e9 1px solid;
}

#ardErgebnisNavi .gruppen ul
{
margin-left: 0.75em;
display: inline;
}

#ardErgebnisNavi .gruppen span
{
font-size: 1.25em;
}

#ardErgebnisNavi .gruppen {
/*  background: #e9e9e9; */
  float: left;
}
 
#ardErgebnisNavi .finalrunden {
/*  background: #ff8400; */
  float: left;
}

#ardErg{
  clear: both;
}


/* Spielplan */

}