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

html { height:100%; }
body { 
    background:     url(../images/bg_body.png);
    height:         100%;
}

a:hover { text-decoration:none; }

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

#gold { 
    background:     url(../images/bg_gold.png) repeat-y; 
    height:         100%;
}
#spacer { height:40px; }

#schatzkisterl {
    background:     url(../images/hellgruen.png);
    border:         1px solid #FFFFFF;
    width:          700px;
    height:         460px;
    margin:         auto;
    position:       relative;
}

#logo {
    background:     url(../images/gold.png);
    border-bottom:  1px solid #FFFFFF;
    text-align:     center;
    padding-top:    20px;
    padding-bottom: 15px;
    font-size:      x-large;
    height:         65px;
}
#logo, #logo a {
    color:          #FFFFFF;
}

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

.hide { display:none; }

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

#muenzen_lager {
    position:   absolute;
    top:        200px;
    left:       6px;
    font-size:  small;
    color:      #FFFFFF;
    font-weight:bold;
    width:      340px;
    display:    none;
}
#muenzen_lager img { margin-left:-6px; }
#muenzen_lager span { 
    width:      100px;
    display:    block;
    text-align: center;
}
#muenzen_lager span span { display:none; }

#schatzkisterl img.schatzkisterl { 
    margin-bottom:-70px; 
    position:   absolute;
    top:        100px;
    left:       0;
}

#groschen {
    position:   absolute;
    top:        10px;
    left:       10px;
}

#adresse {
    width:      255px;
    height:     85px;
    background: url(../images/gold.png);
    border:     1px solid #FFFFFF;
    color:      #FFFFFF;
    position:   absolute;
    top:        150px;
    left:       221px;
    font-size:  small;
    text-align: center;
    line-height:140%;
    padding-top:5px;
    display:    none;
}
#adresse a { color:#FFFFFF; }

#weiter {
    width:      75px;
    height:     28px;
    background: #FFFFFF;
    position:   absolute;
    top:        380px;
    left:       312px;
    color:      #009999;
    font-weight:bold;
    font-size:  medium;
    text-align: center;
    line-height:140%;
}

#navigation {
    position:   absolute;
    top:        174px;
    left:       465px;
    background: url(../images/dunkelgruen.png);
    width:      235px;
    height:     285px;
}
#navigation ul {
    margin:     10px;
    float:      right;
    list-style-type:none;
    display:    none;
}
#navigation ul li { margin:3px; }
#navigation ul li a { 
    font-size:  small;
    color:      #FFFFFF; 
}

#schatzkisterl_nieten {
    width:      698px;
    height:     352px;
    background: url(../images/index/nieten.png);
    position:   absolute;
    top:        100px;
    left:       0;
    width:      600px;
}

#webdesign {
    position:   absolute;
    top:        375px;
    left:       5px;
    color:      #FFFFFF;
    font-size:  x-small;
    width:      100px;
}
#webdesign a {
    color:      #FFFFFF;
    font-size:  x-small;
}
#webdesign img { display:none; }