/* Allgemeine Anpassungen */
html { width:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; background-color:#090909; color:#888888; font-family: corbel, arial, sans-serif; font-size: 10pt; }
a:link, a:visited { text-decoration:none; color:#888888; }
a:hover { text-decoration:none; color:#EEEEEE; }
img { border:0px; }
.img_trans_80 { width:80px; height:80px; }
small { font-size:10px; text-align:left; }
h1 { margin-left:18px; margin-top:0px; margin-bottom:5px; font-size:40px; color:#888888; font-weight:bold; font-style:italic; }
h2 { margin-top:0px; margin-bottom:0px; font-size:23px; color:#888888; font-weight:normal; font-style:italic; }
input { border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding:4px 4px 4px 20px; }
textarea { border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding:4px 4px 4px 20px; }
.statuszeile { text-align: center; height:auto; color:#d76300; font-size:1.1em; font-weight: bold; }
.orange { color:#d76300; }
.rot { color:#FF0000; }
hr { width:auto; height:2px; border:0; background-color:#333333; vertical-align:bottom; }
/* Navigation */
#menu { top:20px; left:20px; position:fixed; font-size:1em; float:left; }
#menu a img.menu { width:24px; height:24px; padding:0px 3px 0px 10px; vertical-align:middle; }
#menu a img.menu { opacity:0.5; }
#menu a:hover img.menu { opacity: 1.0; }
#menu_login { font-size:.8em; }
#menu_login input { width:100px; height:10px; border:solid 2px #333333; background-color:#111111; color:#d76300; margin:2px; padding-left:5px; font-size:.8em; }
#menu_login button { width:80px; height:20px; background-color:#111111; color:#d76300; border:2px solid #333333; text-align:center; vertical-align:middle; margin:10px 0 0 17px; cursor:pointer; font-size:.8em; }
#menu_suche { bottom:30px; left:20px; position:fixed; font-size:.8em; }
#menu_suche input { width:100px; height:10px; border:solid 2px #333333; background-color:#111111; color:#d76300; margin:2px; padding-left:5px; font-size:.8em; }
#menu_suche button { width:80px; height:20px; background-color:#111111; color:#d76300; border:2px solid #333333; text-align:center; vertical-align:middle; margin:10px 0 0 17px; cursor:pointer; font-size:.8em; }
/* Seitenlayout */
#main { top:0px; left:200px; width:792px; height:auto; position:absolute; display:block; border-left:solid 4px #333333; border-right:solid 4px #333333; background-color:#111111; }
#head { width:100%; position:relative; padding:3px 0px 0px 3px; }
#subnavi { margin-left:18px; }
#inhalt { width:100%; height:100%; position:relative; padding:6px 0px 0px 3px; }
#inhalt_links { width:350px; vertical-align:top; float:left; }
#inhalt_rechts { width:300px; padding:0px 120px 0px 10px; vertical-align:top; float:right; }
/* Fußzeile */
#footer { width:700px; position:relative; padding:18px 0px 10px 0px; margin-left:auto; margin-right:auto; font-size:12px; clear:both; }
#footer #footernavi { text-align:center; }
#footer #footernavi a { color:#d76300; }
#footer #footernavi a:hover { opacity:0.5; }
#footer #footer_impressum { letter-spacing:1px; font-weight:normal; }
#footer hr { width:auto; height:2px; border:0; background-color:#333333; vertical-align:bottom; }
#footer h3 { color:#d76300; }
#druckansicht { display:none; }
/* Übersicht auf der Startseite */
.event { margin-top:4px; padding-left:20px; background:url(images/square.png) no-repeat 8px 7px; font-size:15px; text-align:left; }
.kommentar { width:400px; height:80px; position:relative; margin-top:5px; font-size:12px; }
.kommentar_text { left:90px; position:absolute; color:#555555; font-size:13px; }
.kommentar_bild { width:80px; height:80px; border:solid 1px #555555; background-position:center; float:left; }
.kommentar_bild:hover { border:solid 1px #888888; }
/* Galerie-Ansicht */
.galeriebild_kommentar { width:80px; height:80px; border:3px solid #888; margin:0px 0px 22px 22px; background-position:center top; background-repeat:no-repeat; float:left; -moz-box-shadow: 3px 3px 6px #000;-webkit-box-shadow: 3px 3px 6px #000; box-shadow: 3px 3px 6px #000;}
.galeriebild_kommentar:hover { border:3px solid #CCC; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; margin:2px -2px 20px 24px;}
.galeriebild_ohne_kommentar { width:80px; height:80px; border:1px solid #000; margin:0px 0px 26px 26px; background-position:center top; background-repeat:no-repeat; float:left; -moz-box-shadow: 3px 3px 6px #000; -webkit-box-shadow: 3px 3px 6px #000; box-shadow: 3px 3px 6px #000;}
.galeriebild_ohne_kommentar:hover { border:1px solid #000; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;margin:2px -2px 24px 28px;}
/* Einzelbild-Ansicht */
#bildnavigation { width:300px; height:30px; position:relative; margin-left:auto; margin-right:auto; }
#bildnavigation #links { width:100px; height:30px; position:relative; text-align:left; vertical-align:middle; }
#bildnavigation #mitte { width:100px; height:30px; top:0px; left:100px; position:absolute; text-align:center; vertical-align:middle; }
#bildnavigation #rechts { width:100px; height:30px; top:0px; left:200px; position:absolute; text-align:right; vertical-align:middle; }
img.pfeil { width:20px; height:auto; }
#bild { border:solid 1px #000; margin:auto; text-align:right; vertical-align:bottom; }
#foto { border:1px solid #888888; }
#shopForm { margin:auto; text-align:right; vertical-align:bottom; }
a.shop { }
p#noscript { border:1px solid red; padding:5px; display:block; text-align:center; }
#bildkommentare { width:600px; height:auto; position:relative; margin-left:auto; margin-right:auto; padding-bottom:10px; clear:both; }
#bildkommentare .bildkommentar_user { width:600px; height:auto; min-height:35px; position:relative; padding:0px; vertical-align:top; text-align:left; color:#888888; }
#bildkommentare .bildkommentar_text { width:500px; top:0px; right:0px; position:absolute; float:right; }
#formular { width:600px; height:110px; position:relative; margin-left:auto; margin-right:auto; clear:both; }
hr.kommentarform { border:0px solid #888; background-color:#888; height:1px; width:600px; }
#formular #benutzer { width:300px; height:50px; top:10px; left:0px; position:absolute; text-align:left; vertical-align:middle; }
#formular #benutzer input { width:200px; height:20px; padding:1px 0px 1px 10px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; }
#formular #passwort { width:300px; height:50px; top:10px; left:300px; position:absolute; text-align:left; vertical-align:middle; }
#formular #passwort input { width:200px; height:20px; padding:1px 0px 1px 20px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; }
#formular #kommentar { width:400px; height:50px; top:60px; left:0px; position:absolute; text-align:left; vertical-align:middle; }
#formular #kommentar input { width:390px; height:20px; padding:1px 0px 1px 10px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; }
#formular #absenden { width:170px; height:50px; top:60px; left:425px; position:absolute; text-align:left; vertical-align:middle; }
#formular #absenden button { width:100px; height:26px; background-color:#111111; color:#d76300; border:2px solid #333333; font-size:1em; text-align:center; vertical-align:middle; margin:2px; cursor:pointer; }
/* AGB */
#agb { width:600px; margin-left:auto; margin-right:auto; text-align:justify; }
h1.agb { margin-top: 0px; margin-bottom: 5px; font-size: 40px; color: #888888; font-weight: bold; font-style: italic; margin-left: 18px; }
h2.agb { margin-top: 0px; margin-bottom: 0px; font-size: 23px; color: #d76300; font-weight: normal; font-style: italic; }
h3.agb { margin-top: 0px; margin-bottom: 0px; font-size: 20px; color: #888888; font-weight: normal; font-style: italic; }
h4.agb { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: #888888; font-weight: bold; font-style: italic; }
ol.agb { }
/* Anmeldung / Einstellungen ändern */
.anmelden { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
.anmelden h2 { color: #d76300; }
.pflichtangaben { color: #d76300; }
.anmelden .status { color:#d76300; font-size:1.1em; font-weight: bold; }
.anmelden_formular { width:600px; height:auto; margin-left:auto; margin-right:auto; }
.anmelden_formular .spalte_links { width:230px; padding-right:20px; vertical-align:middle; }
.anmelden_formular .spalte_links select { width:300px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:0px; }
.anmelden_formular .spalte_rechts { width:350px; vertical-align:top; }
.anmelden_formular .spalte_rechts input { width:350px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:20px; }
.anmelden_formular .anmelden-button { width:200px; height:25px; background-color:#111111; color:#d76300; border:2px solid #333333; font-size:1em; text-align:center; vertical-align:middle; margin:4px 0 0 4px; cursor:pointer; }
.anmelden_formular .anmelden-send { margin-right:25px; }
.anmelden_formular .anmelden-cancel { margin-left:25px; }
/* Impressum */
#impressum { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
#impressum h2 { color: #d76300; }
#impressum p { font-size:1.3em; }
#impressum p b { font-size:1.1em; font-weight:bold; }
/* Login */
#login { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
#login h2 { color: #d76300; }
#login p { font-size:1.2em; }
#login input.text { width:200px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:20px; font-size:.8em; }
#login input.checkbox { width:10px; height:10px; background-color:#111111; border:2px solid #333333; color:#d76300; margin:2px; vertical-align: baseline; cursor:pointer; }
#login button { width:225px; height:30px; background-color:#111111; color:#d76300; border:2px solid #333333; text-align:center; vertical-align:middle; margin:4px 0 0 4px; cursor:pointer; font-size:.8em; }
/* Suche */
#suche { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
#suche h2 { color: #d76300; }
#suche p { font-size:1.2em; }
#suche input.text { width:200px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:20px; font-size:.8em; }
#suche input.checkbox { width:10px; height:10px; background-color:#111111; border:2px solid #333333; color:#d76300; margin:2px; vertical-align: baseline; cursor:pointer; }
#suche button { width:225px; height:30px; background-color:#111111; color:#d76300; border:2px solid #333333; text-align:center; vertical-align:middle; margin:4px 0 0 4px; cursor:pointer; font-size:.8em; }
#inhalt_suche { width:650px; vertical-align:top; float:left; }
#inhalt_suche b { color:#d76300; font-weight:bold; }
/* Zahlungsarten */
#zahlungsarten { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
#zahlungsarten h2 { color: #d76300; }
#tbl_zahlungsarten { width:600px; height:auto; margin-left:auto; margin-right:auto; font-size:1.1em; }
#tbl_zahlungsarten .spalte_links { width:250px; }
#tbl_zahlungsarten .spalte_rechts { width:350px; }
/* Gästebuch */
#gaestebuch { width:600px; margin-left:auto; margin-right:auto; text-align:left; }
#gaestebuch h2 { color: #d76300; }
#gaestebuch hr { background-color:#333333; height:4px; width:600px; border:0px; }
#gaestebuch_formular { width:400px; height:auto; margin: 20px auto 20px auto; font-size:1.1em; }
#gaestebuch_formular .spalte_links { width:50px; vertical-align:top; padding-top:8px; }
#gaestebuch_formular .spalte_rechts { width:350px; }
#gaestebuch_formular .spalte_rechts input { width:350px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:20px; }
#gaestebuch_formular .spalte_rechts textarea { width:350px; height:50px; border:solid 2px #333333; background-color:#111111; color:#888888; margin:2px; padding-left:20px; }
#gaestebuch_formular button { width:200px; height:25px; background-color:#111111; color:#d76300; border:2px solid #333333; font-size:1em; text-align:center; vertical-align:middle; margin:4px 0 0 4px; cursor:pointer; }
#gaestebuch .eintrag { width:600px; border-bottom: 2px solid #333333; padding-top:10px; }
#gaestebuch .eintrag .name { width:400px; float:left; }
#gaestebuch .eintrag .datum { width:200px; text-align:right; float:right; }
#gaestebuch .eintrag .gbeintrag { width:600px; padding:10px 0 20px 0; clear:both; }