/**
 * Allgemeines Stylesheet
 * für www.stadthalle-hockenheim.de
 *
 * @author			René Kubach, www.exedis.de
 * @copyright		exedis, http://www.exedis.de
 *
 * © exedis – Internet Konzeption, Gestaltung, Realisation
 * http://www.exedis.de
 */

/* ==========================================================================
   Allgemeine Einstellungen
   ========================================================================== */

/* ----- Browser-Vorgaben ändern ----- */

html, body, h1, h2, h3, h4, h5, h6, form, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
}

input, textarea, select, button, table, thead, tbody, tfoot, tr, th, td {
	font-size: 1em;
}

body, input, textarea, select, button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #357;
}

h1, h2, h3 {
	margin: 0.75em 0 0.5em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; } 	/* Räume: einzelner Raum */
h3 { font-size: 1.25em; }	/* Veranstaltungskalender: Monatsüberschrift; Downloads: Rubrik */
h4 { font-size: 1em; }		/* Veranstaltungskalender: Veranstaltung; Mitgliedschaften: Mitgliedschaft */
h5 { font-size: 0.75em; } 	/* Räume: Impressionen, PDFs */

noscript div {
	display: block;
	margin: 0 0 1.5em;
	border: 5px solid red;
	padding: 2px;
	text-align: center;
	background-color: #fff;
	z-index: 100;
}

abbr {
	cursor: help;
}

/* ----- Besondere allgemeine Elemente ----- */

.block {
	display: block;
}

.link {
	cursor: pointer;
}

ul.kompakt {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

.ende {
	display: block;
	clear: both;
	font-size: 1px;
	height: 0; overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 0%;
}

.no-css {
	display: none !important;
}

@media screen, handheld, projection, tv {

	.no-screen {
		display: none !important;
	}

}

.versteckt {
	display: none;
}

.unsichtbar {
	visibility: hidden;
}

a.hover-u, a.bild {
	text-decoration: none;
}

a.hover-u:hover {
	text-decoration: underline;
}

img.icon {
	vertical-align: middle;
}

.rechtsbuendig {
	text-align: right;
}

.kLabel {
	display: block;
	float: left;
	width: 4.5em;
}

img {
	font-size: 10px;
	color: #999;
}

.bild {
	outline: 0 none;
}

/* ==========================================================================
   Grundstruktur
   ========================================================================== */

@media screen, handheld, projection, tv {

	body {
		background: #b2d6e3 url(img/bg-body.jpg) fixed 0 100% repeat-x;
	}

	.sZntr {
		position: relative;
		left: 0;
		top: 0;
		width: 980px;
		margin: 0 auto;
	}

	#sTitel {
		height: 100px;
		background: #b2d6e4 url(img/bg-titel.jpg) left bottom repeat-x;
	}

	#logo {
		float: left;
		position: relative;
		left: 0;
		top: 15px;
	}

	#sprachwahl {
		float: right;
		padding: 2px 0;
		font-size: 0.75em;
		color: #369;
	}

	#sNav {
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
		height: 54px;
		background: #072d44 url(img/bg-navigation.jpg) left top repeat-x;
	}

	#sInhalt .sZntr {
		padding: 18px 0 10px;
		color: #333;
		background: #fff url(img/pinkBanner.jpg) right top no-repeat;
	}

	#hauptinhalt {
		float: left;
		width: 710px;
		padding-left: 10px;
	}

	#weitere-inhalte {
		float: right;
		width: 240px;
		margin-top: -10px;
		padding-right: 10px;
		font-size: 0.75em; /* 12px */
	}

	#sEnde .sZntr {
		padding: 18px 0 15px;
		background: #c3dde4 url(img/bg-abspann.jpg) left top repeat-x;
		color: #369;
	}

}

/* ==========================================================================
   Navigation
   ========================================================================== */

#sNav a {
	display: block;
	text-decoration: none;
	outline: none;
}

