/* CSS-Ebenen-Formatierungen */

#statusleiste
{
  position: relative;
  width: 90%;
  height: 18px;
  margin: 0px auto;
  border-left: 1px dotted #68717A;
  border-right: 1px dotted #68717A;
  background-color: #273340;
  min-width: 675px;
  max-width: 55em;
  max-height: 18px;
  padding: 0;
  
}

#status {
overflow: hidden;
}

#hauptebene
{
  width: 90%;
  position: relative;
  margin: 0px auto;
  border: 1px solid #68717A;
  z-index: 1;
  background-color: #273340;
  min-width: 675px;
  max-width: 55em;
}


#logo
{
  background-image: url(../media/hintergrundstvclogo.jpg);
  background-repeat: repeat-x;
  width: 100%;
  height: 110px;
  z-index: 2;
  text-align: left;
}


#logolinks
{
  float: left;
  background-image: url(../media/stvclogo_links.jpg);
  background-repeat: no-repeat;
  width: 620px;
  height: 110px;
}

#logorechts
{
  float: right;
  background-image: url(../media/stvclogo_rechts.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0;
  width: 55px;
  height: 110px;
}


#communitylogo
{
  background-image: url(../media/hintergrundstvclogo.jpg);
  background-repeat: repeat-x;
  width: 100%;
  height: 110px;
  z-index: 2;
  text-align: left;
}


#communitylogolinks
{
  float: left;
  background-image: url(../media/community/communitylogo_links.jpg);
  background-repeat: no-repeat;
  width: 620px;
  height: 110px;
}

#communitylogorechts
{
  float: right;
  background-image: url(../media/stvclogo_rechts.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0;
  width: 55px;
  height: 110px;
}


#navigation
{
  position: relative;
  width: 100%;
  z-index: 2;
  border-top: 1px dotted #68717A;
  border-bottom: 1px dotted #68717A;
  border-left: none;
  border-right: none;
}


#navigationsstatus
{
  position: relative;
  width: 90%;
  border-left: 1px solid #68717A;
  border-right: 1px solid #68717A;
  border-bottom: 1px solid #68717A;
  z-index: 2;
  margin: 0px auto;
}

#basis
{
  float: left;
  z-index: 2;
  text-align: left;
  width: 78%;
  margin-top: 20px;
}

/* CSS-IE-5-Hack. Folgende Anweisung vor IE 5 verstecken und anderen Browsern damit wieder die richtige Breite zuweisen */

#basis {
   width/* */: 74%;
   }



#rechts
{
  z-index: 2;
  float: right;
  background-color: #424F5C;
  background-image: url(../media/hintergrundrechts.jpg);
  background-repeat: repeat-y;
  width: 22%;
  margin-top: 20px;
  border-top: 1px solid #99A0A6;
  border-bottom: 1px solid #99A0A6;
  padding-left: 1px;
}


#fusszeile
{
  position: relative;
  border-top: 1px dotted #68717A;
  width: 100%;
  clear: both;
  z-index: 2;
}


/* Ebenenspezifische Formatierungen */



#rechts ul
{
  list-style-type: none;
}


#rechts li, #rechts a
{
  background-image: none;
  margin-bottom: 10px;
}


#rechts li a, #rechts dd a
{
  color: #FFFFFF;
  background-image: none;
  font-weight: bold;
  padding: 0;
}


#rechts li a:hover, #rechts dd a:hover
{
  background-image: none;
}


#communitylogin ul
{
  list-style-image: url(../media/navigationpfeil.gif);
  margin: 5px 0 0 15px;
  padding: 0;
}


#communitylogin li, #countdown li
{
  background-image: none;
  margin: 0 0 5px 0;
  padding: 0;
}