@font-face {
    font-family: 'nimbus_roman_no9_lRgIt';
    src: url('NimbusRomNo9L-RegIta-webfont.eot');
    src: url('NimbusRomNo9L-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('NimbusRomNo9L-RegIta-webfont.woff2') format('woff2'),
         url('NimbusRomNo9L-RegIta-webfont.woff') format('woff'),
         url('NimbusRomNo9L-RegIta-webfont.ttf') format('truetype'),
         url('NimbusRomNo9L-RegIta-webfont.svg#nimbus_roman_no9_lRgIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nimbus_roman_no9_lRg';
    src: url('NimbusRomNo9L-Reg-webfont.eot');
    src: url('NimbusRomNo9L-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('NimbusRomNo9L-Reg-webfont.woff2') format('woff2'),
         url('NimbusRomNo9L-Reg-webfont.woff') format('woff'),
         url('NimbusRomNo9L-Reg-webfont.ttf') format('truetype'),
         url('NimbusRomNo9L-Reg-webfont.svg#nimbus_roman_no9_lRg') format('svg'); 
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'urw_chancery_l_medium_italic';
    src: url('urw_chancery_l_medium_italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
html { overflow-y: auto; }

/* unvisited link */
a:link {
  color: #b4d3f0;
  text-decoration: none;

}

/* visited link */
a:visited {
  color: #669664;
}

body {
      background-image: url("../img/leadernet.jpg");
      #margin:10px;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-color: #000000;
      background-position: center; 
      #top: 80px;
      #overflow:auto;

}

h1{
    font-family: 'urw_chancery_l_medium_italic';
    font-size: 1em;
    color: #ffffff;
    position: absolute;
    top: 140px;
    left: 80px;
    animation : fadein 15s;
    line-height: 20px;
} 

h4{
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 0.77em;
    color: #ffffff;
    position: absolute;
    top: 145px;
    left: 205px;
    animation : fadein 28s;
    line-height: 0px;
    text-decoration: none; 
}

h3 {
    #display: block;
    font-family: 'nimbus_roman_no9_lRgIt';
    font-size: 1.1em;
    text-align: center;
    color: #83855d;
    #margin-top: 0.67em;
    #margin-bottom: 0.67em;
    #margin-left: 0;
    #margin-right: 0;
    #font-weight:normal;
    position: absolute;
    bottom: -4px;
    left: 948px;
    animation : fadein 10s;
} 


.audioplayer {
    width: 240px;
    height: 15px;
    margin-top: 25px ;
    margin: 100px;
    position: relative;
    left: -20px;
    top: 105px;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #83855d;
    -webkit-box-shadow:  2px 2px 4px 0px #83855d;
    box-shadow: 2px 2px 4px 0px #83855d;
    -moz-border-radius:7px 7px 7px 7px ;
    -webkit-border-radius:7px 7px 7px 7px ;
    border-radius:7px 7px 7px 7px ;
    background: #83855d;
    animation : fadein 18s;
}


.timeline {
    width: 200px;
    height: 4px;
    margin-top: 7px;
    float: left;
    border-radius: 15px;
    background: #b4d3f0;
}


.playbutton {
    height: 25px;
    width: 25px;
    margin-top: -6px;
    border: none;
    float: left;
    outline: none;
}

.play {
    background: url("../img/play_b.png");
}

.pause {
    background: url("../img/pause_b.png");
}

.play,.pause {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}



.playhead {
    width: 8px;
    height: 6px;
    border-radius: 50%;
    margin-top: -1px;
    background: #2d7fae;
    cursor: pointer;
}