html {overflow: scroll}
body {background-color: #fefefe; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif}
#container {margin: 28px auto 0; width:884px; text-align: left; background-color: #000000}
#menu {background-color: transparent; float: right; width: 485px; padding-top: 15px; padding-left: 15px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 183%}
#anzeige {height: 300px; background-color: #cccccc; position: relative; overflow: hidden}
#anzeige .anzeige {width: 289px; padding: 20px 47px 20px 47px; font-size: 12pt; z-index: 0; position: absolute}
#anzeige .keinpadding {width: 383px; padding: 0}
#anzeige .wenigpadding {width: 343px; padding: 20px 27px 20px 27px;}
.flash {font-size: smaller; width: 289px; margin: 20px 0; padding: 10px; display: none}
.success {display: block; background-color: #ccddcc; border: 1px solid; border-color: #449944}
.fail {display:block; background-color: #ddcccc; border: 1px solid; border-color: #994444}
.smaller {font-size: smaller}
.karte {width: 384px; height: 300px}
.kartenunterschrift {text-align: center; font-size: smaller; width: 370px}
#index_div {z-index: 1}
.foto_container {position: relative; margin: 7px; line-height: 50px}
#spinner {position: absolute; left: 175px; top: 110px; z-index: 1000}
#footer {position:relative; margin: 0 auto; width: 884px; text-align: left}
#footer div {position:absolute}
#visitenkarte {margin-left: 12px}
#adresse {margin-left: 12px}
#animation {padding: 60px 0 70px 85px}
.editable_content {position: relative}
.editable_content img {position: relative; border: solid 1px; border-color: #555555}
.fltrt {float: right; margin-left: 12px}
.fltlft {float: left; margin-right: 12px}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}
.nodisplay {display: none}
.highlight {background-color: #ffc651}
#menu a {color: #999999; text-decoration: none; font-size: smaller}
#menu a:hover {color: #ffffff}
#menu .aktiviert a {color: #ffffff}
#menu .aktiviert a:hover {color: #999999}
#animation.js_switch{ padding: 80px 0 70px 132px}
#animation.js_switch img{ border: none}
#footer.js_switch{ padding: 14px 0}
#container.js_switch{ background-color: #fefefe}
#anzeige.js_switch{ background-color: #fefefe}
#anzeige.nojs {height: auto}
#anzeige.nojs .anzeige {position: static; min-height: 300px}
.karte.nojs {height: auto}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin: 0 auto;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/rueckwaerts.gif) left 1% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/vorwaerts.gif) right 1% no-repeat}
#imageDataContainer{ font: 13px Georgia, "Times New Roman", Times, serif; background-color: #fff; margin: 0 auto; line-height: 15px; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #000; font-size: 12px}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0.5em; color: #000; font-size: 12px;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}