/* Copyright (c) 2009 :: Benedikt Burhorst for FACT-Werbeagentur.de  */

* {margin:0;padding:0}

/* mac hide \*/
html,body {height:100%;width:100%;}
/* end hide */

body {
        color: #333;
        font-family: arial, helvetica, sans-serif;
        background: #1c2637;
        text-align:center;
        min-height:720px; /* for good browsers*/
        min-width:1200px;  /* for good browsers*/
}
#outer{
        height:100%;
        width:100%;
        display:table;
        vertical-align:middle;
}
#container {
        text-align: center;
        position:relative;
        vertical-align:middle;
        display:table-cell;
        height: 720px;
}
#inner {
        width: 1200px;
        height: 720px;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
        border: none;
        background: #fff;
}
#aussen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 1200px;
        height: 720px;
        text-align: left;
}
#top {
         position: absolute;
         top: 0px;
         width: 1200px;
         height: 140px;
         background: none;
}
#kopf {
         position: absolute;
         top: -165px;
         right: -1px;
         width: 1200px;
         height: 140px;
         background: none;
}
#bottom {
         position: absolute;
         left: 225px;
         top: 700px;
         width: 750px;
         height: 20px;
         background: none;
}
  #bottom p {
         font-size: 11px;
         color: #9294a1;
         margin:0;
         width: 100%;
}
  #logo {
         position: absolute;
         right:20px;
         top: 25px;
         margin: 0;
         padding: 0;
  }
#main {
        position: absolute;
        top: 165px;
        left: 189px;
        width: 1010px;
        height: 535px;
        padding: 0px;
        margin: 0px 0 0 0;
        background: none;
}
  h1.componentheading {
        display: none;
  }
  h2.contentheading {
        font-size: 15px;
        color: #747784;
        margin: 30px 0 5px 75px;
  }
    h3 {
        font-size: 14px;
        color: #747784;
        margin: 3px 0 3px 75px;
  }

  p {
        color: #000071;
        font-size: 13px;
        margin: 2px 0 2px 75px;
        line-height: 17px;
        width: 400px;
        text-align: justify;
  }
#impressum_hiby_02  {
         position: absolute;
         top: 50px;
         left:400px;
}

/*  images  */
img {
        border: 0;
}
#video {
         position: absolute;
         top: 50px;
         left:570px;
}
#produktionsvideo {
         position: absolute;
         top: 50px;
         left:75px;
}
img.playvideo {
         position: absolute;
         top: 350px;
         left: 200px;
}
img.inhalt {
         position: absolute;
         top: 10px;
         left:570px;
}
img.referenzen {
         position: absolute;
         top: 30px;
         left: 55px;
}
img.teil {
         position: absolute;
         top: 210px;
         left: 140px;
}
img.imglinks {
         position: absolute;
         top: 131px;
         left: 223px;
}
img.bg {
         position: absolute;
         top: 0px;
         left:0px;
         z-index: -1;
}
img.spiegelung {
         position: absolute;
         top: 720px;
         left:0px;
}
#produkte_th {
        position: absolute;
        top: 340px;
        left: -170px;
        width: 750px;
        padding: 0px;
        margin: 0px 0 0 0;
        background: none;
}
#produkte_th img {
        border-bottom: 8px solid #000071;
}
#produkte_th_02 {
        position: absolute;
        top: 415px;
        left: -186px;
        width: 1200px;
        padding: 0px;
        margin: 0px 0 0 0;
        background: none;
}
#produkte_th_02 img {
        margin: 0px 0px 0px 0px;
        border-bottom: 8px solid #000071;
}
img.produkt {
         position: absolute;
         top: 0px;
         left:485px;
}
img.kopfbild {
         position: absolute;
         top: -165px;
         right: -1px;
         width: 1200px;
         height: 140px;
         background: #fff;
}
img.kontakt {
         position: absolute;
         top: -165px;
         right: -1px;
         width: 1200px;
         height: 140px;
         background: #fff;
}
img.struktur {
         position: relative;
         top: 0px;
         left: 75px;
}
img.image {
         position: relative;
         top: 450px;
         left: 0px;
}
#googlemaps {
         position: relative;
         top: 0px;
         left: 75px;
         width: 800px;
}

/*** Navigation und Links ***/
ul, li {
        font-size: 13px;
        color: #000071;
        margin: 0px 0px 0px 50px;
        padding: 0;
        width:350px;
        list-style: url (../images/stories/liste.gif);
}
a, a:link, a:visited {
        color: #aeb0b8;
        text-decoration: none;
        font-size: 13px;
}
a:hover, .pagenav {
        color: #aeb0b8;
        text-decoration: underline;
        font-size: 13px;
}

