@font-face {
    font-family: 'bankgothiclightbt';
    src: url('http://www.mitten-ins-ohr.de/bankgothiclightbt.eot');
    src: url('http://www.mitten-ins-ohr.de/bankgothiclightbt.eot#iefix') format('embedded-opentype'),
        url('http://www.mitten-ins-ohr.de/bankgothiclightbt.woff') format('woff'),
        url('http://www.mitten-ins-ohr.de/bankgothiclightbt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    background-image: url("http://www.mitten-ins-ohr.de/pics/Akkustikkarton.png");
    color: #ffc;
}

h1,
h2,
h3 {
    font-family: "bankgothiclightbt";
}

.play-h2 {
    font-size: 1.6em;
}

a:link,
a:visited {
    color: #ffc;
    text-decoration: underline;
    font-size: 80%;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    font-size: 80%;
}


.tile {
    width: 100%;
    margin-bottom: 2em;

}


/* use this class to attach Bank Gothic font to any element i.e. <p class="font_Bank_Gothic">Text with this font applied</p> */
.font_Bank_Gothic {
    font-family: 'bankgothiclightbt' !important;
}

/* HTML5 AUDIO HTML5 AUDIO HTML5 AUDIO HTML5 AUDIO HTML5 AUDIO HTML5 AUDIO */
/*Play button*/
#songPlay {}

.tastePlay {
    padding-left: 0.5em;
}

/*Pause button*/
#songPause {}

.tastePause {
    padding: 0.3em;
}

/*Stop button*/
#songStop img {}

.tasteStop {
    padding-right: 0.5em;
}

/*Play/Pause button*/
#songPlayPause {}

/*Song location slider*/
#songSlider {
    width: 240px;
    height: 12px;
    background-color: black;
}

/*Track progress bar*/
#trackProgress {
    width: 0px;
    height: 10px;
    background-color: #ffc;
}

/*Volume Up Button*/
#volumeUp {}

/*Volume Down Button*/
#volumeDown {}

/*Volume Meter*/
#volumeMeter {
    width: 240px;
    height: 12px;
    background-color: black;
}

/*Volume Location Meter*/
#volumeStatus {
    height: 10px;
    background-color: green;
}

#Audioplayer {
    color: black;
    width: 300px;
    background-color: #899;
    padding: 5px;
    margin: 5px;
    border: 1px solid;
}


figcaption nav a:hover {
    text-decoration: none;
    color: #fff;
}