html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-size: 12px;
   font-family: arial,helvetica,sans-serif;
   line-height:100%;
   background:url('../_gfx/bg.png') repeat-y #1a171b center 0;
   background:#1a171b;
}

ul,li {margin:0;padding:0;}
img {border:0}
strong b, b b {font-weight:600}
h1,h2,h3 {font-size:14px;padding:0;margin:0 0 7px 0}

.csc-header {padding:0;margin:0}

.divider {height:2em;}
.divider hr {display:none;}




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


#menu-main li,#menu-extra li,#menu-general li {float:left;list-style-type:none;position:relative;z-index:98}
#menu-main {background:#4b4b4d;border-bottom:2px solid #ea640d;width:100%;}
#menu-main  a:hover {background:url('../_gfx/menu/main-bg.png') repeat-x}
#menu-main  .hover a {background:url('../_gfx/menu/main-bg.png') repeat-x} 
#menu-main  li {margin:0 1px 0 0}
/*
#menu-main  li.main:last-child {margin-left:10px;padding-left:10px;}
#menu-main  li.main:last-child:before {content: "";display:inline-block;height:50%;width:1px;background:#b3a597;position: absolute;top:25%;left:-1px;}
#menu-main  li.main:last-child:after {content: "";display:inline-block;height:100%;width:8px;background:url('../_gfx/ico-extern.png') no-repeat;position: absolute;right:0;top:0;}
*/
#menu-main  a,#menu-extra a {display:block;width:100%;height:31px}
#menu-main .sub, #menu-main .sub1 ul {display:none;position:absolute;background:#4b4b4d;z-index:99;width:200px;border-top:2px solid #ea640d}
#menu-main .sub li {margin:0;border-top:0;width:200px}
#menu-main .sub li+li {border-top:1px solid #8b8b8b}

#menu-main .sub a {height:auto;font-size:12px;width:170px;color:#fff;background:#4b4b4d;padding:7px 15px;text-decoration:none;}
#menu-main .sub .sub1 a {background:url('../_gfx/menu/main-sub-bg.png') no-repeat right 10px #4b4b4d}
#menu-main .sub .sub1 ul a {background:#676767}
#menu-main .sub a:hover,#menu-main .sub1 .hover {background:#676767!important}
#menu-main .sub a+a {border-top:1px solid #8b8b8b}

#menu-main .sub1 ul {left:200px;width:200px;top:-1px;border:1px solid #8b8b8b;z-index:99}

#menu-main .sub1 ul li a:hover {background:#b3a597!important;color:#4b4b4d}

#menu-extra {position:absolute;top:134px;left:207px;z-index:90}
#menu-extra  li {margin-right:1px}
#menu-sub {margin:50px 0px 0px 15px;width:180px}
#menu-sub li {list-style-type:none;margin:0 0 10px 0}
#menu-sub li.sub2 {margin:0 0 5px 10px}
#menu-sub li.sub2.last {margin:0 0 10px 10px}
#menu-sub li.sub3 {margin:0 0 5px 20px}
#menu-sub li.sub3.last {margin:0 0 10px 20px}
#menu-sub a {font-size:12px;display:block;background:url('../_gfx/menu/menu-sub-bg.png') no-repeat 0 3px;padding:0 0 0 10px;text-decoration:none;color:#fff;line-height: 125%;}
#menu-sub a:hover {background-position:0 -37px}
#menu-sub a.active, #menu-sub a.active:hover {color:#b3a597;background-position:0 3px;text-decoration:none}
#menu-general {margin-top:15px;}
#menu-general a {font-size:11px;padding-right:15px;color:#666;text-decoration:none}
#menu-general a:hover {text-decoration:underline}
   
#menu-main span,#menu-extra span  {display:none}
#menu-sub a span, #menu-main span {display:inline;color:#EA640D;font-size: 9px;vertical-align: 10%;}

