* {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -3em;
  /* Pad bottom by footer height */
  padding: 0 0 3em;
}

#footer {
	height: 3em;
	width: 100%;
	background-color: #222;
	text-align:right;
	padding-top: 0.5em;
	position: fixed;
	bottom: 0;
	font-size: 0.8em;
	border-top:1px;
	border-top-color:#555;
	border-top-style:solid;
	z-index:999;
}

#footer ul li a:hover {
	background-color: #222;
}

  .fixed-background {
    position:fixed;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .grey-gradient-bg {
    background: #000000;
    background: -webkit-linear-gradient(black 10%, #222 50%, black 100%); 
    background: -o-linear-gradient(black 10%, #222 50%, black 100%); 
    background: -moz-linear-gradient(black 10%, #222 50%, black 100%); 
    background: linear-gradient(black 10%, #222 50%, black 100%);
  }


html {
	position: relative;
	height: 100%;      
}

body {
    padding-top: 3em;
	padding-bottom: 3em;
    height: 100%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#f3f3f3;
}

a:link { text-decoration:underline; color:#999999; border-color:#999999;}
a:visited { text-decoration:none; color:#999999; }
a:focus { text-decoration:none; color:inherit; }
a:hover { text-decoration:underline; color:#e18429 !important; border-color:#e18429;}
a:active { text-decoration:none; color:inherit; }

.padded-s {
	padding:0.5em;
}

.img-centered {
	margin:0 auto;
}

.centered {
	text-align:center;
	}	

.justified {
 text-align:justify;
}

.padding-bottom {
	padding-bottom:4em;
}

.margin-bottom-sm {
	margin-bottom:1.5em;
}

.margin-bottom-md {
	margin-bottom:3em;
}

.margin-bottom-big {
	margin-bottom:5em;
}

.margin-top-sm {
	margin-top:1.5em;
}

.margin-top-md {
	margin-top:3em;
}

.margin-top-big {
	margin-top:5em;
}

.btn-default {
	background:#222;
}

a.no-underline {
	text-decoration:none; !important
}

nav a:link {
	text-decoration:none;
}

/*BEGIN*/
/*Found at: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns */
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}
/*END*/

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
} /* gefunden auf http://stackoverflow.com/a/20548578 */

.thumbnail-borderless {
	border: 0 !important;
	box-shadow: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	

} /* gefunden auf http://stackoverflow.com/a/18778769 */

.regular {
    font-family: 'texgyreadventorregular';
}

.bold {
    font-family: 'texgyreadventorbold';
}

.italic {
	font-family: 'texgyreadventoritalic', Arial, sans-serif;
}
.bold-italic {
	font-family: 'texgyreadventorbold_italic';
}

.logo-glow {
	color:#fff !important;
	
}

@media (max-width: 768px) {
	.not-shown-on-small {
		display:none;
	}
}

@media (min-width: 768px) {
	.not-shown-on-big {
		display:none;
	}
}

.table th, .table td { 
     border-top: none !important; 
}

/*
ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
	margin-top:0px
}
*/

h1,h2,h3,h5,h6 {
	margin-top: 2em;
	margin-bottom: 2em;
}

.contact-form-styling {
	color:#222;
}

.bright-text {
	color:#f3f3f3;
}

@media (max-width: 767px) {
	.navbar-nav > li {
		padding-left:20px !important;
	}
}

.navbar-nav > li > .dropdown-menu { 
	background-color: #222;
	color:#9d9d9d;
}

.navbar-nav > li > .dropdown-menu a { 
	color:#9d9d9d;
	background-color: #222;
}

.navbar-nav > li > .dropdown-menu a:hover { 
	color:#9d9d9d;
	background-color: #111;
}

/*.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}*/

.dropdown:hover .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
.dropdown:hover .dropdown-menu {
    display: block;
	left: 25px;
	}
}

/*gefunden auf http://stackoverflow.com/a/25517025 */
.vertical-align {
    display: flex;
    align-items: center;
}

/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}

img.band-logo {
	max-height:10em;
}


/* gefunden am 12.02.2017-01, um navbar schon eher zusammenklappen zu lassen
@media (max-width: 1100px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
ENDE 12.02.2017-01 */



/* gefunden am 12.02.2017-02 auf https://fabriceleven.com/design/creating-fancy-css3-fade-in-animations-on-page-load/   /*
/* make keyframes that tell the start state and the end state of our object */
 @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	animation-duration:0.6s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
/* ENDE 12.02.2017-02 */

.no-padding-left {
	margin-left:0 !important;
	padding-left:0 !important;
	text-align:left !important;
}

/* gefunden am 13.02.2017 auf http://stackoverflow.com/a/13184714 */
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.other-project-thumb {
	height: 180px;
	width: 180px;
}

.transcript-thumb {
	height: 354px;
	width: 250px;
}

@media (max-width: 767px) {
	.centered-on-sm {
		text-align: center;
	}
}

.darker-text {
	color:#999;
}

.nav > li > a {
	padding: 10px 10px;
}

/*
ul.nav.navbar-nav {
	height: 50px !important;
}
*/

ul.nav.navbar-nav > li {
	margin-top: 5px;
}

a.anchor-margin-top {
    display: block;
    position: relative;
    top: -70px;
}

audio.dark-player::-webkit-media-controls-panel {
	background-color:#333;
}

audio.dark-player::-webkit-media-controls-current-time-display {
	color:#fff;
}

audio.dark-player::-webkit-media-controls-time-remaining-display {
	color:#fff;
}

audio.dark-player::-webkit-media-controls-play-button.a {
	color:#fff;
}