body{
  background-color: #AAAAAA;
}

.hiddenContainer{
  margin-top: 25px;
  display: none;
}

.headerTable{
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 120%;
}
.sliderTable{
  margin-top: 150px;
  margin-left: auto;;
  margin-right: auto;;
  margin-bottom: 25px;
}

.headerTable-entry{
  color: white;
  padding: 20px;
}

.sliderSub{
  text-align: center;
  font-size: 150%;
  color: white;
}
.sliderTable-entry{
  padding: 20px;
}

a{
  color: white;
}
a:link{
  text-decoration: none;
  color: white;
}
a:visited{
  text-decoration: none;
  color: white;
}
a:hover{
  text-decoration: none;
  color: black;
}
a:active{
  text-decoration: none;
  color: white;
}
a:focus{
    outline: 0 !important;
}
.sliderSub-link:hover{
  color: white;
}
#peterBaronLink{
  color: black;
  text-align: center;
}

button{
  color: white;
  background: none !important;
  border: none;
  padding: 0 !important;
}
button:hover{
  color: black;
}
button:focus{
    outline: 0 !important;
}

p{
  margin-left: 20%;
  margin-right: 20%;
}
.textCaption{
  font-weight: bold;
  font-size: 110%;
}
.textQuote{
  font-style: italic;
  font-size: 85%;
  text-align: right;
}

/* ---BOOTSTRAP--- */

/* Dropdown */

#dropdown-btn{
    color: white;
    text-decoration: none;
}
#dropdown-btn:hover{
    color: black;
    text-decoration: none;
}
#dropdown-btn:focus{
    text-decoration: none !important;
    outline: 0 !important;
}

#dropdown-title{
    color: black;
    font-weight: normal;
    text-align: center;
}

.dropdown-menu{
    background-color: #BBBBBB;
}

.divider{
    background-color: #999999 !important;
}

#dropdown-back{
    font-size: 80%;
    text-align: center;
}

/* Slider */
.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.img-responsive{
	width:100%;
	height:auto;
}

@media (min-width: 992px ) {
	.carousel-inner .active.left {
		left: -25%;
	}
	.carousel-inner .next {
		left:  25%;
	}
	.carousel-inner .prev {
		left: -25%;
	}
}

@media (min-width: 768px) and (max-width: 991px ) {
	.carousel-inner .active.left {
		left: -33.3%;
	}
	.carousel-inner .next {
		left:  33.3%;
	}
	.carousel-inner .prev {
		left: -33.3%;
	}
	.active > div:first-child {
		display:block;
	}
	.active > div:first-child + div {
		display:block;
	}
	.active > div:last-child {
		display:none;
	}
}

@media (max-width: 767px) {
	.carousel-inner .active.left {
		left: -100%;
	}
	.carousel-inner .next {
		left:  100%;
	}
	.carousel-inner .prev {
		left: -100%;
	}
	.active > div {
		display:none;
	}
	.active > div:first-child {
		display:block;
	}
}