/* ----- Ebene 1 ----- */

#sNav li.ebene-1 {
	display: block;
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 196px;
}

#sNav li div.ebene-1 {
	border-right: 1px solid #446A7F;
}

#sNav li.first-child div.ebene-1 {
	border-left: 1px solid #446A7F;
}

#sNav div.ebene-1 a {
	height: 54px;
	line-height: 54px;
	color: #fff;
	text-align: center;
}

#sNav div.markiert a {
	background-color: #0F4464;
}

#sNav div.ebene-1 a:hover,
#sNav .offen div.ebene-1 a {
	background-color: #0F4464;
}

/* ----- Ebene 2 ----- */

#sNav div.ebene-2 {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border-bottom: 1px solid #246;
	font-size: 0.8125em;
}

#sNav div.ebene-2 a {
	padding: 5px 25px;
	border-top: 1px solid #446a7f;
	border-left: 1px solid #246;
	border-right: 1px solid #246;
	color: #d3dde3;
	background-color: #245472;
}

#sNav div.ebene-2 .first-child a {
	border-top: 0 none;
}

#sNav div.ebene-2 a:hover {
	color: #fff;
	background-color: #396580;
}

#sNav .ebene-2 a.extern {
	background-image: url(img/navExternerLink.gif);
	background-position: 170px 50%;
	background-repeat: no-repeat;
}

/* ==========================================================================
   Hauptinhalte allgemein
   ========================================================================== */

#hauptinhalt p, #hauptinhalt .p {
	font-size: 0.875em;
	line-height: 1.25em;
}

#hauptinhalt .klein p, #hauptinhalt .klein .p {
	font-size: 0.8125em;
}

#hauptinhalt p {
	margin: 0.5em 0;
}

.box-1 {
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #f1efe2;
}

.box-1 .titel {
	margin: 0.5em 0;
	font-size: 0.875em;
}

.box-1 p {
	margin: 0.5em 0;
}

.button a span.pfeil {
	padding-left: 15px;
	background: url(img/pfeilButton.gif) left center no-repeat;
}

.box-2 {
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(img/pink.gif) left bottom repeat-x;
}

.box-3 {
	margin-top: 10px;
	background: url(img/pink.gif) left top repeat-x;
	padding-top: 5px;
}

.box-3 h3 {
	margin-top: 0;
	padding-top: 0;
}

/* ----- linkBoxen ----- */

a.linkBox {
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}

a.linkBox .text {
	display: block;
	padding: 10px;
	font-size: 0.875em;
	background: #73addb url(img/verlaufListe.jpg) left top repeat-x;
	color: #036;
}

a.linkBox:hover .text {
	background-color: #cee1f0;
	background-position: left bottom;
}

a.linkBox .innen {
	display: block;
	height: 1.5em;
	padding: 10px 50px 10px 0;
	background: url(img/linkIntern.png) 100% 50% no-repeat;
}

a.linkBox.extern .innen {
	background-image: url(img/linkExtern.png);
}

a.linkBox.mitBild .innen {
	height: 2.5em;
}

a.linkBox .bild {
	display: block;
	height: 125px;
}

.linkBox.schmal {
	margin-bottom: 1px;
}

.linkBox.schmal .text {
	padding: 0 10px;
}