.clear:after,.clearfix:after,.csc-textpic-imagewrap:after,.tx-andshadowbox-pi1:after,.browsebox:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear,.clearfix,.csc-textpic-imagewrap,.tx-andshadowbox-pi1,.browsebox {display: inline-block;*display: inline;zoom: 1;}  /* for IE/Mac */

.left {float:left}
.right {float:right}

#main-pic {height:168px;position:relative;z-index:1;}

#container {
   min-height:100%;
   position:relative;
   background:url('../_gfx/bg-content.png') repeat-y center 0;  
}

.frame {width:955px;margin:0 auto;text-align:left;}

#headimage {margin:0 auto;width:955px;height:315px;}
#architect {z-index:10;position:absolute;top:190px;text-align:right;width:950px;color:#fff;padding:5px 0 5px 5px;/*SH* SURVEY 2016*/ top: 215px; }
#architect img {cursor:pointer}
#architect .info {cursor:pointer;font-size:11px;display:none;text-align:left;opacity:0.80;float:right;height:20px;width:174px;padding:10px 5px;background:#1a1a19}

#header {background:#1a181b;height:115px;color:#fff;text-align:center}
#header .frame {position:relative;margin-top:-315px;z-index: 10;}
#header .logo {position:absolute;top:0;left:0;}
#header .logo img {width:185px;height:115px;background:url('../_gfx/alucobond-alucore.png') no-repeat;margin:0}
.x.tx-macinasearchbox-pi1 {float:right;}



#searchform {white-space:nowrap;padding:0;width:165px;height:25px;background:url('../_gfx/search-bg.png') no-repeat right 0 #1a171b;border-left:1px solid #676767;right:1px; }
#searchfield {width:133px;background:none;border:0;color:#fff;padding:5px 0 0 10px;vertical-align:middle;background:url('../_gfx/search-lang.png') no-repeat 0 2px}
.de  #searchfield {background-position: 0 -18px}
.fr  #searchfield {background-position: 0 -38px}
.it  #searchfield {background-position: 0 -58px}
.es  #searchfield {background-position: 0 -78px}
.ru  #searchfield {background-position: 0 -98px}
.pt  #searchfield {background-position: 0 -118px}
.pl  #searchfield {background-position: 0 -138px}
#searchfield:hover,#searchfield.hover {background-position: -134px 0!important}
#submit {width:25px;height:25px;vertical-align:middle;cursor:pointer}




#body {
   padding-bottom:95px;   /* Height of the footer */
   text-align:left;
   text-align:center;
}

#frame-content {width:100%;font-size:12px;}
#content {width:695px;margin:47px 20px 0 0;line-height:140% }


/* PAGE CONTENT */

#content a {color:#ea640d;text-decoration:none}
#content p {margin:0 0 10px 0}
#content b,#content strong {color:#4b4b4d}
#content sup, #content sub { height: 0;line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;   
    }
    
#content sup {bottom: 1ex }
#content sub { top: .5ex }

#content ul {margin:20px 0}
#content li {margin:0 0 0 20px}

#content .left {width:45%;float:left}
#content .right {width:45%;float:right}

#content .box.left,
#content .box.right {width:48%;float:none;display:inline-block;margin-right:3%;vertical-align: middle;}

#content .box:nth-child(2n) { margin-right:0; }


#colourChart + h3 + .box.left,
#colourChart + h3 + .box.right {width:100%;}

#colourChart + h3 + .box .csc-textpic-imagewrap {display:inline-block;margin-right:1em;vertical-align: top;}
#colourChart + h3 + .box .csc-textpic-text {display:inline-block;vertical-align: top;}
#colourChart + h3 + .box .csc-header {display:none;}
#colourChart + h3 + .box li {list-style:none;margin:0;background: url("../_gfx/menu/arrow.png") no-repeat 0px 7px;padding: 3px 0 3px 10px;}
#content #colourChart + h3 + .box p {margin:0 0 5px 0;}
#colourChart + h3 + .box ul {margin:0;}

/* Tabellen */

