body {
  -webkit-font-smoothing: antialiased;
  font-family: "Arial";
  background-color: #292929;
  color: #ffffff;
  
width: 940px;
margin: 0 auto;
}
  


#wrap {
	width: 940px;
	border: none;
}

.home {
  	background-image: url('/images/cocoon_home.png');
  	background-repeat:no-repeat;
  	width:940px;
  	height:615px;
  }
  

.slide {
	width:940px;
	background-image: url('/images/cocoon_slide_klein.png') ;
	background-repeat:no-repeat;
	background-size: cover;
}



.slider_top {
	padding-top: 150px;
	}
	
	
.slideshow {
	padding-top: 150px;

}	
	

.headline{
  	
  	
  	width:940px;
 	 height:auto;
	 padding-top:50px;
	 padding-left:42px;
 	 
}



.col_3{
  
   width: 900px;
   background-color: none;
   min-height:200px;
   margin-top:670px;
   margin-left: -10px;
   margin-bottom:100px;
 
}

.col_spacer{
  
   width: 900px;
   background-color: none;
   min-height:0px;
  
   margin-left: -10px;
 
}

.col_spacer_agentur{
  
   width: 900px;
   background-color: none;
   min-height:50px;
  
   margin-left: -10px;
 
}





.col_1{
  
   width: 900px;
   background-color: none;
   min-height:200px;
 
   
}
.col_bild_1{
   
   overflow: hidden;
   float: left;
   width: 250px;
   background-color: none;
   text-align:left;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:10px;

}

.col_bild_agentur1{
   
   overflow: hidden;
   float: left;
   width: 348px;
   background-color: none;
   text-align:left;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:10px;

}



.col_text_1{
 
   overflow: hidden;
   float: left;
   width: 450px;
  
   padding-top: 42px;
 
}


.col_2{
  
   width: 900px;
   background-color: none;
   min-height:200px;
 
   
}
.col_bild_2{
   
   overflow: hidden;
   float: left;
   width: 348px;
   text-align:left;
   background-color: none;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:5px;
   
}


.col_bild_agentur{
   
   overflow: hidden;
   float: left;
   width: 258px;
   text-align:left;
   background-color: none;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:5px;
   
}

.col_text_2{
 
   overflow: hidden;
   float: left;
   width: 450px;
   padding-top: 42px;
   
}






.col_1_news{
  
   width: 900px;
   background-color: none;
   min-height:200px;
   margin-top: 100px;
 
   
}
.col_bild_1_news{
   
   overflow: hidden;
   float: left;
   width: 340px;
   background-color: none;
   text-align:left;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:10px;

}
.col_text_1_news{
 
   overflow: hidden;
   float: left;
   width: 450px;
   min-height: 200px;
   padding-top: 40px;
 
}


.col_2_news{
  
   width: 900px;
   background-color: none;
   min-height:200px;
 
   
}
.col_bild_2_news{
   
   overflow: hidden;
   float: left;
   width: 260px;
   background-color: none;
   padding-left: 42px;
   padding-top: 27px;
   margin-right:10px;
   
}
.col_text_2_news{
 
   overflow: hidden;
   float: left;
   width: 450px;
   padding-top: 42px;
   min-height: 237px;
   
}









.agentur {
  background-image: url("/images/cocoon_agentur.png");
  background-repeat: no-repeat;
  width: 940px;
  height: 637px;
  background-size: cover;
 	 
}




.team {
  background-image: url('/images/cocoon_team.png');
  background-repeat:no-repeat;
  width:940px;
  height:1738px;
  background-size: cover;
  
  
}

.team-text {
  padding-left: 400px;
  padding-top: 680px;
  font-size:80%;
  line-height: 120%;
  width: 450px;

}

.team-text2 {
  padding-left: 310px;
  padding-top: 178px;
  font-size:80%;
  line-height: 120%;
  width: 450px;

}



