@charset "utf-8";

*  {
   margin: 0;
   padding: 0;
   }

/* ---------- html-body ---------- */
body{ 
    background-color: #5c5c5c;
    font: normal 75%/167%  "Arial", sans-serif;
    }
    
    
 #body_abstand{
    
    margin: 0 auto;
    height: 0px;
      z-index: 95;
      color:#cccccc;
   
    } 
    
    
    #seite{
    width:1024px; 
    height:100%;
    margin:  40px  auto 5px ; 
    text-align : left; 
    padding : 0px; 
    background-color: #ffffff;

    border : 1px inset #000000;;
    z-index: 1;
    }
    



#head {

	position: fixed;
	z-index: 40;
	width:1024px;height:55px;
	right: auto;
	top:  0px;
	background-color: #dddddd;
	    background-image: url(images/hg_1.jpg);
}

#head_oben {
	background-color: #5c5c5c;
	
height: 10px;
}


#head_unten {
	background-color: #ffffff;

	margin-top: 44px;
height:12px;
}

#head ul {
    position: absolute;
    top: 19px;
    right: 12px;
    }    
    
#head ul li{
    float: left;
    list-style: none;
    margin:0px 1px 9px 0px;
    }   
    
    

#head ul a,
#head ul strong {
font-family: arial;
letter-spacing: 2px;
    color: #000000;
   /* text-shadow: 1px 1px 1px #ffffff;*/
  /*background: linear-gradient(to bottom, #ffcb68, #f4a100);*/
  background-image: radial-gradient(circle farthest-corner at top, #FFFFFF -100%, #f4a100 100%);
    display: block;
    border : 1px solid #999999;
    padding: 5px 6px 4px 6px;
    margin:0px 0px 0px 18px;
 	 font-size:16px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
       }
    
#head ul a:hover,
#head ul a:focus,
#head ul a:active,
#head ul .strong {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    border : 1px solid #eeeeee;
    background: linear-gradient(to bottom, #674400, #f4a100);
 
    }


#image_kopf{
	position: absolute;
	margin: 25px 0px 0px 12px;
	z-index: 20;
	}

#litle_planet {
	position: fixed;
	width:206px;height:206px;
	margin-left: 12px;
	right: auto;
	top:  65px;
	z-index: 1;
	background-color: #ddd00f;
	border-radius: 10px;
}



#kontakte {
	position: fixed;
	width:220px;height:400px;
	margin-left: 12px;
	right: auto;
	top:  286px;
	z-index: 2;
	background-color: #dddddd;
	    background-image: url(images/hg_1.jpg);
	border-radius: 10px;
} 

		#kontakte h1 {
				/*position: relative;*/
				padding: 25px 20px 0px 20px;
			font-size: 38px;
			color: #222222;
			text-shadow: 1px 1px 1px #f4a100;
			}
			
			
			#kontakte h2 {
				/*position: relative;*/
				padding: 15px 20px 0px 20px;
			font-size: 34px;
			color: #222222;
			text-shadow: 1px 1px 1px #f4a100;
			}
			
		#kontakte h3 {

			/*position: relative;*/
			padding: 30px 20px 10px 20px;
			font-size: 28px;
			color: #f4a100;
			text-shadow: 1px 1px 1px #222222;
	
			}

		#kontakte  h4 {
			font-size: 18px;
			padding: 10px 20px 10px 20px;
			color: #222222;
			text-shadow: 1px 1px 1px #f4a100;
			}


		#kontakte p {
			font-size: 16px;
			padding: 20px 20px 20px;
			color: #222222;
			}
			



#content a {
color: #eeeeee;
text-shadow: 2px 2px 3px #000000;
padding: 0px;

}



#content {
	background-image: url(images/hg_1.jpg);
	position: relative;
	margin: 248px 12px 12px 248px;	
	background-color: #eeeeee;
	border-radius: 10px;
	}
	
	
		#pano {
			margin-left: 30px;
			margin-right: 30px;
			height: 420px;
			border-radius: 60px;
			position: relative;
		}

		#content h2 {
				position: relative;
				padding: 25px 20px 10px 20px;
			font-size: 28px;
			color: #f4a100;
			text-shadow: 1px 1px 1px #222222;
			}


		#content h3 {
				/*position: relative;*/
			padding: 20px 20px 10px 20px;
			font-size:24px;
			line-height: 1.5;
			letter-spacing: 2px;
			color: #f4a100;
			text-shadow: 1px 1px 1px #222222;
			}




		#content  h4 {
			font-size: 22px;
			padding: 20px 20px 10px 20px;
			color: #222222;
			text-shadow: 1px 1px 1px #f4a100;
			}
			
			
			
 #content h5 {

margin-top:-55px;
margin-left: 30px;
font-size: 16px;

}

		#content p {
			font-size: 22px;
			padding: 10px 20px 10px;10px;
			line-height: 1.4;
			color: #222222;
			}
			
			#content img {
				border-radius: 20px;			
			}
			
/*		#bild_1  {	
			width: 724px; height: 332px;
			box-shadow: 4px 4px 14px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
			
		#bild_2  {	
			width: 724px; height: 287px;
			box-shadow: 4px 4px 12px #444444;
						border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
		#bild_3  {	
			width: 724px; height: 308px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
			
		#bild_4  {	
			width: 724px; height: 298px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
		#bild_5  {	
			width: 724px; height: 337px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			} */
		
		
		#bild_280  {	
			width: 724px; height: 280px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
		#bild_300  {	
			width: 724px; height: 300px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
			
		#bild_320  {	
			width: 724px; height: 320px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
			
		#bild_340  {	
			width: 724px; height: 340px;
			box-shadow: 4px 4px 12px #444444;
			border: 1px solid;
			border-radius: 20px;
			margin: 20px;
			}
			
		#content hr {
		width: 94%;
		height: 0px;
		background-color: #ffffff;
		align-self: center;
		margin-left: 3%;
		margin-top: 50px;
		}
			
			



#footer {
    background-image: url(images/hg_1.jpg);
        background-color: #bbbbbb;
         border-radius: 10px;
          margin: 3px 12px 12px 12px;
     clear: both;
     height: 50px;
     padding: 12px 12px 12px 12px;
      text-align: center;
} 










28px