hres@charset "utf-8";
<style type="text/css">

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

body,td,th {


}

body {
	background-color: #c3c3c3;
	font-family: Utsaah;
	color:#060606;
	height: 100%;
	width: 100%;
	
	font-family: Utsaah;
	@font-face { font-family: 'Utsaah';
             src: url('ressourcen/webfont/utsaah.ttf') format('truetype');
}
	@font-face { font-family: 'Utsaah';
             src: url('ressourcen/webfont/utsaahi.ttf') format('truetype');
             font-style: italic; }
	@font-face { font-family: 'Utsaah';
             src: url('ressourcen/webfont/utsaahb.ttf') format('truetype');
             font-weight: bold; }
	@font-face { font-family: 'Utsaah';
             src: url('ressourcen/webfont/utsaahbi.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }

}

			 


#container {
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 40px rgba(0,0,0,1.0);
	background-color: #FFFFFF;

/*	height: 665px;
	width: 1256px;
	margin-right: auto;
	margin-left: auto; */


	margin-left: -628px;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -332px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	-webkit-box-shadow: 0px 0px #FF5F00;
	box-shadow: 0px 0px #FF5F00;
}



#container #fotospalte a .ereignis_no_foto .fotoinfo {
	height: 100%;

}

#fotospalte a img {
	border: 0px;
}

#jahresspalte {
	width: 130px;
	float: left;
	clear: right;
	font-size: 27px;
	text-align: center;
	color: #dedede;
	background-image: url(../bilder/jahresspalte_c.jpg);
	overflow: hidden;
	background-color: #ECECEC;
	height: 665px;
}

#fotospalte {
	width: 436px;
	background-color: #2b2b2b;
	position: relative;
	float: left;
	clear: right;
	overflow-y: scroll;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url(../bilder/fotospalte.jpg);
	overflow-x: hidden;
	text-shadow: 2px 2px 2px #151515;
	height: 665px;
}
#inhaltsspalte  {
	width: 680px;
	background-color: #ECECEC;
	float: left;
	clear: right;
	font-size: 22px;
	background-image: url(../bilder/inhaltsspalte.jpg);
	overflow-y: scroll;
	height: 645px;
	padding-right: 20px;
	display: block;
	padding-top: 20px;
	overflow-x: hidden;
}


#download {
	width: 80px;
	height: 65px;
	right: 15px;
	bottom: 15px;
	position: fixed;
	z-index: 5000;
	text-align: center;
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;

}
#fotospalte .ereignis {
	margin-right: auto;
	margin-left: auto;
	width: 420px;
	margin-bottom: 40px;
	background-color: rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 10px rgba(0,0,0,1.00);
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}

#fotospalte .ereignis_no_foto {
	margin-right: auto;
	margin-left: auto;
	width: 420px;
	margin-bottom: 40px;
	background-color: #3E3E3E;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.26);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.26);
	height: auto;
}

#fotospalte .jahresangabe {
	height: 86px;
	z-index: 4000;
	color: #00A4E8;
	font-size: 90px;
	background-image: -webkit-linear-gradient(263deg,rgba(84,81,80,1.00) 0%,rgba(54,50,49,1.00) 100%);
	background-image: linear-gradient(187deg,rgba(84,81,80,1.00) 0%,rgba(54,50,49,1.00) 100%);
	background-color: #42403e;
	-webkit-box-shadow: 0px -30px 35px rgba(1,1,1,0.50);
	box-shadow: 0px -30px 35px rgba(1,1,1,0.50);
	margin-bottom: 20px;
	padding-left: 5px;
}

#jahresspalte .jahreslink_bg {
	width: 100px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: #212121;
	background-image: -webkit-linear-gradient(281deg,rgba(56,56,56,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(169deg,rgba(56,56,56,1.00) 0%,rgba(0,0,0,1.00) 100%);
	margin-bottom: 4px;
	-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.45);
	box-shadow: 0px 4px 6px rgba(0,0,0,0.45);
	margin-top: 4px;
}

#jahresspalte .info_bg {
	width: 100px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	background-color: #212121;
	margin-bottom: 5px;
	color: #FD6424;
	font-size: 24px;
	background-image: url(../bilder/infobutton.jpg);
}



#fotospalte .ereignis .fotoinfo {
	width: 400px;
	bottom: 0px;
	background-image: url(../bilder/foto_verlauf.png);
	font-size: 30px;
	color: #fd6424;
	padding-top: 5px;
	padding-left: 10px;
	position: absolute;
	background-size: auto 100%;
	line-height: 24px;
	padding-top: 5px;
	padding-right: 10px;
}

#fotospalte .ereignis_no_foto .fotoinfo {
	width: 400px;
	background-image: url(../bilder/foto_verlauf.png);
	font-size: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	color: #fd6424;
	padding-left: 10px;
	padding-top: 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,1.00);
	height: auto;
	background-size: auto 100%;
	line-height: 24px;
	padding-right: 10px;


}

#fotospalte .ereignis .fotoinfo .bildunterschrift {
	color: #e3e3e3;
	font-size: 24px;
}

#fotospalte .ereignis_no_foto .fotoinfo .bildunterschrift {
	color: #e3e3e3;
	font-size: 24px;
	position: absolute;
	width: 400px;
}


#download #downloadlinks {
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0px;
	text-shadow: 0px 0px;
}
#download #downloadlinks #dljpg {
	width: 35px;
	height: 35px;
	background-color: #00a4e8;
	position: absolute;
	bottom: 0px;
	left: 45px;
	color: #FFF;
}
#download #downloadlinks #dlpdf  {
	width: 35px;
	height: 35px;
	position: absolute;
	background-color: #fd6424;
	bottom: 0px;
	right: 45px;
	color: #FFF;
}

