/** 
 * Slideshow style rules.
 */

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

#contFoto {
	height: 120px;
	width: 590px;
}

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

#contMarkerBitmap2 {
	
}

#contText {
	height: 300px;
}

/* 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;
	font-size: 0.8em;
	width: 9%;
	padding: 4px 0 0 0;
}

#contMarkerBitmap, #contMarkerBitmap2 {
	display: none;
}
/* 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 20px;
	text-align: left;
	width: 60%;
} 

div.zeitText h2 {
	color: #c5023a;
	margin: 2% 0 0 20px;
} 

/*
#text1990 h2 {
	margin: 2% 0 0 4%;
}

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

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

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

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

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

#text1981 h2, #text2016 h2 {
	margin: 2% 0 0 88%;
}
*/

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

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

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:95%; /* 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:120px;
  left:0px;
  background:transparent url(../img/button_pfeil_links.png) no-repeat 0 0;
  background-size: auto 30px;
  z-index: 1000;
}
#rightControl {
  top:120px;
  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: 1.1em;
	border: 0;
	float: left;
	width: 100%;
}