.lightblue p,
.darkgrey p,
.lightgrey p {padding:0!important;margin:0!important;}

.lightblue {background:#fff;border-bottom:1px solid #000}
.darkgrey,.lightgrey,.lightgrey2 {background:#fff;border-top:1px solid #000}
.lightgrey,.lightgrey2 {border-left:1px solid #000}
.darkgrey {background:#fff}

/* Events Tabellen */

#content .events { width:100%; border-bottom: 1px solid #000;margin}
#content .events p { 
	margin:0;padding: 3px 0 3px 5px; display:inline-block;width:19%;
	}	
#content .events p:first-child { width: 20%;  }
#content .events p:last-child { width: 15%; }	
#content .events.head p { 
	font-weight:bold;padding: 3px 0 3px 5px;
	}
#content .events a { font-weight: bold;  }

/* Farben und Oberflaechen */

.colormenu {float:left;width:240px}
.colormenu div {background-repeat:no-repeat;padding:0 0 0 30px}
.picmenu3 {float:left;margin:0 3px 3px 0}

#colourChart .colours .video { display:inline-block; overflow:hidden;position:relative;}
#colourChart .colours .video div {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../_gfx/colours/ico-thumb-play.png');cursor:pointer;}
#colourChart .colours .video div:hover {background-position:0 -109px;}


#colourChart .colours img {width:117px;height:109px}
#colourChart .colours.spectra img {width:315px;height:99px}

#colourChart img {cursor:pointer;margin:0 20px 20px 0}
#colourChart img.last {margin-right:0}

#colourChartText {width:539px;float:left;position:relative;z-index:1;background:#fff;padding:5px 0 0 5px;margin:-5px 0 0 -5px}


#colourChart {position:relative}
.appBtn {float:right;width:119px;height:135px;margin:-15px 15px 30px 0}

#lightbox-image-details-caption .youtube {
	display:inline-block;*display: inline;zoom: 1;
	min-height:28px;
	color:#fff;
	margin-left:10px;
	padding:5px 5px 5px 35px; 
	background:url('/uploads/tf/youtube.png') no-repeat;
	}

/* Konstruktion */
#constructions {position:relative}
#constructions .colours a, #constructions-noLink .colours span.noLink {display:block;float:left;width:170px;color:#000;font-size:11px;height:235px}
#constructions .colours a b, #constructions-noLink .colours span.noLink b {display:block;font-size:12px;color:#ea640d}
#constructions-noLink .colours span.noLink b {color:#4B4B4D;}
#constructions .colours img {display:block;width:170px;height:150px}

/* Lieferprogramm */
.productRange table {width:auto!important}
.productRange td p,.productRange th p {padding:0!important;margin:0!important}
.productRange td {text-align:center;vertical-align:middle} 
.productRange th,.productRange td {padding:3px 0;margin:0;border-bottom:1px solid #000}
.productRange td {width:90px!important}
.productRange th {width:150px!important}

/* Verarbeitung */

.picmenu {float:left;width:170px;margin:0 0 20px 0}
.picmenu span, .picmenu2 span {display:block}
.namemenu {margin-bottom:20px;margin-bottom: 20px;padding: 10px 0;border-top: 1px solid #B3A597;border-bottom: 1px solid #B3A597;}
.namemenu span {padding-right:10px;}
.namemenu span.active {color:#B3A597;}

/* Konstruktion */
.picmenu2 {float:left;width:200px;margin:0 30px 20px 0}

.tx-andshadowbox-thumb {float:left;margin:0 15px 15px 0}
.tx-andshadowbox-thumb a:hover {cursor:help}

/* news */
.news .entry,.news-detail {margin:0 0 20px 0;width:690px}
.cat {margin:0;font-size:10px}
.news .pic {float:left;width:125px} 
.news p, .news-detail .text p {margin:0!important;padding:0!important}
.news .text {float:right;width:545px}
.news-detail .text {float:left;width:430px;margin-top:20px}
.news-detail .pic {float:right;width:240px;margin-top:20px;font-size:11px;line-height:14px}
.news-detail .text .clearfix {margin-top:20px;width:100%}
.news-detail .text .clearfix a {float:left;width:50%;display:block}
.news-detail .text .clearfix span {float:right;width:50%;display:block;text-align:right}
.news-detail p.lightgrey {padding:5px 0!important;border:0 solid #000;border-width:2px 0;margin:10px 0!important;}
.news-detail dd {margin:20px 0 0 0;padding:0}
.news-detail img.news-inline-pic {width:100%;height:auto;max-width:400px;margin-top:2em;}


.news .news-list-morelink {margin-left:10px;}
.news-list-browse .browseLinksWrap {width:100%;margin-top:1em;}
.news-list-browse .browseLinksWrap span,
.news-list-browse .browseLinksWrap a { margin:0 10px 0 0; }
.news-list-browse .showResultsWrap {display:none;}

/* Contact Form */
#contact-form {width:700px;position:relative}
#contact-form p {margin:0 0 20px 0}
#contact-form label {display:block;color:#4b4b4d;clear:both}
#contact-form label span, #contact-form p span {color:#ff6600;padding:0 5px}
#contact-form input,#contact-form select,#contact-form textarea {display:block;margin:0 0 12px 0;width:350px;border:1px solid #000;border-color:#000 #ccc #ccc #000;padding:2px 2px 2px 0}
#contact-form .clearfix {margin:5px 0 0}
#contact-form .clearfix input {width:auto;float:left;padding:0;margin:0 10px 0 0}
#contact-form .clearfix span {display:block;float:left;width:520px;margin:0 0 15px 0}
#contact-form input.send {width:auto;padding: 4px 10px;color:#fff;background:#b3a597;margin:10px 0 0;border:0}
#contact-form input#form-submit-comatec {left: -5000px; margin-top: -34px; position: relative;}

#contact-form input.error,#contact-form select.error,#contact-form textarea.error {float:left}
#contact-form label.error {position:absolute;;z-index:10;left:360px;width:180px;margin-top:0px!important;color:#fff;background:#ea640d;cursor:text;border:0;font-size:12px;padding:3px 5px}
#contact-form .clearfix label.error {left:550px;width:140px;}
#contact-form label.errorcaptcha {position: relative; top: -127px; left: 170px;}
#captchabox label.error {position: relative!important; top: -127px!important; left: 170px;}
#captchabox input {width: 80px; margin-top: 5px; margin-bottom: 30px;}
#captchabox img {margin-top: 3px; border: 1px solid #E8E9EA;}

.info-box {position:absolute;top:245px;right:4%;;width:28%;z-index:1}
.info-box .head {background:#4b4b4d;color:#fff;font-weight:bold;padding:5px;border-bottom:2px solid #ea640d}
.info-box .text {padding:10px 0}
.info-box .text p {border-bottom:1px solid #000;padding:0 0 5px 0!important;margin:0 0 5px 0!important}

/* Search */

.browsebox li {float:left;width:auto;right:5px;padding:0;list-style-type:none}

#content ul.sitemap {margin:0}

#content ul.sitemap .sitemap li {margin:0 0 0 35px!important}

.csc-textpic-single-image {margin-bottom:20px}

/* Special dropdowns */
.dropdown {   }
.dropdown select { width:100%; border:1px solid #666; font-size:16px; padding:5px; } 
.dropdown .send {display:none;}

/* ============ */

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   text-align:center;
   z-index:91;
   height:45px;   /* Height of the footer */
}
#footer .frame {position:relative;}

#footer .logo {float:none;position:absolute;left:0;bottom:-30px;}
#footer .logo img {width:50px;height:50px;background:url('../_gfx/3acomposites.png') no-repeat;margin:0 0 0 17px}
#footer .logo img:hover {background-position:0 -50px}

#socialnets {
	position:absolute;
/*	margin:0 0 0 720px;*/
right:0px;
	bottom:0;
	}

#socialnets img {
	margin:0 10px 0 0;
	width:28px;
	height:28px;
}

#socialnets.home {
	margin:0;
	bottom:20px;
}

#socialnets.home img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50)	
}

.verborgen {display:none}

.csc-textpic-firstcol,.csc-textpic-lastcol {float:left;}

.csc-textpic.csc-textpic-intext-left-nowrap div {
	display:inline-block;*display: inline;zoom: 1;
	width:50%;
	vertical-align:top;
}

#header .right {
	position:relative;
}

#header .right #search .active {
	position:absolute;
	right:0;
	height:23px;
	width:25px;
	background:url('../images/redirect/ico-search.png') no-repeat #676767;
}

#header .right #language {
	position:absolute;
	right:27px;
	height:23px;
	width:36px;
	background:#676767!important;
	margin:0;
	float:none;
}
#header .right #language .active {
	height:23px;
	overflow:hidden;
	}
	
