body {
	font-family: Arial, Helvetica, _sans;
	font-size: 14px;
	background: #ccc;
	background-image:url(background_2.jpg);
	background-size: contain;
	
	/* background-image:url(background_2.jpg);  */
	

}





p {
  padding-top: 0px;
   line-height: 24px;
}


h2 {
  margin: 2px 0 0px 0;
  font-size: 15px;
   text-transform: uppercase;
   font-weight: bold;
}

.content {
	max-width:90em;
	margin-left: 80px;
    margin-bottom: 30px;
  margin-top: 50px;

  

}



.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; /* gesuchte Transparents*/
}


.navi {
    position: fixed;
    width: 450px;
    top: 10px;
    left: 10px;
    opacity: 0.5;
    /* border: 1px solid #f00; */ 
   
}



.itema {
  
    background: #999;
    padding: 6px;
     color: #ccc;
    font-size: 13px;
    font-family: Arial, Helvetica;
    text-transform: uppercase;
    width: 90px;
}


.itema a {
    color: #fff;
    text-decoration: none;
}

.itema a:hover {
   color: #a700a9;
}


li {
  /* display: inline;
  list-style-type: none; */
  margin-bottom: 3px;	  
}


ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0;
}

.col1 {
   float: left;
   margin-right: 10px;	
   padding: 10px;
   background: #fff;
   /* border: 1px solid #f00; */
   width: 280px; /*Breite der Schriftkasten */
}

.col2 {
   float: left;
   margin-right: 10px;
   padding: 10px;
   background: #fff;	
   /* border: 1px solid #f00; */
   margin-bottom: 30px;
  /* max-width:90em;*/


   
}




.col2 img {
width:100%; /* entscheidet über Größe der Bilder 700px*/
height: auto;
/*image-size: contain;*/
} 

figure{
   width:20%;
   margin-left: 0px;

	} 


.footer {				
	padding-top:20px;
	height: 80px;

}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}