/*
    Document   : fapkaco_dev.css
    Created on : 23.02.2013, 13:40:54
    Author     : B. Pitule <boris@pitule.de>
*/



#headerSlider {
  position: absolute;
  width: 100%;
}
.BEL_Product #headerSlider {
  width: inherit !important;
}


.content-column.products {
  display: inline-block !important;
  float: right !important;
  margin: 0 0 0 40px !important;
}

#products-bg {
  /* grauer hintergrund */
  height: 518px;
  position: absolute;
  width: 100%;
  z-index: 0;
  background: url('./../img/products_background.jpg') repeat-x center top transparent;
  opacity: 1;
}

#headerSlider,
#products-bg,
#map-stage-wrap {
  top: 194px !important;
}



div header {
  margin: 1em 0 0 0;
}
div header:first-of-type {
  margin: 0 0 0 0;
}






.csc-firstHeader {
  font-size: 27px;
}

.csc-firstHeader h3 a{
  color: red;
}
.csc-firstHeader h3 a:hover{
  color: red;
}


.cols .col33.col_3rd {
  margin:45px;
}


/**************** Content Columns */

.content-column h3 {
  background: none repeat scroll 0 0 #B6B7BC;
  color: #FFFFFF;
  display: inline-block;
  font-size: 13px;
  padding: 0px 5px;
  /*text-transform: uppercase;*/
  font-weight: 400;
  margin-bottom: 5px;
}

/* asc 2015-08-13
.content-column .Content_2 h4 {
  font-size: 18px !important;
  line-height: 24px !important;
}
*/
/**************** Content Columns **************************************/

















.aboveContainer {
  display: inline-block;
  position: absolute;
  width: 999px;
}
/* Navigation */
#navigation-main {
  display: inline-block;
  float: left;
  font-family: 'Ubuntu',Arial,Verdana,sans-serif;
  font-weight: 300;
  height: 43px;
}
#nav-overlay {
  background: #f6f6f6;
  border-top: 3px solid #4993c8;
  clear: both;
  left: 50%;
  margin: 10px 0 0 -500px;
  padding-top: 0;
  position: absolute;
  top: 44px;
  width: 999px;
  z-index: 999;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
  -webkit-transition: all 350ms cubic-bezier(0.120, 0.400, 0.460, 0.825);
   -moz-transition: all 350ms cubic-bezier(0.120, 0.400, 0.460, 0.825);
    -ms-transition: all 350ms cubic-bezier(0.120, 0.400, 0.460, 0.825);
     -o-transition: all 350ms cubic-bezier(0.120, 0.400, 0.460, 0.825);
        transition: all 350ms cubic-bezier(0.120, 0.400, 0.460, 0.825);

-webkit-transition-timing-function: cubic-bezier(0.120, 0.400, 0.460, 0.825);
   -moz-transition-timing-function: cubic-bezier(0.120, 0.400, 0.460, 0.825);
    -ms-transition-timing-function: cubic-bezier(0.120, 0.400, 0.460, 0.825);
     -o-transition-timing-function: cubic-bezier(0.120, 0.400, 0.460, 0.825);
        transition-timing-function: cubic-bezier(0.120, 0.400, 0.460, 0.825);
}
  #nav-overlay .inner-wrapper {
    border-top: 1px solid #0763a2;
  }

#content {
  display: inline-block;
  margin: 0;
  min-height: 400px;
  position: relative;
  width: 999px;
}

.noMarginBreadCrumbPosition {
  margin: 30px 0 30px -500px !important;
}


body.BEL_Product #navigation-breadcrumb {
  margin: 70px 0 20px
}




#footer {
  background: none repeat scroll 0 0 #F1F1F1;
  clear: both;
  display: inline-block;
  margin-top: 103px;
  width: 100%;
  padding: 12px 0 0 0;
}

#navigation-bottom {
  background: none repeat scroll 0 0 #F1F1F1;
  left: 50%;
  margin: 0 0 0 -500px;
  padding: 0;
  position: relative;
  width: 999px;
}
#navigation-bottom .inner-links {
  float: left
}

#navigation-bottom .social-links {
  float: right;
  display: block
}

#navigation-bottom .social-links .fb {
  float: right;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  background: url("../img/icon/footer_icon_facebook.png") center top no-repeat transparent
}

