#logo{ height: 136px; width: 989px; position: absolute; top: 25px; left: 90px;}

#main{
position: relative;
top: 220px;
left: 70px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
color: #603;
}

#maintop{
position: relative;
height: 1px;
width: 742px;
background-image: url(../bilder/main-bg-top.png);
background-repeat: repeat-y;
}

#mainleft{
position: relative;
min-height: 600px;
width: 27px;
float: left;
background-image: url(../bilder/main-bg-left.png);
background-repeat: repeat;
background-size:100% 100%;
}

#maincenter{
position: relative;
left: -687px;
min-height: 600px;
width: 687px;
background-image: url(../bilder/main-bg-center.png);
background-repeat: repeat;
float: left;
}

#bildleiste{position: relative; top: 30px; left: 16px; width: 687px; padding-bottom: 80px;}

#bild{position: relative; float: left; width: 120px; height: 80px; margin-right: 6px; margin-left: 6px; margin-bottom: 12px; background-image: url(../bilder/testgrau.jpg); repeat: repeat;}

#maincontent{position: relative; left: 22px; margin-top: 40px; width: 645px; margin-bottom: 20px;}

#mainright{
position: relative;
left: 714px;
width: 28px;
float: left;
background-image: url(../bilder/main-bg-right.png);
background-repeat: repeat;
background-size:100% 100%;
}

#mainbottom{
position: relative;
left: 24px;
height: 1px;
width: 742px;
background-image: url(../bilder/main-bg-bottom.png);
background-repeat: no-repeat;
padding-bottom: 20px;
}

#datum{
position: relative;
width: 75px;
margin-left: 0px;
padding-top: 2px;
float: left;
border-top: 1px dashed;
border-color: #630;
}

#uhrzeit{
position: relative;
margin-left: 12px;
padding-bottom: 10px;
padding-top: 2px;
width: 75px;
border-top: 1px dashed;
border-color: #630;
float: left;
}

#veranstaltung{
position: relative;
margin-left: 12px;
padding-bottom: 10px;
padding-top: 2px;
width: 150px;
border-top: 1px dashed;
border-color: #630;
float: left;
}

#ort{
position: relative;
margin-left: 12px;
padding-bottom: 10px;
padding-top: 2px;
width: 150px;
border-top: 1px dashed;
border-color: #630;
float: left;
}

#kommentar{
position: relative;
margin-left: 12px;
padding-bottom: 10px;
padding-top: 2px;
width: 147px;
border-top: 1px dashed;
border-color: #630;
float: left;
}

.clearer{clear:both;}

#topmenue{position: relative; left: 0px; top: 10px; font-family: Verdana, sans-serif; font-size: 14px; line-height: 24px; color: #b60d1c; }

#submenue{position: relative; top: 17px; left: 21px; font-family: Verdana, sans-serif; font-size: 14px; line-height: 24px; color: #b60d1c; }

#botmenue{position: relative; left: 48px; font-family: Verdana, sans-serif; font-size: 14px; line-height: 24px; color: #b60d1c; padding-bottom: 20px;}

h1 { font-size: 18px; font-weight: normal; line-height: 24px; color: #603;}
h2 { font-size: 14px; font-weight: bold; line-height: 21px; color: #603;}
h3 { font-size: 18px; font-weight: normal; font-style: italic; line-height: 24px; color: #603; margin-left: 45px;}
h4 { font-size: 12px; font-weight: normal; line-height: 18px; color: #603; margin-left: 220px;}

a:hover{color: #f90; }
a {text-decoration: underline; color: #b60d1c;}

li { margin-left: 30px; }



/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}


/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
        top: 0;
        left: 0;
        border: 0;
        z-index: 1;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
          top: 0;
          left: 0px;
          z-index: 2;
          overflow: auto;
          width: 100%;
          height: 100%;
          text-align: left;
          padding: 0;
          }