#header .right #language .active img {
	right:26px;
	height:23px;
	background:url('../images/redirect/ico-language.png') no-repeat;
	margin:0;
}
#header .right #language  .active img.de {background-position:0 -23px}
#header .right #language  .active img.fr {background-position:0 -45px}
#header .right #language  .active img.it {background-position:0 -69px}
#header .right #language  .active img.es {background-position:0 -92px}
#header .right #language  .active img.ru {background-position:0 -115px}
#header .right #language  .active img.pt {background-position:0 -138px}
#header .right #language  .active img.pl {background-position:0 -161px}

#language {cursor:pointer;position:relative;float:left;width:134px;height:25px;background:url('../_gfx/language-bg.png') no-repeat #1a171b;z-index:99;margin-right:1px;}
#language a {display:block;margin:3px;color:#fff;text-decoration:none}
#language .select {display:none;position:absolute;top:24px;width:108px;border:1px solid #676767;border-width:0 1px 1px 1px;background:#1a171b}
#language img  {width:134px;height:21px;background:url('../_gfx/menu/language.png') no-repeat}

#language .active img {margin:2px 0 0 2px}
#language .select a:hover img {background-position: 0 0}

#language .select img.en {background-position: -134px 0}
#language .select a:hover img.en {background-position: -134 0}
#language .select img.de {background-position: -134px -20px}
#language .select a:hover img.de {background-position: 0 -20px}
#language .select img.fr {background-position: -134px -40px}
#language .select a:hover img.fr {background-position: 0 -40px}
#language .select img.it {background-position: -134px -60px}
#language .select a:hover img.it {background-position: 0 -60px}
#language .select img.es {background-position:-134px -80px}
#language .select a:hover img.es {background-position: 0 -80px}
#language .select img.ru {background-position: -134px -100px}
#language .select a:hover img.ru {background-position: 0 -100px}
#language .select img.pt {background-position: -134px -120px}
#language .select a:hover img.pt {background-position: 0 -120px}
#language .select img.pl {background-position: -134px -140px}
#language .select a:hover img.pl {background-position: 0 -140px}

