/** All Generell Stuff **/
body {
  text-align:                        left;
  font-family:                "Trebuchet MS", Helvetica, arial, verdana, "sans serif";
  color:                                #ffffff;
  font-size:                        13px;
  margin: 10px 0px 0px 0px;
  padding:                        0;
  line-height:                18px;
  line-height:                23px;
  background: #A6A6A6 url(../images/layout/frontend/back-2.jpg) no-repeat -279px -268px;
}
a {
  text-decoration:        none;
  color:                                #ffffff;
}
img {
  border:                                0;
}
div.cleaner {
  clear:                                both;
}
/** Layout Style **/
div.wrapper {
  width:                                 980px;
  position:                         relative;
  left:                                 50%;
  margin-left:                -491px;
}
div.branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/7-start_1.jpg);
  background-repeat:        no-repeat;
  z-index: 5;
  position: relative;
}
div.logo {
  border: 0px solid #7f7f7f;
  position: absolute;
  left: 18px;
  top: 50px;
  z-index: 20;
}
body.header1 .branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/1-fasteners_1a.jpg);
  background-repeat:        no-repeat;
  z-index: 10;
}
body.header2 .branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/2-adhesives_1a.jpg);
  background-repeat:        no-repeat;
  z-index: 10;
}
body.header3 .branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/4-technics_1a.jpg);
  background-repeat:        no-repeat;
  z-index: 10;
}
body.header4 .branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/3-hobbies_1a.jpg);
  background-repeat:        no-repeat;
  z-index: 10;
}
body.header5 .branding {
  width:                                980px;
  display:                        block;
  height:                                182px;
  background-image:        url(../images/layout/frontend/5-consulting_1a.jpg);
  background-repeat:        no-repeat;
  z-index: 10;
}
div.eyecatcher {
  position:                        absolute;
  top:                                3px;
  left:                                357px;
  z-index:                        2;
}
/** Headnavigation **/
div.headNavi {
  position:                        absolute;
  top:                                142px;
  left:                                290px;
  width:                                600px;
}
div.headNavi ul {
  list-style:                        none;
  padding:                        0;
  margin:                                0;
}
div.headNavi ul li {
  float:                                left;
  height:                                15px;
  display: inline;
  width: 95px;
  text-align: center;
  margin-right: 5px;
}
div.headNavi ul li a {
  color:                                #ffffff;
  font-weight: bold;
  text-transform: lowercase;
}
/** Top Navigation **/
div.topNavi {
  width:                                198px;
  font-size:                        12px;
  float:                                left;
  height: 450px;
  border:                0px solid #cc0011;
}
div.topNavi ul {
  margin:                                0;
  padding:                        0;
  list-style:                        none;
}
div.topNavi ul li.naviSeite {
  display: none;
}
div.topNavi ul li.naviSeiteSelected {
  margin-bottom:                5px;
  height:                                20px;
  line-height:                20px;
  font-size:                        20px;
  text-align: right;
  color: #ffffff;
  text-transform: lowercase;
  font-weight: normal;
}
div.topNavi ul li.naviSeiteSecond a {
  border:                                0px;
  margin-bottom:                5px;
  height:                                20px;
  line-height:                20px;
  text-indent:                5px;
  font-size:                        13px;
  background-image:        url(../images/layout/frontend/menue.png);
  background-repeat:        repeat-x;
  font-weight: bold;
  display: block;
}
div.topNavi ul li.naviSeiteSecond a:hover {
  background-image:        url(../images/layout/frontend/menue_hover.png);
  background-repeat:        repeat-x;
}
div.topNavi ul li.naviSeiteSecondSelected a {
  border:                                0px;
  margin-bottom:                5px;
  height:                                20px;
  line-height:                20px;
  text-indent:                5px;
  font-size:                        13px;
  background-image:        url(../images/layout/frontend/menue_selected.png);
  background-repeat:        repeat-x;
  font-weight: bold;
  display: block;
}
div.topNavi ul li.naviSeiteSecondSelected a:hover {
  background-image:        url(../images/layout/frontend/menue_hover.png);
  background-repeat:        repeat-x;
}
div.topNavi ul li.naviSeiteThird a {
  border:                                0px;
  margin-bottom:                5px;
  height:                                20px;
  line-height:                20px;
  text-indent:                20px;
  font-size:                        13px;
  background-image:        url(../images/layout/frontend/menue.png);
  background-repeat:        repeat-x;
  font-weight: normal;
  display: block;
}
div.topNavi ul li.naviSeiteThird a:hover {
  background-image:        url(../images/layout/frontend/menue_hover.png);
  background-repeat:        repeat-x;
}
div.topNavi ul li.naviSeiteThirdSelected a {
  border:                                0px;
  margin-bottom:                5px;
  height:                                20px;
  line-height:                20px;
  text-indent:                20px;
  font-size:                        13px;
  background-image:        url(../images/layout/frontend/menue_selected.png);
  background-repeat:        repeat-x;
  font-weight: bold;
  display: block;
}
div.topNavi ul li.naviSeiteThirdSelected a:hover {
  background-image:        url(../images/layout/frontend/menue_hover.png);
  background-repeat:        repeat-x;
}
/** Content Format **/
div.grafikcontainer {
  background-image:        url(../images/layout/frontend/2construct-wrapper.jpg);
  background-repeat:        no-repeat;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
div.grafikcontainerStartseite {
  background-image:        url(../images/layout/frontend/2construct-wrapper-start.jpg);
  background-repeat:        no-repeat;
  background-position: 1px 0px;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
div.content {
  position:                        relative;
  z-index:                        5;
  display:                        block;
  width:                                900px;
  padding-top: 61px;
}
div.contentStartseite {
  position:                        relative;
  z-index:                        5;
  display:                        block;
  width:                                940px;
  margin: 0px 20px 0px 20px;
  padding-top: 91px;
}
div.offline {
  background-image: url(../images/layout/frontend/startkasten.png);
  background-repeat: repeat;
  width: 700px;
  padding: 10px;
  text-align: center;
  margin: 0px 10px 30px 110px;
  font-size: 15px;
  border: 3px solid #ffffff;
}
/*  ================================================================================= */

div.mainContent {
background:none repeat scroll 0 0 #535353;
float:left;
margin:30px 0 20px 67px;
width:630px;
}
div#uebersicht {
  background:transparent;
}
div.dataliste {
border:1px dotted #EEEEEE;
float:left;
margin:0 5px 5px 0;
text-align:center;
width:150px;
height:220px;
}
div.beschreibung {
background:#CCCCCC;
color:#000000;
padding:10px;
}
div.dataliste div.beschreibung {
display:none
}
div.mainContent p.productbild {
float:left;
height:120px;
margin:10px;
padding:5px;
width:120px;
}
div.mainContent  div.dataliste p.productbild {float:none; margin:10px auto;
}
div.secondaryContent div.dataliste a, div.mainContent div.dataliste  a {
line-height:18px;
padding:0px;
text-align:center;
}
div.mainContent p.productbild img {width:;}
div.mainContent table.datentabelle{margin:10px auto 15px; width:550px;}
div.mainContent table.datentabelle tr.odd{background-color:#bbb}
div.mainContent table.datentabelle tr.even{background-color:#eee}
div.mainContent table.datentabelle td {
line-height:130%;
padding:2px 2px 2px 10px;
}
div.mainContent p.hinweis {
font-size:12px;
line-height:120%;
}
div.mainContent p.download{text-align:right}
div.mainContent h2.overview {margin:0px; padding:0; text-align:center; font-size:14px; font-weight:bold}

/*  ============================== startseite ======================================= */

div.mainContentStartseite {
  margin: 0px 0px 0px 0px;
  text-align: center;
}
div.mainContentStartseite .startkasten_1 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  background-image: url(../images/layout/frontend/Box_1.png);
  background-repeat: no-repeat;
  line-height: 130%;
  font-size: 14px;
}
div.mainContentStartseite .startkasten_2 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  font-size: 14px;
  background-image: url(../images/layout/frontend/Box_2.png);
  background-repeat: no-repeat;
  line-height: 130%;
}
div.mainContentStartseite .startkasten_3 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  font-size: 14px;
  background-image: url(../images/layout/frontend/Box_3.png);
  background-repeat: no-repeat;
  line-height: 130%;
}
div.mainContentStartseite .startkasten_4 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  font-size: 14px;
  background-image: url(../images/layout/frontend/Box_4.png);
  background-repeat: no-repeat;
  line-height: 130%;
}
div.mainContentStartseite .startkasten_5 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  font-size: 14px;
  background-image: url(../images/layout/frontend/Box_5.png);
  background-repeat: no-repeat;
  line-height: 130%;
}
div.mainContentStartseite .startkasten_6 {
  position: relative;
  width: 280px;
  text-align: left;
  float: left;
  margin: 0px 15px 30px 15px;
  height: 180px;
  font-size: 14px;
  background-image: url(../images/layout/frontend/Box_6.png);
  background-repeat: no-repeat;
  line-height: 130%;
}
div.mainContentStartseite .startkasten_1 h1, div.mainContentStartseite .startkasten_2 h1, div.mainContentStartseite .startkasten_3 h1, div.mainContentStartseite .startkasten_4 h1, div.mainContentStartseite .startkasten_5 h1, div.mainContentStartseite .startkasten_6 h1 {
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 78px 0 10px;
  text-align: right;
}
/*  ======================================================================================== */