.aktuell {
  background-image: url('/images/cocoon_aktuell.png');
  background-repeat:no-repeat;
  width:940px;
  height:1143px;
  background-size: cover;
  
}


.aktuell-text {
  padding-left: 400px;
  padding-top: 105px;
  font-size:80%;
  line-height: 120%;
  width: 400px;

}

.aktuell-newsletter img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.roc_button {
float:right;
position: relative;
width: 155px;
padding-top: 150px;
padding-right: 20px;

}
.roc_button img a {

}

.roc_button img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}


.aktuell-text2 {
  padding-left: 310px;
  padding-top:190px;
  font-size:80%;
  line-height: 300%;
  width: 400px;

}



.aktuell-magazine{
  padding-left: 30px;
  padding-top:145px;
  font-size:80%;
  line-height: 120%;
  width: auto;
  float: left;

}
.aktuell-magazine img {
padding-right: 20px;
}


.aktuell-magazine img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}


.leistungen {
  background-image: url('/images/cocoon_leistungen.png');
  background-repeat:no-repeat;
  width:940px;
  height:1437px;
  background-size: cover;
  
}

.leistungen-text p {
  padding-left: 400px;
  padding-top:77px;
  font-size:80%;
  line-height: 120%;
  width: 400px;

}

.portfolio {
  background-image: url('/images/cocoon_portfolio.png');
  background-repeat:no-repeat;
  width:940px;
  height:941px;
  background-size: cover;
  
}

.portfolio img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.kontakt {
  background-image: url('/images/cocoon_kontakt.png');
  background-repeat:no-repeat;
  width:940px;
  height:1144px;
  background-size: cover;
  
}

.kontakt-text p {
  padding-left: 400px;
  padding-top:73px;
  font-size:80%;
  line-height: 120%;
  width: 400px;

}

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

}
.kontakt-text a:hover{
 color: #ccc;
 text-decoration:none;

}

.impressum {
  background-image: url('/images/cocoon_impressum.png');
  background-repeat:no-repeat;
  width:940px;
  height:800px;
  background-size: cover;
  
}

.impressum-text p {
  padding-left: 50px;
  padding-top:100px;
  font-size:80%;
  line-height: 120%;
  width: 800px;

}

.impressum-text a {
 color: #fff;

}

.space {
  background-image: none;
  background-repeat:no-repeat;
  width:940px;
  height:350px;
  background-size: cover;
  
}




h1 {
  font-size: 150%;
  color:transparent;
}

.grey h1 {
  color: #000;
}
.black h1 {
  color: #FFF;
  -webkit-mask-image: -webkit-gradient(
    linear, 
    left top, 
    left bottom, 
    from(rgba( 1, 1, 1, 1)),
    to(  rgba( 0, 0, 0, 0.75))
  );
}

p {
  font-size: 13px;
  line-height: 1.2;
}




#navi {
  font-size: 13px;
  line-height: 120%;

  
}
#navi  li:hover { color: #fff; }
#navi  li a {
  color: #8f9092;
  text-decoration: none;
}
#navi  li:hover a { color: #fff; }



div.margins a.backlink {
  background: url('/images/up.png');
  color: transparent;
  background-repeat:no-repeat;

}

div.grey div.margins a.backlink {
  background: url('/images/up.png');
  background-repeat:no-repeat;
}

div.margins a.backlink:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

div.portfolio_part {
    
}
div.portfolio_item {
}
div.portfolio_item h3 {
  font-weight: normal;
  color: #FFF;
}
div.portfolio_item p {
  color: #AAA;
  line-height: 1.2;
}

div.portfolio_item a { 
  color: #b61e83;
  text-decoration: none;
}
div.portfolio_item a:hover { text-decoration: underline; }

address {
  line-height: 1.5;
  font-style: normal;
  font-size: 14px;
}

div.social_links {
  color: #FFF;
  font-size: 14px;
  line-height: 3;
}

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