/**
 * www.altlussheim.de
 * Entworfen von eDynamic Internet Solutions
 *
 * @author René Kubach, www.eDynamic.de
 */

@import "basic.css";

/* ==========================================================================
   Überschriften, Absätze
   ========================================================================== */

h1, h2 {
    font-weight: normal;
}

h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.375em;
}

h3 {
    font-size: 1.125em;
}

h4, h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.875em;
}

p.klein {
    font-size: 0.875em;
}

kbd {
    font: normal 1em "Courier New", Courier, monospace;
    color: #0000c0;
}

/* ==========================================================================
   Links
   ========================================================================== */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus,
h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
    text-decoration: underline;
}

a {
    color: #2b6800;
}

a:hover, a:focus {
    color: #000;
}

/* ===== Externe Links ===== */

a.extern {
    padding-left: 14px;
    background: url(images/link-extern.gif) 0 50% no-repeat;
}

a.extern.datei {
	padding-left: 0;
	background: 0 none;
}

/* ===== Weiterführende Links ===== */

a.weiter {
    text-decoration: none;
}

a.weiter:hover, a.weiter:focus {
    text-decoration: underline;
}

p a.weiter {
    padding-left: 10px;
    background: url(images/pfeil.gif) 0 50% no-repeat;
}

p a.weiter.wichtig {
    padding-left: 20px;
    background: url(images/fkt-vor.gif) 0 50% no-repeat;
	font-weight: bold;
}

p a.weiter.extern.wichtig {
    background-image: url(images/weiter-extern.gif);
}

/* ===== E-Mail-Links ===== */

a.email span.email {
	text-decoration: none !important;
}

span.email img {
	vertical-align: middle;
}

/* ===== Download-Links ===== */

a.datei {
	text-decoration: none;
}

a.datei:hover, a.datei:focus {
	text-decoration: underline;
}

a.datei img.icon {
	float: left;
	padding-right: 0.25em;
}

/* ===== Links zum Seitenanfang ===== */

.seitenanfang {
	clear: both;
    text-align: right;
}

.seitenanfang a {
    padding-right: 20px;
    background: url(images/seitenanfang.gif) 100% 50% no-repeat;
}

/* ==========================================================================
   Block-Elemente
   ========================================================================== */

.kasten, .behaelter, .abschnitt {
	display: block;
}

.kasten {
    position: relative;
    left: 0;
    top: 0;
}

#hauptinhalt .kasten {
    margin: 8px 0;
}

.behaelter {
    padding: 8px;
}

.abschnitt {
    clear: both;
    padding: 1px 0 0;
    background: url(images/punkt.gif) 0 0 repeat-x;
}

#hauptinhalt .abschnitt {
    margin: 1em 0;
}

.kasten.fenster, .kasten.pdf-download, .kasten.oeffnungszeiten,
.kasten.eintrittspreise, .kasten.kontaktdaten {
    background-color: #f5f5f5;
}

/* ===== Link-Kästen ===== */

a.kasten {
	text-decoration: none;
}

a.kasten:hover, a.kasten:focus {
	background-color: #bce27f !important;
}

#hauptinhalt a.kasten, #hauptinhalt .kasten.ansprechpartner {
	background-color: #dbefba;
}

	/* mit Bildern */

#hauptinhalt a.kasten.mit-bild {
	clear: both;
}

#hauptinhalt a.kasten.mit-bild .bild {
	float: right;
	position: relative;
}

#hauptinhalt a.kasten.mit-bild .bild, #hauptinhalt a.kasten.mit-bild .bild img {
	width: 230px;
	height: 75px;
}

#hauptinhalt a.kasten.mit-bild .behaelter {
	margin: 0;
	padding: 1em !important;
	font-size: 14px;
}

#hauptinhalt a.kasten.mit-bild strong {
	display: block;
	font-size: 20px;
	font-weight: normal;
}

/* ===== Kästen mit Icons, PDF-Downloads ===== */

.kasten.p-kompakt p {
    display: inline;
}

