/* Quelle:
Lock the footer to the bottom of viewport
http://gtwebdev.com/workshop/layout/footer-bottom.php */

html, body, #container {
  min-height: 100%; /*Sets the min height to the
                      height of the viewport.*/
  width: 100%;
  height: 100%; /*Effectively, this is min height
                  for IE5+/Win, since IE wrongly expands
                  an element to enclose its content.
                  This mis-behavior screws up modern
                  browsers*/
  margin: 0;
  padding: 0;
  background: #574D48;
  /* background-image:url(braun.png); */
  /* background-color:#574D48; */
  font-family: Verdana, Helvetica, Arial, sans-serif;
}


html>body #container {
  height: auto; /*this undoes the IE hack, hiding it
                  from IE using the child selector*/
}


#container {
  position: absolute;
  top: 0;
  left: 0;
}

#main {
  height: auto;
  padding: 1.4em;
  margin: 0 auto;
  min-width:500px;
}






#home {
  position:absolute; right:0; top:0;
  z-index:3;
  width: 225px;
  margin-right:1.4em;
  font-family: Helvetica, HelveticaNeue, Arial, sans-serif;
  color: silver;
}

#home h1 {
  font-size: 6em;
  font-weight:normal;
  text-align:right;
  line-height: 90%;
  margin: 22px 0 .4em 0;
  padding:0;
}

#home h2 {
  font-family: Helvetica, HelveticaNeue, Arial, sans-serif;
  font-size: 1.4em;
  font-weight:normal;
  text-align:right;
  line-height: 140%;
  margin: 0 .2em 0 0;
  padding: 0 0 2em 0;
}

#home h2 span#akt{}



#home span {
  display:block;
  margin-bottom:.5em;
  font-size:75%;
  line-height:150%
}

#home a {
  text-decoration: none;
  color:black;
}

#home a:hover {
  color:silver;
}

#home a:link#here, #home a:visited#here {
  color:silver;
}

/* Bildwechsel fuer den Link */
/* nach http://www.1ngo.de/web/bildwechsel.html */
@media screen {
  #home h1.scr a {
    background: url(Karsten_Meyer_574D48_hover.gif) no-repeat;
    display:block; width:227px; /* Linkbereich begrenzen */
}
  #home h1.scr img {
    display:block; width:227px; height:177px; border:0;
}
  #home h1.prt {
    display:none
}
}
#home h1 a:hover img {
    visibility: hidden;
}
#home h1 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;

* html h1 #home a {
    margin-right:1px;
}
* html h1 #home a:hover {
   width:227px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
}


#bild {
  position:absolute; left:12%; bottom:17%;
  z-index:2;
  overflow:hidden;
  border: none;
  color: #574D48;  /* fuer unsichtbaren Rahmen */
  border-style:solid; border-color: #574D48;
}

#bild_ohne_js {
  position:absolute; left:12%; bottom:17%;
  z-index:1;
  overflow:hidden;
  border: none;
}





#footer {
  position: absolute; bottom: 0;
  width: 100%;
  min-width:500px;
  margin: 0 auto;
}

#navi {
  padding: 0; margin:0;
  float: left;
  width: 100%;
  color: white;
  background-color: #453D39;
}

#navi li {
  list-style-type: none;
  display: inline;
}

#footer span {
  float: right;
  margin: 0 .5em .2em 0;
  color: white;
  background-color: #574D48;
  text-decoration: none;
}

#navi a {
  float: left;
  font-size: 85%;
  padding: 0.25em 1em 0.25em 1em;
  text-decoration: none;
  white-space:nowrap;
  border-right:1px solid silver;
}


#navi a:link, #navi a:visited {
  color:white; background-color: #453D39;
}


#navi a:hover {
  border-color: black silver silver black;
  color:white; background-color: black;
}

#navi .h a:link, #navi .h a:visited{
  color:white; background-color: #451700;
}

#navi .h a:hover {
  border-color: black silver silver black;
  color:white; background-color: black;
}



/* ---------------------------------------------------------*/

.textbox, .titelbox, .titelbox_foto, .titelbox_foto_halb, .bildbox, .bildauswahl {
  width:auto;
  margin:0 250px 1.2em .5em;
  padding: .4em 1em .6em 1em;
  font-size:90%;
  color:black; background-color:#a9a9a9;
}

.textbox a:link, .textbox a:visited,
.titelbox a:link, .titelbox a:visited,
.titelbox_foto a:link,
.bildbox a:link, .bildbox a:visited,
.bildauswahl a:link, .bildauswahl a:visited {
  text-decoration:underline;
}

.bildauswahl img {
  margin-right:1em
}
.textbox, .titelbox, .titelbox_foto, .bildbox {
  max-width:55em;
}

