/* CSS Document */
/*bild overlay*/
#bild_overlay {
}
#bild_overlay a:link {
	color: rgb(136,136,136);
	text-decoration: none;
}
#bild_overlay a:visited {
	color: rgb(136,136,136);
	text-decoration: none;
}
#bild_overlay a:hover {
	color: white;
	text-decoration: none;
}
#bild_overlay a:active {
	color: white;
	text-decoration: none;
}
#bild_overlay a:focus {
	text-decoration: none;
	color: white;
}
#infoDivEx {
	display: block;
	text-align: center;
}
/*#infoDivEx a:link {
	color: rgb(239,239,239);
}
#infoDivEx a:visited {
	color: rgb(239,239,239);
}
#infoDivEx a:hover {
	color: white;
}
*/
.cl_bild_overlay {
	display: none;
	text-align: center;
}
.cl_infoDivBl {
	display: none;
	z-index: 48;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;

}
.cl_infoDivBg2 {
	display: none;
	z-index: 50;
	position: absolute;
	background-color: white;
	border: 0px white solid;
	height: 20px;
	width: 100px;
	margin-left: 0px;
	margin-top: 0px;
	left: 50%;
	top: 50%;
}
.cl_infoDivBg {
	display: none;
	z-index: 50;
	position: absolute;
	background-color: white;
	height: 20px;
	width: 20px;
	margin-left: 0px;
	margin-top: 0px;
	left: 50%;
	top: 50%;
}
.cl_infoDivCo {
	display: block;
	display: none;
	z-index: 51;
	position: absolute;
	border: 0;
	color: white;
	/*  filter: alpha(opacity=00);
	opacity: 0.00;
	-moz-opacity: 0.00;
*/
	height: 20px;
	width: 20px;
	margin-left: 0px;
	left: 50%;
	margin-top: 0px;
	top: 50%;
	cursor: pointer;
}
.cl_infoDivCo img {
	border: 0;
}
.cl_setgdliburl {
	z-index: 52;
	display: block;
	width: 100px;
	height: 100px;
	margin: 0px;
}
.single_text {
/* Überschrift der Bilder im ein-Bild-Modus */
	display: none;
}
.single_text1 {
/* Überschrift der Bilder im ein-Bild-Modus */
	font-family: verdana, arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	display: block;
	z-index: 50;
	position: absolute;
	color: white;
	height: 20px;
	width: 100%;
	margin-left: -50%;
	margin-top: 40px;
	text-align: center;
	left: 50%;
	top: 0px;
	border: 0px orange solid;
}
.single_text2 {
/* Überschrift der Bilder im ein-Bild-Modus */
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	display: block;
	z-index: 50;
	position: absolute;
	color: white;
	height: 40px;
	width: 100%;
	margin-left: -50%;
	margin-top: 60px;
	text-align: center;
	left: 50%;
	top: 0px;
	border: 0px blue solid;
}
.cl_infoDivTx {
/* Überschrift der Bilder im mehr-Bild-Modus */
	position: absolute;
	z-index: 70;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	color: white;
	width: 90%;
	left: 50%;
	margin-left: -45%;
	top: 0;
	border: 0px #000 solid;
}
.cl_infospanText {
	margin: 0;
	padding: 6px;
	display: block;
}
.cl_infoDivEx_p {
	text-align: center;
	margin: 0;
	color: white;
	margin-top: 5px;
}
/*.cl_infoDivEx a:link {
	color: white;
}
.cl_infoDivEx a:visited {
	color: white;
}
.cl_infoDivEx a:hover {
	color: yellow
}
*/
.cl_infoDivEx_ue {
/* Seitenname im Mehr-Bild-Modus */
	position: absolute;
	z-index: 60;
	left: 50%;
	margin-left: -50%;
	text-align: center;
	top: 26px;
	width: 100%;
	color: white;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 12pt;
	border: 0px red solid;
}
.cl_infospanPageText {
}
.cl_infoDivEx_bi_clip {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px gray dotted;
	border-bottom: 1px gray dotted;
	background-color: rgb(40,40,40);
}
.cl_infoDivEx_bi_stop {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-color: rgb(40,40,40);
}
.cl_infoDivEx_bi_start {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-color: #585748;
}
.cl_infoDivEx_bi {
/*Einfassung der scrollbaren Vorschaubilder*/
	position: absolute;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	left: 50%;
	top: 1px;
	height: 100px;
	width: auto;
	border: 0px green solid;
	overflow: hidden;
	text-align: center;
	margin-left: 50%;
}
.diashow_scroll_r1 {
/*not used*/
	z-index: 60;
	position: absolute;
	text-align: center;
	right: 0px;
}
.diashow_scroll_l1 {
/*not used*/
	z-index: 60;
	position: absolute;
	text-align: center;
	left: 0px;
}
.cl_infoDivEx_bi_stepper {
/*Zeitstrich beim Laufen der Diashow*/
	display: none;
	position: absolute;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	left: 50%;
	width: 1px;
	border: 0;
	border-right: 1px white dotted;
	margin-left: 0;
	border: 0;
	width: 20px;
	border: 0px white solid;
	background-image: url('../images_des_programms/stepper-triangel.gif');
	background-repeat: no-repeat;
	background-position: 0px -3px;
	;
}
.cl_infoDivEx {
/* oberer Vorschaubereich für Bilder*/
	z-index: 55;
	font-weight: normal;
	font-family: arial, sans-serif;
	font-size: 10pt;
	vertical-align: top;
	position: absolute;
	text-align: center;
	display: none;
	top: 0px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	border-bottom: 0px yellow dotted;
}
.diaTime_low {
	background-color: rgb(232,232,232);
	margin-left: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
.diaTime_high {
	background-color: rgb(184,184,184);
	margin-left: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
.play_low {
	background-color: black;
	font-size: 10pt;
	border: 1px rgb(120,120,120) solid;
	text-align: center;
	vertical-align: middle;
	margin-left: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
.play_high {
	background-color: rgb(72,72,72);
	font-size: 10pt;
	border: 1px rgb(120,120,120) solid;
	text-align: center;
	vertical-align: middle;
	margin-left: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
.diashow_bedienung {
/*Bedienbereich Diaschow*/
	position: absolute;
	left: 50%;
	top: 0px;
	height: 1px;
	width: 100%;
	text-align: center;
	margin-left: -50%;
	padding-top: 10px;
}
.bildstore_bildnr {
/*Bedienelemente*/
	padding: 0;
	font-size: 10pt;
	border: 1px rgb(120,120,120) solid;
	margin-left: 1px;
	display: inline;
	text-align: center;
	vertical-align: middle;
	background-color: black;
}
.bildstore_bildnr  a {
	padding-left: 6px;
	padding-right: 6px;
}
.bildstore_img_rahmen {
	vertical-align: middle;
	text-align: center;
	float: left;
	overflow: hidden;
	position: relative;
}
.diashow_bild_low {
	position: relative;
	text-align: center;
	overflow: hidden;
	border: 1px rgb(8,8,8) solid;
	background-color: rgb(40,40,40);
	;
}
.diashow_bild_high {
	position: relative;
	text-align: center;
	overflow: hidden;
	border: 1px rgb(255,255,255) solid;
	background-color: rgb(72,72,72);
}
.bildstore_img {
	border: 0;
	position: absolute;
	left: 50%;
	top: 50%;
}
.diashow_exit {
	z-index: 161;
	position: absolute;
	text-align: center;
	display: none;
	margin-left: 0px;
	left: 50%;
	margin-top: 0px;
	top: 50%;
	font-weight: normal;
	border: 0px rgb(120,120,120) solid;
	font-family: arial, sans-serif;
	font-size: 10pt;
}
.diashow_exit span {
	border-top: 0px #444 dotted;
	border-bottom: 0px #444 dotted
}
.diashow_big_text_back {
	z-index: 161;
	position: absolute;
	text-align: center;
	display: none;
	margin-left: 0px;
	left: 50%;
	margin-top: 0px;
	top: 50%;
	font-weight: normal;
	border: 0px rgb(120,120,120) solid;
	font-family: arial, sans-serif;
	font-size: 1.3em;
	border-top: 0px #444 dotted;
	border-bottom: 0px #444 dotted

}
.diashow_big_text_back span {
}
.diashow_big_text_next {
	z-index: 161;
	position: absolute;
	text-align: center;
	display: none;
	margin-left: 0px;
	left: 50%;
	margin-top: 0px;
	top: 50%;
	font-weight:bold;
	border: 0px rgb(120,120,120) solid;
	font-family: arial, sans-serif;
	font-size: 1.3em;
	border-top: 0px #444 dotted;
	border-bottom: 0px #444 dotted

}
.diashow_big_text_next span {
}
.diashow_bedien_graf {
	width: 16px;
}
.diashow_exit img {
	border: 0px;
}
.diashow_bedienung img {
	border: 0px rgb(120,120,120) dotted;
	margin-left: 1px;
}
.diashow_next_pic {
	position: absolute;
	text-align: center;
	top: 20px;
	margin-top: 0px;
	width: 100%;
	color: gray;
	font-family: arial, sans-serif;
	font-size: 9pt;
}
.link_to_other_diashows {
	top: 5px;
	position: absolute;
	width: 100%;
	z-index: 160;
	height: 22px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: none;
	text-align: center;
	vertical-align: middle;
	margin-left: -50%;
	left: 50%;
}
.diashow_name_describe {
	color: gray;
}
.diashow_name_low {
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-right: 2px;
	/*background-color: #555;
*/
}
.diashow_name_high {
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-right: 2px;
	text-decoration: underline;
	/*background-color: brown;
*/
}
.cl_infoDivTxBottom {
/* Überschrift der Bilder im mehr-Bild-Modus */
	position: absolute;
	z-index: 70;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-family: arial, sans-serif;
	font-size: 9pt;
	line-height: 100%;
	color: black;
	width: 200px;
	left: 50%;
	top: 50%;
	margin-left: 0;
	height: 50px;
	overflow: hidden;
}
.cl_infospanTextBottom {
	margin: 0;
	padding: 0px;
	display: block;
}
.diashow_scliessen_zurueck {
}
.diashow_scliessen_weiter {
}
.diashow_schliessen_bottom {
	z-index: 161;
	position: absolute;
	text-align: center;
	display: none;
	font-weight: normal;
	font-size: 10pt;
	font-family: arial, sans-serif;
	width: 100%;
	margin-left: -50%;
	left: 50%;
	margin-top: 0px;
	top: 50%;
	color: gray;
}
#bild_overlay .diashow_schliessen_bottom {
}
#bild_overlay .diashow_schliessen_bottom a:link {
	color: #5B5A4E
}
#bild_overlay .diashow_schliessen_bottom a:visited {
	color: #5B5A4E
}
#bild_overlay .diashow_schliessen_bottom a:hover {
	color: black
}
.small_play_go {
}