/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
/* ALLGEMEIN */
body { background-color: #e9f2ef; color:#9b9c9d; font-family:Oswald, Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:30px; padding-bottom:10px; }
#complete { background-color: white; text-align:left; width:960px; margin-right:auto; margin-left:auto; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
/* TAB */
#tab a:link,#tab a:visited { font-family:Oswald, Arial, Geneva, sans-serif; font-size:1em; letter-spacing:1px; position:fixed; left:0; top:300px; text-decoration:none; margin-left:-33px; margin-top:-100px; background-color:#6CBB27; color:white; font-weight:normal; padding:10px 15px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; }
#tab a:hover { background-color:#6e6e6e; }
/* KOPF */
#kopf { clear:both; padding: 10px 0 20px 20px; }
/* NAVI */
#navi { clear:both; color:#ddd; font-size:1em; padding: 20px 0 20px 20px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
#navi a:link,#navi a:visited { font-size:1.2em; color:#9b9c9d; text-decoration:none; font-weight:normal; padding-left: 10px; padding-right: 10px;}
#navi a:hover,#navi a.aktiv { color:#8db030; text-decoration:underline; }
/* LINKS */
#links { width:300px; float:left; vertical-align:top; padding-top: 10px;}
#links p { font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; color:#858585; font-size:.75em; padding:10px 40px 0 30px; }
#links ul { font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; color:#858585; font-size:.75em; line-height:1.6em; padding: 10px 0 0 30px; }
#links li { list-style-type:square; margin-left: 20px; margin-right: 20px; }
/* CENTER */
#center { padding:10px 0 0 0; width:660px; float:left; text-align:left; vertical-align:top; }
#center h1 { color:#7f7f7f; font-size:2em; font-weight:normal; clear:both; margin:20px 40px 20px 20px; }
#center h1 strong { color:#58585A; font-weight:normal; }
#center h2 { font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; color:#858585; font-size:.9em; font-weight:700; margin:40px 40px 40px 20px; }
#center p { color: #858585; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; font-size:.75em; padding: 10px 10px 10px 0; }
#center ul { color:#858585; font-size:.75em; line-height:1.6em; padding-left:20px; }
#center li { list-style-type:square; }
#center a:link,#center a:visited { color:#8db030; text-decoration:none; font-weight:700; }
#center a:hover { color:#7f7f7f; text-decoration:underline; }
/* FUSS */
#fuss { padding:20px 30px 20px 20px; text-align:right; clear:both; border-top: solid 1px #ddd; }
#fuss p { color:#7f7f7f; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; letter-spacing:1px; font-size:.7em; line-height:1.4em; }
#fuss a:link,#fuss a:visited { color:#8db030; text-decoration:none; font-weight:700; }
#fuss a:hover,#fuss a.aktiv { color:#7f7f7f; text-decoration:underline; }
.tel { font-family:Oswald, Verdana, Arial, Helvetica, sans-serif; color:#8db030; font-size:1.2em; padding-bottom: 10px;}
/* TABLES */
#starttabelle { color: #858585; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; font-size:.75em; width:510px; margin-top:20px; margin-bottom:20px; }
#starttabelle td { vertical-align:top; padding-top:10px; padding-right:20px; padding-bottom:10px; border-top:1px; }
#kontakttabelle { color: #858585; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; font-size:.75em; width:510px; margin:10px 0; }
#kontakttabelle td { vertical-align:top; padding:0 20px 10px 0; }
/* KLASSEN */
.bira { background-color:white; padding:5px; border:dotted 1px #bfbfbf; }
.birali { background-color:white; margin-right:10px; margin-bottom:1px; padding:3px; float:left; border:solid 1px #dcdcdc; }
.birare { background-color:white; margin-bottom:10px; padding:3px; float:right; margin-left:10px; border:solid 1px #dcdcdc; }
.bili { margin-right:10px; margin-bottom:10px; float:left; }
.bire { margin-bottom:10px; margin-left:10px; float:right; }
.clearer { clear:both; }
.fuenfhundert { width:550px; }
.start { width:300px; float: left; margin: 10px 0 20px 15px; }
.start p { color: #858585; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; font-size:.75em; padding: 15px 0 0 0; }
.start p a:link,.start p a:visited { color:#8db030; text-decoration:none; font-weight:700; }
.start p a:hover { color:#7f7f7f; text-decoration:underline; }
/* LIGHTBOX */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#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); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 113px; 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; }
/* INTERIM */
#interim { background-color: white; text-align: center; width:400px; margin: 50px auto; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding: 50px; }
#interim img {padding: 0 0 50px 0;}
#interim h1 { font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.4em; color:#858585; font-size:.9em; font-weight:700; padding: 0 0 10px 0; text-align: left; }
#interim p { color: #858585; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:1.6em; font-size:.75em; text-align: left; }
#interim a:link,#interim a:visited { color:#8db030; text-decoration:none; font-weight:700; }
#interim a:hover { color:#7f7f7f; text-decoration:underline; }