body {
 font-family: Verdana;
 font-size: 9pt;
 /* font-weight: bold; */
 /* font-style: italic; */
 text-decoration: none;
 text-align: left;
 color: #FFFFFF;
 background: #000000;
 padding: 0px;
 margin: 0px;
}
a {
 text-decoration: none;
 color: #FFFFFF;
}
#background {
 width:100%;
 height:100%;
 overflow: hidden;
 background-image: url('background.jpg');
 background-position: center center;
}

#titel {
 position: absolute;
 left: 10px;
 top: 10px;
}

.titel {
 font-size: 39pt;
 color: ;
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
 z-index: 10;
}
#bloglink {
 position: absolute;
 top: 0px;
 right: 0px;

}
#sub {
 position: absolute;
 bottom: 1px;
 width: 100%;
 text-align: center;
 color: #000000;
 font-size: 8pt;
 background: #FFFFFF;
}
#sub a {
 color: #000000;
}

#links {
 z-index: 40;
}
#links .pictures {
 position: absolute;
 left: 18%;
 top: 4%;
}
#links .events {
 position: absolute;
 left: 32%;
 top: 10%;
}
#links .info {
 position: absolute;
 left: 48%;
 top: 8%;
}

#main {
 position: absolute;
 top: 20%;
 width: 100%;
}

#content {
 border: #FFFFFF 0px solid;
 width: 605px;
 height: 405px;
 overflow: auto;
 z-index: 80;
 text-align: left;
 font-size: 9pt;
}

#content h1 {
 font-size: 12pt;
}

#content ul {
 font-size: 9pt;
 list-style-position: inside;
 list-style-type: square;
}

#fbframe {
 position: absolute;
 right: 5px;
 bottom: 18px;
 z-index: 1;
}

.bodytext, .event, .csc-header, ul {
 background-image: url('menu/aufheller.png');
}

.event {
 width: 100%;
 border: 1px solid #FFFFFF;
 margin-bottom: 20px;
 font-family: Base 02;
 background-image: url('menu/aufheller.png');
}

.event .tr-0 {
 text-align: center;
 font-size: 30pt;
}
.event .tr-1 {
 text-align: center;
 font-size: 20pt;
}
.event .tr-last {
 text-align: center;
 font-size: 10pt;
}