body,table,td,tr,div,p { font-family:Arial,sans-serif;  font-size:15px; margin: 0px; vertical-align:top; }

a {font-weight : bold;}
a:link {color:#ff6600}
a:visited {color:#6699ff}
a:active {color:#0099cc}
a:hover{color: #cccccc;}

#dipl { COLOR: #999999; FONT-SIZE: 33px; FONT-WEIGHT: bold; font-family:Arial,sans-serif;  POSITION:absolute; TOP: 60px; LEFT: 60px; z-index:1; }
#hph { COLOR: #666666; FONT-SIZE: 55px; FONT-WEIGHT: bold; font-family:Arial,sans-serif;  POSITION:absolute; TOP: 80px; LEFT: 250px; z-index:2; }
#atelier { COLOR: #999999; FONT-SIZE: 33px; FONT-WEIGHT: bold; font-family:Arial,sans-serif;  POSITION:absolute; TOP: 120px; LEFT: 430px;  z-index:3;  }

#pos1 { POSITION:absolute; TOP: 160px; LEFT: 60px; }
#pos11 { POSITION:absolute; TOP: 240px; LEFT: 140px; }
#pos2 { POSITION:absolute; TOP: 170px; LEFT: 430px;  z-index:4; }

#foto1 {COLOR: #ffffff; LEFT: 100px; POSITION: absolute; width:150px; TOP: 200px; Z-INDEX: 3 }
#foto2 {COLOR: #ffffff; LEFT: 270px; POSITION: absolute; width:150px; TOP: 200px; Z-INDEX: 3 }
#foto23 {COLOR: #ffffff; LEFT: 440px; POSITION: absolute; width:150px; TOP: 200px; Z-INDEX: 3 }
#foto24 {COLOR: #ffffff; LEFT: 610px; POSITION: absolute; width:150px; TOP: 200px; Z-INDEX: 3 }

#foto3 {COLOR: #ffffff; LEFT: 100px; POSITION: absolute; width:150px; TOP: 390px; Z-INDEX: 3 }
#foto4 {COLOR: #ffffff; LEFT: 270px; POSITION: absolute; width:150px; TOP: 390px; Z-INDEX: 3 }


#weiter { POSITION:absolute; TOP: 540px; LEFT: 830px;  z-index:3; }