<HTML>
<Title Beacondo.css>




a {text-decoration: none; font-family: Garamond, Helvetica, sans-serif;
  font-size:9pt; font-weight:bold; line-height:0.8; color:#000000 }
a:link {color: #000080; font-size:12pt; font-weight: bold;}
a:visited {color: #ff0000; font-size:12pt; font-weight: bold;}
a:active {color: #ff00ff;}
a:hover {color: #ff0000; background-color: #ffff00; font-size:12pt; font-weight: none;}	


<!-- color gibt die farbe für die Hintergrundschrift---->
<!-- Man kann nach# beliebige Namen einsetzen-->
<!---a:visited definiert die Farbe und Größe der Schrift-->
<!---a:hover definiert die Farbe und Hintergrund der Schrift wenn man mit der Mouse berührt-->



.cell {padding-top: 0;
       padding-left: 0;
       padding-right: 0;
       padding-bottom: 0; }
 
body {margin: 0;	padding: 0;	font-size:8pt; font: 85% Garamond, Helvetica, sans-serif;
text-align: center; color: #000000;  height: 5px; background-image: url(../img1/Backgrd.jpg) }

 
h1 {font-style: Arial, sans-serif;font-size:10pt;font-weight:bold;
   line-height:12pt; color:#ff0000 }
 
h2 {font-style: Arial, sans-serif;font-size:12pt;font-weight:bold;
   line-height:12pt; color:#ff0000 }
	
		
p { line-height:18pt; color:#ffff00;}




#HoriLine {clear: both;  background-color: red; border: 1px solid red;	}

#VertiBox {float: right; margin-right: 20px; margin-top: 0px; width: 70px;	height: 8px; 
			text-align: center; color: #000000; font-size:9pt; 
			background-color: cyan; border: 1px solid black;}

			


#VertiLeft {float: left; margin-left: 0px;  width: 5px; height: 300px;
				background-color: blue; border: 1px solid orange;}
				
#VertiRight {float: right; margin-left: 0px;  width: 5px; height: 300px;
				background-color: blue; border: 1px solid orange;}	
				
#PointBox { width: 37px;	height: 37px; background-image: url(../img/Pointer01.jpg) }		
	
#PictBox01 {float: center; margin-left: 0px; width: 200px;	height: 170px;
		text-align: right; color: #00ff00; font-size:20pt; border: 8px solid orange;
		background-image: url(../img/Berge01.jpg) }			
			
#PictBox02 {float: center; margin-left: 0px; width: 600px;	height: 350px;
		text-align: center; color: #00ff00; font-size:20pt; border: 1px solid orange;
		background-image: url(../img/Muc01.jpg) }

#HoriBox01	{float: left; margin-right: 0px; margin-left: 0px; width: 842px; height: 0px; 
	   text-align: center; color: darkblue; font-size:15pt; background-color:beige; 
		border: 3px solid blue;}

#HoriBox02	{float: center; margin-right: 0px; margin-left: 0px; width: 400px; height: 0px; 
	   text-align: center; color: black; font-size:10pt; background-color:beige; 
		border: 0px solid black;}
		
#HoriBox03	{clear: both; width: 350px; font-size:7pt; background-color: orange; border: 1px solid black;}

#BoxHeader {float: center; margin-right: 0px; margin-left: 0px;	margin-top: 0px; 
		width: 250px; height: 30px; background-color: aqua;	border: 2px solid black;
		text-align: center; color: #0000ff; font-size:5pt; }

			
#rahmen {border: solid #ff0000 1px; width: 750px; background-color: bisque; color: black; font-size:14pt; padding: 3px;}
#rahmen01 {border: solid #ff0000 1px; width: 550px; background-color: bisque; color: black; font-size:14pt; padding: 3px;}



#Box01	{float: center; margin-right: 0px; margin-left: 0px; width: 50px; height: 0px; 
	   text-align: center; color: #ff0000; font-size: 10pt; background-color:cyan; border: 1px solid black;}		
		
#BoxLeft	{float: left; margin-left: 0px; width: 120px;	height: 50px;
		  background-color: white;	border: 0px solid black;	}

#BoxRight	{float: right; margin-left: 0px; width: 120px; height: 50px;
		background-color: white;	border: 0px solid black;	}
	
#contents {margin-right: 20px;	margin-left: 120px;	height: 100px;
		background-color: aqua;	border: 2px solid black;
		text-align: center; color: #0000ff; font-size:15pt; }
		
#navigation {display: inline; padding: 10px;}



</BODY>
</HTML>



