/*
       style.css
       FrankHoffmann.com
       Oktober 2008
*/

* {
        padding: 0;
        margin: 0;

}

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
        background: #fff url(bilder/grid.png) top left no-repeat;
*/
        background: white;
}

html>body {
        font-size: 11px;
}


body{

        background: transparent url(bilder/line-height.gif) top left;
        background: white;
        text-align: center;
        font-size: 70%;
        line-height: 180%;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 0 0 0 0;
}

#KeywordsHeader h1, #KeywordsHeader p {
        border-bottom: none;
        color: #f2f2f2;
        margin: 0 0 0 0;
        font-size: 90%;
        font-variant: normal;
        font-weight: normal;
        line-height: 100%;
        letter-spacing: 0px;
}

p, h1, ul{
        padding: 0 20px 0 20px;
}


li{
  list-style: square;
}


h1{
        font-size: 1.4em;
        border-bottom: solid thin silver;
        padding-bottom: 5px;
        letter-spacing: 2px;
        font-variant: small-caps;
        font-weight: normal;
        margin-bottom: 1.5em;

}

h1 em{
 font-size: 0.8em;
 letter-spacing: 1px;
 font-style: normal;
}

h2{
        letter-spacing: 1px;
        margin-left: 20px;
        margin-bottom: 0.4em;
        font-size: 1.2em;
        font-weight: normal;
        font-variant: small-caps;

}


/* Bilder und verlinkte Bilder ohne Rahmen */
img, a img {
        border: 0;
}

a{
        text-decoration: none;
        color: #a65300;
}

a:hover{
         border-bottom: 2px dotted #a65300;
}

p a:hover{
         border-bottom: 2px dotted #a65300;
}

/* Macht die gestrichtelte Linie um geklickte Links unsichtbar */
a:focus {
        outline: none;
}


#NavigationLink{
        font-size: 80%;
        margin-top: 10px;
        text-decoration:
}

#NavigationLink a:hover{
   text-decoration: underline;
}

a.GraphicColor {
  border-bottom: none;
}

a.GraphicColor:hover {
        text-decoration: underline;
}

.GraphicColor{
        color: #be6c3b;
        text-decoration: none;
}

#wrapper{
        position: relative;
        text-align: left;
        margin: 20px auto;
        width: 960px;
}

#Menu{
        font-size: 0.9em;
        float: left;
        width: 100%;
        height: 21px;
        background-color: black;
        background-image: url(MenuRechtsRund.jpg);
        background-position: right;
        background-repeat: no-repeat;
}


#Menu li {
        float: left;
        list-style: none;
}

#Menu li a{
        color: #FFFFFF;
        float: left;
        padding: 1px 20px;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: none;
}

#Menu li a:hover{
        color: white !important;
        background-color: maroon;
        text-decoration: underline;
}

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

img.unterlogo {
  margin: 25px 0 15px 0;
  height: 88px;
  width: 400px;
}

#titleMenu a:hover{
        color: #f5f5f5 !important;
        background-color: maroon;
        text-decoration: underline;
}


#titleMenu a{
        color: white;
        float: left;
        padding: 1px 20px;
        border-right: 1px solid #FFFFFF;
        border-left: 2px solid #FFFFFF;
        border-bottom: none;
}

#titleMenu{
        padding: 0 0 0 0px;
        background-color: black;;
        float: left;
        font-size: 110%;
       }

#titleMenu.current_page_item a{
  color: black !important;
  background-color: #FFFFFF;
}

li.current_page_item a{
        color: black !important;
        background-color: #FFFFFF;
        text-decoration: underline;
}

/* Der Link für die Originalbilder auf der Fotografie-Seite */
li.page-item-807 a{
  background-color:  maroon;
}

#TitleSchrift{
        float: left;
        font-size: 0.9em;
        color: #cfd0ce;
        margin: 5px 0 0 40px;
}

.Slogan{
        float:left;
        margin-left: 0px;
        margin-top: -5px;
        font-size: 0.8em;

}

#Datum{
        font-size: smaller;
        color: #696969;
        float: right;
}

#panorama{
        clear: both;
        position: relative;
        width:960px;
        height:265px;
        vertical-align:text-bottom;
        top: 10px;
        margin-bottom: 50px;
}

#panorama.SinglePage{
        top: 20px!important;
}

#panorama.Hipstamatic{
        display:none;
}

