@charset "utf-8";
/* CSS Document */


/* ############################################################ */
/* LAYOUT */
/* ############################################################ */

/* ------------------------------------------------------------ */
/* Allgemein */
/* ------------------------------------------------------------ */
* {
	border: none;
	margin: 0px;
	outline: none; /* Entfernt den Rahmen um das Hintergrundbild bei Mausklick */
	padding: 0px;
	}
html, 
body {
	height: 100%;
	width: 100%;
	}
html {
	overflow: scroll; /* Zeigt im Browser immer Scroll-Balken an */
	}

/* ------------------------------------------------------------ */
/* Ebenen */
/* ------------------------------------------------------------ */
div#div-flaeche {
	height: auto !important;
	height: 100%;
	left: 50%; /* Zentrieren */
	margin: 0px 0px 0px -512px; /* Mittelpunkt definieren (Hälfte der Breite) */
	min-height: 100%;
	position: relative;
	width: 1024px;
	z-index: 1;
	}
div#div-seite {
	left: 92px;
	padding: 92px 0px 0px 0px;
	position: relative;
	width: 840px;
	z-index: 2;
	}
div#div-navigation {
	height: 35px;
	position: relative;
	z-index: 3;
	}
div#div-inhalt {
	position: relative;
	width: 840px;
	z-index: 3;
	}
div#div-balken {
	height: 160px;
	left: 140px;
	position: absolute;
	top: 352px;
	width: 700px;
	z-index: 4;
	}
div#div-oeffnungszeiten { /* Positionierung der Oeffnungszeiten auf diversen Seiten */
	left: 420px;
	position: relative; /* Damit div#div-inhalt umschliesst */
	top: 25px;
	width: 420px;
	z-index: 4;
	}
div#div-fussbereich {
	height: 30px;
	padding: 20px 92px 10px 0px;
	position: relative;
	text-align: right;
	z-index: 2;
	}

/* ------------------------------------------------------------ */
/* Ebenen > Inhalt */
/* ------------------------------------------------------------ */
body#fundus div#div-inhalt { /* Innenabstand von div#div-inhalt auf fundus.php */
	padding: 0px 0px 0px 100px;
	width: 740px;
	}
div#div-inhalt .float { /* Inhalt von div#div-inhalt nebeneinader anzeigen */
	float: left;
	}

/* ------------------------------------------------------------ */
/* Ebenen > Kunstschaffende, Netzwerk */
/* ------------------------------------------------------------ */
div#div-scroller {
	float: right;
	height: 240px;
	overflow: auto; /* Automatische Scrollbalken */
/*	position: relative;*/
	width: 420px;
	z-index: 3;
	}

/* ------------------------------------------------------------ */
/* Ebenen > Adresse */
/* ------------------------------------------------------------ */
body#kontakt div#div-adresse,
body#kontakt-gm div#div-adresse { /* Positionierung von div#div-adresse auf kontakt.php/kontakt-gm.php */
	left: 140px;
	position: absolute;
	top: 377px;
	width: 240px;
	z-index: 4;
	}
body#fundus div#div-adresse { /* Positionierung von div#div-adresse auf fundus.php */
	left: 100px;
	position: absolute;
	top: 157px;
	width: 240px;
	z-index: 4;
	}

/* ------------------------------------------------------------ */
/* Ebenen > Mail */
/* ------------------------------------------------------------ */
div#div-mail { /* Eigenschaften von div#div-mail auf index.php */
	height: 30px;
	left: 419px;
	position: absolute;
	top: 130px;
	width: 213px;
	z-index: 5;
	}
div#div-mail a {
	background-image: url(medien/startseite/startseite-mail.gif);
	border: none;
	display: block;
	height: 30px;
	padding: 0px;
	width: 213px;
	}
div#div-mail a:hover {
	background-position: 0px -30px;
	}
	

/* ############################################################ */
/* SPEZIELLES */
/* ############################################################ */

/* ------------------------------------------------------------ */
/* Fundus */
/* ------------------------------------------------------------ */
table.fundus-tabelle-gross { /* Trennlinien der grossen Tabellen auf fundus.php */
	border-top: 1px solid #999999;
	}
table.fundus-tabelle-gross img { /* Weisse Rahmen und Aussenabstand um Bilder auf fundus.php */
	border: 1px solid #FFFFFF;
	margin: 10px 0px 10px 0px;
	}
	
/* ------------------------------------------------------------ */
/* Netzwerk */
/* ------------------------------------------------------------ */
a span.netzwerk-bilder { /* Bilder werden nicht angezeigt */
	display: none;
	}
a:hover {
	border: none; /* Hilfe für IE6: Bilder anzeigen */
	}
a:hover span.netzwerk-bilder { /* Mouseover: Bilder werden angezeigt und positioniert */
	display: block;
	left: 0px;
	position: absolute;
	top: 0px;
	}

	
/* ############################################################ */
/* HINTERGRUNDFARBEN */
/* ############################################################ */

body {
	background-color: #404040;
	}
div#div-flaeche {
	background-color: #262626;
	}
div#div-fussbereich {
	background-color: #262626;
	}
#div-scroller {
	background-color: #CCCCCC;
	}

/* ------------------------------------------------------------ */
/* Hintergrundfarben > div#div-inhalt */
/* ------------------------------------------------------------ */
body#fundus div#div-inhalt {
	background-color: #CCCCCC;
	}


/* ############################################################ */
/* NAVIGATION */
/* ############################################################ */
		
div#div-navigation li {
	float: left; /* Zeigt die Navigations-Liste horizontal an */
	}
