body {

        margin: 0px; padding: 0px;

        background: #E4E3E3 url(../images/pbk.gif) repeat-y;

}





#maintopic {

        position: absolute;

        left: 50px; top: 0px;

        width: 900px; 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: 50px;

        top: 31px;

        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: #603400;

        background : url(../images/pmra.gif) no-repeat;

}





#maintopic a {

        display: block;

        float: left;

        height: 30px;

        padding: 0px 10px 0px 10px;

        line-height: 30px;

        color: #888888;

        text-decoration: none;

        text-transform: uppercase;

        font-weight: bold !important;
        
        font-size: 10px;

        letter-spacing : 2px;

        background : url(../images/pln.gif) no-repeat right;

}



#maintopic a:hover {

        background: url(../images/pmta.gif) repeat-x;

        color: #333333;

}



#maintopic a.active {

        background: url(../images/pmta.gif) repeat-x;

        color: #333333;

        font-weight: bold !important;

        font-size: 11px;

}





#topic {

        position: absolute;

        left: 50px; top: 65px; width: 199px;

        background-color: #fffcd6;

}



#topic a {

        display: block;

        color: #000000;

        text-decoration: none;

        border-bottom: 1px solid #F0D48A;

        padding: 0px;

        margin: 3px 20px 3px 20px;

        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: #F0D48A;

}



#topic h1 {

        padding: 9px 20px 9px 20px;

        background-color: #CB7200;

        font-size: 100%;

        font-weight: bold;

        color: #ffffff;

        letter-spacing: 1px;

        text-transform: uppercase;

        margin: 0px;

}



#eyecatcher {

        position: absolute;

        left: 250px; top: 65px;

        width: 700px; height: 150px;

        background: url(../images/s2dlogo.jpg) no-repeat;

}



#content {

        position: absolute;

        left: 270px;

        top: 225px;

        width: 460px;

        padding: 0px;

        margin: 0px;

}



#sidebar {

        position: absolute;

        top: 216px; left: 750px; width: 200px;

        background-color: #fffcd6;

        color: white;

}



form.search {

        position: absolute;

        top: 28px; left: 780px; 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;

}



form#spielform input        {

        font-size: 9pt; border: 0;

        border: 1px solid #a0a0a0;

        background-color: #f2f2f2;

}