/*******************************************************************************
 *  helper.css
 *
 *  main layout css file - actual website
 *
 *  @author     robert bitterli <info@radiocity.ch>
 *  @package    nightshiftCms
 ******************************************************************************/



/*******************************************************************************
 *  main setup
 */
 
 
 
 
 
 

 
 
 
 
 
 
.video{
position:absolute;
right:0;
top:268px;
}
  .job h4{
  font-size:20px;
  font-family:arial;
  color:#000;
  margin-bottom:-12px;
  }
  .job a{
    color:red;  
      font-size:16px;
      font-style:italic;
}
.job{
position:absolute;
right:350px;
top:123px;
display:none;



/*    */
}
.c-188-112 .job,
.s-1 .job{
/* display:block; */
}
.content-frame {
    width: 1040px;
    margin:0 auto;

}
.content-main {
    position:relative;
    width: 960px;

    margin:0 auto;
        padding-bottom:140px;
}

.content-language{
    position:absolute;
    left:-25px;
    top:262px;
     

}

.index-banner{
   position:absolute;
    left:-2px;
    top:562px;
    z-index:1000;
}
.header-index{
 position:absolute;
 top:80px;
 left:0;

}
.header-index-logo{
 height:170px;
 margin-left:0;

}


.nav {

}

.nav-top{
width:283px;
}

.content-grid{
 padding-top:40px;

}



.grid,
.gridsub,
.grid2cols,
.grid2colsContent{
  position:         relative;

  height:           223px;
  width:            223px;
  float:            left;
   
overflow: hidden;
}
.grid2colsContent,
.grid2cols{
  width:            490px;
}
.gridProduct{
  height:190px;
  
padding-top:5px;  
padding-left:15px;
}

.gridProductInfo{
position:relative;
padding-left:15px;

   height:105px;
}
.gridProductInfo-inner{
position:absolute;
top:75px;
   left:102px;
   font-size:9px;
}
.gridProductGallery{


}
.gridProductFreight{

   margin-top:24px;
}
.textProductHeritage{
 color:#77BC22;
}

.gridProductFreight-0{
       float:left;
}
.gridProductFreight-1{
       float:right;
}


.gridProduct h1{   
font-size:15px;

font-weight:700;
margin-top:0;
margin-bottom:0;

 color:inherit;
    filter:           alpha(opacity=50);
                    -moz-opacity:.50;
                    opacity:.50; 
 
}
.gridProduct h2{

font-size:15px;
font-weight:700;
 color:inherit;
}


.gridsub{
  position:         relative;

  margin-right:     44px;

}

.imageAddSize{
  height:           225px;
  width:            225px;
}
.grid-image-bg,
.grid-image-title{
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:35px;
  text-align:center;

  color:#fff;

}

.grid-image-bg{
  text-align:center;
  background-color:gray;
    filter:           alpha(opacity=65);
                    -moz-opacity:.65;
                    opacity:.65; 

}

.grid-image-link{
  position:         absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
display:block;
}
.grid-image-title{
  text-align:center;
    padding-top:5px;
  color:#fff;

 height:28px;
}


.grid-image{
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:30px;
  text-align:center;
  background-color:gray;
  color:#fff;

}

.gridSloganLink,
.gridSlogan{
font-size:18px;
line-height:22px;
font-weight:700;
padding:12px;

}
.gridSloganLink{
  color:inherit;
}


.gridContent{
       line-height:15px;
          margin-top:    18px;
          
     padding-bottom:40px;     

}
.gridContent h4{
  font-weight:700;
  font-size:inherit;
  font-family:inherit;
}


.grid-content-default{
 padding:18px 14px;

}


.cGridSmall{
  font-size:        0.1em;
  position:         relative;
  height:           15px;
  width:            15px;
  float:            left;

  color:            #fff;
}



.nav-icon{
  position:         absolute;
  left:             -23px;
  top:              515px;
  width:            45px;
  height:            45px;
}
.nav-icon-link,
.nav-icon-link-icon{
  position:         absolute;
  left:             0;
  top:              0;
  bottom:           0;
  right:            0;

}

.linkerIcon{
  display:          block;
  position:         absolute;
  left:             0;
  top:              0;
  bottom:           0;
  right:            0; 

}

.nav-sub-arrow{
  position:         absolute;
  left:             -1px;
  top:              223px;  
  height:           28px;
  width:            28px;
  background-color: inherit;
  overflow:         hidden;
 
}
.nav-sub-arrow-mask{
  position:         absolute;
  top:              -21px;
  left:             0;

}
.nav-subsub{
  position:         absolute;
  left:             1px;
  bottom:              22px;

}

  
.nav-logo{
position:absolute;
bottom:8px;
left:0;
}

.image-zoom,
.image-zoom-gallery{
 position:absolute;
 top:0;
 left:0;

}

.imageBorder{
border:1px solid gray;

}



.galleryThumbnail-frame{
float:left;
margin-right:12px;
margin-bottom:12px;
cursor:pointer;
position:relative;


}
.thumb-end{
 margin-right:0;

}

