.tx-blankpage-pi3{
	position:relative;	
	padding:24px 0px 0px 24px;
	/*width:1080px !important;*/
	$width:100%;
	height:1760px !important;
	overflow:hidden;
}
.tx-blankpage-pi3 a{
  color:#ecedec;
}
.tx-blankpage-pi3 .dummy-box,
.tx-blankpage-pi3 .focus-box{
	position:relative;
	float:left;	
	margin-bottom:24px; 
	margin-right:24px;
	color:#ffffff;
	text-align:center;	
}
.focus-box-inner,
.work-teaser{
  width:100%;
  height:100%;  
}
.tx-blankpage-pi3 .dummy-box,
.tx-blankpage-pi3 .focus-box,
.tx-blankpage-pi3 .work-content{
	width:152px;
	height:152px;
	overflow:hidden;
}
.tx-blankpage-pi3 .focus-box .work-content{
  position:relative;
  background-color:#00361a; 
}

.tx-blankpage-pi3 .focus-box.clicked .work-content{    
  background-color:#ffffff; 
}
.tx-blankpage-pi3 .dummy-overlay,
.tx-blankpage-pi3 .overlay,
.tx-blankpage-pi3 .details,
.tx-blankpage-pi3 .preview{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:9;
  background-color: #00361a;
}
.tx-blankpage-pi3 .preview{
  z-index:8;  
}
.tx-blankpage-pi3 .details{
  z-index:7;  
  background-color:#ffffff;
}    
.tx-blankpage-pi3 .dummy,
.tx-blankpage-pi3 .intro{
  background-image:url(../grafik/rcs-wortmarke.png);  
  background-position:center;
  background-size:contain;
  width:90%;
  height:90%;  
  margin:5%;
  background-repeat:no-repeat;
  position:absolute;
  top:0px;
  left:0px;    
}

   

.tx-blankpage-pi3 .focus-box.open,
.tx-blankpage-pi3 .shadowed{    
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.8);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#44000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#44000000');   
}




/* DETAIL VIEW */

.tx-blankpage-pi3 .details{
      
}
.tx-blankpage-pi3 .details-inner{
  padding:20px;  
}
.tx-blankpage-pi3 .details .images{
  position:relative;
  width:640px;
  height:428px;
  overflow:hidden;  
}
.tx-blankpage-pi3 .details .images.displayadvert{
  height:640px;    
}


.tx-blankpage-pi3 .details .info{
  text-align:left;
  margin-top:20px;
  color:#000000;
}
.tx-blankpage-pi3 .details .info-slide{  
}
.tx-blankpage-pi3 .details .info .main .top{
  padding:0px 25px;
  height:78px;
  margin:0px 0px 20px 0px;  
  background: rgb(190,169,119); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(190,169,119,1) 0%, rgba(237,229,213,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(190,169,119,1)), color-stop(100%,rgba(237,229,213,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(190,169,119,1) 0%,rgba(237,229,213,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(190,169,119,1) 0%,rgba(237,229,213,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(190,169,119,1) 0%,rgba(237,229,213,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(190,169,119,1) 0%,rgba(237,229,213,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea977', endColorstr='#ede5d5',GradientType=0 ); /* IE6-9 */
}
.tx-blankpage-pi3 .details .info .main .bottom{
  padding:10px 10px 0px 10px;
  height:84px;
  background: rgb(239,236,221); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(239,236,221,1) 0%, rgba(239,236,221,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,236,221,1)), color-stop(100%,rgba(239,236,221,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(239,236,221,1) 0%,rgba(239,236,221,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(239,236,221,1) 0%,rgba(239,236,221,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(239,236,221,1) 0%,rgba(239,236,221,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(239,236,221,1) 0%,rgba(239,236,221,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efecdd', endColorstr='#efecdd',GradientType=0 ); /* IE6-9 */
}
.tx-blankpage-pi3 .details .info .main .top .location{
  color:#ffffff;
  padding:5px 0px 10px 0px;
  text-transform:uppercase;
  font-size:10px;    
}
.tx-blankpage-pi3 .details .info .main .top .title{
  font-family: "Greta Text Bold 2";
  text-transform:uppercase;
  font-size:1.3em;
  font-weight:bold;  
}
.tx-blankpage-pi3 .details .info .main .bottom .overview{

}
.tx-blankpage-pi3 .details .info .main .bottom .overview .properties{
  list-style:none;
    
}
.tx-blankpage-pi3 .details .info .main .bottom .overview .properties li{
  display:inline-block;  
  text-transform:uppercase;
  font-size:11px;
  width: calc( 30% - 20px);
  margin-bottom:15px;
  padding-left:20px;
  position:relative;
  vertical-align:top;
  font-weight:bold;
  margin-right:3%;  
}
.tx-blankpage-pi3 .details .info .main .bottom .overview .properties li span{
  display:inline-block;
  position:absolute;
  left:0px;
  width:15px;
  height:15px;
  line-height:12px;
  background-color:#CAB56F;
  color:#ffffff;
  font-size:18px;
  text-align:center;
  margin-right:10px;   
}
.tx-blankpage-pi3 .details .info .info-slide.main{
  display:none;
}
.tx-blankpage-pi3 .details .info .description{
    
}
.tx-blankpage-pi3 .details .info .description .label{
  background: rgb(239,236,221);
  padding:5px 10px;
  font-size:12px;
  text-transform:uppercase;
  margin-bottom:10px;
  line-height:12px; 
}
.tx-blankpage-pi3 .details .info .description .label span{
  display:inline-block;
  width:15px;
  height:15px;
  line-height:12px;
  background-color:#CAB56F;
  color:#ffffff;
  font-size:18px;
  text-align:center;
  margin-right:10px;
}
.tx-blankpage-pi3 .details .info .description .copy{
  font-size:11px;  
}










/* WELCOME BOX */


.tx-blankpage-pi3 .welcome-box{
  display:none;
  width:680px;
  height:680px;
  background-color:#ffffff;       
}
.tx-blankpage-pi3 .welcome-box .inner{
  margin:20px;   
}
.tx-blankpage-pi3 .welcome-box .inner .welcome-logo{
  height:428px;
  margin-bottom:20px;
  background-color:#00361a;
  background-image:url(../grafik/rcs-welcome-logo.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:90%;
}
.tx-blankpage-pi3 .welcome-box .inner .welcome-copy{
  height:192px;
  background: rgb(187,166,115); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(187,166,115,1) 0%, rgba(239,232,217,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,166,115,1)), color-stop(100%,rgba(239,232,217,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(187,166,115,1) 0%,rgba(239,232,217,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(187,166,115,1) 0%,rgba(239,232,217,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(187,166,115,1) 0%,rgba(239,232,217,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(187,166,115,1) 0%,rgba(239,232,217,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bba673', endColorstr='#efe8d9',GradientType=0 ); /* IE6-9 */
  display:table;  
}
.tx-blankpage-pi3 .welcome-box .inner .welcome-copy-inner{
  padding:20px;  
  font-family: "Greta Text Bold 2";
  color:#000000;
  font-size:2em;
  text-transform:uppercase;
  display:table-cell;
  font-weight:bold;
  vertical-align:top;
  text-align:left;
}