@media screen, handheld, projection, tv {

	/* ----- Spalten ----- */

	#hauptinhalt .haelfte {
		float: left;
		width: 350px;
		/* width: 330px; padding: 0 10px; */
		margin: 0 0 0 10px;
	}

	#hauptinhalt .haelfteteam {
		float: left;
		width: 350px;
		margin: 0 0 0 10px;
		clear: left;
		margin-left: 0 !important;
	}

	/*
	#hauptinhalt .drittel {
		float: left;
		width: 210px;
		padding: 0 10px;
		margin: 0 0 10px 10px;
	}
	*/

	#hauptinhalt .vorn {
		clear: left;
		margin-left: 0 !important;
	}

	/* ----- Piano ----- */

	#titelbild {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 255px;
		overflow: hidden;
	/*	background: url(img/warten.gif) 50% 50% no-repeat; */
	}

	#titelbild img {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

	#piano .blatt {
		float: right;
		width: 480px;
	}

	#piano .nachBlatt {
		float: right;
		width: 480px;
		margin-top: 1em;
	}

	#piano .navigation {
		float: left;
		width: 205px;
		margin: 10px 0 0;
		padding: 15px 0 20px;
		background: url(img/piano-trenner.gif) 0 100% repeat-y;
	}

	#piano .navigation .tasten {
		margin-bottom: 18px;
		font-size: 0.8125em;
	}

	#piano .navigation .tasten li {
		display: block;
		margin: -6px 0 0;
		padding: 0 0 1px;
		background: url(img/piano-link.gif) 0 100% no-repeat;
	}

	#piano .navigation .tasten li.last-child {
		background: none;
	}

	#piano .navigation .tasten li a {
		display: block;
		height: 36px;
		line-height: 36px;
		padding: 0 12px;
		color: #666;
		text-decoration:none;
		outline: none;
	}

	#piano .navigation .tasten li a:hover {
		color: #ea609b;
	}

	#piano .navigation .tasten li.markiert {
		background: none;
	}

	#piano .navigation .tasten li.markiert a {
		color: #000 !important;
		font-weight: bold;
		background: url(img/piano-pfeil.png) 0 50% no-repeat;
	}

	.buttonRaumanfrage a, .buttonAnfrage a {
		display: block;
		padding: 6px 12px;
		font-weight: bold;
		font-size: 0.8125em;
		text-decoration: none;
		background: #666 url(img/verlaufButtonMono.jpg) left top repeat-x;
		color: #fff;
	}

	#piano .navigation .buttonRaumanfrage a, #piano .navigation .buttonAnfrage a {
		width: 145px;
		margin: 0 0 10px;
	}

	.buttonRaumanfrage a:hover, .buttonAnfrage a:hover {
		/* background: #a3c8e1 url(img/verlaufButton.jpg) left bottom repeat-x; */
		background-position: left bottom;
	}

	/* Galerie im Piano, auf Vollbreite
 * @todo Vereinheitlichen als #hauptinhalt .galerie
 * @toto .haelfte .galerie löschen
 */

	/* ----- Galerien (im Hauptinhalt) ----- */

	#hauptinhalt .galerie {
		margin-top: 10px;
		background: url(img/galerieBg.gif) 0 0 no-repeat;
	}

	#hauptinhalt .galerie .titel {
		float: right;
		width: 236px;
		padding: 32px 12px 0 0;
	}

	#hauptinhalt .galerie .inhalt {
		padding: 12px;
	}

	#hauptinhalt .galerie .titel .link {
		font-size: 0.6875em;
		padding: 5px 20px;
		background: url(img/bulletPlus.gif) left center no-repeat;
	}

	#hauptinhalt .galerie .bild {
		display: block;
		float: left;
		border: 1px solid #ddd;
		border-bottom-color: #bbb;
		margin-right: 10px;
		padding: 4px;
		background: #fff;
	}

	.galerie .versteckt {
		display: none !important;
	}

	.galerie .bild img {
		display: block;
		width: 88px;
		overflow: hidden;
	}

	#piano .galerie {
		height: 100px;
		margin-top: 10px;
		background: url(img/pianoGalerieBg.gif) 0 0 no-repeat;
	}

	#piano .galerie .titel {
		width: 124px;
	}

}

/* ----- Subnavigation ----- */

#subNav .inhalt {
	font-size: 0.75em;
	background: url(img/pink.gif) 50% 100% repeat-x;
}

#subNav.nachTitel .inhalt {
	margin-top: -2em;
}

#subNav .liste {
	float: right;
}

