#header {background:none;height:115px;position:relative;z-index:99}
#container {background:none}

#header  .logo img {width:190px;height:115px;background:url('../_gfx/alucobond-alucore-home.png') no-repeat}
#header  .right {position:relative}
#header  .right .logo {position:absolute;right:0;top:45px;text-align:right;float:none;left:auto;}
#header  .right .logo img {width:50px;height:50px;background:url('../_gfx/3acomposites.png') no-repeat 0 -50px;margin:0}

#header .frame {position:relative;margin-top:0}

#body {z-index:90;position:relative;width:955px;margin:0 auto}
#menu-main {border-bottom:2px solid #b5a799}
#menu-main .sub {border-top:2px solid #b5a799}


#picture {position:absolute;z-index:1;text-align:center;width:100%}
#picture .slideshow{position:relative;width:955px;margin:0 auto;height:552px;overflow:hidden}
#picture .slideshow img {width:955px;height:552px}

#frame-content {z-index:90;margin-top:425px}

#news {position:absolute; top:70px;width:290px;right:30px;height:189px;}
#news .page {position:absolute;top:0}
#news .page div {display:block;width:290px;padding:5px 8px;background:url('../_gfx/news-bg.png');margin:0 0 2px 0}

#news a{background:url('../_gfx/news-link-bg.png') no-repeat 0 5px;font-size:0.9em;text-decoration:none;color:#fff;padding:0 0 0 9px;display:block;line-height:140%}

#body {width:100%}
#body .frame{position:relative}

#frame-content a:hover img {background-position:0 -147px}
#socialnets a:hover img {background-position:0 -28px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}


.pagination{padding:0;position:absolute;top:50px;right:15px}

.pagination img {width:20px; height:20px;background:url('../_gfx/news-nav.png') 0 -20px;margin:0 0 0 5px}
.pagination #next img {background-position:-28px -20px}
.pagination #next:hover img {background-position:-28px 0}
.pagination #prev:hover img {background-position:0 0}

#regions {float:none;position:absolute;bottom:22px;margin-left:240px;right:auto;}


#home-box-left,
#home-box-middle {
margin:0 22px 0 0;
}
#home-box-right {
margin:0;
}

.csc-textpic {
display:inline-block;*display: inline;zoom: 1;
width:300px;
height:147px;
overflow:hidden;
position:relative;
margin:0 22px 22px 0;
}

.csc-textpic.csc-textpic-right {
margin: 0 0 22px 0;
}

.csc-textpic .csc-textpic-single-image {
position:absolute;
top:0;
}

.csc-textpic:hover .csc-textpic-single-image {
top:-147px;
}

#survey {top:355px;}



/* 17.06.2016 - Neue Startseitenverlinkungen */

.csc-textpic .overlay {
 content: \A;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 z-index: 5;
 background: rgba(50,50,50,0.8);
 width: 100%;
 height: 100%;    
 transition: all 1s;
 -webkit-transition: all 1s;
}
.csc-textpic:hover .overlay {
 width: 92%;
 height: 70%; 
 top: 40px;
 left: 10px;
 transition: all 0.7s;
 -webkit-transition: all 0.7s;
}
.csc-textpic-text {
 position: absolute;
 top: 40px;
 z-index: 6;
 margin: 10px auto;
 width: 100%;
 text-align: center;
 font-size: 0.9em;
 font-weight: 100; 
 cursor: pointer;
}
.csc-textpic a {
 color: #fff;
 text-decoration: none;
 width: 100%;
}
.csc-textpic-text b {
 font-size: 1.4em;
 font-weight: 100;
 text-transform: uppercase;
}
.csc-textpic-text p {
 margin: 0;
}
.csc-textpic-text .icon {
 width: 100%;
 margin: 8px 0 5px;
}
.csc-textpic-text .icon span {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-position: top left;
}
.csc-textpic-text .icon .neuheit {
  background: url('../_gfx/ico_neuheit.png') no-repeat;
}
.csc-textpic-text .icon .tech-details {
  background: url('../_gfx/ico_tech-details.png') no-repeat;
}
.csc-textpic-text .icon .digital-mag {
  background: url('../_gfx/ico_digital-mag.png') no-repeat;
}
.csc-textpic-text .icon .campus {
  background: url('../_gfx/ico_campus.png') no-repeat;
}
.csc-textpic-text .icon .facademaker {
  background: url('../_gfx/ico_facademaker.png') no-repeat;
}
.csc-textpic-text .icon .projects {
  background: url('../_gfx/ico_projects.png') no-repeat;
}
.csc-textpic:hover .icon span,
.csc-textpic-text:hover .icon span {
  background-position: top right;
}
.csc-textpic .blendin a {
 color: rgba(1,1,1,0);
 transition: all 1s;
 -webkit-transition: all 1s;
}
.csc-textpic:hover .blendin a {
 color: rgba(255,255,255,1.0);
 transition: all 1s;
 -webkit-transition: all 1s;
}