* {
	margin:0px;
	padding:0px;
}

#body, html  { background-color: #34547f; height: 100% }	
	
#zentriert {
	position:absolute;
	top: 74px;
	left: 50%;
	width: 1080px;
	height: 740px;
	margin-left:-525px;
	margin-top:0px;
	

	/*	border: solid 1px red; */
}

#hg_1 {
    position:absolute;
    top: 0px;
	left: 0px;
    width: 230px;
    height: 130px;
    margin-top:0px;
    background-color:#F93;
 
    
/*	border: solid 1px red; */
}
#hg {
    position:absolute;
    top: 0px;
    left: 230px;
    width: 850px;
    height: 200px;
    margin-top:0px;
    background-image:url(bilder/hg_logo.jpg);
 
    
/*	border: solid 1px red; */
}

#pic_1 { 
	position:absolute;
	top: 130px; 
	left: 0px; 
	width: 230px; 
	height: 280px; 
	
}

#pic_2 { 
	position:absolute;
	top: 410px; 
	left: 0px; 
	width: 230px; 
	height: 280px; 
	
}


#hg_3 { 
	position:absolute;
	top: 690px; 
	left: 0px; 
	width: 230px; 
	height: 50px; 
	background-color:#CC6
	
}


#content {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 500px;
	height: 610px;
	background-color:#CC9;
   
 
    
/*	border: solid 1px red; */
}

#text {
	position: absolute;
	top: 100px;
	left: 53px;
	width: 380px;
	height: 450px;
	overflow: auto;
	text-align: justify;
	padding-right:15px;
	
 
    
/*	border: solid 1px red; */
}

#slogan {
	position: absolute;
	top: 200px;
	right: 0px;
	width: 350px;
	height: 190px;
	background-color:#57442b;
	
/*	border: solid 1px red; */
}

#text_slogan {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 300px;
	height: 100px;
	
	
/*	border: solid 1px red; */
}


#hg_navi {
	position: absolute;
	top: 390px;
	right: 0px;
	width: 350px;
	height: 350px;
	background-color:#CC6;
	
      
/*	border: solid 1px red; */
}

#navi {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 300px;
	height: 300px;
	
	
      
/*	border: solid 1px red; */
}

.menu {
z-index:500;
font-size:90%;
height:300px;
margin:0px 0 0px 0px; /* this page only */
}



.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
height:182px;
position:relative;

}

.menu li {
background:#399;
height:24px;
}
* html .menu li {margin-left:0px; margin-lef\t:0;}

.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}


.menu a, .menu a:visited {
font-family:verdana, arial, sans-serif;
display:block; 
text-decoration:none;
height:24px;
line-height:16px;
width:150px;
color:#cc6;
text-indent:0px;
border-bottom:1px solid #CC6;
background:#CC6;
}

* html .menu a:hover {color:#666; background:#CC6;}

.menu :hover > a {
color:#fff; 
background:#CC6;
}


.menu ul ul {
visibility:hidden;
position:absolute;
top:0px;
left:130px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height:235px;
}
*html .menu ul li:hover ul {

visibility:visible;

height:235px;

}
.menu li {float:left;}






.class   { color: #333; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: normal; line-height: 14pt;  }
.class1   { color: #fff; background-color: transparent; font-size: 9pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: normal; line-height: 14pt;}



a.link { color:#333; text-decoration:none; font-family: Arial; font-size: 10pt; line-height: 16pt;  font-weight: normal; }
a.link:visited  { color: #333; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none; line-height: 16pt;}
a.link:focus { font-weight: normal; color: #fff; text-decoration:none; font-family: Arial;font-size: 10pt; line-height: 16pt; }
a.link:hover  { color: #fff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none; line-height: 16pt; }
a.link:active  { color: #fff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none; line-height: 16pt; }