body {
	background-color:#000000;
}
#inhalt {
	background-image:url(content-bg.png);
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}
#header {
        background-image:url(header.png);
	width:960px;
	height:150px;
        text-align: center;
        vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
}
#navigation {
	text-align: center;
        vertical-align: middle;
	margin: 0px auto;
	padding: 0px;	
}
#nav {
	background-image:url(links-bg.png);
	width:960px;
	height:30px;
        text-align: center;
        vertical-align: middle;
	margin: 0px auto;
	padding: 0px;	
}
#mid {
	width:960px;
        vertical-align: middle;
        text-align: center;
	margin: 0px auto;
	padding: 0px;
        overflow: auto;
}
#text {
	width:726px;
        .float:left;
	text-align:left;
	background-image:url(build-images/text-bg.png);
        
}
#text-header {
	width:726px;
	height:31px;
        float:left;
	background-image:url(text-header.png);
}
#text-mid {
	width:726px;
	background-image:url(text-mid.png);
        float:left;
	font-size: 16px;
	color:#000000;		
}
#content {	
	width:700px
        margin:0px auto;
	text-align:left;
        padding-left:15px;
}
#content-heading {
	font-family:Freestyle Script;
	font-size:40px;
	width:760px;
	height:22px;
}
#text-footer {
	width:726px;
	height:30px;
        float:left;
	background-image:url(text-footer.png);
}
#quick-navigation {
        width:190px;
        text-align: center;
        vertical-align: middle;
	margin: 0px auto;
	padding: 0px;	
        overflow:auto;
        .float:right;
}
#quicknav-header {
	background-image:url(quicknav-header.png);
	width:190px;
	height:30px;
	font-size: 12px;
	color:#8e8e8e;
}
#quicknav-mid {
	background-image:url(quicknav-mid.png);
	width:190px;
	font-size: 12px;
	color:#8e8e8e;
}
#quicknav-footer {
	background-image:url(quicknav-footer.png);
	width:190px;
	height:29px;
	font-size: 12px;
	color:#8e8e8e;
}
#quicknav-header2 {
	background-image:url(quicknav-header2.png);
	width:190px;
	height:30px;
	font-size: 12px;
	color:#8e8e8e;
}
#quicknav-mid2 {
	background-image:url(quicknav-mid2.png);
	width:190px;
	font-size: 12px;
	color:#8e8e8e;
}
#quicknav-footer2 {
	background-image:url(quicknav-footer2.png);
	width:190px;
	height:29px;
	font-size: 12px;
	color:#8e8e8e;
}
#footer {
	background-image:url(footer.png);
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 36px;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: white;
}
li {
  float: left;
  position: relative;
  width: 160px;
}
li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
}
li > ul {
	top: auto;
	left: auto;
}
li:hover ul, li.over ul{ 
        display: block; 
}
#under {
	clear: left;
}





/*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: 0 5px 5px 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}