/* CSS für www.wuerfeltheater.de */
 
	body 
	{
		background: rgb(255, 100, 0);
		font: Arial;
	}
 
	html, body
	{
		margin: 0pt;
		padding: 0pt;
		top: 0pt;
		left: 0pt;
		right: 0pt;
		min-height: 100%;
		width: 100%;
		font-family: Arial;
	}

	#header_container
	{
		margin: 0pt;
		position: fixed;
		top: 0pt;
		left: 0pt;
		right: 0pt;
		text-align: center;
		height: 3em;
		z-index: 3;
	}

	#header
	{
		margin: 0pt;
		padding: 0.2em;
		background: rgb(255, 225, 0) none repeat scroll 0%;
		position: absolute;
		top: 0pt;
		left: 0pt;
		right: 0pt;
		bottom: 0pt;
		height: 100%;
		z-index: 3;
	}

	#menu
	{
		border: 3px dotted rgb(222, 222, 222);
		padding: 0.5em;
		position: fixed;
		top: 4em;
		left: 0.5em;
		width: 9em;
	}

	#content
	{
		margin: 0pt;
		padding-top: 4.85em;
		padding-left: 12em;
		padding-bottom: 3em;
		z-index: 2;
	}

	#footer_container
	{
		margin: 0pt;
		position: fixed;
		bottom: 0pt;
		left: 0pt;
		right: 0pt;
		text-align: center;
		height: 2em;
		z-index: 3;
	}

	#footer
	{
		background: rgb(255, 225, 0) none repeat scroll 0%;
		position: absolute;
		top: 0pt;
		left: 0pt;
		right: 0pt;
		bottom: 0pt;
		z-index: 3;
	}

	* html, * html body
	{
		overflow: hidden;
		bottom: 0pt;
		height: 100%;
		font-family: Arial;
	}

	* html #header_container, * html #footer_container
	{
		position: absolute;
		width: 100%;
		padding-right: 16px;
	}

	* html #menu
	{
		position: absolute;
	}

	* html #header, * html #footer
	{
		height: 100%;
		position: static;
	}

	* html #content
	{
		margin: 0pt;
		position: absolute;
		top: 0pt;
		bottom: 0pt;
		left: 0pt;
		right: 0pt;
		height: 100%;
		width: 100%;
		overflow: auto;
	}

	#menu li
	{
		margin: 0pt;
		padding: 0.3em;
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
	}

	#menu li#active
	{
		padding: 0.5em;
		text-decoration: underline;
	}

	#menu a:link, #menu a:visited
	{
		margin: 0pt;
		padding: 0.2em;
		background: rgb(255, 225, 0) none repeat scroll 0%;
		display: block;
 		color: black;
 		text-decoration: none;
  }

	#menu a:hover
	{
		background: rgb(79, 79, 79) none repeat scroll 0%;
		color: rgb(255, 255, 255);
		text-decoration: underline;
	}

	* html #menu
	{
		margin: 0pt;
		width: 10.5em;
	}
	
/*Vielen Dank für das folgende CSS-Script an:*/	
/*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: gray;
padding: 5px;
left: -1000px;
border: 5px ridge 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: 226px; /*position where enlarged image should offset horizontally */
z-index: 50;
}