/** 
 * Slideshow style rules.
 */

 
 
 
#contFoto, #contButton, #contText {
	display: inline-block;
	width: 100%;
}

#contFoto {
	height: 150px;
}

#contButton {
	height: 30px;
	background-color: #c5023a;
	margin: 0 auto;
	text-align: center;
}

#contMarkerBitmap2 {
	
}

#contText {
	height: 300px;
	width: 96%;
}

/* FOTOS ************************************************** */ 
 
div.zeitFoto {
	float: left;
	width: 100%;
}

#foto1960 {
	display: block;
}

#foto1990, #foto1969, #foto1972, #foto1974, #foto1978, #foto1979, #foto1981, #foto1997, #foto1998, #foto2006, #foto2010, #foto2014, #foto2016 {
	display: none;
}

div.zeitFoto img {
	width: 100%;
}

/* BUTTONS ************************************************ */

div.zeitButton {
	background-color: #c5023a;
	float: left;
	width: 14%;
}

/* TEXT **_************************************************ */
 
div.zeitText {
	overflow: visible;
	display: none;
}

#text1960 {
	display: block;
}

#text1969, #text1972, #text1974, #text1978, #text1979, #text1981, #text1990, #text1997, #text1998, #text2006, #text2010, #text2014, #text2016 {
	display: none;
}
 
div.zeitText p {
	margin: 1em 0 0 0;
	text-align: center;
} 

div.zeitText h2 {
	color: #c5023a;
	margin: 0;
} 

#text1990 h2 {
	margin: 0 0 0 6%;
}

#text1969 h2, #text1997 h2 {
	margin: 0 0 0 18.5%;
}

#text1972 h2, #text1998 h2 {
	margin: 0 0 0 32.5%;
}

#text1974 h2, #text2006 h2 {
	margin: 0 0 0 48%;
}

#text1978 h2, #text2010 h2 {
	margin: 0 0 0 62%;
}

#text1979 h2, #text2014 h2 {
	margin: 0 0 0 76%;
}

#text1981 h2, #text2016 h2 {
	margin: 0 0 0 90%;
}


/* RAHMEN ************************************************* */
 
#slideshow {
	margin:80px auto;
	width:750px;		/* 1 */
	height:386px;
	position:relative;
	display: inline-block;
}

#slideshow #slidesContainer {
  width:750px;		/* 2 */
  height:500px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:20px;
  height:30px;
  text-indent:-10000px;
  position:absolute;
  top: 50%;
  cursor: pointer;
}
#leftControl {
  top:150px;
  left:0px;
  background:transparent url(../img/button_pfeil_links.png) no-repeat 0 0;
  background-size: auto 30px;
  z-index: 1000;
}
#rightControl {
  top:150px;
  right:0px;
  background:transparent url(../img/button_pfeil_rechts.png) no-repeat 0 0;
  background-size: auto 30px;
  z-index: 1000;
}


div.zeitButton button {
	background-color: #c5023a;
	color: #fff;
	font-weight: 400;
	font-style: italic;
	font-size: 1em;
	border: 0;
	float: left;
	width: 100%;
	padding: 3px 0 0 0;
}