body {
  background-color: #343434;
}

#audio {
  background-color: #dbdbdb;
}

/***** Layout *****/

#top_row {
    background: #343434;
    height: 30px;
}

header {
    background: #dbdbdb;
}

.bg-lg {
    background-image: url('../images/blumlein-lg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.bg-md-audio {
    background-image: url('../images/blumlein.png');
    background-repeat: no-repeat;
    background-position: 100% 15px;
}

.bg {
    background-image: url('../images/blumlein.png');
    background-repeat: no-repeat;
    background-position: right;
}

.bg-sm {
    background-image: url('../images/blumlein-sm.png');
    background-repeat: no-repeat;
    background-position: 100% 15px;
}

#content {
    background: #dbdbdb;
    padding: 0px 0px 50px 0px;
}

.panel-default {
    background-color: #dbdbdb;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 0px;
}

.panel-heading2 {
    background-color: #93000e;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #ffffff;
    padding: 10px 15px;
}

.panel-title {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #FFF;
    font-size: 23px;
}

footer {
    background: #343434;
    color: #FFF;
    padding: 0px 0px;
    height: 220px;
    padding: 30px 0px 0px 0px;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #ac071a;
}


hr {
    border-top: 1px solid #b8b8b8;
}

.embed-responsive {
  margin-bottom: 20px;
}

/***** Styles *****/

h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700; 
  font-size: 50px;
  letter-spacing: 1px;
  margin: 30px 0px;
}

h1 small {
  color: #5f5f5f;
}

a:link.audiolinkki,
a:visited.audiolinkki,
a:hover.audiolinkki,
a:active.audiolinkki {
  color: #fff;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 11px;
  line-height: 320%;
  float: right;
}

a:link.address2,
a:visited.address2,
a:hover.address2,
a:active.address2 {
    color: #fff;
}

.md-subh1 {
  color: #5f5f5f;
  font-family: 'Roboto Slab', serif; 
  font-size: 30px;
  letter-spacing: 1px;
  margin: -30px 0px 30px;
  line-height: 125%;
  
}

h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 28px;
  margin: 10px 0px 20px 0px;
}

h3 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 24px;
  margin: 0px 0px 20px 0px;
}

p, .panel-body, address {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 16px;
}

.viite {
  color: #5f5f5f;
  margin: 0px 0px 40px 0px;
}

p.ingressi {
  margin: 0px 0px 15px 0px;
  font-size: 18px;
}

p.lainaus {
  margin: 0px 0px 15px 0px;
  font-size: 16px;
  font-style: italic;
}

.indent {
  padding: 25px 0px 25px 50px;
}

address {
  line-height: 160%;
}

.orange {
  color: #a0a0a0;
}

.badge {
  background-color: #818181;
  border-radius:5px;
  float: right;
  margin-right: 3px;
}
  
.badge-left {
  float: none;
}

.badge-padding {
  display: inline-block;
  position: relative; 
  margin-right: 20px;
  background: #000;
}

.albums {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/***** Videosite styles *****/

.videosite {
  background-color: #dbdbdb;
}

.videoheader {
  height: 200px;
}

.video_email {
  margin-top: 20px;
}

.case {
  padding: 20px 5px;
  margin: 0 3px 20px;
  border: dashed 1px;
}

.space {
  margin-top: 40px;
}