#subNav .link {
	display: block;
	float: left;
	margin-left: 1em;
	color: #666;
	text-decoration: none;
	padding: 0 5px 10px;
	outline: 0 none;
}

#subNav .markiert {
	color: #000 !important;
	cursor: default;
	background: url(img/markierung-hoch.gif) 50% 100% no-repeat;
}

#subNav .link:hover {
	color: #ea609b;
}

/* ----- Intro

@todo nur bei Restaurant Rondeau

----- */

.intro .intro-bild {
	float: right;
	margin: 0 0 0.5em 1em;
}

/* ==========================================================================
   Startseite
   ========================================================================== */

h2.slogan {
	color: #ea609b;
}

/* ----- Akkordeon ----- */

#teaserMeldungen {
	font-size: 0.875em;
	margin-top: 10px;
}

#teaserMeldungen .titel {
	padding: 0;
	color: #ea609b;
	background: 0 none;
}

#teaserMeldungen .akkordeon * {
	color: #2d2c26;
}

#teaserMeldungen .akkordeon dt {
	background: #cbc8b5 url(img/verlaufListeMeldung.jpg) top left repeat-x;
}

#teaserMeldungen .akkordeon dt.zu:hover {
	background-position: bottom left;
}

#teaserMeldungen .akkordeon dd {
	background: #f1efe2 url(img/schattenDetailMeldung.jpg) 0 0 repeat-x;
}

#teaserMeldungen a.weiter {
	padding-left: 10px;
	background: url(img/pfeil1.gif) left center no-repeat;
}

/* ==========================================================================
   Veranstaltungskalender
   ========================================================================== */

.auswahlTitel {
	margin: 0 0 1em;
	padding: 5px 10px;
	font-size: 1em;
	background: #fff url(img/verlaufGrau.jpg) left bottom repeat-x;
}

.veranstaltung {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(img/pink.gif) left bottom repeat-x;
}

.veranstaltung .bild {
	float: right;
}

.veranstaltung .inhalt {
	margin-right: 260px;
}

.veranstaltung .termin {
	margin-top: 0 !important;
	letter-spacing: 2px;
}

.veranstaltung .kurzinfo {
	margin: 0 !important;
	padding: 0.5em 0;
}

.veranstaltung .details {
	display: none;
}

.veranstaltung .detailStrg, .veranstaltung .ticketButton {
	display: inline-block;
	margin-right: 1em;
	font-size: 0.8125em;
	text-decoration: none;
	color: #369;
}

.veranstaltung .detailStrg {
	padding: 2px 0 2px 20px;
	width: 9em;
	background: url(img/bulletPlus.gif) left center no-repeat;
}

.veranstaltung.offen .detailStrg {
	background-image: url(img/bulletMinus.gif);
}

.veranstaltung .detailStrg:hover {
}

.veranstaltung .ticketButton {
	padding: 2px 1em;
	background-color: #e9f0f8;
}

.veranstaltung .ticketButton:hover {
	color: #fff;
	background: #e9f0f8 url(img/verlaufButton.jpg) left bottom repeat-x;
}

.veranstaltung dt {
	float: left;
}

.veranstaltung dd {
	margin-left: 7.5em;
}

#hinweiseVeranstaltungen h3.titel {
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
	/* text-transform: uppercase; */
}

/* ----- Sponsoren ----- */

#sponsoren {
	text-align: center;
}

#sponsoren h5 {
	margin: 0 0 0.5em;
	font-size: 0.6875em;
	color: #999;
}

#sponsoren img {
	margin-right: 1em;
	vertical-align: middle;
}

/* ==========================================================================
   Referenzen
   ========================================================================== */

#referenzen .box .bild {
	float: left;
}

#referenzen .box .inhalt {
	margin-left: 200px;
}

#referenzen p.veranstalter {
	margin-top: 0;
	font-weight: bold;
}

#referenzen .logo {
	float: right;
}

#referenzen dl {
	font-size: 0.75em;
}

