html, body {
    margin:0;
    padding:0;
    text-align:center;
    background-color:#600;
    font-family:arial;
    color:#d5c77a;
}

#hs-1 {
    position:relative;
    margin:0 auto;
    text-align:left;
    width:980px;
    height:600px;
    background-color:#600;
}

#hs-2 {
    position:relative;
    margin:0 auto;
    text-align:left;
    width:980px;
    height:100%;
    background-color:#600;
}

#hs-3 {
    top:0px;
    left:200px;
    position:absolute;
    width:760px;
    height:100%;
    background-color:red;
}

#fueller {
    position:relative;
    top:0; left:0;
    width:760px;
    height:150px;
    background-color:green;
}

#ob-1, #ob-2, #ob-3, #ob-4, #ob-5, #ob-6, #ob-7 {
    position:absolute;top:0;height:70px;}

#ob-1 {left:  0px;width: 25px;background-image:url(../images/ob-1.jpg);}
#ob-2 {left: 25px;width: 45px;background-image:url(../images/ob-2.jpg);}
#ob-3 {left:70px;width:  60px;background-image:url(../images/ob-3.jpg);}
#ob-4 {left:130px;width:500px;background-image:url(../images/ob-4.jpg);}
#ob-5 {left:600px;width:100px;background-image:url(../images/ob-5.jpg);}
#ob-6 {left:700px;width:270px;background-image:url(../images/ob-6.jpg);}
#ob-7 {left:970px;width: 10px;background-image:url(../images/ob-7.jpg);}

#java, #ues1, #ues2, #ues3, #spiegel-1, #besuch, #justify1  {position:absolute;}

#java {
    width:160px;
    height:20px;
    top:18px;
    left:30px;
    color:#d5c77a;
    font:bold 12px arial;
    text-align:center;
}

#spiegel-1 {
    width:158px;
    height:210px;
    background-image:url(../images/Spiegel-1a.jpg);
    left:0px;
    top:100px;
    padding-top:270px;
    padding-left:27px;
}

a.menue1 {
    display:block;
    margin-top:3px;
    padding-top:5px;
    padding-left:17px;
    height:21px;
    width:80px;
    font:bold 12px arial;
    color:#600;
    text-decoration:none;
    background-image: url(../images/Button-3.jpg);
    }
a.menue1:link, a.menue1:visited {
    background-image: url(../images/Button-3.jpg);
    }


a.menue1:hover {
    color: #dd0000;
    background-image: url(../images/Button-4.jpg);
    }

#justify1 {
    top:100px;
    left:40px;
    width:97px;
    height:210px;
}

#ues1 {
    width:750px;
    height:50px;
    text-align:center;
    font-weight:bold;
    font-size: 42px;
    font-style:italic;
    font-family: Times;
    color:#d5c77a;
    margin:0;
    left:210px;
    top:56px;
}

#ues2 {
    font-weight:bold;
    font-size: 38px;
    font-style:italic;
    font-family: Times;
    color:#d5c77a;
    margin:0;
}

#ues3 {
    width:150px;
    height:20px;
    right:5px;
    top:10px;
}

#besuch {
    top:490px;
    left:720px;
    width:230px;
    height:60px;
}

a.menue2  {
    font:bold 12px arial;
    text-decoration:none;
    color:#b00;
    margin-left:15px;
    }  
a.menue2:link, a.menue2:visited  { color:#b00; }
a.menue2:hover { color:#d5c77a; }


#slyder-1,  #slyder-2, #slyder-3, #slyder-4 { position:absolute; top:118px; height:7px;}
#slyder-1 {left:185px; width:615px; background-image:url(../images/Balken-1.gif);}
#slyder-2 {left:800px; width: 94px; background-image:url(../images/Balken-3.jpg);}
#slyder-3 {left:894px; width: 81px; background-image:url(../images/Balken-3.gif);}
#slyder-4 {left:975px; width:  5px; background-image:url(../images/Balken-5.gif);}