/* CSS für Galerie-Hunchentoot.de
////////////////////////*/

/* CSS für das Design der Seite
/* Styles für das Gerüst der Seite */
body {
     background-color: white;
     background-image: url(background.jpg);
     background-repeat: repeat-x;
     background-attachment: fixed;
     padding: 0px;
     margin: 0px;
     }

* html body {
     min-width:350px;
     background-attachment: scroll;
     }

img  {
     border:0px;
     }

#head {
    width: 342px;
    margin: 0px auto;
    background-image: url(head.png);
    background-repeat: no-repeat;
    height: 269px;
    }

* html #head {
    background-image: url(head.gif);
    margin-left:auto;
    margin-right:auto;
    }

#flash {
    margin-left: 10px;
    background-repeat: no-repeat;
    width: 327px;
    height: 147px;
    }

#number {
    background-repeat: no-repeat;
    width: 132px;
    height: 114px;
    margin-top: 5px;
    margin-left:10px;
    }

#content-sidelines {
    margin: 0px auto;
    background-image: url(content-sidelines.png);
    background-repeat: repeat-y;
    width: 342px;
    }

* html #content-sidelines {
    background-image: url(content-sidelines.gif);
    }

#content {
    position:relative;
    margin: 0px 22px 0px 32px;
    width: 287px;
    min-height:340px;
    }

* html #content {
    float:right;
    margin-top:15px;
    height:340px;
    }

#content-headline {
    margin-top: 36px;
    margin-bottom: 20px;
    }

#content-bottom {
    margin: 0 auto;
    margin-top:50px;
    background-image: url(content-bottom.jpg);
    background-repeat: no-repeat;
    width: 342px;
    height: 46px;
    }

#impressum {
    margin: 0 auto;
    width: 342px;
    margin-top: -7px;
    padding-left: 21px;
    margin-bottom:5px;
    }

* html #impressum {
    padding-left: 0px;
    }

/* Styles für den Navigationskasten und die Navigation
/////////////////////////////////////////////////////*/

#navigation {
    position:fixed;
    width:180px;
    height:140px;
    border: 1px dotted #5c584C;
    margin:15px 0px 0px -190px;
    padding:0px;
    }

* html #navigation {
    float:left;
    position:relative;
    }

#navigation #nav {
    margin-left: -12px;
    }

* html #navigation #nav {
    margin-left: 27px;
    margin-top:10px;
    padding:0px;
    margin-bottom:-3px;
    }

#navigation #nav li {
    list-style: none;
    margin-bottom:11px;
    padding:0px;
    }

* html #navigation #nav li {
    margin-bottom:11px;
    }

#navigation #nav li a {
    width:100px;
    display:block;
    }

#navigation #nav li.active a.current {
    background:url("button.gif") left no-repeat;
    margin-left: -18px;
    }

#navigation #nav li a.current {
    padding-left:18px;
    }



/* Styles für den Content-Bereich
///////////////////////////////////*/

div .separator {
    border-top: 3px dotted #CCCCCC;
    width:326px;
    height:3px;
    margin-left:-21px;
    }

#anfrage textarea {
    width:285px;
    height:124px;
    border:1px solid #CCCCCC;
    }

.icon-border {
    padding:1px;
    border: 1px solid #5c584C;
    width:107px;
    float:left;
    }

/* Styles für die Lightbox im Content-Bereich
//////////////////////////////////////////////*/

#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(blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }

#prevLink {
        left: 0;
        float: left;
        }

#nextLink {
        right: 0;
        float: right;
        }
#prevLink:link, #prevLink:visited:hover {
        background: url(prevlabel.gif) left 15% no-repeat;
        }
#nextLink:link, #nextLink:visited:hover {
        background: url(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: normal;
        } /* font im fenster */

#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);   /* Diese drei Zeilen sind nicht css 2.0 valide */
        -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 */
        }

/* Styles für den Newsletter Kasten
///////////////////////////////////*/

#newsletter {
    position:fixed;
    width:180px;
    border: 1px dotted #5c584C;
    margin:172px 0px 0px -190px;
    }

* html #newsletter {
    float:left;
    position:relative;
    padding:0px;
    }

#newsletter-form {
    margin: 10px 0px 10px 10px;
    padding:0px;
    }

#newsletter-ruler {
     height:1px;
     width:180px;
     border-bottom: 1px dotted #5c584C;
     margin-bottom:10px;
     margin-left:-10px;
     }

* html #newsletter-ruler {
     margin-top:-10px;
     margin-bottom:0px;
     }

input {
    border: 1px solid #CCCCCC;
    width: 128px;
    height:16px;
    margin-top:1px;
    margin-bottom:5px;
    margin-left:-1px;
    }

* html input {
    margin-top:0px;
    margin-left:0px;
    }



* html .absende_button {
    margin-bottom:-8px;
    }

.button {
    border:0px;
    background-color:transparent;
    margin-top:8px;
    margin-left:0px;
    vertical-align:middle;
    width:110px;
    }

* html .button {
    margin-bottom:-8px;
    }

.absende_button {
    float:left;
    margin-top:5px;
    display:none;
    }

.absende_button {
    display:inline;#
    }

.button {
    margin-left:-30px;
    width:128px;
    margin-top:3px;
    }