/* stylesheet for www.bennygrenz.de */

  .text { text-align: left;
    color: rgb(35, 35, 35);
    font-family: "Adobe Garamond Pro",Times,serif;
    font-weight: inherit;
    font-size: 10pt;
    }

  .fussnote { font-size: 8pt;
    color: rgb(102, 102, 102);
    font-family: Arial,Helvetica,sans-serif ! important;
    }

  .seitentitel { font-size: 16pt;
    font-style: italic;
    text-align: left;
    color: rgb(204, 204, 204);
    font-family: "Adobe Garamond Pro",Times,serif;
    letter-spacing: 5px;
    }

  .headline { font-size: 12pt;
    font-family: "Adobe Garamond Pro",Times,serif;
    font-weight: bold;
    margin-bottom: 50px;
    }

  .konzerte { font-weight: normal;
    font-style: normal;
    font-size: 10pt;
    color: rgb(35, 35, 35);
    font-family: "Adobe Garamond Pro",Times,serif;
    }

  .nav { text-align: center;
    font-family: "Adobe Garamond Pro",Times,serif;
    font-style: italic;
    font-size: 14pt;
    color: rgb(35, 35, 35);
    }

  a:visited { text-decoration: none ! important;
    font-family: adobe garamond pro;
    color: rgb(204, 102, 0);
    }

  a:link { text-decoration: none ! important;
    font-family: "Adobe Garamond Pro",Times,serif;
    color: rgb(204, 102, 0);
    }

  a:hover { color: rgb(204, 102, 0);
    text-decoration: underline ! important;
    font-family: "Adobe Garamond Pro",Times,serif;
    }

  .box { border: 1px solid rgb(192, 192, 192);
    font-family: "Adobe Garamond Pro",Times,serif;
    color: rgb(35, 35, 35);
    font-size: 10pt;
    }

  .foto { border: 2px solid rgb(255, 255, 255);
    }

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

  #lightbox img { width: auto;
    height: auto;
    }

  #lightbox a img { border: medium none ;
    }

  #outerImageContainer { margin: 0pt auto;
    position: relative;
    background-color: rgb(255, 255, 255);
    width: 250px;
    height: 250px;
    }

  #imageContainer { padding: 10px;
    }

  #loading { position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0pt;
    }

  #hoverNav { position: absolute;
    top: 0pt;
    left: 0pt;
    height: 100%;
    width: 100%;
    z-index: 10;
    }

  #imageContainer > #hoverNav { left: 0pt;
    }

  #hoverNav a {  }

  #prevLink, #nextLink { width: 49%;
    height: 100%;
    display: block;
    }

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

  #nextLink { right: 0pt;
    float: right;
    }

  #prevLink:hover, #prevLink:visited:hover { background: transparent url(../images/prevlabel.gif) no-repeat scroll left 15%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #nextLink:hover, #nextLink:visited:hover { background: transparent url(../images/nextlabel.gif) no-repeat scroll right 15%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #imageDataContainer { margin: 0pt auto;
    font-family: Verdana,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10px;
    font-size-adjust: none;
    background-color: rgb(255, 255, 255);
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    }

  #imageData { padding: 0pt 10px;
    color: rgb(102, 102, 102);
    }

  #imageData #imageDetails { width: 70%;
    float: left;
    text-align: left;
    }

  #imageData #caption { font-weight: bold;
    }

  #imageData #numberDisplay { display: block;
    clear: left;
    padding-bottom: 1em;
    }

  #imageData #bottomNavClose { width: 66px;
    float: right;
    padding-bottom: 0.7em;
    }

  #overlay { position: absolute;
    top: 0pt;
    left: 0pt;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: rgb(0, 0, 0);
    }

  .date { font-family: "Adobe Garamond Pro",Times,serif;
    font-size: 9pt;
    font-style: italic;
    }

  .blog { font-family: "Adobe Garamond Pro",Times,serif;
    font-size: 11pt;
    background-color: rgb(243, 243, 243);
    }

  .start { font-family: "Adobe Garamond Pro",Times,serif;
    font-style: italic;
    font-size: 14pt;
    color: rgb(84, 84, 84);
    }