div#div-navigation a {
	border: none;
	display: block; /* Stellt a als Blockelement dar */
	text-indent: -9999px; /* Blendet die Links aus */
	}
			
/* ------------------------------------------------------------ */
/* Hintergrundbilder */
/* ------------------------------------------------------------ */
a#navi-aktuell {
	background-image: url(medien/navigation/navi-aktuell.gif);
	width: 52px;
	height: 22px;
	}
a#navi-kunstschaffende {
	background-image: url(medien/navigation/navi-kunstschaffende.gif);
	width: 120px;
	height: 22px;
	}
a#navi-gastgeberin {
	background-image: url(medien/navigation/navi-gastgeberin.gif);
	width: 88px;
	height: 22px;
	}
a#navi-fundus {
	background-image: url(medien/navigation/navi-fundus.gif);
	width: 54px;
	height: 22px;
	}
a#navi-kontakt {
	background-image: url(medien/navigation/navi-kontakt.gif);
	width: 60px;
	height: 22px;
	}
a#navi-netzwerk {
	background-image: url(medien/navigation/navi-netzwerk.gif);
	width: 71px;
	height: 22px;
	}
a#navi-startseite {
	background-image: url(medien/navigation/navi-startseite.gif);
	width: 70px;
	height: 22px;
	}

/* ------------------------------------------------------------ */
/* Hintergrundbilder > Mouseover */
/* ------------------------------------------------------------ */
a:hover#navi-aktuell,
a:hover#navi-kunstschaffende,
a:hover#navi-gastgeberin,
a:hover#navi-fundus,
a:hover#navi-kontakt,
a:hover#navi-netzwerk,
a:hover#navi-startseite {
	background-position: 0px -22px;
	}
															
/* ------------------------------------------------------------ */
/* Hintergrundbilder > Aktiver Navigationspunkt kennzeichnen */
/* ------------------------------------------------------------ */
body#aktuell a#navi-aktuell,
body#kunstschaffende a#navi-kunstschaffende,
body#gastgeberin a#navi-gastgeberin,
body#fundus a#navi-fundus,
body#kontakt a#navi-kontakt,
body#netzwerk a#navi-netzwerk,
body#startseite a#navi-startseite {
	background-position: 0px -22px;
	cursor: default;
	}
			
				
/* ############################################################ */
/* TYPOGRAFIE */
/* ############################################################ */

/* ------------------------------------------------------------ */
/* Allgemein */ 
/* ------------------------------------------------------------ */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	line-height: 0px;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	}
a {
	border-bottom-style: solid;
	border-width: 1px;
	padding: 0px 0px 1px 0px;
	}
a, 
em,
li,
p,
strong {
	font-size: 12px;
	line-height: 18px;
	}

/* ------------------------------------------------------------ */
/* Inhalt */
/* ------------------------------------------------------------ */
div#div-inhalt p {
	color: #333333;
	}

/* ------------------------------------------------------------ */
/* Öffnungszeiten */
/* ------------------------------------------------------------ */
div#div-oeffnungszeiten p {
	color: #CCCCCC;
	}
td#td-oeffnungszeiten {
	padding: 0px 0px 10px 0px;
	}
	
/* ------------------------------------------------------------ */
/* Öffnungszeiten > Kontakt */
/* ------------------------------------------------------------ */
div#div-oeffnungszeiten a {
	color: #666666;
	}
div#div-oeffnungszeiten a:hover {
	color: #FFFFFF;
	}
div#div-oeffnungszeiten a.aktiv { /* Aktiver Link markieren */
	border: none;
	cursor: default;
	color: #FFFFFF;
	}

/* ------------------------------------------------------------ */
/* Fussbereich */
/* ------------------------------------------------------------ */
div#div-fussbereich a {
	color: #666666;
	}
div#div-fussbereich a:hover {
	color: #FFFFFF;
	}

/* ------------------------------------------------------------ */
/* Fundus */
/* ------------------------------------------------------------ */
body#fundus div#div-inhalt p,
body#fundus div#div-inhalt strong,
body#fundus div#div-inhalt em {
	line-height: 22px;
	}

/* ------------------------------------------------------------ */
/* Adresse > Kontakt */
/* ------------------------------------------------------------ */
body#kontakt div#div-adresse,
body#kontakt div#div-adresse a {
	color: #333333;
	}
body#kontakt div#div-adresse a:hover {
	color: #FFFFFF;
	}

/* ------------------------------------------------------------ */
/* Adresse > Fundus */
/* ------------------------------------------------------------ */
body#fundus div#div-adresse,
body#fundus div#div-adresse a {
	color: #666666;
	}
body#fundus div#div-adresse a:hover {
	color: #FFFFFF;
	}

/* ------------------------------------------------------------ */
/* Kunstschaffende, Netzwerk
/* ------------------------------------------------------------ */
div#div-scroller a {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	}
div#div-scroller a:hover {
	color: #FFFFFF;
	}
div#div-scroller a:focus, /* Zuletzt aktiver Link hervorheben (:focus für IE) */
div#div-scroller a:active {
	border: none;
	cursor: default;
	color: #FFFFFF;
	}
div#div-scroller ul {
	padding: 20px 0px 20px 142px;
	}

/* ------------------------------------------------------------ */
/* Netzwerk
/* ------------------------------------------------------------ */
div#div-scroller a.link_netzwerk {
	color: #999999;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	}
div#div-scroller a.link_netzwerk:hover {
	color: #FFFFFF;
	}
div#div-scroller li {
	color: #999999;
	}