img.Hipstamatic {
  margin: 20px 0 20px 0;
  width: 450px;
  height: 450px;

}


#panorama img{
        width:960px;
        height:265px;
}

#panorama p{
        margin: 0 0 0 0;
        position: absolute;
        right:0px;
        bottom:0px;
        color: #FFFFFF;
        background-color: gray;
        opacity:0.7;
        padding: 0 20px 3px 20px;
        height: 1.8em;
        font-size: 0.9em;
        letter-spacing: 1px;
        }

#panorama a{
        color: #FFFFFF;
        padding: 5px 2x 5px 2px;
        border-bottom: none;
        font-variant: normal;
        font-size: 0.9em;
}

#panorama a:hover{
 text-decoration: underline;
 color: white;
}

/* Titelzeile */
#title{
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;
   margin-top: 10px;
   margin-bottom: 40px;
}


#title p {
  margin-left: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 2em;
  letter-spacing: 1.5px;
  font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
}

/* Präsentation der Gallerien auf der Fotografie-Seite*/

.PreviewBox h2{
 font-size: 1.3em;
 letter-spacing: 2px;
}

.PreviewBox{
        height: 200px;
        width: 500px;
        float: right;
        margin: 0 30px 35px 20px; /* nur für IE */
        padding: 10px 10px 0 10px;
        margin-left: 10px;
        /*line-height: 140%;   */
}


html>body .PreviewBox{
   margin: 0 100px 35px 20px; /* Alle anderen Browser als IE */
}


.PreviewBox img.alignnone {
    position: absolute;
    margin-left: -325px;
    /* background: url(SchattenFuer300.gif)  no-repeat bottom left; */
    width: 200px;
    height: 133px;
    padding: 1px 11px 9px 5px;
}

.PreviewBox p{
 line-height: 180%;
}

/*  Vorschau der Referenzen  */



/*  Präsentation Antiquarius  */

#PreviewAntiquarius img.alignnone {
  position: absolute;
  margin-top: -5px;
  margin-left: -350px;
  border: 10px solid white;
  background: url(SchattenFuer300.gif)  no-repeat bottom left;
 padding: 1px 11px 9px 5px;
}


#PreviewAntiquarius{
        float: right;
        width: 650px;
        min-height: 300px;
        background-color: white;
        margin-left: 10px;
        margin-top: 5px;
        overflow: auto;

}



#PreviewAntiquarius strong {
  font-weight: normal;
  font-variant: small-caps;
  font-size: 1.2em;
}


#PreviewAntiquarius img{
        display: block;
        margin-bottom: 10px;
}

#PreviewAntiquarius a:hover{
        border-bottom: none;

}


#PreviewAntiquarius h1{
        padding-bottom: 0px;
        border-bottom: none;
        margin-left: 20px;

}

#PreviewAntiquarius a:hover{
   border-bottom: 2px dotted #a65300;
}


p.DateVeranstaltung {
        color: maroon;
        text-align:right;
        font-size: 1.4em;
        font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;

}

p.Date{
    color: gray;
    float:right;
    font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
    font-size: 1em;
}

.AntiquariusContent {
        margin: 0 auto;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;

}



h1.SingleImage{
                  margin: 0 0 10px 0;
                  font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
                  font-size: 170%;
                  font-weight: normal;
                  font-variant: normal;
                  line-height: 130%;
                  letter-spacing: 0px;
}

img.FullImage{
        border: solid 1px silver;
}

#FullImageDiv{
        clear: both;
        text-align: center;
   margin: 30px 0 20px 0px;
}

#NextImageLink{
        margin-right: 20px;
        font-size: smaller;
        font-weight: bold;
        position: absolute;
        top: 75px;
        right: -50px;
        padding: 0 10px 0 10px;
}

#NextImageLink:hover{
        border-bottom: none;
        Background-color: black;
        color: white;
}


#LinkeSpalte {
        padding: 0px 0px 20px 20px;
        float: left;
        width: 220px;


}

#LinkeSpalte h1{
        margin-bottom: 1.4em;
}



#MittelSpalte {
        margin: 0 0 0 0;
        padding: 0 20px 0 20px;
        float: left;
        width: 460px;
}


