@font-face
{
    font-family: "NimbusRomNo9L-Reg";
    src: url(font/nimbus-roman-no9-l/NimbusRomNo9L-Reg.otf);
}
@font-face
{
    font-family: "NimbusRomNo9L-Med";
    src: url(font/nimbus-roman-no9-l/NimbusRomNo9L-Med.otf);
}
#site
{ 
    background-image: url("images/Background.gif");
    background-size: 100%;
    background-attachment:fixed;
    margin: 0;
    font-family: "NimbusRomNo9L-Reg";
}
h1
{
    font-family: "NimbusRomNo9L-Med";
}
.bilder
{
    box-shadow: 20px 20px 40px black;
    border-radius: 30px;
    border-style: solid;
    border-width: 4px;
    color: black;
}
.bilder:active
{
    transform: scale(0.97);
    box-shadow: 10px 10px 40px black;
    color: rgba(0, 0, 0, 0.501);
}
.button
{
	padding: 15px 20px;
    background-color: gold;
    color: black;
    font-weight: 900;
    font-size: 17px;
    border: solid;
	border-width: 2px;
    margin-left: 0;
    float: right;

}
.button:active
{
    transform: scale(0.95);
    background-color: goldenrod;
}
.headline
{
    float: top;
    font-size: 20px;
    margin-left: 10px;
    color: rgb(197, 154, 0);
}
#head
{
    float: left;
    background: rgb(143,25,0);
    background: linear-gradient(90deg, #000000 35%, rgba(255,0,0,0) 78%);
    width: 100%;
    height: 90px;
}
#body
{
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
}
#foot
{
    float: left;
    height: 175px;
    width: 100%;
    background-color: #261A1A;
    position: relative;
    color: #A67A29;
    text-align: center;
}
#audio {
    filter: blue;
    width: 100%;
    height: 25px;
    margin: auto;
    bottom: 0px;
}
#audiodiv
{
    position: absolute;
    width: 100%;
    bottom: 0px;
}