#header .right #emea  {
	position:absolute;
}
#header .right #emea .active {
	position:absolute;
	right:65px;
	height:23px;
	width:73px;
	background:url('../images/redirect/ico-emea.png') no-repeat #676767;
	cursor:pointer;
}
#header .right #emea .active:hover,
#header .right #search .active:hover {
	background-position:0 -23px;
}
#header .right #emea #regions {
    background: none repeat scroll 0 0 #1a171b;
    border: 1px solid #676767;
    height: 75px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 22px;
    width: 136px;
    display: none;
    z-index:1;
}
#header .right #emea #regions a {
	display: block;
}

#header .right #search .tx-macinasearchbox-pi1  {
	display:none;	
}

#header .right .tx-macinasearchbox-pi1,
#header .right #language .select {
	position:absolute;
	right:0;	
	width:136px;
	top:0;
	margin-top:22px;
	border:1px solid #676767;
}
#header .right #regions img {
	width:136px;
	height:23px;
	background:url('../images/redirect/gfx-regionsbg.png') -22px 0 no-repeat;
}
#header .right #regions img.r03 { background:url('../images/redirect/gfx-regionsbg.png') -22px -21px no-repeat; }
#header .right #regions img.r02 { background:url('../images/redirect/gfx-regionsbg.png') -22px -43px no-repeat; }
#header .right #regions img.r01:hover { background:url('../images/redirect/gfx-regionsbg.png') -157px 0 no-repeat; }
#header .right #regions img.r03:hover { background:url('../images/redirect/gfx-regionsbg.png') -157px -21px no-repeat; }
#header .right #regions img.r02:hover { background:url('../images/redirect/gfx-regionsbg.png') -157px -43px no-repeat; }	