#referenzen dt {
	float: left;
	width: 8.5em;
}

#referenzen dd {
	margin: 0 0 0.25em 9em;
}

/* ==========================================================================
   Downloads
   ========================================================================== */

#downloads {
	/* Bild nach oben: */ float: left; width: 100%;
	background: url(img/downloadsTitel.png) right top no-repeat;
}

#downloads .intro {
	margin-right: 80px;
}

.dateiListe li {
	clear: left;
	margin: 2px 0 2px 20px;
	line-height: 18px;
}

#downloads .dateiListe li {
	padding: 3px 0;
}

.dateiListe a {
	text-decoration: none;
}

.dateiIcon {
	display: block;
	float: left;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	background: url(img/dateitypen.gif) 100% 50% no-repeat;
}

.dateiListe .dateiIcon {
	margin-left: -20px;
}

.dateiIcon.pdf { background-position: 0 50%; }
.dateiIcon.ppt { background-position: -16px 50%; }
.dateiIcon.doc { background-position: -32px 50%; }
.dateiIcon.xls { background-position: -48px 50%; }
.dateiIcon.bild { background-position: -64px 50%; }

.dateiListe a:hover .name {
	text-decoration: underline;
}

#downloads .dateiListe .name {
	font-weight: bold;
	font-size: 0.875em;
}

.dateiListe .datei {
	font-size: 0.75em;
	color: #777;
}

#dateiTypen {
	margin: 0;
}

#dateiTypen dt {
	margin: 0.5em 0 0.25em;
	font-weight: bold;
}

#dateiTypen dd {
	margin-left: 20px;
}

/* ==========================================================================
   Partner, Mitgliedschaften
   ========================================================================== */

.partner .bild {
	float: right;
	margin: 0 0 0.5em 2em;
}

/* ==========================================================================
   Team
   ========================================================================== */

#team .person {
	margin-bottom: 0.5em;
	font-size: 0.875em;
}

#team .person .bild {
	float: right;
}

#team .person .kLabel {
	width: 4em;
}

/* ==========================================================================
   Kontakt
   ========================================================================== */

#kontakt {
	/* Bild nach oben: */ float: left; width: 100%;
	background: url(img/kontaktTitel.png) right top no-repeat;
}

#kontakt .anschrift {
	margin: 0;
	float: left;
	width: 40%;
}

#kontakt #anfragen {
	margin: 2.5em 0;
	padding-top: 0.001em;;
	background: url(img/pink.gif) left top repeat-x;
}

/* ----- Allgemeines Kontaktformular ----- */

.auswahlLink {
	float: right;
	font-size: 0.6875em;
}

#anfrageFormular {
	clear: both;
	margin-top: 0.5em;
	font-size: 0.875em;
}

#anfrageFormular fieldset {
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

#anfrageFormular .feld {
	clear: both;
	padding: 5px 0;
}

#anfrageFormular .feld .titel {
	display: block;
	float: left;
	width: 37.5%;
	padding-top: 0.125em;
	text-align: right;
	color: #666;
}

#anfrageFormular .feld .eingabe {
	display: block;
	margin-left: 40%;
}

#anfrageFormular input.standard, #anfrageFormular textarea.standard {
	width: 300px;
}

#anfrageFormular textarea.standard {
	height: 60px;
}

#anfrageFormular input.kurz, #anfrageFormular select.kurz {
	width: 125px;
}

#anfrageFormular .aktion {
	text-align: right;
}

/* ----- Anfahrt ----- */

#anfahrt {
	height: 30em;
}

/* ----- Impressum ----- */

#impressumrahmen {
	padding-top: 0.001em;
	background: url(img/pink.gif) left top repeat-x;
}

#impressum {
	font-size: 0.6875em;
	color: #666;
}

#impressum * {
	font-size: 1em !important;
}

#impressum dl {
	margin-top: 0;
	margin-bottom: 0;
}

