/* moschdschelle.css V 1.0 */ /* resets, allgemein */ body { margin:0; background:#0052cd url(../images/bg-body.gif) repeat-x; font:14px "Trebuchet MS", Arial, Helvetica sans-serif; color:#000001; } img { border-style:none; } a { text-decoration: underline; color:#f60314; } a:hover { text-decoration:none; } input,textarea,select { font:100% arial,sans-serif; vertical-align:middle; } form,fieldset { margin:0; padding:0; border-style:none; } .r-links { float:left; padding:0 13px 0 0; } /* Seite */ #seite { margin:0 auto; width:910px; } #inhalt { background:url(../images/bg-content.png) repeat-y; margin:0 0 0; padding:4px 65px 0 0; width:844px; } #inhalt:after { content:""; display:block; clear:both; } .inhalt-oben { background:url(../images/bg-content-top.png) no-repeat; width:909px; height:25px; margin:-4px 0 0; } .rechts { float:right; width:547px; padding:0 10px 0 0; } /* Kopfbereich */ #kopf { width:843px; padding:22px 0 0 67px; } #kopf:after { content:""; display:block; clear:both; } .logo a { display:block; background:url(../images/logo.jpg) no-repeat; width:798px; height:109px; overflow:hidden; text-indent:-9999px; } /* Fussbereich */ #ende { width:909px; background:url(../images/bg-content-bottom.png) no-repeat; padding:40px 0 20px; margin:-15px 0 0 ; position:relative; } #ende p { margin:0; text-align:center; font-size:14px; color:#f8f9fa; } #ende p a { color:#f8f9fa; text-decoration:underline; } #ende p a:hover { text-decoration:none; } /* Navigation */ #menue { margin:5px 0 0 3px; padding:0; list-style:none; height:1%; position:relative; z-index:10; } #menue li { float:left; } #menue li a { float:left; background:url(../images/bg-menu1.jpg) no-repeat; height:44px; text-align:center; line-height:44px; text-decoration:none; color:#f7f8f9; font-size:14px; font-weight:bold; width:114px; } #menue li a:hover, #menue li.active a { background-position:0 -44px; } #menue li ul { margin:0; padding:0; list-style:none; } #menue li ul li { clear:both; } #menue li ul li a, #menue li.active ul li a { background:url(../images/bg-drop.jpg) no-repeat; height:32px; line-height:32px; width:219px; } #menue li ul li a:hover { background-position:0 -32px; } #menue li.hover, #menue li:hover { position: relative; } #menue li.hover ul, #menue li:hover ul { display: block; } #menue ul { display:none; position:absolute; left:0%; top: 100%; } #startseite li.startseite a, #aktuelles li.aktuelles a, #termine li.termine a, #galerie li.galerie a, #gaestebuch li.gaestebuch a { background-position:0 -44px; } /* Rechte Spalte */ .hauptinhalt { padding:8px 0 50px; } #seite .rechts h1 { line-height:32px; font-size:30px; margin:0 0 8px; color:#1c90f0; } #seite .rechts h1.klein { font-size:24px; font-weight:normal; line-height:30px; margin:0 0 16px; color:#1c90f0; } #seite .rechts p { font-size:14px; line-height:18px; color:#000001; } .rechts .text20 { padding:20px 0 0; } .rechts .text35 { padding:35px 0 0; } .rechts strong.sub { display:block; font-size:14px; line-height:18px; color:#000; margin:0 0 16px; } .rechts .textbox { padding:0 0 24px; height:1%; overflow:hidden; } .container { background:url(../images/container.gif) repeat-y; width:544px; margin:0 0 8px; position:relative; z-index:2; } .container .oben { background:url(../images/container-top.gif) no-repeat; width:544px; } .container .unten { background:url(../images/container-bottom.gif) no-repeat 0 100%; width:518px; padding:0 15px 11px 11px; overflow:hidden; } .container h3 { overflow:hidden; height:1%; font-size:24px; line-height:24px; color:#1c90f0; padding:0 0 4px 20px; font-weight:normal; background:url(../images/marker-title.gif) no-repeat 0 7px; border-bottom: 3px solid #1c90f0; margin:0 0 14px; } .halter { width:100%; font-size: 12px; } .halter:after { content:""; display:block; clear:both; } .halter span { font-size: 12px;} .halter .von { padding: 0 0 6px 28px; width:350px; float:left; } .halter .von p { text-indent:-28px; font-size:12px; line-height:14px; color:#000; margin:0; } .halter span.datum { padding:0; font-size:12px; line-height:14px; margin:0; } .box-quote { width:217px; background:url(../images/box-quote.gif) repeat-y; float:right; margin:0 0 3px 3px; } .box-quote .top { width:217px; background:url(../images/box-quote-top.gif) no-repeat; } .box-quote blockquote { width:157px; background:url(../images/box-quote-bottom.gif) no-repeat 0 100%; padding:20px 30px 18px; margin:0; color:#000; font-weight:bold; font-style:italic; font-size:16px; line-height:18px; } .box-quote .q { quotes: none; } .box-quote q:before { content:""; } .box-quote q:after { content:""; } .box-datum { background:url(../images/red-box-left.gif) no-repeat; padding:0 0 0 5px; float:left; } .box-datum div { background:url(../images/red-box-right.gif) no-repeat 100% 0; padding:6px 10px 0 4px; height:55px; float:left; overflow:hidden; } .box-datum span { display:block; text-align:center; color:#fff; font-weight:bold; line-height:16px; } .box-datum .tag { font-size:26px; line-height:20px; } .box-datum .monat { font-size:16px } .box-datum .jahr { font-size:13px } .termin { height:1%; display:table; padding: 0 0 0 11px; position:relative; } * html .termin { left:-4px; } .termin h3 { line-height:18px; font-size:18px; color:#1c90f0; font-weight:normal; margin:0 0 10px; border-bottom:3px solid #1c90f0; padding:0 0 4px; } .artikel h3 { line-height:18px; font-size:18px; color:#1c90f0; font-weight:normal; margin:0 0 10px; border-bottom:3px solid #1c90f0; padding:0 0 4px; } .artikel span { font-size: 13px; } .brotkruemel { padding: 0 0 10px 0;} .brotkruemel span { font-size: 12px; } .brotkruemel a { font-size: 12px; } .blaettern { padding:0 0 22px; margin:0; list-style:none; width:540px; overflow:hidden; } .blaettern li { float:right; } .blaettern li a { border:1px solid #a39e9e; background:#eef2f5; padding:0 6px; line-height:18px; text-decoration:none; color:#000; font-size:16px; height:18px; font-weight:bold; float:left; margin:0 1px 0 0; } .blaettern li a.active, .blaettern li a:hover { background:#1c90f0; color:#fff; } .eintrag-kopf { background:url(../images/red-box.gif) no-repeat; width:544px; padding:25px 0 13px 1px; margin:0 0 0 -1px; position:relative; } #seite .eintrag-text h2 { font-size:24px; line-height:30px; color:#1c90f0; font-style:normal; padding: 0 40px 0 0; font-weight:normal; margin:6px 0 0; position:relative; height:1%; } #seite .eintrag-text h2 a { position:absolute; right:2px; top:6px; background:url(../images/home.gif) no-repeat; width:16px; height:18px; overflow:hidden; text-indent:-9999px; } #seite .eintrag-text { width:100%; overflow:hidden; border-bottom:3px solid #1c90f0; text-align:right; padding:0 0 5px; background:none; line-height:18px; font-size:18px; color:#1d1c1c; margin:0 0 5px; font-style:italic; } #seite .eintrag-text em { float:left; font-size:14px; background:url(../images/watch.gif) no-repeat; padding: 3px 0 1px 18px; line-height:14px; border:0; } #seite .eintrag.text p { font-size:14px; line-height:18px; color:#000; margin:0 0 10px; } .kommentar { background:url(../images/kommentar.gif) repeat-y; width:477px; font-size:14px; line-height:18px; color:#000; font-style:italic; margin:0 auto 10px; } .kommentar-oben { background:url(../images/kommentar-top.gif) no-repeat; width:477px; } .kommentar-unten { background:url(../images/kommentar-bottom.gif) no-repeat 0 100%; width:457px; padding:9px 10px 28px; overflow:hidden; } .kommentar strong { display:block; margin:0 0 2px; } #seite .kommentar p { margin:0; } .album-links { float:left; padding:0; } .album-links img { display: block; } .link { float:left; padding:0 0 0 3px; color:#fff; line-height:23px; font-size:14px; background:url(../images/b-link-left.gif) no-repeat; text-decoration:none; margin:20px 0 0 180px; } .link span { float:left; height:23px; padding:0 15px 6px 12px; background:url(../images/b-link-right.gif) no-repeat 100% 0; } #seite .daten { width:100%; overflow:hidden; border-bottom:3px solid #1c90f0; text-align:right; padding:0 0 5px; background:none; line-height:18px; font-size:18px; color:#1d1c1c; margin:0 0 5px; font-style:italic; } .daten em { float:left; font-size:14px; background:url(../images/watch.gif) no-repeat; padding: 3px 0 1px 18px; line-height:14px; border:0; } /* Linke Spalte */ .links { float:left; } .links span.klammer { background:url(../images/bg-skr.png) no-repeat; display:block; width:30px; height:39px; margin:11px 0 0 31px; position:relative; z-index:5; } .links img.schelle { display:block; margin:-53px 0 0; position:relative; z-index:4; } .notiz { background:url(../images/bg-contact-top.jpg) no-repeat; width:204px; margin:-31px 0 0 64px; position:relative; z-index:3; } .notiz-unten { background:url(../images/bg-contact.png) no-repeat; width:204px; height:23px; margin:0 0 0 64px; position:relative; z-index:5; } .notiz ul { margin:0; padding:24px 0 42px; list-style:none; } .notiz ul li { padding:0 0 10px; } .notiz ul li a { display:block; overflow:hidden; text-indent:-9999px; height:30px; margin:0 auto; } .notiz ul li a.kontakt { background:url(../images/link-contakt.jpg) no-repeat; width:129px; } .notiz ul li a.berichte { background:url(../images/link-berighte.jpg) no-repeat; width:147px; } .notiz ul li a:hover { background-position:0 -30px; } /* Formulare */ #seite .box-form { padding:30px 0 80px; } #seite .box-form h3 { background:url(../images/pencil.gif) no-repeat 1px 0; padding:8px 0 5px 47px; } #seite .box-form h3.mail { background:url(../images/mail.png) no-repeat 1px 0; padding:8px 0 5px 52px; } #seite .box-form p { font-size:12px; line-height:18px; margin:0 0 17px; padding:0 0 0 6px; } .box-form .form-linie { height:1%; position:relative; padding:16px 0 10px; } .box-form .form-linie:after { content:" "; display:block; clear:both; } .box-form select { width:236px; } #seite .box-form .form-linie p { color:#f70c17; font-size:12px; line-height:14px; position:absolute; top:-15px; padding:0; margin:0; left:0; } .box-form textarea, .box-form input { color:#302e2e; font:14px "Times New Roman", Times, serif; } .box-form .form-linie input { border:0; background:none; width:344px; } .box-form label { width:114px; float:left; text-align:right; padding:0 10px 0 0; position:relative; line-height:14px; font-size:14px; font-weight:bold; } .box-form label span { position:absolute; right:14px; font-size:10px; top:100%; font-weight:normal; width:112px; line-height:14px; height:auto; } .box-form .button-submit { margin:0 0 0 122px; } .input-text { float:left; width:394px; position:relative; } .input-text-klein { float:left; width:220px; position:relative; padding:0 0 24px; margin:3px 0 0; } #seite .box-form .fehler { float:left; width:21px; height:20px; background:url(../images/error.gif) no-repeat; overflow:hidden; } .box-form .form-linie .input-text-box { float:left; width:344px; height:21px; background:url(../images/input-text.gif) no-repeat; padding:2px 13px 2px 8px; position:relative; } .box-form .form-linie .input-text-box-klein { float:left; width:67px; height:21px; background:url(../images/input-text2.gif) no-repeat; padding:2px 13px 2px 8px; } .box-form .form-linie .input-text-box-klein input { width:67px; } .box-form .form-linie img { float:left; margin:0 17px 0 0; border:2px solid #000; } .box-form textarea { border:1px solid #a39e9e; background:#eef2f5; width:350px; height:192px; padding:4px; float:left; margin:0 5px 0 0; overflow:auto; } .select { padding:21px 0 8px; } .form { position:relative; width:400px; padding:0 46px 10px 0; overflow:hidden; } .form img { position:absolute; right:2px; top:1px; } .form select { width:236px; } /* Bilderrahmen */ .rahmen { float:left; background:url(../images/frame-top.gif) repeat-x; margin:0 6px 6px 0; } .rahmen div { float:left; } .rahmen .rechts { background:url(../images/frame-right.gif) repeat-y 100% 0; } .rahmen .links { background:url(../images/frame-left.gif) repeat-y; } .rahmen .unten { background:url(../images/frame-bottom.gif) repeat-x 0 100%; } .rahmen .oben-rechts { background:url(../images/framae-top-right.gif) no-repeat 100% 0 } .rahmen .unten-rechts { background:url(../images/frame-right-bottom.gif) no-repeat 100% 100% } .rahmen .unten-links { background:url(../images/frame-bottom-left.gif) no-repeat 0 100% } .rahmen .oben-links { background:url(../images/frame-left-top.gif) no-repeat;padding:5px 8px 9px 6px; } .rahmen img { display:block; } /* tabs */ .tabset { margin:0; padding:0 0 0 8px; list-style:none; height:1%; overflow:hidden; } .tabset li { float:left; } .tabset li a { float:left; background:url(../images/tabset.gif) no-repeat; height:35px; text-align:center; line-height:35px; text-decoration:none; color:#f7f8f9; font-size:14px; width:109px; outline:none; } .tabset li a:hover, .tabset a.active { background-position:0 -35px; } div.tab { padding:11px 0 20px; width:100%; } /* Listen */ .kontaktliste { padding:0 0 20px 20px; margin:-10px 0 0; list-style:none; } .kontaktliste li { padding:0 0 0 16px; background:url(../images/contact-marker.gif) no-repeat 0 50%; width:500px; overflow:hidden; line-height:30px; font-size:14px; color:#060606; } .kontaktliste li span { width:136px; float:left; } .kontaktliste li a { color:#060606; text-decoration:none; } .kontaktliste li a:hover { text-decoration:underline; } .personenliste { padding:0 0 15px 0; list-style:none;} .personenliste li { padding:0 0 0 5px; width:500px; overflow:hidden; line-height:20px; font-size:14px; } .personenliste li.absatz { padding:10px 0 0 5px; width:500px; overflow:hidden; line-height:20px; font-size:14px; } .personenliste li span { width: 145px; float:left; } /* Galerie */ .gallery-box { padding:16px 0 14px; } .gallery { width:516px; margin:9px 0 11px; overflow:hidden; } .gallery .line { float:left; width:100%; overflow:hidden; height:127px; position:relative; padding:0 0 11px; } .gallery .line ul { position:absolute; width:99999px; padding:0; margin:0; list-style:none; top:0; left:0; } .gallery .line ul li { float:left; width:124px; padding:0 3px; } .gallery .line ul li a { padding:7px 0; display:block; border:2px solid #c4c3c4; background:#eef2f5; height:109px; } .gallery .line ul li a:hover { background:#d4cece;} .gallery .line ul li a img { display:block; margin:0 auto; } /* Lightbox */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box>#lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } .frame { float:left; background:url(../images/frame-top.gif) repeat-x; margin:0 6px 6px 0; } .frame div {float:left;} .frame .right {background:url(../images/frame-right.gif) repeat-y 100% 0;} .frame .left {background:url(../images/frame-left.gif) repeat-y;} .frame .bottom {background:url(../images/frame-bottom.gif) repeat-x 0 100%;} .frame .top-right {background:url(../images/framae-top-right.gif) no-repeat 100% 0} .frame .right-bottom {background:url(../images/frame-right-bottom.gif) no-repeat 100% 100%} .frame .bottom-left {background:url(../images/frame-bottom-left.gif) no-repeat 0 100%} .frame .left-top { background:url(../images/frame-left-top.gif) no-repeat; padding:5px 8px 9px 6px;; ;} .frame img {display:block;} .arrows ul{ padding:0 0 22px; margin:0; list-style:none; width:540px; overflow:hidden; } .arrows li {float:right;} .arrows li a { border:1px solid #a39e9e; background:#eef2f5; padding:0 6px; line-height:18px; text-decoration:none; color:#000; font-size:16px; height:18px; font-weight:bold; float:left; margin:0 1px 0 0; } .arrows li a.active, .arrows li a:hover { background:#1c90f0; color:#fff; } .arrow { height:1%; overflow:hidden; font-weight:bold; margin:0 3px; } .arrow p { border-bottom:3px solid #9a9494; background:url(../images/pictures.jpg) no-repeat; padding: 0 0 5px 33px; font-size:18px; line-height:18px; } .arrow ul{ padding:0; margin:0; list-style:none; float:right; } .arrow li { float:left; } .arrow li a { border:1px solid #a39e9e; background:#eef2f5; padding:0 6px; line-height:18px; text-decoration:none; color:#000; font-size:16px; height:18px; float:left; margin:0 1px 0 0; } .arrow li a.active, .arrow li a:hover { background:#1c90f0; color:#fff; } .red-box { background:url(../images/red-box.gif) no-repeat; width:544px; padding:25px 0 13px 1px; margin:0 0 0 -1px; position:relative; } #seite .red-box-text h2 { font-size:24px; line-height:30px; color:#1c90f0; font-style:normal; padding: 0 40px 0 0; font-weight:normal; margin:6px 0 0; position:relative; height:1%; } #seite .red-box-text h2 a { position:absolute; right:2px; top:6px; background:url(../images/home.gif) no-repeat; width:16px; height:18px; overflow:hidden; text-indent:-9999px; } #seite .data { width:100%; overflow:hidden; border-bottom:3px solid #1c90f0; text-align:right; padding:0 0 5px; background:none; line-height:18px; font-size:18px; color:#1d1c1c; margin:0 0 5px; font-style:italic; } .data em { float:left; font-size:14px; background:url(../images/watch.gif) no-repeat; padding: 3px 0 1px 18px; line-height:14px; border:0; } #seite .red-box-text p { font-size:14px; line-height:18px; color:#000; margin:0 0 10px; } .kommentar { background:url(../images/kommentar.gif) repeat-y; width:477px; font-size:14px; line-height:18px; color:#000; font-style:italic; margin:0 auto 10px; } .kommentar-top { background:url(../images/kommentar-top.gif) no-repeat; width:477px; } .kommentar-bottom { background:url(../images/kommentar-bottom.gif) no-repeat 0 100%; width:457px; padding:9px 10px 28px; overflow:hidden; } .kommentar strong { display:block; margin:0 02px; } #seite .kommentar p {margin:0;} .arrows{ padding:0 0 22px; margin:0; list-style:none; width:540px; overflow:hidden; } .arrows li {float:right;} .arrows li a { border:1px solid #a39e9e; background:#eef2f5; padding:0 6px; line-height:18px; text-decoration:none; color:#000; font-size:16px; height:18px; font-weight:bold; float:left; margin:0 1px 0 0; } .arrows li a.active, .arrows li a:hover { background:#1c90f0; color:#fff; }