* {
  padding:0px;
  border:0px;
  margin:0px;
  text-align:left;
  background:transparent;
}

body {
   text-align:center; /* Zentrierung im Internet Explorer */
   background-color: #000; 
}

#page {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung (fŸr alle anderen au§er IE*/
   width:1300px;
   background-image:url("bg01.jpg");
   background-repeat:no-repeat;
   background-position: top center;   /* beim IE bezieht sich die Position auf #page, beim Rest auf den Anzeigebereich--- */
   background-attachment:fixed;
}
   

#header {
   z-index:5;
   top:0px;
   width:1300px;
   height:185px; /* Oberer Rand */
   position: fixed;
   background-image:url("bg01.jpg");
   background-repeat:no-repeat;
   background-position: top center;   /* beim IE bezieht sich die Position auf #page, beim Rest auf den Anzeigebereich--- */
   background-attachment:fixed;
}

#timeline {
   z-index:6;
   top:165px; /* Oberer Rand */
   width:1300px;
   height:18px;
   position: fixed;
}


#scroll {
   margin-top:165px; /* Oberer Rand */
   width:100%;
}

.zeile {
   margin-top:15px;
   margin-bottom:10px;
   width:1300px;
}

/* ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ Formatierung der KalendereintrŠge ÐÐÐÐÐÐÐÐÐÐ */

.bl {
   background-image:url( "line.gif");
   background-repeat: repeat-x;
   background-position: 0 center;
}

.br {
   background-image:url( "line.gif");
   background-repeat: repeat-x;
   background-position: 0 center;
}

.box {
   border:1px solid #cccccc;
   overflow:hidden;
}

/* ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ Inhalt der KalendereintrŠge ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ */

.content {
   margin:7px 10px 5px 10px;
   font-family:Arial, Helvetica;
   font-size: 12px;
   color: #eee;
}


/* ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ Formatierung der Veranstaltungstexte ÐÐÐÐÐÐ */


h1 {
   margin:8px 0px 0px 0px;
   font-family:Arial, Helvetica;
   font-size: 12px;
   color: #333;
}
h2 {
   margin:8px 0px 0px 0px;
   font-family:Arial, Helvetica;
   font-weight: lighter;
   text-transform: uppercase;
   font-size: 16px;
   color: #000;
}
h3 {
   margin:8px 0px 18px 0px;
   font-family:Arial, Helvetica;
   font-size: 12px;
   font-weight:lighter;
   color: #333;
}
h4 {
   margin:8px 0px 0px 0px;
   font-family:Arial, Helvetica;
   font-weight: lighter;
   text-transform: uppercase;
   font-size: 12px;
   letter-spacing:0.1em;
   color: #000;
}

p {
   margin:8px 0px 15px 0px;
   font-family:Arial, Helvetica;
   font-size: 12px;
   color: #333;
}

b {
   text-transform: uppercase;
   font-weight: lighter;
}

/* ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ Formatierung der Verlinkung ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ */

a:link {
   text-decoration: none;
   color:#ffffff;
}

a:visited {
   text-decoration: none;
   color:#ffffff;
}

a:hover {
   text-decoration: none;
   color:#dda;
}

a:active {
   text-decoration: none;
   color:#ffffff;
}

 a.bgwhite:link
 {
  text-decoration:none;
  color:#333;
 }
 a.bgwhite:visited
 {
  text-decoration:none;
  color:#333;
 }
 a.bgwhite:hover
 {
  text-decoration:none;
  color:#696;
 }
 a.bgwhite:active
 {
  text-decoration:none;
  color:#333;
 }