/* Copyright (c) 2010 :: 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: url(../images/bg.gif);
        text-align:center;
        min-height:700px; /* for good browsers*/
        min-width:1150px;  /* 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: 700px;
}
#inner {
        width: 1150px;
        height: 700px;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
        border: none;
        background: #adb8cc;
}
#aussen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 1150px;
        height: 700px;
        text-align: left;
}
#top {
         position: absolute;
         top: 0px;
         width: 1150px;
         height: 175px;
         background: none;
}
  #top img.logo {
         position: absolute;
         right:97px;
         top: 20px;
         margin: 0;
         padding: 0;
  }
#bottom {
         position: absolute;
         left: 0px;
         top: 670px;
         width: 1150px;
         height: 30px;
         background: none;
}
  #bottom p {
         font-size: 11px;
         color: #9294a1;
         margin:0;
         width: 100%;
}

#main {
        position: absolute;
        top: 175px;
        left: 0px;
        width: 935px;
        height: 495px;
        padding: 0px;
        margin: 0px 0 0 0;
        background: #fff;
}
  h1.componentheading {
        display: none;
  }
  h2.contentheading, .componentheading {
        font-size: 16px;
        color: #747784;
        margin: 25px 0 5px 575px;
        text-transform: uppercase;
  }
    h2.referenzen {
        font-size: 16px;
        color: #747784;
        margin: 50px 0 5px 60px;
        text-transform: uppercase;
  }
      h2.home {
        font-size: 16px;
        color: #747784;
        margin: 25px 0 0px 620px;
        text-transform: uppercase;
  }
    h3 {
        font-size: 13px;
        color: #747784;
        margin: 3px 0 0px 575px;
  }
      h3.home {
        font-size: 13px;
        color: #747784;
        margin: 3px 0 0px 620px;
  }
    span.aktuell_datum {
        position: absolute;
        top: 25px;
        right: 10px;
        font-size: 10px;
        font-weight: normal;
  }

    h4 {
        font-size: 13px;
        color: #747784;
        margin: 3px 0 3px 575px;
  }
    h5 {
        font-size: 13px;
        color: #747784;
        margin: 3px 0 3px 575px;
  }
  p {
        color: #333;
        font-size: 12px;
        margin: 2px 0 2px 575px;
        line-height: 17px;
        width: 340px;
        text-align: left;
  }
    p.home {
        color: #333;
        font-size: 12px;
        margin: 2px 0 2px 620px;
        line-height: 17px;
        width: 310px;
        text-align: left;
  }

/*  images  */
img {
        border: 0;
}
img.inhalt {
         position: absolute;
         top: 52px;
         left 0px;
}
img.inhalt_02 {
         position: absolute;
         top: 200px;
         left: 575px;
}
img.inhalt_03 {
         position: absolute;
         top: 0px;
         left 0px;
}
img.inhalt_04 {
         position: absolute;
         top: 183px;
         left: 595px;
}
img.lohn_04 {
         position: absolute;
         top: 220px;
         left: 595px;
}
#video {
         position: absolute;
         top: 52px;
         left: 0px;
}
#video-klein {
         position: absolute;
         top: 110px;
         left: 100px;
}
#pfeil {
         position: absolute;
         top: 450px;
         left: 575px;
}
/*** Listen und Links ***/
ul, li {
        font-size: 12px;
        color: #333;
        margin: 0px 0px 0px 300px;
        padding: 0;
        width: 325px;
}
a, a:link, a:visited {
        color: #003577;
        text-decoration: none;
        font-size: 12px;
}
a:hover, .pagenav {
        color: #003577;
        text-decoration: underline;
        font-size: 12px;
}

/** --Navigation-- **/

#jflanguageselection {
         position: absolute;
         top: -20px;
         right: 0px;
         width: 125px;
}
#jflanguageselection ul.jflanguageselection {
        width: 125px;
}
#jflanguageselection li {
         display: inline;
         width: auto;
         float: left;
         padding: 0;
         margin: 0;
         border: 0;
}
#jflanguageselection a {
         display: block;
         float: left;
         padding: 2px 5px 3px 5px;
         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: none;
}

/* Navigation */
#navi {
         position: absolute;
         top: 143px;
         height: 32px;
         left: 0px;
         margin: 0px;
         padding: 0px;
         width: 1150px;
         text-align: center;
         background: none;
}
#navi ul.menu {
         top: 0px;
         left: 0px;
         width: 1150px;
         height: 32px;
         margin: 0px;
         padding: 0px;
}
#navi ul.menu li {
         float: left;
         display: inline;
         margin: 0px 3px 0 2px;
         width: 129px;
}
#navi ul.menu a, #navi ul.menu a:visited {
         position: relative;
         float: left;
         display: inline;
         font-size: 12px;
         margin: 0px;
         padding: 7px 0px 10px 0px;
         color: #fff;
         text-decoration: none;
         background: url(../images/nav_bg.png) no-repeat;
         width: 129px;
}
#navi ul.menu li a:hover, #navi ul.menu li.active a, #navi ul.menu li#current a,  /* links hovered */
#navi ul.menu li.active a:visited, #navi ul.menu li#current a:visited {
         position: relative;
         float: left;
         display: inline;
         font-size: 12px;
         margin: 0px;
         padding: 7px 0px 10px 0px;
         color: #fff;
         background: url(../images/nav_bg_a.png) no-repeat;
}
/* 2te Ebene */
#navi ul.menu ul {
         position: absolute;
         top: 33px;
         left: 635px;
         width: 214px;
         height: 459px;
         padding: 35px 0 0 0;
         background: #adb8cc;
}
#navi ul.menu li li {
         display: block;
         width: auto;
         padding: 0px;
         margin: 0px;
}

