@media screen, projection {
* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

BODY {
	text-align : center;
	background-image: url("images/hg_alles.jpg");
	background-repeat: no-repeat;
	background-position : top;
	width: 100%;
	color: #848484;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	height: 100%;
	}
	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-330px; /* half of container's height */
		float:left;
		}

#aussen {
margin:0 auto;
clear:left;
width:865px;
	text-align: left;
	margin: auto auto;
	height: 660px;
	vertical-align: middle;
 position:relative;  
 }
#bild-oben1 {
text-align: left;
margin: 0 auto;
width:865px;
}
A:LINK {
	color: #848484;
}
A:VISITED {
	color: #B8B8B8;
}

#navi {
	margin: 0 auto;
	text-align: left;
	background-image: url("images/hg_navi.jpg");
	width:208px;
	height:551px;
	float : left;
	background-position : top;
	background-repeat : no-repeat;
	color: #E3790F; 
}
* + html #navi { margin-top: -3px; }
#navi ul { list-style: none;
margin-left: 0px;}
#navi ul li { list-style: none;
margin-left: 10px; margin-top: 5px;}
* + html #navi ul { margin-left: 0px;
m\argin-left: 0px; }
#navi ul a { font-weight: bold; text-decoration: none; color: #E3790F; }
#navi ul a:hover { font-weight: bold; text-decoration: none; color: #848484;}
.aktiv { font-weight: bold; text-decoration: none; color: #848484;}
#navi ul li.nav { font-weight: bold; text-decoration: none; color: #E3790F; }
#text {
	margin: 0 auto;
	text-align: left;
	background-image: url("images/hg_text.jpg");
	width: 657px;
	height:551px;
	float: right;
	background-repeat : no-repeat;
	background-position : top;
	}
* + html #text { margin-top: -3px; }
#bild {
	float: right;
	margin-top: 52px;
	margin-right: 28px;
	padding-left: 50px;
	
}
* + html #bild { margin-left: -20px;mar/gin-right: 20px; }
#text h1 { font-size: 120%;
margin-top: 10px;
margin-left: 20px; }
#text h2 { font-size: 110%;
margin-top: 10px;
margin-left: 20px;  }
#text h3 { font-size: 100%;
margin-top: 10px;
margin-left: 20px; }
#text p {  margin-top: 5px;
margin-left: 20px ;
}

#text  p.home { width: 253px; margin-left: 0px ;}
#text  h1.home { width: 253px; margin-left: 0px ;font-size: 110%;}
#bild_unten {
clear: both;
	position: relative;
	width:800px;
	top:-100px;
	padding-left : 40px;
	text-align: center;
}
* + html .bild_unten { margin-left : 0px; }

/* Gallerie beginnt hier*/

.thumbnail img{
	border: 1px solid Silver;
	margin: 0 3px 3px 0;
}

.thumbnail:hover{
	background-color: transparent;
	color: #848484;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.thumbnail:hover img{
	
}

.thumbnail span{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: #E8E8E8;
	background-image: url("images/hg_thumb.jpg");
	padding: 15px;
	left: -1600px;
	top:-400px;
	visibility: hidden;
	color: #848484;
	text-decoration: none;
	background-repeat : no-repeat;
	background-position : top;
	
}

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

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

}

@media print {
* { background: #fff; color: #000; }
html {
	font: 60% Arial, Helvetica, sans-serif;
}
@page { size:landscape }
#navi, #bild  { display: none; }
.scrollbereich {overflow: visible !important;}
.thumbnail span{
	width: 250px;
	white-space: normal;
}
}