@charset "utf-8";
/* CSS Document */

  body {
    color: #4c4d56; background-color: #b0bedc;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

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

  div#Seite {
    text-align: left;     /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #fed url(pix/index/sonnem.jpg) no-repeat -10% 120%;
	/* #fcf4d8 url(pix/sonnem.jpg) bottom left no-repeat; */
    border: 2px solid #4c4d56;
  }

  h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: center;
    background: #f4bf0f; /* #fed url(pix/sonnem.jpg) no-repeat 115% 85%; */
    border-bottom: 1px solid #4c4d56;
  }

  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 200px;
    margin: 0 0 15em; padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
	text-decoration:none;
    border-left:#f3b910 solid;
  }
  ul#Navigation a:link { 
    color: #4c4d56; background-color: #fff;
  }
  ul#Navigation a:visited {
    color: #4c4d56; background-color: #fff;
  }
  ul#Navigation a:hover {
    color: #fff; background-color: #f4bf0f;
  }
  ul#Navigation a:active {
    color: #fff; background-color: #f4bf0f;
  }
  ul#Navigation a.aktuell { 
    color: #fff; background-color: #f3b910;
  }

  div#Inhalt {
    margin: 0 0 1em 220px;
    padding: 0 1em;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div#Inhalt a {
	  border-bottom: solid thin #dc9312;
  }
  div#Inhalt a:hover {
	  color:#dc9312;
	  background-color:#fff;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #f4bf0f;
    border-top: 1px solid silver;
  }

  img.katalog { 
    border:solid thin #4c4d56; margin: 5px;
  }

  div.zusatz {
	font-size: 0.83em;
  }
  
  
  div.auswahl img {
	  margin-right:1em;
	  border:solid thin #4c4d56;
    /* float:right;
	margin-left: 1em;
	padding:0.2em; */
  }
  
  
  
  div.menue {
	margin:0.5em 0;
	padding:0.2em 0.5em;
	font-weight:bold;
	background-color:#FFF;
    border-left:#f3b910 solid;
  }
  div.menue a { 
    margin:0 0.2em 0 0;
	padding:0.1em;
	border:solid thin #f3b910;
	background-color:#FFF;
  }
  div.menue a:hover {
	  color:#dc9312;
  }
  
  
  div.menue a.aktuell { 
    color: #fff; background-color: #f3b910;
  }
  
  div.untermenue a{
	  margin-right:0.2em;
	  font-size:smaller;
  }
  
  div.untermenue a.aktuell{
    color: #fff; background-color: #f3b910;
  }
  
  
  img.rechts {
	  float:right;
	  margin:0.5em;
  }
  
  img.links {
	  float:left;
	  margin:0.5em;
  }
  
  
  
  
  
.galerie1{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #4c4d56;
/*margin: 0 1px 1px 0;*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #f4bf0f;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #4c4d56;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}