BODY {
        margin: 0px;
        padding: 0px;
        background: #ffffff;
}

#logo {
        /* Einbindung logo */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 1000px;
        height: 80px;
        background: url(../images/logooben.gif) no-repeat;
}

#maintopic {
        /* Leiste Navigation oben */
        position: absolute;
        left: 0px;
        top: 90px;
        width: 1000px;
        height: 30px;
        border-top: 1px solid #cdcdcd;
        background: url(../images/pmt.gif) repeat-x;
        overflow: hidden;
}

#plaintext {
        position: absolute;
        left: 750px;
        top: 86px;
        width: 195px;
        height: 30px;
        text-align: right;
        z-index: 100;
}

#plaintext a {
        color: #888888;
        text-decoration: none;
}


#youarehere {
        position: absolute;
        left: -600px;
        top: -111px;
        width: 900px;
        height: 30px;
}

#youarehere a {
        display: block;
        float: left;
        height: 30px;
        padding: 0px 10px 0px 23px;
        line-height: 30px;
        color: #888888;
        text-decoration: none;
        font-size: 11px;
        background : url(../images/pmr.gif) no-repeat;
}

#youarehere a:hover {
        color: #22186F;
        background : url(../images/pmra.gif) no-repeat;
}


#maintopic a {     /* obere Navigation */
        display: block;
        float: left;
        height: 30px;
        padding: 0px 10px 0px 10px;
        line-height: 30px;
        color: #22186f;      /* Farbe obere Navigation */
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing : 2px;
        background : url(../images/pln.gif) no-repeat right;
}

#maintopic a:hover {
        background: url(../images/pmta.gif) repeat-x;
        color: #ffcc00;
}

#maintopic a.active {
        background: url(../images/pmta.gif) repeat-x;
        color: #333333;
        font-weight: bold !important;
        font-size: 10px;
}


#topic {   /* Navigation linke Seite */
        position: absolute;
        left: 0px;
        top: 125px;
        width: 199px;
        height: 1150px;
        background-color: #22186F;
}

#topic a {  /* Navigation linke Seite */
        display: block;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #22186F;
        padding: 0px;
        margin: 30px 10px 30px 10px;
        text-transform: uppercase;
        font-size: 10px;
}

#topic p {
        text-align: center;
}

#topic p a {
        border-bottom: none !important;
}

#topic a:hover, #topic a.active {
        color: #ffcc00;
}

#topic h1 { /* Navigation linke Seite > Kopf */
        padding: 9px 10px 9px 10px;
        background-color: #0D1D5E;
        font-size: 10px;
        font-weight: bold;
        color: #6666FF;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0px;
}

#eyecatcher {  /* Design-Bild oben */
        position: absolute;
        left: 200px;
        top: 125px;
        width: 800px;
        height: 119px;
        background: url(../images/s2dlogo.jpg) no-repeat;
}

#content {
        position: absolute;
        left: 220px;
        top: 270px;
        width: 460px;
        padding: 0px;
        margin: 0px;
}

#sidebar {    /* Angaben Sidebar */
        position: absolute;
        top: 247px;
        left: 700px;
        width: 300px;
        height: 1028px;
        background-color: #22186F;
        color: #fffff;
}

form.search { /*  Suchfeld */
        position: absolute;
        top: 15px;
        left: 10px;
        width: 160px;
}

form.search input {
        margin: 0px;
        vertical-align : middle;
}

input.search {
        border : 1px solid #cdcdcd;
        color: #333333;
        width: 118px;
        padding: 2px;
        background: url(../images/pmt.gif) repeat-x;
        font-size: 10px;
}