#header .right #emea:hover #regions,
#header .right #search:hover .tx-macinasearchbox-pi1 {
	display:block;
}

#header .right #language .select {
right:-27px;
}


#header .right #search .tx-macinasearchbox-pi1 form {
position:relative;
}

#searchform {
position:relative!important;
width:137px!important;
}

#header .right #search .tx-macinasearchbox-pi1 form #submit {
position:absolute;
right:0;
top:0;
z-index:2;
width:25px;
height:25px;
}

#header .right .tx-macinasearchbox-pi1 {
height:36px;
border:0;
width:137px;
}

/* ============== */
/*   Downloads    */
/* ============== */

.csc-textpic-intext-left .csc-textpic-imagewrap  {
	float: left;
	margin-right: 10px
}

.downloads #body .csc-textpic-intext-left-nowrap {margin:2.5em 0 0 0;}
.downloads #body .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap  {width: 25%;max-width: 85px;}
.downloads #body .csc-textpic-intext-left-nowrap .csc-textpic-image {width:100%;}
.downloads #body .csc-textpic-intext-left-nowrap .csc-textpic-text {margin:0;width:80%}
.downloads #body .csc-textpic-intext-left-nowrap .csc-textpic-text div {width:100%;}

/* ======================= */
/*   Bildergalerie (Ligno) */
/* ======================= */
.csc-textpic.zoom {margin:2em 0;}
.csc-textpic.zoom div  { display:inline-block;*display: inline;zoom: 1;}
.csc-textpic.zoom div img {margin-left:13px;}
.csc-textpic.zoom div:first-child img { margin-left:0;}

.csc-textpic.zoom .overlay {
	position:fixed;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	z-index:100!important;
	display: table;
}
.csc-textpic.zoom .overlay .image {
    display: table-cell;
    vertical-align: middle;
}
.csc-textpic.zoom .overlay .image img {
	border:4px solid #4b4b4d;
}
.csc-textpic.zoom .overlay .close {
    width:44px;
    height:44px;
    position:absolute;
    top:10px;
    right:10px;
    background:url('../_gfx/close2.png');
    cursor:pointer;
}

/* ================ */
/*   Social Media   */
/* ================ */

.social-plug-in-container {position:relative;border: 1px solid #4b4b4b;display:block;}
.social-plug-in-container.small-left, .social-plug-in-container.small-right {width:48%;margin-right:2%;display:inline-block;min-height:480px;margin-bottom:25px;}
.social-plug-in-container.small-right {margin-right:0;float:right;}
.social-plug-in-container .loading {background: #FFF url("../images/university/loader.gif") no-repeat scroll center center;width:100%;height:100px;position:absolute;}
.social-plug-in-container .social-plug-in {background-color:#FFF;position:relative;}
#content .social-plug-in-container p.title {background-color:#4b4b4b;padding:5px 10px;color:#FFF;font-weight:bold;font-size:14px;line-height:150%;margin:0;}

#body > .frame:first-child {position:relative;}
#survey {position:absolute; top:105px;right:-20px;z-index:10;}
#survey img { cursor:pointer; }
.typeform-widget {width:100%;height:500px;margin-top:-500px;}