h1{margin-top:481px; margin-left:15px; text-decoration: none; color:black;
font-family:Lucida Sans Halbfett, Arial, Helvetica, sans-serif;
  font-size:16pt; font-weight: bold; }

h2{ margin-top:3em; }
  div.beispiel { margin-top:100px; margin-left:200px; }

#body {
	

background-color: grey ;
}


#textbox {
	

background-image:  ;
z-index: 2;
position: fixed;
background-repeat: no-repeat;
position: absolute;
	
margin:-275px 0px 0px -400px;
top: 50%;
	left: 50%;
	
width: 801px;height: 20px;	
border-top:1px solid black;
overflow:auto}


#box1 {
	

position: absolute;
margin:-275px 0px 0px -400px;
top: 58%;
	left: 50%;
width: 801px;height: 450px;
text-align: center}



#box2 {
	

background-image: url(Joerg_Bach_Home.jpg);
position: absolute;
	
margin:-275px 0px 0px -400px;
top: 50%;
	left: 50%;
	
width: 800px;height: 450px;	
background-color: grey ;	
border: 1px solid grey;
overflow:auto}


#box3 {
	
position: absolute;
bottom: 20px;
	left: -35px;
	
width: 121px;height: 1.5 em;
text-align: center}



#box4 {
	
position: absolute;
	
bottom: -1px;
	left: 90px;
	
width: 121px;height: 1.5 em;
text-align: center}


#box5 {
	
position: absolute;
	
bottom: 0px;
	left: 163px;
	
width: 121px;height: 1.5 em}



#box6 {
	
position: absolute;
	
bottom: 0px;
	left: 153px;
	
width: 121px;height: 1.5 em}


#box7 {
	
position: absolute;
	
bottom: 0px;
	left: 153px;
	
width: 121px;height: 1.5 em}


#box8 {
	
position: absolute;
	
bottom: 0px;
	left: 153px;
	
width: 121px;height: 1.5 em}


#box9 {
	
position: absolute;
	
bottom: 65px;
	left: 85px;
	
width: 36px;height: 36}


#box10 {
	
position: absolute;
	
bottom: -19px;
	left: 50px;
	
width: 36px;height: 36px;
border: 1px solid red}





A:link {text-decoration: none; color: black;
font-family: Courier New, Arial, Helvetica, sans-serif;
  font-size:12pt;font-weight: bold;
  font-position: 50% 50 %;
       background-color: ;
         }

A:visited {text-decoration: none; color:black;
font-family: Courier New, Arial, Helvetica, sans-serif;
  font-size:12pt;font-weight: bold;
  font-position: 50% 50 %;
       background-color: ;
         display: block; width: 121px; height: 1 em; bottom: 0px;border: } 1px solid red

A:active {text-decoration: none; color:black;
font-family: Courier New, Arial, Helvetica, sans-serif;
  font-size:12pt;font-weight: bold;
  font-position: 50% 50 %;
       background-color: ;
         display: block; width: 121px; height: 1 em; bottom: 0px;border: } 1px solid red

A:hover {text-decoration: none; color: white;
         background-color:;
         display: block; width: 121px; height: 1 em; bottom: 0px;
border: } 1px solid black


.s:link { text-decoration:none;background-color: black; background-image: url(2rotschwarz.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 36px;height: 36px;
          border: 1px solid red}
.s:visited { text-decoration:none; background-image: url(2rotschwarz.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 36px;height: 36px;}
.s:hover { text-decoration:none; background-image: url(2overrotschwarz.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 36px;height: 36px;
          border: 1px solid white} 
.s:active { text-decoration:none; background-image: url(2rotschwarz.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 36px;height: 36px}
.s:focus { text-decoration:none; background-image: url(2rotschwarz.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 36px;height: 36px}

.r:link { text-decoration:none; background-color: black; background-image: url(home_grau.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 15px;height: 15px;}

.r:visited { text-decoration:none; background-image: url(home_grau.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 15px;height: 15px;}
.r:hover { text-decoration:none; background-image: url(home_grau.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 15px;height: 15px;} 

.r:active { text-decoration:none; background-image: url(home_grau.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 15px;height: 15px;}

.r:focus { text-decoration:none; background-image: url(home_grau.jpg); 
          position: absolute;  background-repeat: no-repeat;
          margin:-19px 0px 0px -19px;
          top: 50%;
	left: 50%; 
          width: 15px;height: 15px;}