.titelbox_foto_halb {
  max-width:34em;
}

.textbox a:link {
  color: #660000;
  text-decoration:none;
}

.textbox a:visited {
  color: #770000;
  text-decoration:none;
}

.textbox a:hover {
  color: #CC0000;
  text-decoration:none;
}

.titelbox {
  color:black; background-color:#d2b48c;
}

.titelbox_foto, .titelbox_foto_halb {
  color:black; background-color:#800000;
}

.bildbox, .bildauswahl {
  color:gray; background-color:#39240F;
  padding: .1em 1em 1.5em 1em;
}

.bildauswahl {
  padding-top:2em
}


.bildbox h3 {
  margin-top:4em
}



.IMGINDEX {  /* Bildnummern unter den Thumbs */
  padding-left:.3em
}

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

ul.bildliste li {
  float:left;
  margin-right:5px;
  padding:0        ;
  height:200px
}

ul.bildliste img {
  display:block
}

#einzelbild {
 display:block;
 text-align:center;
 overflow:auto
}


.anm{
  font-size:80%;
  margin-left:2em;
  text-indent:-2em;
}

p, li {
margin: .1em 0 .6em 0;
}

img {
  border:0;
}

h1, h2, h3, h4 {
margin-bottom: .2em;
}

h3 span {
  font-size: 50%;
  white-space:nowrap;
}

a:link {
  color: #a9a9a9;
  text-decoration:none;
}

a:visited {
  color: #a9a9a9;
  text-decoration:none;
}

a:hover {
  color: #d3d3d3;
  text-decoration:none;
}



a[href ^="http://"] {
  background: url(extern.gif) center right no-repeat;
  padding-right: 13px;
}

a:hover[href ^="http://"] {
  background: url(extern.gif) center right no-repeat;
  color:white;
}



.nach_oben {
  font-family:Georgia,Times,"Times New Roman",serif;
  font-size:80%;
  display:block;
  float:right;
  margin-right:-3em;
}
.nach_oben a:link, .nach_oben a:visited {
  font-size:x-large;
  text-decoration:none;
}

a[href="#top"] {
  float:right;
  background: url(auf1.gif) center no-repeat;
  padding: 10em 1em 10em 1em;
  margin: -10em -2em 0 1em;
}

a:hover[href="#top"]  {
  background: url(auf2.gif) center no-repeat;
}




#IMGDATE, .ganzklein {
  font-family: sans-serif;
  font-size: smaller;
  font-style:italic;
  }

.brotkrume {
  clear:left;
  font-family: 'Lucida Sans Unicode', sans-serif;
  font-style:italic;
  margin-bottom:1em; padding-bottom:0;
  border-bottom: 1px solid silver;
  }

.brotkrume span {
  white-space:nowrap;
}

.brotkrume b {
  font: italic bold 180% serif ;
  color:silver;
  padding-left:.3em
}

.brotkrume a:link, .brotkrume a:visited {
  color: gray;
  white-space:nowrap;
  text-decoration:none
}

.brotkrume a:hover {
  color: #d3d3d3;
  text-decoration:none;
}

.bildnavi {
  text-align:center;
  overflow:auto;
  margin: .3em 0 1em 0;
  color:black;
}

.bildnavi a:link, .bildnavi a:visited{
  color:gray;
  text-decoration:none;
}

.bildnavi a:hover {
  color: silver
}

#ORIGFILE {
  padding-left:1em;
  color:#39240F
}

.seitenmenu {
  font-family: Helvetica, Arial, sans-serif;
  font-size:80%;
  display:block;
  float:right;
  margin:0 -1em 0 1em;
  padding:0;
}

.seitenmenu a {
  font-family: Helvetica, Arial, sans-serif;
}


/* (Um-) Definitionen nur fuer den Druck */
/* ---------------------------------------------------------- */

@media print
        {

  #home h1.prt a {
    background: url(Karsten_Meyer_ffffff.gif) no-repeat;
    display:block; width:227px; /* Linkbereich begrenzen */
  }

  #home h1.scr {
    display:none
  }


#home {
  position:absolute; right:0; top:0;
  z-index:3;
  margin0;
  font-size:90%;
  color:black;
}

#home a{
  font-weight:lighter;
  color:gray;
}

.textbox, .titelbox {
  margin:0 160px 0 40px;
  padding: 0;
  font-size:90%;
  color:black; background-color:#a9a9a9;
}

.keindruck, .seitenmenu, .nach_oben {
  display:none
  }

.sp800 {
  display:none
  }

.pb {
  page-break-before:always
  }

#Navi {
  display:none
  }

div#Inhalt {
  margin: 1em
}
        }
/* Ende der Definitionen fuer den Druck */