/** --Navigation-- **/

#jflanguageselection {
         position: absolute;
         top: 0px;
         right: 0px;
         width: 70px;
}
#jflanguageselection ul.jflanguageselection {
        width: 70px;
}
#jflanguageselection li {
         display: inline;
         width: auto;
         float: left;
         padding: 0;
         margin: 0;
         border: 0;
}
#jflanguageselection a {
         display: block;
         float: left;
         padding: 2px 7px 3px 7px;
         margin: 0px 0px 0 0;
         font-size: 12px;
         color: #fff;
         text-decoration: none;
}
#jflanguageselection a:hover, #jflanguageselection li.active a { /* links hovered */
         color: #003e90;
         background: #f39900;
}


#navi {
         position: absolute;
         top: 140px;
         left: 0px;
         width: 1200px;
         height: 25px;
         background: #000071;
}
#navi ul {
         position: absolute;
         top: 0px;
         width: 850px;
         margin-left: 0px;
}
#navi li { /* linke Navigation */
         display: inline;
         width: auto;
         float: left;
         padding: 0;
         margin: 0;
         border: 0;
}
#navi a {
         display: block;
         float: left;
         padding: 5px 7px 4px 7px;
         margin: 0px 0px 0 0;
         font-size: 13px;
         color: #fff;
         text-decoration: none;
}
#navi a:hover, #navi li.active a { /* links hovered */
         color: #003e90;
         background: #f39900;
}
#navi ul span.separator {
         color: #fff;
         padding: 20px 0px 0px 0px;
         margin: 0px 0px 0 0;
}
#navi ul.menu li ul {  /* 2nd level */
         position: absolute;
         top: 25px;
         left: 0px;
         margin-left: 0px;
         width: 180px;
         padding: 0px;
}
#navi li li {
         display: block;
}
#navi li.active li a, #navi li.current li a {
         display: inline;
         width: 180px;
         padding: 3px 0px 3px 7px;
         margin: 2px 0px 0px 0px;
         color: #fff;
         font-size: 12px;
         background: #aeb0b8;
         border: none;
}
#navi li.active li a:hover, #navi li.current li a:hover, #navi li.parent li.active a { /* 2nd level, links hovered */
         color: #000071;
         background: #aeb0b8;
         border: none;
}
#navi ul.menu li li ul {  /* 3rd level */
         position: relative;
         top: 0px;
         left: 0px;
         margin-left: 0px;
         width: 180px;
         padding: 0px;
}
#navi li li li{
         display: block;
}
#navi li.active li.active li a, #navi li.current li.current li a {
         display: inline;
         width: 170px;
         padding: 3px 0px 3px 7px;
         margin: 2px 0px 0px 0px;
         color: #fff;
         font-size: 12px;
         background: #747784;
         border: none;
}
#navi li.active li.active li a:hover, #navi li.current li.current li a:hover, #navi li.parent li.parent li.active a { /* 3rd level, links hovered */
         color: #000071;
         background: #747784;
         border: none;
}
  /* Ansprechpartner */
h2.ansprechpartner {
        font-size: 14px;
        color: #747784;
        margin: 30px 0 5px 30px;
  }

table.ansprechpartner {
        position: relative;
        left: 30px;
        top: 10px;
        vertical-align: top;
        width: 900px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.ansprechpartner td {
        font-size: 12px;
        margin: 0;
        padding: 0px 0px 50px 0px;
        vertical-align: top;
}
  /* Download */
table.download {
        position: relative;
        left: 75px;
        top: 0px;
        vertical-align: top;
        width: 200px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.download td {
        font-size: 12px;
        margin: 0;
        padding: 0px 10px 10px 0px;
        vertical-align: top;
}
  /* QS */
table.qs {
        position: absolute;
        left: 565px;
        top: 270px;
        vertical-align: top;
        width: 200px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.qs td {
        font-size: 12px;
        margin: 0;
        padding: 0px 10px 10px 0px;
        vertical-align: top;
}
  /* Kontaktformular */
table.kontakt {
        position: relative;
        left: 75px;
        top: 0px;
        vertical-align: top;
        width:480px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.kontakt td {
        font-size: 12px;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        width: 50px;
        vertical-align: top;
}
table.kontakt label {
        display: none;
}
table.kontakt td.check {
        text-align: right;
}
input#infosmaterial0 {
        width:20px;
        background: none;
}
input, textarea {
        margin: 0px;
        width: 200px;
        border: 1px solid #000071;
        background: #fff;
}
input#submit {
        width:72px;
}

div.spacer { /* magic tool */
        float: none;
        clear: both;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        font-size: 0px;
        line-height: 0px;
}