/* CSS Document */

/* Layout */
.body{
  width: 100%;
  height: 100%;
  background-color:#000000;
}

.schale{
  position: absolute;
  width: 900px;
  height: 600px;
}

.logo{
  position: absolute;
  top: 0px;
  left: 185px;
  height: 108px;
  width: 532px;
  float:left;
  background-image: url(bilder/logo.jpg);
}

.frauke{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 600px;
  width: 185px;
  float: left;
  background-image: url(bilder/frauke.jpg);
}

.midde{
  position: absolute;
  top: 108px;
  left: 185px;
  height: 393px;
  width: 532px;
  float: left;
  background-color:#000000;
}

.unten{
  position: absolute;
  top: 501px;
  left: 185px;
  height: 99px;
  width: 532px;
  float: left;
  background-image: url(bilder/unten.jpg);
}

.rechts{
  position: absolute;
  top: 0px;
  left: 717px;
  height: 600px;
  width: 183px;
  float: left;
  background-image: url(bilder/rechts.jpg);
}

.tab1{
  position:absolute;
  top: 260px;
  left: 114px;
  height: 80px;
  width:70px; 
  float: left;
  z-index:2;
}

.tab2{
  position:absolute;
  top: 260px;
  left: 4px;
  height: 80px;
  width:100px; 
  float: left;
  z-index:2;
}

.einlegesohle{
  position:absolute;
  top: 0px;
  left: 0px;
  height: 350px;
  width: 532px;
  float: left;
  background-color:#000000;
}





/* Fonts */
.kopfzoile{
  margin-left: 20px;
  margin-right: 20px;
  font-family: verdana,arial;
  font-size: 14px;
  color: #FFFFFF;
  font-weight:bold;
}

.normahl{
  margin-right: 20px;
  margin-left: 20px;
  font-family: verdana,arial;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
}

.normahlklein{
  margin-left: 20px;
  margin-right: 20px;
  font-family: verdana,arial;
  font-size: 9px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 14px;
}

a{
  font-family: verdana,arial;
  color: #FFFFFF;
  text-decoration: none;
}

.link{
  margin-left: 20px;
  margin-right: 20px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  font-weight: bold;
  text-decoration:none;
}

.lied{
  margin-left: 160px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold;
  text-align: right;
}

.liedtext{
  margin-left: 26px;
  margin-right: 20px;
  font-family: verdana,arial;
  font-size: 10px;
  color:#0000FF;
  text-align: left;
}




/* Navigation */
.linkfrüher{
  position:absolute;
  top: 360px;
  left: 20px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  font-weight: bold;
  text-decoration:none;
}

.linkspäter{
  position:absolute;
  top: 360px;
  left: 468px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  font-weight: bold;
  text-decoration:none;
}

/* Navigation Galerie*/
.fotos{
  position:absolute;
  top:160px;
  left: 50px;
  font-family: verdana,arial;
  font-size: 20px;
  color:#FFFFFF;
  text-align:left;
  font-weight: bold;
  text-decoration:none;
}

.fotosklein{
  position:absolute;
  top: 200px;
  left: 50px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  text-align:left;
  font-weight: bold;
  text-decoration:none;
}

.krimskrams{
  position:absolute;
  top: 160px;
  left: 346px;
  font-family: verdana,arial;
  font-size: 20px;
  color:#FFFFFF;
  text-align:right;
  font-weight: bold;
  text-decoration:none;
}

.krimskramklein{
  position:absolute;
  top: 200px;
  left: 330px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  text-align:right;
  font-weight: bold;
  text-decoration:none;
}







/* Rahmen und Bildunterschriften in der Übersicht der Galerie*/
.rahmen1{
  position: absolute;
  top: 25px;
  left: 25px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/05_10_28_knast/knast_magdeburg.jpg);
}

.bu1{
  position: absolute;
  top: 110px;
  left: 25px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen2{
  position: absolute;
  top: 25px;
  left: 125px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_02_24_nautilus/nautilus.jpg);
}

.bu2{
  position: absolute;
  top: 110px;
  left: 125px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen3{
  position: absolute;
  top: 25px;
  left: 225px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_03_31_meli/meli.jpg);
}

.bu3{
  position: absolute;
  top: 110px;
  left: 225px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen4{
  position: absolute;
  top: 25px;
  left: 325px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_04_08_loitz/loitz.jpg);
}

.bu4{
  position: absolute;
  top: 110px;
  left: 325px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen5{
  position: absolute;
  top: 25px;
  left: 425px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_06_04_hafenklang/hamburg_hafenklang.jpg);
}

.bu5{
  position: absolute;
  top: 110px;
  left: 425px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen6{
  position: absolute;
  top: 150px;
  left: 25px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_10_06_mau/mau.jpg);
}

.bu6{
  position: absolute;
  top: 235px;
  left: 25px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen7{
  position: absolute;
  top: 150px;
  left: 125px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/06_10_07_tankhaus/tankhaus.jpg);
}

.bu7{
  position: absolute;
  top: 235px;
  left: 125px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen8{
  position: absolute;
  top: 150px;
  left: 225px;
  height: 80px;
  width: 80px;
  background-image:url(inhalt/galerie/08_02_01_nuernberg/nuernberg.jpg);
}

.bu8{
  position: absolute;
  top: 235px;
  left: 225px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen9{
  position: absolute;
  top: 150px;
  left: 325px;
  height: 80px;
  width: 80px;
  background-image:;
}

.bu9{
  position: absolute;
  top: 235px;
  left: 325px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.rahmen10{
  position: absolute;
  top: 150px;
  left: 425px;
  height: 80px;
  width: 80px;
}

.bu10{
  position: absolute;
  top: 235px;
  left: 425px;
  width: 80px;
  font-family: verdana,arial;
  font-size: 9px;
  color:#FFFFFF;
  text-decoration: none;
}

.bilder1{
  margin-left: 160px;
  margin-top: 20px;
  width: 225px;
  background-color:#000000;
  border:none;
}

.bilder2{
  margin-left: 66px;
  margin-top: 20px;
  width: 400px;
  background-color:#000000;
  border:none;
}





/* pfeile unter fotos in der galerie */

.bildzu{
  position:absolute;
  top: 356px;
  left: 168px;
  width:50px;
  height:12px;
  background-image:url(bilder/umrisse/spritze_zurueck.jpg);
}

.ueber{
  position:absolute;
  top: 356px;
  left: 251px;
  font-family: verdana,arial;
  font-size: 12px;
  color:#0000FF;
  font-weight: bold;
  text-decoration:none;
}

.bildvor{
  position:absolute;
  top: 356px;
  left: 343px;
  width:50px;
  height:12px;
  background-image:url(bilder/umrisse/spritze_vor.jpg);
}



/* Flaggen */
.englisch{
  position: absolute;
  top: 10px;
  left: 504px;
  height: 27px;
  width: 28px;
  float: left;
  background-image:url(bilder/gb.jpg);
  z-index:2;
}

.griechisch{
  position: absolute;
  top: 10px;
  left: 466px;
  height: 27px;
  width: 28px;
  float: left;
  background-image:url(bilder/greece.jpg);
  z-index:2;
}

.tagebuch{
  position:absolute;
  top:130px;
  left: 3px;
  width:50px;
  height:12px;
  float: left;
  background-image:url(bilder/umrisse/spritze_vor.jpg);
  z-index:2;
}

.tagebuchmidde{
  position: absolute;
  top: 50px;
  left: 100px;
  margin-right:100px;
  height: auto;
  width: auto;
  float: left;
  background-color:#000000;
}