.c-Preload{
 display:none;
}


.galleryThumbnail-border{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
 border:3px solid red;
 display:none;
}

.showFirst{
   display:block;
}


.galleryThumbs,
.galleryStage{

  
}
.galleryThumbs{
width:225px;

height:225px;


}                   

.galleryThumbs-product{
position:relative;
 width:225px;
 
}


.galleryThumbsContent{
height:430px;
   overflow:auto;
}


.galleryThumbsTitle{

position:absolute;;
bottom:15px;
 color:gray;
}       

.galleryThumbnail-pages{
position:absolute;
left:0px;
top:0;
bottom:0;
width:50px;
}

.galleryThumbnail-product{
position:absolute;
left:-32px;
top:1px;
bottom:0;
width:30px;
}
.gridProductPdf{
position:absolute;
left:462px;
top:162px;
}

.c-gallery-pages{
float:left;
width:10px;
height:10px;
font-size:9px;
color:#fff;
background-color:#000;
margin-right:2px;
margin-bottom:2px;
}

.linkerPages{
color:#fff;
text-decoration:none;
margin-top:-4px;
margin-left:2px;
display:block;
}



.preloadGallery{
  display:none;
}

.preloadGalleryDisplay{
  display:block;
}


.gallery-content{
position:relative;
width:500px;
margin: 0 auto;
padding-top:35px;

}
.gallery-content-bwd,
.gallery-content-fwd{
  position:absolute;
  top:270px;;
}

.gallery-content-bwd{
  position:absolute;
  left:-30px;;
}

.gallery-content-fwd{
  position:absolute;
  left:510px;;
}

.gallery-news-close{
margin-top:-9px;
margin-left:-30px;
}

 .nav-disclaimer{
      position:           absolute;
      top:                234px;;
      right:              13px;;
      z-index:            3000;

 }

 .nav-disclaimer .linkerDisclaimer{
 text-decoration:none;
 
 
 }

.popup{
      position:           absolute;
      top:                140px;;
      left:               180px;;
      width:              600px;
      background-color:   #fff;
      display:            none;
      -moz-box-shadow:    -3px 8px 14px #D0C9C0;
      -webkit-box-shadow: -3px 8px 14px #D0C9C0;
      box-shadow:         -3px 8px 14px #D0C9C0;
      z-index:3001;
}


.popup-0{
width:580px;
 height:640px;
margin-left:60px;
}
.popup-0-content h4{
 font-weight:700;
 font-size:11px;
}

.popup-0-content-frame{
 height:500px;
 width:530px;
 overflow:auto;

}
.popup-0-content{
  width:460px;
}

.popup-0-header{
 width:530px;
 height:60px;
 padding-top:20px;
 text-align:right;
}




/*******************************************************************************
 *  slider style
 */

.sliderBottom  .linkerControlsActive, .sliderBottom .linkerControls {
	text-decoration: none;
	display: block;
	height: 18px;
	width: 20px;

	float: left;
	margin-left: 1px;
  margin-top:4px;
	color: #6D6E71;
	font-family: inherit;
	font-size: 12px;
	text-align: center;
  
}


.btnPointer{
cursor:pointer;
}

.slider {
	position: relative;
	padding-top: 24px;
	width: 840px;
	height: 749px;

	margin-bottom:20px;
}

.slider-index-controls{
  position:absolute;
  top:680px;
  left:350px;;

    width:250px;
}

.slider-index-bwd{
  float:left;
}
.slider-index-fwd{
  float:right;
}

.slider-index-tcontent{
  position:absolute;
  top:70px;
  left:650px;;
          width:320px;
          color:gray;
          line-height:16px;
}

.index-slider-temp{
    display:none;

}

.slider-index-tcontent h4{
 font-weight:300;
 color:#D13239;
 font-size:16px;
  margin-top:          0px;
  margin-bottom:       0px;
  height:              22px;
 
}

/*
.sliderBottom {
	height: 24px;

}


.sliderTitle {
	font-family: verdana;
	width: 440px;
	height: 25px;
	margin-right: auto;
}
.sliderTitleInner {
	margin-left: 10px;
	float: left;
	color: #000;
	font-weight: 700;
	font-size: 14px;
}
.sliderTitleMenu {
	float: right;
	margin-right: 10px;
}
*/

.sliderBg {
	height: 714px;
	width: 900px;
}
.slider .sliderBg .sliderInner {
	position: relative;
	float: left;
	width: 900px;
	height: 814px;
	margin-left: 0;
	margin-right: auto;
	overflow: hidden;     
	background-color: #fff;
}


.slider .cellImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;

}
.slider #sliderInnerMove {
	position: absolute;
	left: 0px;
	width: 2400px;
}



.linkerControls{
		border: 1px solid #ca5717 | important;;
		 display:block;
}

.sliderBottom  .linkerControlsActive{
   
 	background-color:#ca5717;
 	color:#fff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
 	
}