/* DATEI: formate.css */
body	{ background-color:#000000; font-family:Helvetica,Arial,sans-serif; color:#ffffff; width: 950px; margin: 0 auto; }
header	{ text-align: center; font-weight:bold; margin-bottom: 10px; }
h1	{ font-weight: bold; font-size: 1.2em; }
h1 span { font-size:0.8em; letter-spacing:0.1em; color: #daa520; }
main	{ display: block; }

/* nav, nav ul, nav li	{ list-style: none; margin: 0; padding: 0; border: 0; }  Normalisierung */
/* Kopfmenue Startseite */
#st			{ text-align: right; margin-right: 60px; padding: 0px; }
#st ul			{ height: 1.5em; margin: 0px; padding: 0px; }
#st li			{ font-weight:bold; color: #daa520; display: inline; }
#st a			{ margin: 0px; padding: 0px; text-decoration: none; color: #999999; font-size: 13px; font-weight: bold; font-style: italic; }
#st a:hover	 	{ color: #ffffff; }

/* Seitenmenue Startseite */
.seitenmenue		{ width: 180px; float: right; height: 500px; text-align: left; }
.seitenmenue ul		{ margin: 0px; padding: 0px; }
.seitenmenue ul li	{ margin: 0px; padding: 0px; list-style-type: none; height: 35px; }
.menuepunkt 		{ width: 155px; height: 30px; display: block; background: #202020; color: #daa520; font-weight: bold; font-size: 1.0em; filter: alpha(opacity=70); opacity: 0.7; line-height: 30px; padding-left: 10px; cursor: pointer; }
.menuepunkt:hover	{ margin-left: -15px; filter: alpha(opacity=100); opacity: 1; }
#zwischenpunkt		{ width: 155px; height: 30px; display: block; color: #daa520; font-weight: bold; font-size: 1.0em; line-height: 30px; padding-left: 10px; opacity: 0.7; }

/* Startseite */
#st_art			{ width: 750px; float: left; clear: both; text-align:left; margin: 10px; }
#sprache		{ float: right; margin-right: 45px; }
#sprache select.sprache	{ vertical-align: top;  border: 1px solid ; margin: 1px; font-size: 12px; }

/* Kopfmenue Bilderseiten */
#bs			{ margin-left: 20px; }	
#bs:after		{ clear: left; content: ""; }
#bs li			{ float: left; list-style: none; margin: 0; padding: 0; position: relative; min-width: 38px; }
#bs ul li:hover ul	{ font: inherit; z-index: auto; display: block; } /* Unternavigation einblenden */
#bs ul ul		{ font: 0/0 serif; z-index: -1; } /* Unternavigation ausblenden */
#bs ul ul li		{ float: none; }
#bs ul			{ height: 1.5em; margin: 0px; padding: 0px; }
#bs ul li		{ position: relative; font-weight:bold; color: #daa520; display: list-item; }
#bs ul li span		{ color: #999999; font-size: 13px; font-weight: bold; font-style: italic; }
#bs ul li ul		{ position: absolute; list-style-type: none; display: none; }
#bs a			{ margin: 0px; padding: 0px; text-decoration: none; color: #999999; font-size: 13px; font-weight: bold; font-style: italic; }
#bs a:hover		{ color: #ffffff; }
#start			{ text-align: right; margin-right: 30px; padding: 0px; }

/* Seitenmenue Bilderseiten */
aside			{ width: 100px; height: 500px; float: right; margin-right: 50px; overflow: hidden; cursor: pointer; }
bildbereich		{ text-align: left; width: 950px; margin: 10px; }
#bild			{ width: 750px; height: 500px; float: left; margin-left: 10px; margin-right: 10px; background-repeat: no-repeat; text-align: center; }
#infobereich		{ position: relative; background: #333333; filter: alpha(opacity=60); opacity: 0.6; top: -100px; height: 60px; text-align: left; color: white; margin: auto; }
footer			{ text-align: right; margin-right: 60px; padding: 0px; }
footer span		{ font-weight: bold; font-size: 14px; color: #999999; margin-left: 1px; margin-right: 1px; }

/* Kugelpanorama */
#kp_art			{ text-align: left; width: 55%; margin-bottom: 5px; }
.table			{ display: table; width: 100%; border-collapse:collapse; }
.tr			{ display:table-row; }
.td1			{ display:table-cell; vertical-align: middle; width: 63%; height: 305px; }
.td2			{ display:table-cell; vertical-align: middle; width: 37%; height: 305px; padding: 10px; }
.td3			{ display:table-cell; vertical-align: middle; width: 74%; height: 305px; }
.td4			{ display:table-cell; vertical-align: middle; width: 26%; height: 305px; padding: 10px; }

/* Berichte */
#ber_art		{margin-top: 3.0em; }	
#ber_art a:link		{ color:#c0c0c0; text-decoration:none; }
#ber_art a:hover	{ text-decoration:underline; }
#ber_art a:active	{ text-decoration:underline; }
figure			{ margin: 0; padding-top: 5px; padding-bottom: 5px; border: 0px; }
figcaption		{ font-size:0.9em; font-style: italic; text-align:center; }
#ber_foo		{ margin: 10px; text-align: left; font-weight: bold; }
#ber_foo a:link		{ text-decoration: none; color: #999999; font-weight: bold; font-style: italic; }
#ber_foo a:hover	{ color: #ffffff; }