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

#body, html  { background-color: #000; height: 100% }	
	
#zentriert {
	position:absolute;
	top: 74px;
	left: 50%;
	width: 1100px;
	height: 677px;
	margin-left:-550px;
	margin-top:0px;
	

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

#hg {
    
    top: 50px;
    left: 50px;
    width: 1100px;
    height: 677px;
    margin-top:0px;
	background-image:url(bilder/hg.jpg);
 
    
/*	border: solid 1px red; */
}

#logo_pic {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 1100px;
	height: 212px;
	
}

#bezeichnung_seite {
    position: absolute;
    top: 90px;
    left: 510px;
    width: 250px;
    height: 90px;
    overflow: auto;
   
      
    
/*	border: solid 1px red; */
}
#navi { 
	position:absolute;
	top: 250px; 
	left: 20px; 
	width: 300px; 
	height: 230px; 
	text-align: left;
	
}

#pic{
    position: absolute;
    top: 0px;
    left: 480px;
    width: 250px;
    height: 250px;
     
/*	border: solid 1px red; */
}

#quali_logo{
    position: absolute;
    top: 480px;
    left: 25px;
    width: 130px;
    height: 130px;
	
     
/*	border: solid 1px red; */
}


#content {
	position: absolute;
	top: 250px;
	left: 260px;
	width: 820px;
	height: 400px;
	overflow: auto;
	padding-right: 15px;
	text-align: justify;
   
      
    
/*	border: solid 1px red; */
}

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

#pics {
	position: absolute;
	top: 0px;
	left: 730px;
	width: 80px;
	height: 380px;
	overflow: auto;
	padding-right: 15px;
	text-align: justify;
   
      
    
/*	border: solid 1px red; */
}
#slogan {
	position: absolute;
	top: 630px;
	width: 1100px;
	height: 50px;
	       
/*	border: solid 1px red; */
}

#navi_foot {
	position: absolute;
	top: 682px;
	right: 0px;
	height: 50px;
	width: 1100px;
	       
/*	border: solid 1px red; */
}

#navi_foot_index {
	position: absolute;
	top: 550px;
	left: 750px;
	height: 50px;
	width: 270px;
	       
/*	border: solid 1px red; */
}

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


.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:200px;
height:200px;
position:absolute;

}

.menu li {
background:#000;
height:24px;
}
* html .menu li {margin-left:-4px; 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:120px;
color:#000;
text-indent:5px;
border-bottom:1px solid #fff;
background:#fff;
}

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

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


.menu ul ul {
visibility:hidden;
position:absolute;
top:0px;
left:120px;
}
/* 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;
}

.menu li {float:left;}





.class   { color: #666; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: normal; line-height: 14pt;  }
.class1   { color: #666; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: normal; line-height: 16pt;  }
.class2   { color: #fff; background-color: transparent; font-size: 17pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 18pt;   }
.class3   { color: #666; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 16pt;   }
.class4   { color: #fff; background-color: transparent; font-size: 8pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: normal; line-height: 16pt;  }
.class5   { color: #f90; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }
.class6   { color: #093; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }
.class7   { color: #f69; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }
.class8   { color: #c9f; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }
.class9   { color: #666; background-color: transparent; font-size: 8pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: mormal; line-height: 9pt; text-align:center; }
.class11   { color: #09c; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }
.class12  { color: #666; background-color: transparent; font-size: 10pt; font-family: Arial, sans-serif; font-variant: normal; font-weight: bold; line-height: 14pt;  }

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


a.link1 { color:#666; text-decoration:none; font-family: Arial; font-size: 10pt; line-height: 16pt;  font-weight: normal; }
a.link1:visited  { color: #666; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none; line-height: 16pt; }
a.link1:focus { font-weight: bold; color: #f90; text-decoration:none; font-family: Arial;font-size: 10pt; line-height: 16pt; }
a.link1:hover  { color: #f90; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none; line-height: 16pt; }
a.link1:active  { color: #f90; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none; line-height: 16pt; }


a.link2 { color:#f90; text-decoration:none; font-family: Arial; font-size: 10pt; line-height: 14pt;  font-weight: normal; }
a.link2:visited  { color: #f90; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none; line-height: 14pt; }
a.link2:focus { font-weight: bold; color: #666; text-decoration:none; font-family: Arial;font-size: 10pt; line-height: 14pt; }
a.link2:hover  { color: #666; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none; line-height: 14pt; }
a.link2:active  { color: #666; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none; line-height: 14pt; }