/**hier erg?nzen*****L?nge der Linkliste festlegen je nachdem wie gro? der seitliche Inhalte ist*****/

/*******Rumpf*******/
body    { color: #fff; font-size: 12px; line-height: 15px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, tahoma; background-image: url(18back.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; padding: 30px; **abstand: 0; arial: font-size: 12px      }



#pageHeader  { background-image: url(wasserfall.gif); margin: 0px; width: 780px; height: 120px }

#pageHeader h1, h2  { background-image: url(18back.gif); display: none   }

/*******umschlie?t alles*******/
#pageFrame  { background-color: #9c309c; text-align: left; margin: auto; border: solid 10px #cc66ff; position: relative; top: 20px; width: 780px; height: 539px }

/**linklist*****index**********/
#pageMenu { background-color: #9c309c; position: absolute; left: 0; width: 160px; top: 120px; }

/**linklist**gegen abweichungen im ie***/
* html #pageMenu { position: absolute; left: 0; width: 160px; top: 120px; background-color: #800080; border-color: #cc66ff; border-style: solid; border-width: 3px 3px 10px 10px; }

/****container f?r inhalt text***/
#pageMain {
        position: relative;
        top: 0px;
        left: 170px;
        width: 595px;
        margin-left: 0px;
        margin-top: 0px;
        border-top: 5px solid #cc66cc;
        border-left: 10px solid #cc66cc;
        border-right: 5px solid #cc66cc;
        border-bottom: 10px solid #cc66cc;
}

#pageText { position: relative; left: 0; width: 595px; top: 0; height: 370px; text-align: center; margin-bottom: 0; padding: 6px 0 10px; background-color: #ffffcc; color: #cc9900; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, tahoma;; line-height: 15px; list-style-type: none; }

#pageFooter {
        position: relative;
        left: 0px;
        width: 775px;
        bottom: 0px;
        height: 20px;
        text-align: center;
        padding-bottom: 0px;
        padding: 6px 0 6px 0;
        background-color: #F4E195;
}


/*******bilder allgemein*******/
p img {
        border: 0;
        padding: 10px;
}

/****engelsbild indexseite***/
#img {
        float: right;
        width: 319px;
        height: 408px;
        background-image: url(../bilder/engel.jpg);
        background-color: transparent;
}
/****f?r scrollbalken indexseite***/
#imgscroll {
        float: right;
        width: 2px;
        height: 300px;
        background-image: url(../bilder/pixel.gif);
        background-color: transparent;
}




#supportingText h3 { font-size: 12px; font-family: tahoma; margin: 0 15px 15px 20px; /***oben rechts unten links**/
        line-height: 20px; }

#preamble p, #supportingText p, #quickSummary p {
        margin: 0px 15px 10px 25px; /***oben rechts unten links**/
}

/****text indexseite***/
p.p2{ text-align: center; line-height: 15px;
        /***oben rechts unten links*******/
      padding: 40px 0 0; color: #cccccc; font-size: 12px; font-family: arial, tahoma; }
/****text flie?text blau*letter-spacing: 12px;**/
p.p3{ color: #0080ff; font-size: 12px; font-family: tahoma; font-style: italic; }




/*****/
li {list-style: none;
         padding: 9px 0px 0px 0px; /***oben rechts unten links**/
         text-transform: capitalize;
}


li.unterm{list-style: none;
         padding: 0px 0px 0px 20px; /***oben rechts unten links**/
         text-transform: capitalize;
}

/*************menuelinks*******ma aktiv****mp passiv***/
.ma:ACTIVE  {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;
}

.ma:LINK {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}

.ma:VISITED {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}
.ma:HOVER {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}
.mau:ACTIVE  {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;
}

.mau:LINK {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}

.mau:VISITED {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}
.mau:HOVER {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;

}
/***************************/
.mp:ACTIVE  {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}

.mp:LINK {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}

.mp:VISITED {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}
.mp:HOVER {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;
}

.mpu:ACTIVE  {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}

.mpu:LINK {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}

.mpu:VISITED {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #f4e5ac;
        text-decoration: none;
        font-weight: bold;
}
.mpu:HOVER {
        font-size: 10px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #ccccff;
        text-decoration: none;
        font-weight: bold;
}

/*************textlink**************/
.textlinka:ACTIVE  {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #800080;
        text-decoration: none;
}

.textlinka:LINK {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #800080;
        text-decoration: none;
}

.textlinka:VISITED {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #800080;
        text-decoration: none;
}

.textlinka:HOVER {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        padding: 0;
        color: #800080;
        text-decoration: none;
        font-weight: bold;
}
