*     { margin: 0; padding: 0; border-collapse: collapse;}
body  { display: flex; flex: 1 100%; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; background-color: #9d9d9d; text-align: center; border: 0px;}

a:link { color:#fff; text-decoration: none;}
a:hover { color:#fff;}
a:visited  { color:#fff;}
a:active  { color:#fff;}
i { font-weight: normal;}   

#wrap {  position: relative; float: center; max-width: 800px; min-width: 420px; width: 800px; height: 1200px; margin: 0px auto 0px auto;}
#hoch 	{ float: left; position: absolute;  width: 29px; height: 800px; border-right: 3px dotted #000; background-color: #fff;}
#ing 	{  float: left; width: 206px; height: 18px; transform: rotate( 270deg); margin: 120px -87px;}



#grund 	{ max-width: 900px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; border-bottom: 2px solid #000; background: url("../inlays/back1.jpg") 20px 0px /820px 950px no-repeat; font-size: 20px; color: #0615bf; border-right: 3px solid #f00;}
#arbeit { max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/back2.jpg")  0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 
#ahnen 	{ max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/fundo2.jpg") 0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 
#kunst 	{ max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/fundo1.jpg") 0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 
#studium{ max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/fundo3.jpg") 0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 
#kind 	{ max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/fundo4.jpg") 0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 
#abschluss { max-width: 820px; min-width: 440px; width: 820px; height: 800px; margin: 0px auto 0px auto; background: url("../inlays/fundo5.jpg")0px 0px /820px 950px no-repeat; border-right: 3px solid #f00;} 

#titel { margin: 0px 50px; font-size: 30px; color: #fff;text-shadow: 2px 2px #000; } 

 .intro   { width: 640px; float: left; background-color: #000; opacity: 0.7; height: 370px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 170px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-a { width: 640px; float: left; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 30px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-b { width: 550px; float: left; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 50px; color: #fff; text-shadow: 1px 1px #000; padding: 20px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-c { width: 500px; float: right; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 20px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-d { width: 600px; float: left; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 20px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-e { width: 500px; float: right; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-right: 25px; margin-top: 50px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 
 .intro-f { width: 500px; float: left; background-color: #000; opacity: 0.7; height: 400px; box-shadow: 20px 20px 10px silver; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 75px; margin-top: 50px; color: #fff; text-shadow: 1px 1px #000; padding: 30px; text-align: left; border-radius: 15px; overflow: auto;} 









  .mini { float: left; width: 60px; height: 60px; background-color: #fff; margin-left: 12px;}
  .min { float: left; width: 60px; height: 60px; background-color: #fff; margin-left: 0px;}
  
  .mod { float: right; height: 710px; width: 500px; font-style: italic; font-color: #fff; font-size: 14px; margin-right: 5px; margin-top: 0px; color: #fff; text-shadow: 1px 1px #000;}
  .mod2 {  width: 500px;height: 710px; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 20px; margin-top: 20px; color: #fff; text-shadow: 1px 1px #000;}
  .mod3 {  width: 500px; font-style: italic; font-weight: bold; margin-left: 40px; margin-top: 100px; color: #000;}
  .mod4 {  width: 500px; font-style: italic; font-color: #fff; font-size: 14px; margin-left: 0px; margin-top: 0px; color: #fff; text-shadow: 1px 1px #000;}


  .ein {  width: 500px; font-color: #fff; font-size: 14px; margin-left: 40px; margin-top: 50px;}
  .zwei { float: right; text-align: right; width: 600px; font-color: #fff; font-size: 14px; margin-right: 5px; margin-top: 30px;}
  .drei { float: left; text-align: left; width: 400px; font-color: #fff; font-size: 14px; margin-left: 50px; margin-top: 40px;}
  .vier { float: middle; text-align: middle; width: 800px; font-color: #fff; font-size: 14px; margin-top: 80px;}
  .zwein {  width: 500px; color: #000; font-size: 14px; margin-left: 150px; margin-top: 50px; background-color: #fff; opacity: 0.7; padding: 3px; border-radius: 15px;}
  .drein {  padding: 3px; width: 700px; color: #000; font-size: 14px; margin-left: 50px; margin-top: 20px; background-color: #fff;  opacity: 0.7; border-radius: 15px;}

  #auswahl { width: 640px; height: 50px; float: left; margin: 20px 80px;}
  #auswahl-a { width: 640px; height: 50px; float: left; margin: 70px 80px;}
  #auswahl-f { width: 640px; height: 50px; float: left; margin: 130px 80px;}






 #home {width: 515px; height: 50px; margin-left: auto; margin-right: auto; background-color: none;}
.butb { align: center; width: 100px; height: 30px;}