#navi ul.menu li.active li a, #navi ul.menu li.active li a:visited,
#navi ul.menu li#current li a, #navi ul.menu li#current li a:visited {
         display: inline;
         padding: 7px 0 6px 15px;
         margin: 0px 0px 2px 0px;
         color: #003476;
         font-size: 12px;
         background: none;
         width: 199px;
         border: none;
         text-align: left;
}
#navi ul.menu li.active li a:hover, #navi ul.menu li#current li a:hover,
#navi ul.menu li.active li#current a, #navi ul.menu li.active li#current a:visited,
#navi ul.menu li.active li.active a, #navi ul.menu li.active li.active a:visited { /* 2nd level, links hovered */
         display: inline;
         width: 199px;
         padding: 7px 0 6px 15px;
         margin: 0px 0px 2px 0px;
         color: #fff;
         background: url(../images/nav_bg_a2.png) no-repeat;
         width: 199px;
         border: none;
         text-align: left;
}
/* 3te Ebene */
#navi ul.menu ul ul {
         position: relative;
         top: 30px;
         left: -300px;
         width: 200px;
         height: 100px;
         padding: 0px 0 0 0;
         background: #adb8cc;
}
#navi ul.menu li li li {
         display: block;
         width: auto;
         padding: 0px;
         margin: 0px;
}

#navi ul.menu li.active li.active li a, #navi ul.menu li.active li.active li a:visited,
#navi ul.menu li.active li#current li a, #navi ul.menu li.active li#current li a:visited {
         display: block;
         padding: 7px 0 6px 35px;
         margin: 0px 0px 2px 0px;
         color: #003476;
         font-size: 12px;
         background: none;
         width: 180px;
         text-align: left;
         border: none;
}
#navi ul.menu li.active li.active li a:hover, #navi ul.menu li.active li#current li a:hover,
#navi ul.menu li.active li.active li#current a, #navi ul.menu li.active li.active li#current a:visited,
#navi ul.menu li.active li.active li.active a, #navi ul.menu li.active li.active li.active a:visited { /* 3rd level, links hovered */
         display: inline;
         width: 199px;
         padding: 7px 0 6px 35px;
         margin: 0px 0px 2px 0px;
         color: #fff;
         background: url(../images/nav_bg_a2.png) no-repeat;
         width: 180px;
         border: none;
         text-align: left;
}
/* Navigation unten */
 ul.menu_unten {
         position: absolute;
         top: 0px;
         width: 300px;
         margin-left: 34px;
}
 ul.menu_unten li {
         display: inline;
         width: auto;
         float: left;
         padding: 0;
         margin: 0px 5px 0 5px;
         border: 0;
}
 ul.menu_unten a, ul.menu_unten a:visited {
         display: block;
         width: auto;
         float: left;
         padding: 5px 0px 12px 0px;
         margin: 0px;
         font-size: 12px;
         color: #fff;
         text-decoration: none;
         background: none;
}
 ul.menu_unten a:hover, ul.menu_unten li.active a, ul.menu_unten li.active a:visited { /* links hovered */
         width: auto;
         color: #aaaaaa;
         background: none;
}
 ul.menu_unten span.separator {
         color: #fff;
}
/* 2te Ebene Navigation unten */
ul.menu_unten ul {
         position: absolute;
         bottom: 32px;
         left: 601px;
         width: 214px;
         height: 460px;
         padding: 35px 0 0 0;
         background: #adb8cc;
}
  /* lohnproduktion */
table.lohn {
        position: absolute;
        left: 575px;
        top: 200px;
        vertical-align: top;
        width: 300px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.lohn td {
        font-size: 12px;
        margin: 0;
        padding: 0px 10px 8px 0px;
        vertical-align: top;
}
table.lohn td.black {
        font-weight: 600;
}
  /* referenzen */
table.referenzen {
        position: relative;
        left: 50px;
        top: 50px;
        vertical-align: top;
        width: 300px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.referenzen td {
        font-size: 12px;
        margin: 0;
        padding: 0px 10px 10px 0px;
        vertical-align: top;
}
  /* Kontaktformular */
table.kontakt {
        position: absolute;
        left: 575px;
        top: 60px;
        vertical-align: top;
        width:500px;
        font-size: 12px;
        text-align: left;
        margin: 0px;
}
table.kontakt td {
        font-size: 12px;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        width: 550px;
        vertical-align: top;
}
table.kontakt label {
        width: 200px;
}
table.kontakt td.check {
        text-align: right;
}
input#info0, input#anrufen0 {
        float: left;
        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;
}