* {
    margin:     0;
    padding:    0;
    border:     0;
    font-family:Arial, sans-serif;
}

body { background:url(../images/bg_body.png); }

a:hover { text-decoration:none; }

#muenzen { background: url(../images/bg_muenzen.png) repeat-x; }

#gold { background: url(../images/bg_gold.png) repeat-y; }

#logo {
    width:      370px;
    height:     65px;
    margin:     auto;
    background: url(../images/gold.png);
    text-align: center;
    padding-top:10px;
    padding-bottom:15px;
    font-size:  x-large;
}
#logo, #logo a {
    color:      #FFFFFF;
}

#logo span.koenigshofer { 
    display:    block;
    font-size:  medium;
    text-transform:uppercase; 
}

.hide { display:none; }

#kober {
    width:      788px;
    height:     281px;
    margin:     auto;
    background: url(../images/bg_kober.png) no-repeat;
    position:   relative;
}

#nav {
    position:   absolute;
    top:        100px;
    left:       600px;
    font-size:  medium;
    font-weight:bold;
}
#nav ul { list-style-type:none; }
#nav ul li a { color:#FFFFFF; }

#adresse, #kontakt {
    font-size:  11px;
    color:      #FFFFFF;
    width:      120px;
    position:   absolute;
    top:        40px;
    left:       20px;
    text-align: center;
}

#kontakt { 
    left:       150px;
    width:      180px;
}
#kontakt a { color:#FFFFFF; }

#gold_silber {
    position:   absolute;
    top:        7px;
    left:       150px;
    color:      #006666;
    font-weight:bold;
    font-size:  medium;
}
#gold_silber img { margin-top:-4px; }

#muenzen_lager {
    position:   absolute;
    top:        40px;
    left:       460px;
    font-size:  small;
    color:      #FFFFFF;
    font-weight:bold;
    text-align: center;
    width:      300px;
}
#muenzen_lager img { margin-left:-11px; }

#briefmarke {
    position:   absolute;
    top:        85px;
    left:       450px;
}

#dukat1 {
    position:   absolute;
    top:        95px;
    left:       185px;
}

#dukat2 {
    position:   absolute;
    top:        90px;
    left:       320px;
}

#groschen {
    position:   absolute;
    top:        83px;
    left:       20px;
}

#haber {
    width:      788px;
    margin:     auto;
    background: url(../images/bg_haber.png) repeat-y;
    position:   relative;
    padding-top:20px;
    padding-bottom:130px;
}
#haber h1 {
    background: url(../images/tuerkis.png);
    border:     1px solid #99CCCC;
    margin:     70px;
    margin-top: 0;
    margin-bottom:10px;
    font-size:  medium;
    color:      #FFFFFF;
    padding:    2px;
}
#haber p { 
    clear:      both; 
    color:      #FFFFFF;
    line-height:140%;
    margin-left:70px;
    margin-right:70px;
    font-size:  small;
    padding-bottom:7px;
}
#haber p a { color:#FFFFFF; }

#fuber {
    width:      788px;
    height:     38px;
    margin:     auto;
    background: url(../images/bg_fuber.png) no-repeat;
    position:   relative;
}

#webdesign {
    position:   absolute;
    top:        10px;
    left:       50px;
}
#webdesign, #webdesign a {
    font-size:  small;
    color:      #FFFFFF;
    text-decoration:underline;
}

#schatzkisterl_schnalle {
    width:      115px;
    height:     130px;
    background: url(../images/schnalle.png);
    position:   absolute;
    top:        -7px;
    left:       335px;
}

#schatzkisterl_gurt {
    width:      170px;
    height:     285px;
    background: url(../images/gurt.png);
    position:   absolute;
    top:        -117px;
    left:       295px;
}