.kasten.wegweiser,
.kasten.ansprechpartner,
.kasten.ortsplan,
.kasten.hinweis,
.kasten.oeffnungszeiten .behaelter,
.kasten.eintrittspreise .behaelter {
	clear: both;
	padding: 8px 8px 8px 60px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.kasten.oeffnungszeiten, .kasten.eintrittspreise, .kasten.pdf-download {
    clear: both;
    background-image: url(images/bg-kasten-mit-icon.gif);
    background-position: 0 0;
    background-repeat: repeat-y;
}


.kasten.ansprechpartner, .kasten.wegweiser {
	background-image: url(images/link-frage.gif);
}

.kasten.ortsplan {
	background-image: url(images/link-ortsplan.gif);
}

.kasten.hinweis {
	background-image: url(images/link-hinweis.gif);
}

.kasten.ansprechpartner strong, .kasten.hinweis strong {
	text-decoration: underline;
}

	/* PDF-Download */

.kasten.pdf-download .behaelter { /* ie6.css */
	margin-left: 52px;
}

.kasten.pdf-download .icon {
	position: absolute;
	left: 8px;
	top: 8px;
}

.kasten.pdf-download strong {
	display: block;
}

.kasten.pdf-download .info strong {
	margin-top: 0.25em;
}

.kasten.pdf-download.ohne-info .behaelter {
	padding-top: 13px;
	padding-bottom: 13px;
}

.kasten.pdf-download .info {
	font-size: 0.875em;
}

	/* Öffnungszeiten, Eintrittspreise */

.kasten.oeffnungszeiten p,
.kasten.eintrittspreise p {
    line-height: 1.25em !important;
}

.kasten.oeffnungszeiten .behaelter {
    background-image: url(images/oeffnungszeiten.gif);
}

.kasten.eintrittspreise .behaelter {
    background-image: url(images/eintrittspreise.gif);
}

.kasten.oeffnungszeiten table, .kasten.eintrittspreise table {
	width: 90% !important;
	margin-top: 2px !important;
}

.kasten.oeffnungszeiten ul, .kasten.eintrittspreise ul {
	margin: 0.1em 0.5em;
	padding: 0 1em;
}

/* ===== Fenster ==== */

.fenster {
    padding: 8px;
}

.fenster .titel {
    font-size: 0.875em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.fenster .titel strong .klein {
	text-transform: none;
}

.fenster .rahmen {
    margin: 8px 0 0;
    padding: 0.5em;
    border: 1px solid #ccc;
    background-color: #fff;
}

.fenster form {
    display: block;
    margin: 8px 0 0;
}

#hauptinhalt .fenster p.weiter {
	margin-bottom: 0;
}

.bild img, img.bild {
    display: block;
}

/* ===== Kontaktdaten ===== */

.kontaktdaten.mit-bild .bild {
	float: left;
    width: 134px;
    height: 102px;
}

.kontaktdaten.mit-bild .behaelter {
    margin-left: 140px;
}

/* ==========================================================================
   Übersichten (auch Meldungen), Linksammlungen
   ========================================================================== */

.uebersicht h3 img, .linksammlung h3 img {
    float: right;
    margin: 0 0 0.5em 0.5em;
    width: 80px;
    height: 60px;
}

.linksammlung .abschnitt {
	margin: 0 !important;
	padding: 0 0 10px !important;
    background: url(images/absatz-trenner.gif) 50% 100% no-repeat !important;
}

.linksammlung h3 {
	margin-bottom: 0 !important;
}

.linksammlung h3 a {
    padding-left: 15px;
    background: url(images/weiter-intern.gif) 0 50% no-repeat;
}

.linksammlung p {
	margin: 0 !important;
    padding-left: 15px;
	line-height: 1.3em !important;
}

.linksammlung a.weiter {
    padding-left: 15px;
    background: url(images/pfeil.gif) 0 50% no-repeat;
}

/* ==========================================================================
   Linklisten
   ========================================================================== */

ul.linkliste a, div.linkliste, .fenster ul.linkliste li {
    padding-left: 20px;
    background: url(images/weiter-intern.gif) 0 0.25em no-repeat;
}

.fenster ul.linkliste a {
	padding-left: 0;
	background-image: none;
}

.linkliste a.extern {
    padding-left: 20px;
    background: url(images/weiter-extern.gif) 0 0.25em no-repeat;
}

.linkliste a.extern.startseite {
    padding-left: 14px;
    background: url(images/link-extern.gif) 0 50% no-repeat;
	text-decoration: none;
}

.linkliste a.extern.startseite:hover, .linkliste a.extern.startseite:focus {
	text-decoration: underline;
}

#hauptinhalt .linkliste li {
	margin-top: 4px;
}

#hauptinhalt .fenster .linkliste li {
	margin-top: 0;
}

.weiterfuehrende .linkliste a, .fenster .linkliste a {
	text-decoration: none;
}

.weiterfuehrende .linkliste a:hover, .weiterfuehrende .linkliste a:focus,
.fenster .linkliste a:hover, .fenster .linkliste a:focus {
	text-decoration: underline;
}

/* ===== nach Anfangsbuchstaben ===== */

.linkliste.buchstaben a, .linkliste.buchstaben span.a {
	font-weight: bold;
    padding-left: 3px;
	text-decoration: none !important;
}

.linkliste.buchstaben span.a {
    color: #999;
}

/* ===== Mehrspaltig ===== */

.zweispaltig .linkliste li {
    display: block;
    float: left;
    width: 170px;  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	position: relative; /* IE 6 Bugfix */
}

