body  {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: #7000C0;
    background-color: #fff;
    margin: 0px;
    border: 0;
    padding: 0;
}

a:link  {
    color:darkviolet; background-color:transparent;
}
a:visited  {
    color:olivedrab; background-color:transparent;
}
a:hover  {
    color:darkorchid; background-color:transparent;
}
a:active  {
    color:orange; background-color:transparent;
}
a img  {
    border:0;
}


/* ----------------- KOPF ------------------ */

#kopf  {
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background: url("../img/header.gif") no-repeat;
    text-align: left;
    height: 219px;
}


/* ----------------- MITTE ----------------- */

#mitte  {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0;
    width: 100%;
    background-color: transparent;
    z-index: 1;
}


/* --------------- NAVIGATION -------------- */


#menu  {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #000;
    font-size: 80%;
    background: url("../img/sidebar.gif") no-repeat;
    height: 546px;
    width: 174px;
}

#sidebar {
        float: left;
        margin: 0;
        padding: 30px 0px;
        color: #FFBF00;
}

#navlist
{
        padding: 0px;
        margin: 0px 5px;
        background: transparent;
        width: 136px;
}

#navlist li
{
        list-style: none;
        margin: 0;
        padding: 0.25em 0.5em 0.25em 0.5em;
        border-top: 0px solid darkviolet;
        text-align: left;
}

#navlist li a
{
        display: block;
        padding: 0.25em 0.5em 0.25em 0.75em;
        border-left: 1em solid darkorchid;
        background: orange;
        text-decoration: none;
}

#navlist li a:link {
        color: darkviolet;
}

#navlist li a:visited {
        color: darkorchid;
}

#navlist li a:hover
{
        border-color: orange;
        color: orange;
        background: darkorchid;
}


/* ---------------- INHALT ---------------- */

#pagemenu {
    font-size: 80%;
    margin: 1% 0% 1% 5%;
    width: 550px;
}

#haupt  {
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    background-color: transparent;
    border-left: 165px solid #74558F;
    width: 550px;
}

#haupt p  {
    font-size: 80%;
    margin: 1% 0% 1% 5%;
    padding-left: 20px;
}
#haupt p.rahmen  {
    font-size: 80%;
    margin: 1% 0% 1% 5%;
    padding: 20px;
    border: 1px solid orange;
    background-color: #FFFFCC;
}
#haupt ul, ol  {
    font-size: 80%;
    padding-right: 10%;
    padding-left: 3%;
    margin-left: 6%;
}
#haupt li a  {
    color: olivedrab;
    background-color:transparent;
}
#haupt form {
    margin: 30px 30px 40px 0px;
    text-align: center;
}
#haupt h1  {
    font-size: 130%;
    color: orange;
    font-weight: bold;
    margin: 0% 0% 0% 5%;
    clear: left;
}
#haupt h2  {
    font-size: 110%;
    margin: 5% 0% 2% 5%;
    color: #7000C0;
    border-bottom: 1px solid orange;
    clear: left;
}
#haupt h3  {
    font-size: 100%;
    color: #7000C0;
    padding-left: 8px;
    margin: 3% 0% 2% 5%;
    border-left: 12px solid orange;
    clear: left;
}
#haupt h4  {
    font-size: 80%;
    color: #7000C0;
    padding-left: 20px;
    margin: 3% 0% 2% 5%;
}
#haupt h5  {
    font-size: 80%;
    color: #000;
    padding-left: 20px;
    margin: 2% 0% 0% 5%;
}

#haupt img.left {
    float: left;
    margin-left: 45px;
    padding: 1% 2% 2% 1%;
}


/* ----------------- FUSS ----------------- */

#fuss {
    position: relative;
    top: 0px;
    margin-top: 0px;
    padding: 5px;
    height: 20px;
    color: orange;
    background-color: #694786;
    font-size: 70%;
    text-align: center;
}


/* ---------------- KLASSEN --------------- */

.up  {
    clear: left;  
    text-align: right;
    margin: 10% 0%;
}
.unsichtbar  {
    display:none;
}
.active {
color: darkorchid;
font-weight: bold;
}

/* ---------------- NEWSLETTER --------------- */

#newsletter  {
    font-size: 80%;
    margin: 0px 30px 0px 50px ! important; 
	text-align: left ! important;
}

/* ---------------- PLANETENTIPP --------------- */

#planetentipp {
    font-size: 80%;
    margin: 0px 30px 0px 50px ! important; 
	text-align: left ! important;
}