.schatten {
	width: 40px;
	background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.52) 100%);
	background-image: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.52) 100%);
	z-index: 50;
	position: absolute;
	height: 36480px;
}


/*Linkdefinitionen*/


#jahresspalte a:visited .jahreslink_bg {
	color: #DED;
	text-decoration: none;
}

#jahresspalte a:link .jahreslink_bg {
	text-decoration: none;
	color: #DED;
}

#jahresspalte a:active .jahreslink_bg {
	color: #CEE1E9;
	text-decoration: none;
} 

#jahresspalte a:hover .jahreslink_bg {
	text-decoration: none;
	color: #FFFFFF;
	background-image: none;
	background-color: #393939;
	box-shadow: none;
}

#jahresspalte a:visited .jahreslink_bg_highlight {
	color: #00a4e8;
	text-decoration: none;
}

#jahresspalte a:link .jahreslink_bg_highlight {
	text-decoration: none;
	color: 00a4e8;
}

#jahresspalte a:active .jahreslink_bg_highlight {
	color: #00a4e8;
	text-decoration: none;
} 

#jahresspalte a:hover .jahreslink_bg_highlight {
	text-decoration: none;
}


#jahresspalte a:hover .info_bg {
	background-image: url(../bilder/infobutton_hover.jpg);
}

#fotospalte a:hover .ereignis {
	box-shadow: 0px 0px 20px rgba(0,164,232,0.26);
	-webkit-box-shadow: 0px 0px 20px rgba(0,164,232,0.26);
	background-color: rgba(0,164,232,0.1);
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}

#fotospalte a:hover .ereignis_no_foto {
	box-shadow: 0px 0px 20px rgba(0,164,232,0.26);
	-webkit-box-shadow: 0px 0px 20px rgba(0,164,232,0.26);
	background-color: rgba(0,164,232,0.1);
	margin-bottom: 40px;
	
}

#jahresspalte a:hover .info_bg {
	background-image: url(../bilder/infobutton_hover.jpg);
}

#download #downloadlinks a:hover #dlpdf{
	text-decoration: none;
	background-color: #e34f0e;
}

#download #downloadlinks a:hover #dljpg{
	text-decoration: none;
	background-color: #00709f;
}

#inhaltsspalte a:visited {
	text-decoration: none;
	color: #e34f0e;
}

#inhaltsspalte a:link {
	text-decoration: none;
	color: #e34f0e;
}

#inhaltsspalte a:active {
	text-decoration: none;
	color: #e34f0e;
} 

#inhaltsspalte a:hover {
	text-decoration: none;
	color: #ff7e48;
}






#inhaltsspalte .ueberschrift {
	font-size: 60px;
	color: #00A4E8;
	padding-left: 20px;
	padding-right: 10px;
	background-color: #555252;
	background-image: -webkit-linear-gradient(180deg,rgba(84,81,80,1.00) 0%,rgba(54,50,49,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(84,81,80,1.00) 0%,rgba(54,50,49,1.00) 100%);
	background-color: #42403e;
	-webkit-box-shadow: 0px 5px 10px rgba(1,1,1,0.25);
	box-shadow: 0px 5px 10px rgba(1,1,1,0.25);
	padding-top: 7px;
	margin-bottom: 20px;
	clear: both;
}


#inhaltsspalte .bild {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}


#inhaltsspalte .text {
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

#inhaltsspalte p:first-letter .text {font-size:90px;}

#inhaltsspalte .zitat {
	font-style: italic;
	text-align: center;
	background-color: rgba(204,204,204,0.59);
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: auto;
	width: 600px;
}
#inhaltsspalte .block {
	text-align: center;
	background-color: rgba(204,204,204,0.59);
	margin-left: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: auto;
	width: 600px;
}
#inhaltsspalte .ueberschrift_2 {
	font-size: 32px;
	background-color: #E3E3E3;
	color: #003247;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 2px;
	box-shadow: 0px 4px 10px rgba(1,1,1,0.16);
	-webkit-box-shadow: 0px 4px 10px rgba(1,1,1,0.16);
	background-image: -webkit-linear-gradient(180deg,rgba(237,237,237,1.00) 0%,rgba(208,206,206,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(237,237,237,1.00) 0%,rgba(208,206,206,1.00) 100%);
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
#inhaltsspalte table {
	margin-left: auto;
	clear: both;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

#inhaltsspalte table tr td {
	vertical-align: top;
	background-color: rgba(214,214,214,0.47);
}


.vertikal_zentriert {
	position: absolute;
	text-align: center;
	width: 100%;
	margin-left: -50%;
	height: 100%;
	left: 50%;
	top: 5px;
}
#container #inhaltsspalte hr {
	width: 350px;
	height: 8px;
	margin-left: auto;
	background-color: #ff7e48;
	border-width: 0px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: auto;
}

#container #inhaltsspalte ul {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	width: 600px;
}

#container #inhaltsspalte ul li {
	vertical-align: top;
	background-color: rgba(214,214,214,0.47);
	margin-bottom: 5px;
}
#container #inhaltsspalte .bildbeschreibung {
	max-width: 700px;
	text-align: center;
	font-style: italic;
	display: block;
	margin-top: -20px;
	font-size: 18px;
	width: 100%;
}

#titelbild {
	margin-top: -50px;
	overflow: hidden;
	width: 680px;

}
.unterstrichen {
	text-decoration: underline;
}