@CHARSET "UTF-8";

/***
	
Die Seite ist 991Pixel breit, die äußeren Spalten sind jeweils 247px breit, die Mitte für den Inhalt hat eine Breite von 495 Pixel. 
Zwischen den Spalten ist jeweils ein Pixel Abstand. Das Grundraster basiert auf 8px, wie du in der Rasterebene der Datei sehen kannst. 
Links ist die erste Navigationsebene, rechts die zweite. Den Feldern unterliegen graue Flächen (20,20,20) (vielleicht wär 30 besser, mal schauen)
Bei Mouseover wird Text rot

Alle Texte werden in Verdana gesetzt, Fließtext 13pt groß 18pt Zeilenabstand.
Überschriften stets in bold italic

Alle Galerien, egal ob Foto oder Kunstwerke werden einheitlich dargestellt (siehe Bilder von Events)
Klick auf Vorschaubild öffnet Bild oben. Quadratische Kästen unter Bilder ermöglichen einsatz aller Seitenverhältnisse, Hoch- wieQuerformat. 

Grüße ans Universum und Archiv dazu auf einer Seite wie herkömmliche Gästebuchfunktion. Eingeabemaske wird in Sprechblase platziert.
	***/

body { background-color: #000000; margin: 0px; font-family: Verdana; font-size: 13px; color: white; overflow: scroll; }
img { border: 0px; margin: 0px; padding: 0px;}

#screen { background-color: #000000; width: 991px; margin: 0px auto; }

#header { margin-bottom: 40px; margin-top: 20px; position: relative; }
#header #languagebar { position: absolute; right: 0px; top: 0px; }
#header #languagebar a { float: left; }

#content #left,
#content #middle,
#content #right { float: left; }
#content #left,
#content #middle { margin-right: 1px; }
#content #left { width: 247px; }
#content #middle {  width: 475px; padding: 0px 10px 10px 10px; }
#content #right { width: 247px; }


#content #left ul#hauptnavi { border-top: 1px solid #ffffff; list-style-type: none; margin: 0px; padding: 0px; }
#content #left ul#hauptnavi li { border-bottom: 1px solid #ffffff; background-color: #141414; }
#content #left ul#hauptnavi li a { display: block; color: #ffffff; text-decoration: none; font-style: italic; padding: 10px; font-weight: bold; }
#content #left ul#hauptnavi li a:hover { color: #ff0000; background-color: #222222; }
#content #left ul#hauptnavi li.act a { color: #ff0000; }
#content #left ul#hauptnavi li.act ul { list-style-type: none; margin: 0px; padding: 0px; margin-top: -4px; }
#content #left ul#hauptnavi li.act ul li { border-bottom: 0px solid #ffffff; }
#content #left ul#hauptnavi li.act ul li a { padding: 4px 4px 4px 30px; color: #ffffff; font-size: 0.9em; }
#content #left ul#hauptnavi li.act ul li.act a,
#content #left ul#hauptnavi li.act ul li a:hover { color: #ff0000; }
#content #left ul#hauptnavi li.act ul li.act ul li a { padding-left: 50px; color: #ffffff; }
#content #left ul#hauptnavi li.act ul li.act ul li a:hover,
#content #left ul#hauptnavi li.act ul li.act ul li.act a { color: red; }
	
#content #middle { }

#content #right ul#terminnavi { border-top: 1px solid #ffffff; list-style-type: none; margin: 0px; padding: 0px; }
#content #right ul#terminnavi li { border-bottom: 1px solid #ffffff; background-color: #141414; }
#content #right ul#terminnavi li a { display: block; color: #ffffff; text-decoration: none; font-style: italic; font-weight: bold; }
#content #right ul#terminnavi li a:hover { color: #ff0000; }
#content #right ul#terminnavi li.act a { color: #ff0000; }


#footer { clear: both; padding: 100px 0px; text-align: center; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; }






/**************** CLEARFIX *****************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%; }