@charset "UTF-8";

/*    * { padding: 0; margin: 0; }   ----------------------------------- */

/* Layout independent adjustments | Layout-unabhngige Anpassungen ----------------------------------- */
@import url(iehacks.css);


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

  div#Inhalt {
    margin: 0 0 1em 220px;
    padding: 0 1em;
	vertical-align:top;
    text-align:left;

  }
  * 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;
    color: navy;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

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

.SpalteLinks {
	width: 340px;
	vertical-align:top;
	text-align:left
}

.SpaltenTextRechts {
	width: 615px;
	vertical-align:top;
    text-align:left;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 15px;
}

.SpaltenTextRechtsAbsatz {
	width: 615px;
	vertical-align:top;
    text-align:left;
	padding-left: 15px;
	padding-right: 5px;
}

.EineSpalte {
	font-size: 100.01%;
    font-family: Verdana, Helvetica,Arial,sans-serif;
	vertical-align:top;
    text-align:left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.bild {
	letter-spacing: 0.1em;
	padding: 3px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: solid #333333;
}

.grafiklinks { float: left; margin: 0px 10px 10px 0px; }
.grafikrechts { float: right; margin: 0px 0px 10px 10px; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 5px 5px 5px 5px;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 1px;
left: -1000px;
border: 1px dashed green;
visibility: hidden;
color: black;
text-decoration: none;

font-family: Tahoma;
font-size: 100.01%;
text-align: center;
}

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

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