html, body {
height: 100%;
}

body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12pt;
line-height: 18pt;
color: #000;
}

/********************************
 Allgemeine Formatierungen
********************************/
p {
margin: 0;
padding: 0 0 10px 0;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

#container {
width: 100%;
}


#header, #navi, #footer, #ausstellunglink, #galerielink, #ausstellung_fotolink, img, #exhibition_photo {
display: none;
}

/* Inhaltsbereich */
#content {
width: 100%;
margin: 0 auto;
padding: 0;
}
#content_flash {
width: 600px;
margin: 30px auto;
padding: 0 0 150px 0;
}
#content_anreisepkw {
width: 200px;
margin: 30px auto;
padding: 0 0 150px 0;
}

/********************************
  Seitespezifische Formatierungen
********************************/

/* index.html */

/* aktuelle und naechste Ausstellung */
#exhibition {
clear: left;
height: 99px;
voice-family: "\"}\"";
voice-family: inherit;
height: 97px;
margin: 0;
padding: 0 0 2px 0;

/* galerie.html*/

#galerielink {
width: 212px;
height: 314px;
margin: 0;
padding: 20px 0 0 0;
background: url(../img/infobox1_bg.png) no-repeat;
}
#galerielink li a {
height: 24px;
voice-family: "\"}\"";
voice-family: inherit;
height: 13px;
text-decoration: none;
}
#galerielink li a:link, #galerielink li a:visited {
display: block;
color: #147CC3;
padding: 4px 0 9px 52px;
background: url(../img/galerielink.gif) no-repeat;
}
#galerielink li a:hover {
display: block;
color: #147CC3;
padding: 4px 0 9px 52px;
background: url(../img/galerielinkh.gif) no-repeat;
}

/* ausstellungen.html*/

 {
width: 212px;
height: 314px;
margin: 0;
padding: 20px 0 0 0;
background: url(../img/infobox1_bg.png) no-repeat;
}
#ausstellunglink li a {
height: 24px;
voice-family: "\"}\"";
voice-family: inherit;
height: 13px;
text-decoration: none;
}
#ausstellunglink li a:link, #ausstellunglink li a:visited {
display: block;
color: #147CC3;
padding: 4px 0 9px 52px;
background: url(../img/galerielink.gif) no-repeat;
}
#ausstellunglink li a:hover {
display: block;
color: #147CC3;
padding: 4px 0 9px 52px;
background: url(../img/galerielinkh.gif) no-repeat;
}

#ausstellung_fotolink {
width: 212px;
height: 173px;
voice-family: "\"}\"";
voice-family: inherit;
height: 173px;
margin: 0;
padding: 0;
}

#ausstellung_fotolink a {
width: 212px;
height: 173px;
voice-family: "\"}\"";
voice-family: inherit;
height: 146px;
margin: 0;
padding: 27px 0 0 0;
display: block;
color: #147CC3;
text-decoration: none;

}

#ausstellung_fotolink a:link, #ausstellung_fotolink a:visited  {
background: url(../img/infobox_thumbnails_bg.png) no-repeat;
}

#ausstellung_fotolink a:hover {
background: url(../img/infobox_thumbnails_bgh.png) no-repeat;
font-weight: bold;
color: #fff;
}

.ausstellung_fotolink_unsichtbar a {
margin: 0;
padding: 0;
}

.ausstellung_fotolink_unsichtbar a:link, #ausstellung_fotolink_unsichtbar a:visited  {
display: none;}

.ausstellung_fotolink_unsichtbar a:hover {
display: none;}

.ausstellung_fotolink_tn {
background: #f2f2f2;
border: 5px solid #f2f2f2;
}

/* Ausstellungen Archiv */
/* ausstellungen_archiv_XXXX.html */

#left_kuenstler {
float: left;
width: 260px;
margin: 20px 0 30px 0;
padding: 0;
}

#left_kuenstler a {
text-decoration: none;
line-height: 1.4em;
margin: 0;
padding: 0;
}

#left_kuenstler a:link, #left_kuenstler a:visited {
color: #666;
}

#left_kuenstler a:hover {
color: #147CC3;
}

/* kontakt.html */
/* Kontaktdaten */

#contact_adress {
width: 212px;
height: 314px;
margin: 0;
padding: 35px 0 0 0;
background: url(../img/infobox1_bg.png) no-repeat;
}
#contact_adress p {
padding: 8px 0 0 25px;
}
/* Kontaktformular */
#contact {
margin: 15px 0 0 0;
padding: 0;
}
#contact textarea {
width: 230px;
height: 60px;
border: 1px solid #ccc;
margin: 0;
padding: 2px 2px 3px 2px;
}
#contact span {
display: block;
width: 230px;
color: #147CC3;
margin: 8px 0 2px 0;
}
.contact_input {
width: 230px;
border: 1px solid #ccc;
margin: 0;
padding: 2px 2px 3px 2px;
}
.contact_button {
margin: 25px 0 0 0;
padding: 0;
}

/* impressum.html */
#impressum {
margin: 0;
padding: 15px 0;
}
#impressum p {
padding: 0 0 15px 0;
}

/********************************
  Extras
********************************/

/* lightbox */
#lightbox{
        position: absolute;
        top: 40px;
        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(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/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;
        }
#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;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        }


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

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

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