/* SinglePage, Kontakt */

 #MittelSpalte.SinglePage h3, #MittelSpalte.Kontakt h3, #MittelSpalte.Hipstamatic h3{
   font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
   font-size: 1.5em;
   position: absolute;
   margin-left: -250px;
   padding-left: 20px;
   font-weight: normal;
   border-bottom: 1px solid gray;
   padding-bottom: 10px;
   width: 200px;
   text-indent: 0em;
   text-align: left;
}

 #MittelSpalte.Hipstamatic h3{
   margin-top: 80px;
 }


#MittelSpalte.Kontakt p{
    padding-left: 125px;
}

#MittelSpalte.SinglePage h3 em, #MittelSpalte.Kontakt h3 em{
   color: #be6c3b;
   font-style: normal;

}

#MittelSpalte.SinglePage  {
      width: 460px;
      text-align: justify;
      text-indent: 2em;
      line-height: 1.9em;
      background: url(SchattenPapier.gif) no-repeat;
      background-position: bottom right;
      padding-bottom: 30px;
      padding-right: 35px; 
}



/* ********************** */

#MittelSpalte.SinglePage strong, #MittelSpalte.Kontakt strong  {
  font-weight: normal;
  font-variant: small-caps;
  font-size: 1.2em;
}


#MittelSpalte.Liste h1{
 margin-bottom: 0.5em;
}


.BoxAktuell {
  border-bottom: 1px silver dotted;
  padding: 10px 0 15px 0;

}

.BoxAktuell img.alignnone {
  display: none;
}

img.sign {
   height: 10%;
   margin-left: 150px;
   margin-top: 30px;
   display: none;
}


/* Rechte Spalte ***********/

#RechteSpalte.SinglePage h1{
    display: none;
}

#RechteSpalte{
        float: right;
        width: 200px;
        padding-right: 20px;
        }

#RechteSpalte p{
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}

#RechteSpalte a{
  /* font-size: 1.1em; */
   }


#RechteSpalte #ShowBox{
  /* font-size: 0.9em; */
 /* line-height: 160%; */
  padding-bottom: 10px;
  border-bottom: 1px silver dotted;
  margin-bottom: 10px;

}

#RechteSpalte #ShowBox img.alignnone{
  display: none; 
}

/* ***************** */


#Impressum {
        padding: 20px 0 0 0;
        line-height: 130%;
        font-size: 0.8em;
}

#ContentType {
        clear: both;
        min-height: 300px;
        padding: 10px 0 0 0;
        margin: 0 auto;
        overflow: hidden;
}

/* Tag Cloud */

#TagCloud{
  padding: 2em 30px 2em 30px;
  margin-top: 3em;
  clear: both;
  line-height: 1.8em;
  border-top: silver dotted 1px;
}

#TagCloud a{
 padding: 0 5px 0 5px;
 font-variant: normal;
 color: black;

}

#TagCloud a:hover{
    color: #a65300;
    text-decoration: underline;
}

/* Ende Tag Cloud */


/* Tag Seite */

.BoxShowTag {
    margin-bottom: 3.5em;
}


#TagPageRight {
    float: right;
    width: 350px;
    line-height: 2.5em;
    word-spacing: 0.6em;
    padding: 0 20px 0 0px;
    margin-top: 45px;

}

#TagPageRight a:hover {
    background-color: black;
    color: white;
    padding: 5px 0px 5px 0px;
    }

#TagPageRight a {
 text-decoration: underline;
}


#TagPageLeft {
  float: left;
  width: 450px;
  padding: 0 0 0 40px;
}

#TagPageLeft h1{
   font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
   font-size: 2.5em;
   font-variant: normal;
   margin-top: 0.9em;

}

#TagPageLeft img.alignnone {
  margin: 10px 0 15px 0;
  border: 1px silver dotted;
}

#TagPageLeft p a:hover {
   text-decoration: underline;
}


#TagPageLeft a:hover {
   border-bottom: none;
}

#TagPageLeft p.Date{
 color: maroon;
}

/* Ende Tag Seite */

.rechts {
  float: right;
}

.links {
  float: left;
}


input {
  margin-top: 10px;
}


#footer{
        clear: both;
        font-size: 80%;
        padding: 5px 0px 10px 0;
        border-top: silver solid 1px;
        margin-top: 20px;
        height: 30px;
        text-align: center;
}

#footer a{
     border-bottom: none;
     color: black;
}

#footer a:hover{
     text-decoration: underline;
  }