/* ==========================================================================
   Bilder mit Lupe
   ========================================================================== */

.bild.mit-lupe {
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.bild.mit-lupe a, #bildergalerie a,
#ortsplan-uebersicht-map *, #ortsplan #uebersichtskarte { /* vgl. ie7.css */
	cursor: url(images/lupe.cur), pointer;
}

.lupe {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.75;
}

/* ==========================================================================
   Kalenderblätter
   ========================================================================== */

.kalenderblatt {
    border: 3px solid #f0f0f0;
}

.kalenderblatt th {
    text-align: center;
    padding: 2px 0;
    background-color: #f5f5f5;
}

.kalenderblatt th span {
    font-size: 0.875em;
}

.kalenderblatt .wochentage th {
    font-weight: normal;
    font-size: 0.875em;
    color: #999;
}

.kalenderblatt a {
    text-decoration: none !important;
}

.kalenderblatt td * {
    display: block;
    padding: 2px 5px;
    margin: 1px 0 0 1px;
    text-align: center;
}

.kalenderblatt td.first-child * {
    margin-left: 0;
}

.kalenderblatt.veranstaltungen td span {
    color: #50802f;
    background-color: #d7efc6;
}

.kalenderblatt.veranstaltungen td a {
    color: #000 !important;
	background-color: #b7d6a2;
/*	background-color: #8bab69; */
/*	background-color: #9ab77f; */
}

.kalenderblatt td a:hover, .kalenderblatt td a:focus {
    color: #fff !important;
    background-color: #252 !important;
}

.kalenderblatt.veranstaltungen td.anderer-monat * {
    background-color: #f5f5f5;
}

.kalenderblatt.veranstaltungen td.anderer-monat span {
    color: #666;
}

.kalenderblatt td.heute * {
    padding: 1px 4px;
    border: 1px solid #c40;
}

#hauptinhalt .kalenderblatt {
    float: left;
}

/* ==========================================================================
   Hauptinhalt
   ========================================================================== */

#hauptinhalt h1, #hauptinhalt h2 {
    color: #435c30;
}

#hauptinhalt h1 {
    margin: 1em 0;
    letter-spacing: 3px;
}

#hauptinhalt h2, #hauptinhalt h3, #hauptinhalt h4, #hauptinhalt h5, #hauptinhalt h6 {
    margin: 1em 0 0.5em;
}

#hauptinhalt h2.hinterlegt, #hauptinhalt h3, #hauptinhalt h4 {
    letter-spacing: 1px;
}

#hauptinhalt h2.hinterlegt { /* sieht aus wie h3.hinterlegt */
/* ALT:	margin-top: 1.5em; */
    font-size: 1.125em;
	color: #000;
}

#hauptinhalt h2.hinterlegt, #hauptinhalt h3.hinterlegt {
    padding: 2px 0.5em;
    border: 1px solid #666;
    font-weight: normal;
	background-color: #bce27f;
}

#hauptinhalt p {
    margin: 0.5em 0;
    line-height: 1.5em;
}

/* ===== Mehrspaltigkeit ===== */

#hauptinhalt .rechte-haelfte {
	width: 230px;
    float: right;
}

#hauptinhalt .spalte {
    width: 226px;
}

#hauptinhalt .spalte.links {
    float: left;
}

#hauptinhalt .spalte.rechts {
    float: right;
}

/* ===== Blättern ====== */

.blaettern {
    padding: 1em 0 !important;
    text-align: center;
}

.blaettern .zurueck {
    float: left;
    padding-left: 20px;
    background: url(images/fkt-zurueck.gif) 0 50% no-repeat;
    text-decoration: none;
}

.blaettern .vor {
    float: right;
    padding-right: 20px;
    background: url(images/fkt-vor.gif) 100% 50% no-repeat;
    text-decoration: none;
}

.blaettern .hoch {
    display: block;
    margin: 0 30%;
}

/* ===== Kontakt-Verzeichnisse, Kontakt-Informationen ===== */

.verzeichnis .kontakt {
    padding-bottom: 15px;
    background: url(images/absatz-trenner.gif) 50% 100% no-repeat;
}

.kontakt .info .label {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
}

/* ==========================================================================
   Krümel
   ========================================================================== */

#kruemel {
    padding: 10px 0 5px;
    margin: 0 0 25px;
    font-size: 0.875em;
    color: #333;
    background: url(images/punkt.gif) 0 100% repeat-x;
}

#kruemel a {
    color: #666;
    text-decoration: none;
}

#kruemel a:hover, #kruemel a:focus {
    text-decoration: underline;
}

/* ==========================================================================
   Fußzeile
   ========================================================================== */

#fusszeile .kasten {
    text-align: center;
}

/* EOF */