/* ==========================================================================
   Weitere Inhalte (rechte Spalte)
   ========================================================================== */

.h1-abstand {
	width: 100%;
	padding: 10px 0;
	height: 4em; /* 1/0.75 * (0.75+1.75+0.5) */
}

#weitere-inhalte .box {
	margin-top: 10px;
}

#weitere-inhalte h5 {
	font-size: 1em;
}

#weitere-inhalte a.weiter {
	margin-left: 0.25em;
	padding-left: 10px;
	background: url(img/pfeil1.gif) left center no-repeat;
	color: #000;
}

/* ----- "Blanko"-Box ----- */

#weitere-inhalte .textBox .titel {
	padding: 5px 10px 4px;
	margin-bottom: 1px;
	background: #d7e9f3 url(img/verlaufTitel.jpg) left bottom repeat-x;
	color: #369;
}

#weitere-inhalte .textBox .inhalt {
	padding: 5px 10px;
	background-color: #e9f0f8;
	color: #369;
}

#weitere-inhalte .textBox p {
	margin: 0.5em 0 0.25em;
}

/* ----- Bildboxen ----- */

#weitere-inhalte .bildBox .bild {
	display: block;
	margin-bottom: 1px;
}

#weitere-inhalte .bildBox .inhalt {
	padding: 5px 10px;
	background: #e9f0f8 url(img/schattenDetail.jpg) top left repeat-x;
	color: #369;
}

#weitere-inhalte .bildBox p {
	margin: 0.5em 0 0.25em;
}

/* ----- Meldungen ----- */

#weitere-inhalte .boxMeldung {
}

#weitere-inhalte .boxMeldung .boxTitel {
}

#weitere-inhalte .boxMeldung .bild {
	display: block;
}

#weitere-inhalte .boxMeldung .inhalt {
	background: #f1efe2 url(img/schattenDetailMeldung.jpg) 0 0 repeat-x;
}

#weitere-inhalte .boxMeldung .titel {
	padding: 10px 10px 0;
	background: url(img/markierung-runter.gif) 50% 0 repeat-x;
}

#weitere-inhalte .boxMeldung .text {
	padding: 0 10px 5px;
}

/* ----- teaserBox, titelBox ----- */

/* .titelBox .titel */
.teaserBox .titel {
	padding: 5px 10px 4px;
	background: #d7e9f3 url(img/verlaufTitel.jpg) left bottom repeat-x;
	color: #369;
}

.teaserBox .button a {
	display: block;
	border-top: 1px solid #fff;
	padding: 5px 10px 7px;
	text-decoration: none;
	background: #a3c8e1 url(img/verlaufButton.jpg) left bottom repeat-x;
	color: #fff;
}

.teaserBox .button a:hover {
	background: #609CCE none;
}

#teaserVeranstaltungen h4.titel {
	font-size: 1.166666em;
}

/* ----- Akkordeon (in Teaserbox) ----- */

.akkordeon, .akkordeon dt, .akkordeon dd {
	margin: 0;
}

.akkordeon dt {
	padding: 4px 10px;
	border-top: 1px solid #fff;
	outline: 0 none;
	background: #cee1f0 url(img/verlaufListe.jpg) left bottom repeat-x;
	color: #036;
}

.akkordeon dt.zu {
	cursor: pointer;
}

.akkordeon dt.zu:hover {
	background-position: top left;
	background-color: #73addb;
}

.akkordeon dd {
	background: #e9f0f8 url(img/schattenDetail.jpg) top left repeat-x;
	color: #369;
}

.akkordeon dd .inhalt {
	padding: 10px 10px 4px;
	background: url(img/markierung-runter.gif) center top repeat-x;
}

.akkordeon dd .zusatz-inhalt {
	margin: 0 5px;
	padding: 1px 5px 4px;
	border-top: 1px solid #aecfea;
}

.akkordeon dd img.bild {
	display: block;
	margin: 0 auto;
	border: 1px solid #fff;
}

