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

html
{
height: 100%;
}

body
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #666633;
background-image:url(pics/hg-hell.jpg);
background-repeat:repeat-y;
background-position:center;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
overflow:auto;

}

h1
{
font-size: 1.2em;
text-align: center;
margin: 0;

}

h2
{
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#fff;
	margin-top: 40px;
}

h3
{
	font-family: "Times New Roman";
	font-style:italic;
	font-size:18px;
	line-height: normal;
}

h4
{
	font-weight:bold;
	font-size:11px;
}

h5
{
	font-weight:bold;
	font-size:13px;
}

h6
{
	text-decoration:underline;}

a {
	font-weight:bold;
	text-decoration:underline;
	color:inherit;
}

#aussenrand_index
{
height: 100%;
position: relative;
width: 800px;
margin: 0 auto;
background:#ffffcc;
overflow:auto;
}

#hg_index
{
height:100%;
background: #ffffcc;
overflow:hidden;
}

#aussenrand
{
	height: 100%;
	position: relative;
	width: 800px;
	margin: 0 auto;

}

#hg
{
overflow:hidden;

overflow-style:marquee-block;
}
#hg_tmp2
{
overflow:hidden;
background-image:url(pics/hg_main_temp2.jpg);
background-repeat:repeat-y;
background-position:center;

}

#header
{
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height:100px;
	overflow:hidden;
}

#footer
{
position:fixed;
bottom: 0;
left:0;
width: 100%;
background: #333;
height:20px;
padding: 3px 0;
text-align: right;
color: #fff;
}

#footer-temp2
{
	position:fixed;S
bottom: 0;
left:0;
width: 100%;
background-image:url(pics/hg_main_temp2.jpg);
background-repeat:repeat-y;
background-position:center;
height:20px;
padding: 3px 0;
text-align: right;
color: #ccc;
}

#image-index 
{
	position:relative;
	margin: 0;
	overflow:hidden;}

#image
{
position:relaive;
margin-top: 100px;
margin-left: 0;
background: #333333;
overflow:hidden;
}

#meinFader
{
position:relaive;
margin-top: 100px;
margin-left: 0;
background: #333333;
overflow:hidden;
}


#kontakt
{
	float:right;
	width: 230px;
	height:inherit;
	height:100%;
	margin-top: 0;
	padding-left:20px;
	background: #ffffcc;
	color:#333300;
	line-height: 15px;

}

#menubar
{

margin-top: 0;
margin-left: 0;
background: #666666;
height: 30px;

}

#menubar_tmp2
{
margin-top: 0;
margin-left: 0;
background: #666633;
height: 30px;

}
#content_index
{
	top:0px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
margin-top: 0;
margin-left: 0;
background: #ffffcc;
padding: 5px 5px 35px 25px;

}

#content
{
	width:520px;
	top:0px;
	color:#fffffc;
	font-family:Verdana, Geneva, sans-serif;
	margin-top: 0;
	margin-left: 0;
	background: #333333;
	padding: 5px 5px 35px 20px;
	height:100%;
	text-align: left;
}

#content_tmp2
{width:520px;
	top:0px;
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
margin-top: 0;
margin-left: 0;
background: #cccc99;
padding: 5px 5px 35px 20px;

}

.text_temp1
{
	color:ffffccc;
	text-align:justify;

}

.container {
	clear: both;
	float: left;
	width: 800px;
	height:30px;
	overflow: hidden;
	background: #666666;
	font-family: Verdana;
	font-size: 10px;
	font-weight:200;
	text-transform:uppercase;
	line-height:25px;
}

#navi {
float: left;
position: relative; 
left:0;
margin: 0 ;
padding: 0; 
list-style-type: none;
}

#navi li {
float: left;
position: relative;
}

#navi a {
width: auto;
display: block;
padding:0 14px;
line-height: 30px;
color: #ffffff; 
background: #666666; 
text-decoration:none;
}

#navi a:hover {
background:#333;
color: #cccc99;
}

#navi #aktuell a
{
background:#333;
color: #cccc99;
}

#navi #aktuell-submenu a
{
background:#999999;
color: #333333;
}


.container-u {
clear: both;
float: left;
width: 550px;
height:25px;
overflow: hidden;
background: #999999;
font-family: Verdana;
font-size: 10px;
font-weight:200;
line-height:25px;
}

#navi-u {
float: left;
position: relative; 
top:0;
left:0;
margin: 0 ;
padding: 0; 
list-style-type: none;
}

#navi-u li {
float: left;
position: relative;
}

#navi-u a {
width: auto;
display: block;
padding:0 20px;
line-height: 25px;
color: #ffffff; 
background: #999999; 
text-decoration:none;
}

#navi-u a:hover {
background:#333;
color: #cccc99;
}

#navi-u #aktuell a
{
background:#333;
color: #cccc99;
}

.container_tmp2 {
	clear: both;
	float: left;
	width: 800px;
	height:30px;
	overflow: hidden;
	background: #666633;
	font-family: Verdana;
	font-size: 10px;
	font-weight:200;
	text-transform:uppercase;
	line-height:25px;
}

#navi_tmp2 {
float: left;
position: relative; 
left:0;
margin: 0 ;
padding: 0; 
list-style-type: none;
}

#navi_tmp2 li {
float: left;
position: relative;
}

#navi_tmp2 a {
width: auto;
display: block;
padding:0 19px;
line-height: 30px;
color: #ffffcc; 
background: #666633; 
text-decoration:none;
}

#navi_tmp2 a:hover {
background:#cccc99;
color: #333;
}

#navi_tmp2 #aktuell a
{
background:#cccc99;
color: #333;
}

#navi_tmp2 #aktuell-submenu a
{
background:#999966;
color: #333;
}

.container_tmp2-u {
clear: both;
float: left;
width: 550px;
height:50px;
overflow: hidden;
background-color:#999966;
font-family: Verdana;
font-size: 10px;

line-height:25px;
}

#navi_tmp2-u {
float: left;
position: relative; 
left:0;
top:0;
margin: 0 ;
padding: 0; 
list-style-type: none;
}

#navi_tmp2-u li {
float: left;
position: relative;
}

#navi_tmp2-u a {
width: auto;
display: block;
padding:0 20px;
line-height: 25px;
color: #ffffcc;  
text-decoration:none;
}


#navi_tmp2-u a:hover {
background:#cccc99;
color: #333;
}

#navi_tmp2-u #aktuell a
{

color: #333;
}

#galerie
{

padding-bottom:50px;
}

#galerie li
{

list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;

left:-15px;
}

#galerie img
{
width: 100px;
height: 100px;
display: block;
padding: 3px;
border: 1px solid #cccc99;
} 

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 150px;
height: 150px;
display: block;
position: absolute;
top: -25px;
left: -25px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}