#navigation-bottom .social-links .fb:hover {
  background: url("../img/icon/footer_icon_facebook_over.png") center top no-repeat transparent
}

#navigation-bottom .social-links .yt {
  float: right;
  height: 30px;
  width: 30px;
  background: url("../img/icon/footer_icon_youtube.png") center top no-repeat transparent
}

#navigation-bottom .social-links .yt:hover {
  background: url("../img/icon/footer_icon_youtube_over.png") center top no-repeat transparent
}


/* Footer Navi */
ul.singleLineMenu {
  display:inline;
  padding:0;
  list-style-type:none;
}
ul.singleLineMenu li {
  border: 0 none;
  display: inline-block;
  list-style-type: none;
  padding: 0 25px 0 0;
}
ul.singleLineMenu li:last-child { border-right: 0; }
ul.singleLineMenu li a:hover {
  text-decoration: underline;
}
ul.singleLineMenu li a {}
ul.singleLineMenu li.active a {  }
ul.singleLineMenu li.last { border-right: 0; }





.extra-info .inner .csc-textpic-center-outer,
.extra-info .inner .csc-textpic-center-inner {
  margin: 0;
  float: none;
  clear:both;
  right: inherit;
}


DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI {
  overflow: visible !important;
}



/* Header */
#wrapper #header{
  display:block;
  height:150px
}

#wrapper #header a.homepageBtn {
  background: url("../img/kaco_logo.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 52px;
  position: relative;
  text-indent: -999em;
  top: 63px;
  width: 181px;
}


/* Section Frame Titelbilder */
.headerimage_1_pos header {
  background: none repeat scroll 0 0 transparent !important;
  display: block;
  float: left;
  left: 230px;
  opacity: 0.8;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  top: 90px;
  z-index: 8;
}
.headerimage_1_pos header h1 {
  color: #FFFFFF;
  font-family: 'Ubuntu',Verdana,sans-serif;
  font-size: 50px;
  line-height: 50px;
  text-shadow: 1px 1px 1px #666666;
}


#navigation-top .search  {
  /*
  overwrite
  dev_interton div.search
  */
  margin:0 !important;
}


/* Navi Teaser h1 underline */
.extra-info .inner h1 {
  border-bottom: 1px solid #E0E1E5;
  display: inline-block;
  margin: 25px 0 25px;
  font-size: 24px;
  padding-top: 1em;
  width: 100%;
  color: #6A7781;
  padding: 0 0 15px;
}

/* Textformatierung (Listen, Fett) */

.csc-textpic-text b {
  font-weight: bold;
}
.csc-textpic-text ul {
  margin: 0.5em 0 0 0.5em;
}
.csc-textpic-text ul li {
  list-style-type: square;
  margin-left: 1em;
}






/* Doppelte "inner" im teaser */

#nav-overlay .extra-info .inner .inner {
  padding: 0px;
}


/* Column on Search page */
#main .searchpage_rightCol {
  padding-top: 180px;
}




/* TobButton */
.topBtn {
  display: none;
  float: left;
}

/* Locations / References */

/* hintergrund auf maps seite */
body.BEL_Maps #products-bg {
  background: url("../img/ref_stage_bg.jpg") repeat-x scroll 0 0 transparent;
}
/* Maps */
.mainColMaps {
  display: inline-block;
  z-index: 150;
}

body.BEL_Home #navigation-breadcrumb {
  /* höhe = 0 aber vorhanden, damit kein neuer Umbruch definiert werden muss !!! */
  height: 0;
  overflow: hidden;
}





/*
IE 8
*/

html.ie8 #navigation-main li a:hover {
  border:0 !important;
}

html.ie8 #navigation-main li a {
  float:left;
  display: block;
  border:0 !important;
}
html.ie8 #navigation-main li span.ie {
  width: 5px;
  height: 43px;
  display: inline-block;
  background: transparent;
}


html.ie8 #navigation-main li:hover span.ie {
  background: url('./../img/ie_menu_layer.gif') no-repeat top center transparent;
}

html.ie8 #navigation-main li.home span.ie { width: 13px; }
html.ie8 #navigation-main li span.ie.right {
  background-position: top right;
  float: right;
}
html.ie8 #navigation-main li span.ie.left {
  background-position: top left;
  float: left;
}

html.ie8 #navigation-main li  {
  margin-right:14px;
}