html, body {
background: #6e5ff8;
color: #3f3f3f;
}
html, body, div, h2, a, p, ul, li, table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
html {
height:100%;
}
body {
min-height:101%;
}
img {
border: none;
text-decoration: none;
}
.space {
width: 960px;
text-align: left;
margin:0; padding:0;
}
.space p {
white-space: nowrap;
text-indent:-5000px;
}
body {
min-width: 960px;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
div.alles {
width: 960px;
margin: 0 auto 0;
text-align: left;
}

/* IDs */
#kopf {
width: 960px;
height: 156px;
clear:left;
margin:0;
padding:0;
font-size: 0px;
}
body#impressum div#kopf {
background:url(../images/bg-oben.jpg) top no-repeat;
}

#kopf span.logo {
float:left;
margin: 0px 0px 0px 0px;
padding:0;
vertical-align:top;
}

/* Inhalt */
table.content {
width: 960px;
height: 350px;
vertical-align: top;
border: 0px;
margin: 0px;
padding: 0px;
text-align:left;
background-image:url(../images/bg-mitte.jpg);
}
td.linkespalte {
width: 200px;
height: auto;
border: 0px;
vertical-align: top;
margin:0; padding:0;
}
#content-nav {
text-align:justify;
}
td.mitte {
width: 520px;
height: auto;
border: 0px;
vertical-align: top;
margin:0;
padding:0;
}
#content-mitte {
text-align:left;
line-height:16px;
}
td.sp-rechts {
width: 180px;
height: auto;
border: 0px;
vertical-align: top;
margin:0;
padding:0px 0px 0px 0px;
color: rgb(255,255,255);
}
#content-rechts {
text-align:justify;
}
td.sp1 {
width: 20px;
height: auto;
border: 0px;
vertical-align: top;
margin:0;
padding:0;
}
img.sp1 {
width: 20px;
height: 100px;
}
td.sp2 {
width: 31px;
height: auto;
border: 0px;
vertical-align: top;
margin:0;
padding:0;
}
img.sp2 {
width: 31px;
height: 100px;
}
td.sp3 {
width: 9px;
height: auto;
border: 0px;
vertical-align: top;
margin:0;
padding:0;
}
img.sp3 {
width: 9px;
height: 100px;
}
img.foto_oben_rechts {
float: right;
clear:right;
margin: 0px 0px 40px 0px;
}

/* Menu */
img.menue {
margin: 0px 0px 0px 0px;
}
div.bg-nav {
width: 200px;
margin:0;
padding:0;
display:table;
}
#nav {
position:relative;
width:200px;
margin:0px;
padding:0px;
text-align:left;
}

/* Navigation */
#nav ul {
list-style:none;
width:200px;
margin:0px;
padding:0px;
}
#nav li {
display: block;
line-height:18px;
width:200px;
margin:5px 0px 5px 0px;
}

/* Links */
#nav ul li a {
color:rgb(255,255,255);
margin:0px;
padding: 0px 2px 0px 30px;
display: block;
height:1em;
}
html,body
#nav a:link, #nav a:visited {
height:auto;
}
#nav ul li a:hover {
color: #a6a6a6;
display: block;
}
#nav ul.aktiv {
list-style:none;
width:168px;
padding: 0px 2px 0px 20px;
}
#nav li.aktiv {
line-height:15px;
width:168px;
margin:0px 0px 2px 0px;
}
#nav span {
background-image:url(../images/hg-menue-span.jpg);
margin:0px;
padding:0px;
}
body#home li#menu a {
color:rgb(0,0,0);
font-weight:bold;
cursor: default;
}
body#impressum li#impressum a {
color: #6e5ff8;
font-weight:bold;
cursor: default;
}
h1 {
clear:both;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: rgb(82,82,82);
font-size: 13px;
font-weight: bolder;
}
h2 {
clear:both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #6e5ff8;
font-size: 11px;
font-weight: bold;
}
#content-rechts h2 {
font-size: 12px;
line-height:17px;
}
#content-rechts h4 {
color: rgb(0,0,0);
}
h6 {
clear:both;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: rgb(92,92,92);
font-size: 11px;
font-weight: bold;
border-bottom: solid #dddddd 1px;
}
a:link {
color: rgb(0,0,0);
text-decoration: none;
}
a:visited {
color: rgb(0,0,0);
text-decoration: none;
}
a:hover {
color: #6e5ff8;
text-decoration: none;
}
a:active {
color: rgb(0,0,0);
text-decoration: none;
}

/* Top */
#top {
position:relative;
width: 520px;
height: 10px;
margin:0px 0px 10px 0px;
padding:0px;
text-align: left;
float:left;
clear:both;
}
#top a {
color: #6e5ff8;
font-size:9px;
text-decoration:underline;
}
#top a:hover {
color: #3f3f3f;
}

/* Verantwortlich */
span.links {
position:relative;
float:left;
clear:left;
width: 200px;
margin: 20px 0px 20px 0px;
text-align: right;
}
span.rechts {
position:relative;
float:right;
clear:right;
width: 300px;
margin: 20px 0px 20px 0px;
text-align: left;
}

/* Footer */
#footer {
position:relative;
width: 960px;
height:80;
background-image:url(../images/bg-unten.jpg);
background-repeat:no-repeat;
float:left;
text-align:justify;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding:0px;
}
#footer p {
float:right;
margin: 30px 120px 0px 0px;
padding: 0px;
line-height:15px;
}
#footer span.logo {
float:left;
margin: 26px 0px 0px 0px;
padding: 0px;
}
#copyright {
width: 960px;
margin: 5px 0px 20px 0px;
padding:0;
}
#copyright span a {
text-align: right;
float:right;
padding: 0px 10px 0px 0px;
color: rgb(100,100,100);
font-size: 9px;
text-decoration: none;
}
#copyright p {
white-space: nowrap;
text-indent:-5000px;
}

/* lightbox */

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#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: transparent url(../images/blank.gif) no-repeat; /* 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;
        }

#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: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }


/* Min-Width */
.lbWidth { /* most browsers */
        position: absolute;
        top: 0px; left: 0px;
        width: 100%;
        min-width: 790px;
        }

* html .lbContent { /* IE6 */
        margin-left: -790px;
        position:relative;
        }

* html .lbMinWidth { /* IE6 */
        padding-left: 790px;
        }


/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */