body
{
 font-family:Verdana;
 font-size:12px;
 background-color:#012345;
 text-align:center;
}

/*yellow {color:#ffcc00;}*/
TABLE    {text-align: center; margin-left: auto; margin-right: auto;}
h1 {font-size:18px;color:#001111;margin:0px;}
h1.big {font-size:32px;color:#cdefff;margin-top:0px;padding-top:35px}
h2 {font-size:14px;color:#001111;}
h3 {font-size:14px;color:#001111;}
p {margin-top:0px;}

b.artist {font-weight:bold;}

a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#112345;
  font-size:12px;
}
a:active, a:hover
{
  color:#ffee00;
}
a.menu:link, a.menu:visited
{
  color:#ffcc00;
}
a.menu:active, a.menu:hover
{
  color:#eeeeee;
}

/* Die Titelzeile */
#headline {
  vertical-align:bottom;
  margin-top:15px;
  height:82px;
  border-bottom:1px solid #89abcd;
}

/* Das Menu */
#navi {
  color:#ffffff;
  text-align:center;
  margin-top:8px;
  margin-bottom:8px;
  clear:right;
}

/* Der Inhalt */
#content {
  border:1px solid #abcdef;
  background-color:#789abc;
  padding:10px;
  color:#001111;
  line-height:140%;
}

/* Das Monatsmenue */
#kalender{
  background-color:#ffffff;
  float:left; 
  width:100px;
  margin:2px;
  border:1px solid #abcdef;
  background-color:#89abcd;
  padding:5px;
}
#kalender li {
   list-style: none;
   margin: 0; padding: 4px;
}
#kalender ul {
   list-style: none;
   margin: 0; padding: 0px;
}
#kalender a{
  font-size:12px;color:#001111;
  font-weight:bold;
  color:#112345;
}

/* Die Bilder */
#bild_li {
  vertical-align:bottom;
  margin-left:0px;
  margin-right:10px;
  padding:5px;
  border:1px solid #abcdef;
  background-color:#89abcd;
  float:left; 
  text-align:center;
  font-size:10px;
  vertical-align:text-bottom;
}
#bild_re {
  vertical-align:bottom;
  margin-left:10px;
  margin-right:0px;
  padding:5px;
  border:1px solid #abcdef;
  background-color:#89abcd;
  float:right; 
  text-align:center;
  font-size:10px;
  vertical-align:text-bottom;
}

/* die Termine */
.termin {
  margin-bottom:2px;
  margin-top:2px;
  margin-left:120px;
  border:1px solid #abcdef;
  background-color:#89abcd;
  padding:5px;
}
.datum {
  font-size:14px;color:#001111;
  float:left; width:90px;
  height:80px;
}
.titel {
  font-size:14px;color:#001111;
  font-weight:bold;
}  
.beschreibung {
  font-size:12px;color:#001111;
}  
.uhrzeit {
  font-size:12px;color:#001111;
}
.ort{
  font-size:12px;color:#001111;
}  
.ort{
  font-size:12px;color:#001111;
}  
.mehr{
  font-size:12px;color:#001111;
} 
/*.mehr a{
  font-size:12px;color:#001111;
  font-weight:bolder;
  color:#112345;
}
*/

/* die Formulare */
input, select, textarea {
  display: block;
  float: left;
  width: 380px;
  margin: 1px;
  padding-left: 3px;
  background-color:#abcdef;
  border:1px solid #123456;
}
label{
  display: block;
  float: left;
  width: 160px; 
}

form br { 
  clear: left; 
}

input#submit { 
  float: none;
  width: 100px;
  margin-left: 446px;
}

/* Die Aktuelles-Box */
#newsbox{
  background-color:#ffffff;
  float:right; 
  width:200px;
  margin:2px;
  border:1px solid #abcdef;
  background-color:#89abcd;
  padding:5px;
  margin-left:10px;
}
#newsbox h2{
  font-size:12px;
  color:#001111;
  margin:0px;
  text-align:center;
}
#newsbox li {
   list-style: none;
   margin: 0; padding: 4px;
}
#newsbox ul {
   list-style: none;
   margin: 0; padding: 0px;
}