.akkordeon dd p {
	margin: 0.5em 0 0.25em;
}

.akkordeon dd ul {
	padding-left: 1.5em;
}

/* ----- Box mit Downloads ----- */

.downloadBox {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	background: url(img/downloads.png) 100% 5px no-repeat;
}

.downloadBox ul {
	padding: 5px 0;
}

.downloadBox .datei-liste .datei {
	font-size: 0.83333em;
}

/* ----- Buttons ----- */

#weitere-inhalte .buttonRaumanfrage *, #weitere-inhalte .buttonAnfrage * {
	font-size: 1em;
}

/* ==========================================================================
   Abspann
   ========================================================================== */

#sEnde {
	font-size: 0.6875em; /* 11px */
}

#sEnde .navigation {
	float: left;
	padding: 6px 20px;
}

#sEnde .navigation .trenner {
	padding: 0 10px;
}

#sEnde .kontakt {
	float: right;
	margin: 0 10px;
	border: 1px solid #7FB8CB;
	padding: 10px 20px;
	background-color: #b0d2db;
}

#sEnde p {
	margin: 0.5em 0;
}

#sEnde .anschrift {
	float: left;
}

#sEnde .telekomm {
	margin-left: 12.5em;
}

#sEnde .e-mail {
	clear: both;
}

/* ==========================================================================
   Popups
   ========================================================================== */

#abblende {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: #000;
	z-index: 110;
}

#popup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 850px;
	height: 610px;
	margin: -305px 0 0 -425px;
	text-align: center;
	background-color: #fff;
	z-index: 120;
}

#popup .titel {
	height: 30px;
}

#popup .titel .inhalt {
	padding: 8px 0 0;
	font-size: 0.875em;
	letter-spacing: 1px;
	color: #4c4c4c;
}

#popup .anzeige {
	width: 100%;
	height: 490px;
	overflow: hidden;
	text-align: center;
	background: #fff url(img/verlaufPopup.jpg) 0 100% repeat-x;
}

#popup .navigation {
	position: relative;
	background: url(img/pink.gif) top left repeat-x;
}

#popup .navigation .aktiv {
	background: url(img/markierung-runter.gif) 50% 0 no-repeat;
}

#popup .navigation .blaettern {
	display: block;
	position: relative;
	left: 0;
/* Mitte des Anzeigebereichs:	top: -258px; */
	top: 34px;
	margin: 0 10px;
/* Große Pfeile:	width: 26px;
	height: 45px; */
	width: 13px;
	height: 23px;
	cursor: pointer;
	background-image: url(img/galeriePfeile.gif);
}

#popup .navigation .zurueck {
	float: left;
	background-position: left top;
}

#popup .navigation .vor {
	float: right;
	background-position: right top;
}

#popup .navigation .zurueck:hover {
	background-position: left bottom;
}

#popup .navigation .vor:hover {
	background-position: right bottom;
}

#popup .schliessen {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 16px;
	height: 16px;
	background: #f0f0f0 url(img/kreuz.gif) left top no-repeat;
}

#popup .schliessen:hover {
	background-position: left bottom;
}

#popupWarten {
	height: 490px;
	background: url(img/warten.gif) center center no-repeat;
}

/* ----- Galerien ----- */

/*
#popup .anzeige .bild img {
	margin: 0 auto;
	width: 640px;
	height: 480px;
}
*/

#popup .navigation .galerie {
	display: block;
	margin: 0 auto;
}

#popup .w1 { width: 100px; }
#popup .w2 { width: 200px; }
#popup .w3 { width: 300px; }
#popup .w4 { width: 400px; }
#popup .w5 { width: 500px; }
#popup .w6 { width: 600px; }
#popup .w7 { width: 700px; }
#popup .w8 { width: 800px; }

#popup .navigation .galerie .link {
	display: block;
	float: left;
	padding: 15px 6px 5px;
}

/* EOF */