/*
*
{
        border: 0px;
}
*/

/* Scrollbar Maker */
html
{
         height: 101%;
}

a:link,
a:visited
{
        text-decoration: none;
        font-weight: bold;
        color: rgb(160,160,160);
}

a:hover,
a:active,
a:focus,
a.on
{
        text-decoration: none;
        font-weight: bold;
        color: black ;
        outline: none;
}

#lightbox a:link,
#lightbox a:visited,
#lightbox a:hover,
#lightbox a:active,
#lightbox a:focus,
#lightbox a.on
{
   color:black;
}

p a:link,
p a:visited
{
        color: black;
}

p a:hover,
p a:active,
p a:focus,
p a.on
{
        color: rgb(160,160,160); ;
}



body
{
        color: black;
        background-color: white;
        font-family: verdana, sans-serif;
        font-size: 11px;
        line-height:17px;
        margin: 0 auto;
        width: 800px;
}

img
{
         border:0px;
}

h1
{
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0px;
        margin: 0px;
        padding: 0px;
        text-align: left;
}

p
{
        margin: 0px;
        text-align: left;
        padding: 0px;
}

p.zutaten,
p.footer
{
         color: rgb(153,153,153);
         font-size: 11px;
         line-height:17px;
}

.linie800,
.linie550,
.linie200
{
         /* 2 + 2
         padding-top: 29px;
         padding-bottom: 21px;
         */
         /* 2 + 3 */
         padding-top: 29px;
         padding-bottom: 38px;
         clear: both;
         display: block;
}

.linie550
{
         padding-left: 250px;

}

div.footer
{

         clear: both;
         font-size:0px;
         line-height:0px;
         /* identisch height: 53px;  */
         /* bis Oberlänge h1  height: 61px;  */
         /* bis Grundlinie h1    height: 69px; */
         /* 1z bis Grundlinie    */ height: 51px;

         /* 2z padding-top:12px; */
         /* 3z bis Grundlinie  */ padding-top:29px;
         /* 3z bis oberlänge   padding-top:21px; */
}

#logo
{
        padding-bottom: 66px;
        padding-top: 69px;
        float: left;
        width: 200px;
}

#naviHeaderRechts
{
        width: 151px; /* war 154 */
        padding-top: 86px;
        word-spacing: 26px;
        /* margin-left: 91px; */
        float: right;
}


#naviHeaderMitte
{
        padding-top: 86px;
        word-spacing: 26px;
        margin-left: 250px;
        /* margin-right: 242px;   */
}

.naviLinks
{
         width: 200px;
         clear: both;
         float:left;

}

.inhalt550
{
         width: 550px;
         float: right;
}

.inhalt350
{
         width: 350px;
         clear: both;
         float: left;
         padding-left: 250px;
}

.playerContainer
{
         width:200px;
         float:left;
}

.playlist
{
         margin-top:15px;
         margin-bottom:12px;
}

.player
{
         margin-left:0px;
}

.inhalt350Player
{
         width: 350px;
         float: right;
         padding-left: 50px;
}

.inhalt350Bild
{
         width: 350px;
         text-align: center;
         padding-left: 250px;
}

.inhalt550Bild
{
         width: 550px;
         text-align: center;
         padding-left: 250px;
}


.containerBildRighttext
{
        width: 100%;
        float:left;
        //margin-top:47px;
        //margin-bottom:23px;
        position:relative;
}

.inhalt150
{
         width: 150px;
         float: right;
         padding-left: 50px;
}

.inhalt150BildRighttext
{
        width: 150px;
        padding-left: 50px;
                position:absolute;
                right:0;
                bottom:0;
                margin-bottom:30px;
}

.bild
{
    margin-top: 47px;
    margin-bottom: 21px;
}

.bildTight
{
    margin-top: 29px;
    margin-bottom: 30px; /* war 29 */
}

.bildSchoko
{
        float:left;
        padding-left:35px;
}

.schokontainer
        {
                margin-top:24px; /* war 34 */
                margin-bottom:28px; /* war 36 */
                margin-left:15px;
                width:534px;
                float:right;

                //position:relative;
        }

.invisible
{
        display:none;
}



/* LIGHTBOX */
#lightbox{
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        color:#151410;
        }


/*
#lightbox a, #lightbox a:hover {
        border-bottom:none;
        color:#151410;
        text-decoration:underline;
}
*/

#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;
        }
#loadingLink {
        display:block;
        margin:0 auto;
        padding:0;
        width:32px;
        height:32px;
        background:url("images/loading.gif") center center no-repeat;
        text-indent:-9999px;
}
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
        width: 49%;
        height: 100%;
        background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
        display: block;
        text-indent:-9999px;
        }
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.png") left 25% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.png") right 25% no-repeat; }


#imageDataContainer{
        font: 11px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageDetails{ width:50%; min-width: 121px; float: left; text-align: left; }
#caption{ font-weight: normal;        }
#numberDisplay{ display: block; clear: left; height:0px; overflow:hidden;}
#detailsNav{ display: block; clear: left; float:left; padding:0 0 10px 0;}
#prevLinkDetails { margin:0 10px 0 0; }
#nextLinkDetails { margin:0 0 0 0; }
#closeLink {
        display:block;
        margin:0;
        padding:0 0 10px 0;
        text-decoration:none;
        float:right;
        width:66px;
        /*height:28px; */
        background:url("images/closelabel.png") no-repeat;
        text-indent:-9999px;
        overflow:hidden;
}

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #151410;
        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 */
        }