* {
   font-family:   verdana,helvetica,arial,sans-serif;
}

a {
   text-decoration:  none;
   color:            #000000;
}

body {
   padding:       0pt;
   border:        0pt;
   margin:        0pt;
   background:    #f9dfa7;
}

#top {
   position:      absolute;
   top:           0pt;
   
   height:        50%;
   width:         100%;
   background:    #990000;

   color:         #ffffff;
}

body.content div#top {
   height:        10%;
}

#bottom {
   position:      absolute;
   height:        50%;
   width:         100%;
   background:    #f9dfa7;
   bottom:        0;
   color:         #000000;
}

body.content div#bottom {
   height:        90%;
}

#shaddow {
   position:      absolute; 
   left:          20pt;
   top:           20pt;
   overflow:      hidden;

   z-index:       2;

}
#headimages {
   position:      absolute; 
   left:          20pt;
   top:           20pt;
   overflow:      hidden;

   height:        113;
   width:         450;
   z-index:       3;
}

#righttitlebox {
   position:      absolute; 
   right:         40pt;
   top:           5pt;

   text-align:    right;
   background:    #990000;

   z-index:       4;
}
.title {
   color:         #ffffff;
   font-weight:   bold;
   font-size:     20pt;
}

.small {
   color:         #ffffff;
   font-size:     10pt;
   font-weight:   normal;
}
.iismall {
   color:         #a08957;
   font-size:     8pt;
   font-weight:   normal;
}


body.content div#top div#title {
   top:           5pt;
   font-size:     15pt;
}

#url {
   font-size:     30pt;
   position:      absolute;
   right:         2%;
   bottom:        0pt;
   padding:       0;
   margin:        0;
}

.linko {
   font-weight:   bold;
   font-size:     15pt;
   position:      absolute;
   bottom:        0;
   width:         15%;
}
.linko a, #top #title a {
   text-decoration: none;
   color: #ffffff;
}

.linku {
   font-size:     8pt;
   position:      absolute;
   top:           0;
   width:         15%;
}

#l1o { left:           5%; }
#l2o { left:          22%; }
#l3o { left:          39%; }
#l4o { left:          56%; }

#l1u { left:           5%; }
#l2u { left:          22%; }
#l3u { left:          39%; }
#l4u { left:          56%; }

#impressum { 
   right:            10pt; 
   width:            20%;
}
#impressum a {
   text-decoration:  none;
   color:            #000000;
}

#kirche {
   position:      absolute;
   bottom:        5%;
   right:         60pt;

}
#werbung {
   position:      absolute;
   width:         50%;
   bottom:        5%;
   left:          60pt;
   font-size:     8pt;
}
#werbung img {
   margin-right: 10pt;
}

#rightbox {
   position:      absolute;
   top:           50pt;
   left:          82%;

   width:         15%;
   font-size:     10pt;

   color:         #a08957;

}
#rightbox a img {
   border: 0;
}
#rightbox a {
   color:         #a08957;
   border:        0pt;
}

#leftbox {
   position:      absolute;
   top:           50pt;
   left:          2%;
   color:         #c0a977;

   width:         15%;
   font-size:     10pt;

}

#leftbox ul {
   padding-left: 15pt;
}

#portaltitle{
   position:      absolute;
   top:           30pt;
   left:          70%;

   width:         30%;
   font-size:     20pt;
}
#titlebox{
   position:      absolute;
   top:           30pt;
   left:          19%;
   text-align:    center;

   width:         60%;
   font-size:     20pt;

}

#contentbox {
   position:      absolute;
   top:           70pt;
   left:          19%;

   width:         60%;
   font-size:     12pt;

}

#box1{
   position:      absolute;
   top:           0pt;
   left:          0pt;
   height:        101%;

   width:         1%;
   font-size:     12pt;
}



#contentbox a {
   border-bottom: 1px dotted #000000;
}

#contentbox a.iilink {
   border-bottom: 0px;
}


.programmdatum {
   border-bottom: 1px solid #000000;
   width:         50%;
   margin-top:    20pt;
   font-style:    italic;
}

.programmtitel {
   font-weight:   bold;
   margin-top:    10pt;
   margin-bottom: 10pt;

}

#sidebar {
   float:         right;
   font-size:     8pt;
   text-align:    center;
}

a.iimage {
   background:    #f9dfa7;
}

table tr td {
   padding: 2pt;
   padding-right: 4pt;
   padding-left: 4pt;
   vertical-align: top;
}
table tr td.iimage {
   vertical-align: middle;
}

li {
   padding-bottom: 4pt;
}


#todo {
   border: 2pt solid #ff0000;
}

.imagebox_left {
   float:         left;
   text-align:    center;
   padding:       10pt;
   padding-left:  0pt;
   font-size:     8pt;
}
.imagebox_right, .imagebox_rightWOborder {
   float:         right;
   text-align:    center;
   padding:       10pt;
   padding-right: 0pt;
   font-size:     8pt;
}

.imagebox_right img, .imagebox_left img {
   border: 1px solid #000000;
}

.imagebox_rightWOborder img {
   border: 0pt;
}


pre {
   font-family: monospace, courier;
}