div.footer {
  position:                        relative;
  height:                                36px;
  background-image:        url(../images/layout/frontend/2construct-footer.jpg);
  background-repeat:        no-repeat;
  line-height: 28px;
}
div.footer .links {
  display: inline;
  margin-left: 20px;
  margin-right: 50px;
  width: 400px;
  float: left;
  font-size: 11px;
}
div.footer .mitte {
  float: left;
  display: inline;
  width: 150px;
}
div.footer .mitte ul {
  list-style:                        none;
  padding:                        0;
  margin:                                0;
}
div.footer .mitte ul li a {
  display: inline;
  font-size: 11px;
  float: left;
  margin-right: 15px;
}
div.footer .rechts {
  float: right;
  display: inline;
  /*  width: 280px;
*/
  font-size: 11px;
  margin-right: 10px;
}
div.sprachBox {
  display:                        none;
  position:                        absolute;
  top:                                30px;
  left:                                530px;
  width:                                400px;
  text-align:                        right;
  z-index:                        2;
}
/*div.sprachBox a {
  display:                        block;
  float:                                right;
}
*/
div.sprachBox a img {
  padding-right:                8px;
  padding-left:                10px;
  border-left:                1px solid #6B797F;
}
div.sprachBox a img.first {
  border-left:                0px;
}
/* *********************************** Tabelle ************************************ */
table.standardTable {
  width:                                 625px;
}
table.standardTable tbody tr td {
  vertical-align:         top;
  background-color:        #F0F2EB;
  padding:                        3px;
}
table.standardTable tbody tr td h3 {
  border-bottom:                0px;
}
table.referenzTable tbody tr td {
  padding:                        20px;
}
/* Bildpopup Extra */
div.mainContent a.fancybox {
  padding:                        0px;
}
/* ===== Scrollbox ===== */
#box_1, #box_2, #box_3, #box_4, #box_5, #box_6 {
  position: absolute;
  left: 10px;
  top: 30px;
  z-index: 1;
}
#up_1, #up_2, #up_3, #up_4, #up_5, #up_6 {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  left: 260px;
  top: 30px;
  border: 1px solid #7f7f7f;
  height: 5px;
  width: 5px;
}
#track_1, #track_2, #track_3, #track_4, #track_5, #track_6 {
  position: absolute;
  z-index: 3;
  left: 260px;
  top: 40px;
  border: 1px solid #7f7f7f;
  height: 95px;
  width: 5px;
}
#drag_1, #drag_2,  #drag_3,  #drag_4,  #drag_5,  #drag_6 {
  border: 0px solid #000;
  position: absolute;
  background: #7f7f7f;
  z-index: 4;
  cursor: pointer;
  left: 260px;
  top: 41px;
  height: 6px;
  width: 6px;
}
#down_1, #down_2, #down_3, #down_4, #down_5, #down_6 {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  left: 260px;
  top: 140px;
  border: 1px solid #7f7f7f;
  height: 5px;
  width: 5px;
}
.startkasten_1 #contentMask_1, .startkasten_2 #contentMask_2, .startkasten_3 #contentMask_3, .startkasten_4 #contentMask_4, .startkasten_5 #contentMask_5, .startkasten_6 #contentMask_6 {
  clip: rect(0pt, 260px, 130px, 0pt);
  height: 118px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 240px;
  z-index: 6;
}
.startkasten_1 #content_1, .startkasten_2 #content_2, .startkasten_3 #content_3, .startkasten_4 #content_4, .startkasten_5 #content_5, .startkasten_6 #content_6 {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
}