body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('/gfx/bg-body.png') left top repeat-x #fff;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 13px;
    color: #666666;
}

body.hp {
    background: url('/gfx/bg-body-hp.jpg') left top repeat-x #fff;
}

#all-page {
    width: 958px;
    margin: auto;
    text-align: left;
    position: relative;
}

.fl {float: left}
.fr {float: right}
p.tbold {font-weight: bold;}
p.fs14 {font-size: 14px}
p.fs16 {font-size: 14px}
p.blue {color: #164164}
p.lh19 {line-height: 19px;}
p.mb10 {margin-bottom: 10px}
h2.pt10 {padding-top: 10px}

#proprolistmargin { margin-left:-40px; }

p {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
}

a img {
    border: 0px;
}

a {
    color: #c5b869;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.cleaner {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

.logo {
    float: left;
    padding: 23px 0 27px 0;
}

.toplinks {
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 15px 0px;
    list-style-type: none;
    float: right;
}

.toplinks li{
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
    list-style-type: none;
    float: left;
}

.toplinks li a{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    display: block;
    line-height: 13px;
    float: left; 
    font-size: 11px;
    color: #b5c0cb;
}

.toplinks li.sep{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float: left;
    background: url('/gfx/toplinks-sep.gif') center 0px no-repeat;
    width: 6px;
    font-size: 0px;
    line-height: 11px;
    height: 11px;
}

.navi-main {
    height: 59px;
    width: 958px;
    position: relative;
}

.navi-main ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navi-main ul li{
    margin: 0 1px 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.navi-main ul li a{
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: url('/gfx/menu/passiv-left.png') 0px 0px no-repeat;
    float: left;
    text-decoration: none;
}

.navi-main ul li a span{
    display: block;
    background: url('/gfx/menu/passiv-right.png') right 0px no-repeat;
    line-height: 27px;
    float: left;
    padding: 0px 20px 0px 20px;    
    cursor: pointer;
}

.navi-main ul li a:hover span,.navi-main ul li.activ a span{
    background: url('/gfx/menu/activ-right.png') right 0px no-repeat;
}

.navi-main ul li a:hover,.navi-main ul li.activ a{
    background: url('/gfx/menu/activ-left.png') 0px 0px no-repeat;
    color: #00377e;
    text-decoration: none;
}

/* SUBNAVI DROP */
.navi-main ul li ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: none;
    text-align: left;
    clear: left;
    width: 958px;
    background: #fff;
    z-index: 20;
}

.navi-main ul li:hover ul,.navi-main ul li.mnhover ul {
    display: inline;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 27px;
    left: 0px;
    clear: left;
    width: 958px;
    
}

.navi-main ul li.activ ul {
    display: inline;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 27px;
    left: 0px;
    clear: left;
    width: 958px;
    z-index: 0;
}

.navi-main ul li:hover ul li, .navi-main ul li.activ ul li, .navi-main ul li.mnhover ul li
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #164164;		
    line-height: 31px;
}

.navi-main ul li:hover ul li.no-link, .navi-main ul li.activ ul li.no-link, .navi-main ul li.mnhover ul li.no-link
{
    padding: 0 10px 0 10px;
}

.navi-main ul li:hover ul li.sep, .navi-main ul li.activ ul li.sep, .navi-main ul li.mnhover ul li.sep{
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
    background: url('/gfx/footer-sep.gif') center top no-repeat;
    width: 2px;
    line-height: 10px;
    height: 10px;
    font-size: 0;
    position: relative;
}

.navi-main ul li ul li a,.navi-main ul li.activ ul li a,.navi-main ul li.mnhover ul li a
{
    padding: 0px 10px 0px 10px;
    display: block;
    color: #164164;		
    text-decoration: none;
    line-height: 31px;
    float: left;
    font-weight: normal;
    background: #fff;
}

.navi-main li ul li a:hover,.navi-main li.activ ul li a:hover,.navi-main li.activ ul li a.activ
{
    text-decoration: none;
    background: #fff;
    color: #C5B869;
}

.navi-main form{
    float: right;
    margin: 0 10px 0 0;
    width: 220px;
}

.navi-main form input.text{
    float: left;
    display: block;
    margin: 0 6px 0 0;
    width: 132px;
    height: 17px;
    padding: 4px 5px 0 24px;
    border: 0px;
    background: url('/gfx/search/input.png') 0px 0px no-repeat;
    font-size: 11px;
    color: #fff;
}

.navi-main form input.button{
    float: left;
    display: block;
}

.col-left {
    float: left;
    width: 709px;
    padding: 40px 0 20px 0;
    margin: 0 10px 0 0;
}

.col-right {
    float: left;
    width: 226px;
    padding: 62px 0 20px 0;
}

.eyecatcher-area {
    height: 227px;
    width: 958px;
    position: relative;
}

.eyecatcher-area h1{
    margin: 0;
    padding: 36px 510px 15px 23px;
    font-size: 34px;
    color: #164164;
    font-weight: normal;
    line-height: 40px;
    height: auto;
}

.eyecatcher-area p{
    margin: 0;
    padding: 0 510px 0 23px;
    font-size: 14px;
    color: #164164;
    font-weight: normal;
    line-height: 17px;
}

.eyecatcher-area p a{
    font-weight: bold;
}

.eyecatcher-area img{
    position: absolute;
    top: 7px;
    left: 465px;
}

.hp-tabs{
    position: relative;
    margin: 0 0 40px 23px;
}

.hp-tabs .left{
    float: left;
    width: 5px;
    height: 28px;
    line-height: 0;
    font-size: 0;
    background: url('/gfx/tabs/left.png') 0px 0px no-repeat;
}

.hp-tabs .right{
    float: left;
    width: 5px;
    height: 28px;
    line-height: 0;
    font-size: 0;
    background: url('/gfx/tabs/right.png') 0px 0px no-repeat;
}

.hp-tabs ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: url('/gfx/tabs/copy.png') 0px 0px repeat-x;
    height: 28px;
    float: left;
}

.hp-tabs ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.hp-tabs ul li a{
    text-decoration: none;
    font-size: 12px;
    color: #576473;
    float: left;
    text-decoration: none;
    border-right: 1px solid #ced6e0;
    line-height: 28px;
}

.hp-tabs ul li a.last{
    border-right: 0;
}

.hp-tabs ul li a span{
    display: block;
    line-height: 28px;
    float: left;
    padding: 0px 10px 0px 10px;    
    cursor: pointer;
}

.hp-tabs ul li a:hover span,.hp-tabs ul li.activ a span{
    background: url('/gfx/tabs/arrow.png') center bottom no-repeat;
}

.hp-tabs ul li.activ a:hover,.hp-tabs ul li a:hover{
    text-decoration: none;
}

.hp-header {
    line-height: 18px;
    height: 18px;
    background: url('/gfx/hp-header/blue.gif') left bottom repeat-x;
    margin: 0 10px 23px 23px;
}

.hp-header h2{
    line-height: 18px;
    height: 18px;
    font-size: 16px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 15px 0 0;
    background: url('/gfx/hp-header/white.gif') left bottom repeat-x;
    color: #576473;
}

.img-left img{
    margin: 0px 5px 0px 5px;
    border: 0px;
    padding: 0px;
    display: block;
    padding: 5px 0px 5px 0px;
}

.img-left {
    float: left;
    margin: 0 10px 0 0; 
}

.popup {
    position: absolute;
    top: 130px;
    left: 20px;
    width: 766px;
    height: 514px;
}

.popup-inside {
    position: relative;
    width: 766px;
    height: 514px;
    background: url('/gfx/popup.png') left top no-repeat;
    text-align: center;
}

.popup-inside img{
    padding: 28px 0 0 0;
    clear: left;
}

.popup-inside div.plus-big img{
    padding: 0;
}

div.plus-big{ 
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    width: 24px;
    height: 28px;
    text-align: left;
    float: left;
}

.i-t-l {
    background: url('/gfx/rounded/top-left.png') left top no-repeat;
}

.i-t-r {
    background: url('/gfx/rounded/top-right.png') right top no-repeat;
}

.i-b-l {
    background: url('/gfx/rounded/bottom-left.png') left bottom no-repeat;
}

.i-b-r {
    background: url('/gfx/rounded/bottom-right.png') right bottom no-repeat;
}

.i-t-lbg {
    background: url('/gfx/rounded/border.png') left top repeat-x;
}

.i-t-rbg {
    background: url('/gfx/rounded/border.png') right top repeat-y;
}

.i-b-lbg {
    background: url('/gfx/rounded/border.png') right bottom repeat-x;
}

.i-b-rbg {
    background: url('/gfx/rounded/border.png') left bottom repeat-y;
}

.hp-teasers {
    margin: 0 0 0 23px;
    width: 925px;
}

.hp-teaser {
    width: 289px;
    float: left;
    padding: 0 0 30px 0;
    margin-right: 29px;
}

.hp-teaser-last {
    margin-right: 0;
}

.hp-teaser h3{
    padding: 0 0 2px 0;
    margin: 0;
    color: #3c5066;
    font-size: 14px;
    line-height: 17px;
}

.hp-teaser p{
    padding: 0 0 3px 0;
    margin: 0;
    color: #3c5066;
    line-height: 16px;
}

.hp-teaser p a{
    font-weight: bold;
}

.hp-boxes {
    margin: 0 0 0 23px;
    width: 925px;
}

.news-hp {
    float: left;
    width: 627px;
    margin: 0 0 29px 0;
}

.news-hp .top{
    height: 4px;
    line-height: 0;
    font-size: 0; 
    width: 627px;
    background: url('/gfx/hp-news/top.gif') left top no-repeat;
}

.news-hp .bottom{
    height: 4px;
    line-height: 0;
    font-size: 0; 
    width: 627px;
    background: url('/gfx/hp-news/bottom.gif') left top no-repeat;
}

.news-hp .middle{
    height: 157px;
    width: 627px;
    background: url('/gfx/hp-news/middle.gif') left top repeat-y;
    position: relative;
}

.news-hp .middle p.main-header{
    padding: 5px 0 4px 12px;
    font-weight: bold;
    color: #576473;
    font-size: 16px;
    margin: 0;
}

.news-hp .middle .article{
    padding: 5px 0 5px 0;
    margin: 4px 0 0 6px;
    width: 614px;
    background: #e7ecf5;
}

.news-hp .middle .article h3{
    padding: 0 0 3px 10px;
    font-weight: bold;
    color: #10223a;
    font-size: 12px;
    margin: 0;
    line-height: 15px
}

.news-hp .middle .article p{
    padding: 0 10px 2px 10px;
    color: #3c5066;
    font-size: 12px;
    margin: 0;
    line-height: 15px;
}

.news-hp .middle .article p a{
    font-weight: bold;
}

.news-hp .middle img.next{
    position: absolute;
    top: 9px;
    right: 7px;
}

.news-hp .middle img.prev{
    position: absolute;
    top: 9px;
    right: 29px;
}

.info-hp {
    float: right;
    width: 288px;
    margin: 0 0 29px 0;
}

.info-hp .top{
    height: 4px;
    line-height: 0;
    font-size: 0; 
    width: 288px;
    background: url('/gfx/hp-info/top.gif') left top no-repeat;
}

.info-hp .bottom{
    height: 4px;
    line-height: 0;
    font-size: 0; 
    width: 288px;
    background: url('/gfx/hp-info/bottom.gif') left top no-repeat;
}

.info-hp .middle{
    height: 157px;
    width: 288px;
    background: url('/gfx/hp-info/middle.gif') left top repeat-y;
}

.info-hp .middle p.header{
    font-weight: bold;
    color: #576473;
    font-size: 16px;
    margin: 0;
    padding: 6px 0 13px 15px;
    line-height: 19px;
}

.info-hp .middle p.nummer{
    font-weight: bold;
    color: #c5b869;
    font-size: 30px;
    line-height: 32px;
    margin: 0;
    padding: 0 0 16px 15px;
}

.info-hp .middle p.text{
    color: #3c5066;
    font-size: 12px;
    margin: 0;
    line-height: 16px;
    padding: 0 5px 0px 15px;
}

.info-hp .middle p.text a{
    font-weight: bold;
}

.footer {
    margin: 0 0 0 23px;
    width: 925px;
    border-top: 4px solid #d5dce5;
}

.footer p{
    float: left;
    padding: 6px 0 30px 3px;
    font-size: 10px;
    font-family: "lucida grande", arial, sans-serif;
    color: #868f97;
}

.footer p a{
    color: #868f97;
}

.footer p span{
    padding: 0 5px 0 5px;
    background: url('/gfx/footer-sep.gif') center 3px no-repeat;
}

.footer ul {
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 15px 0px;
    list-style-type: none;
    float: right;
}

.footer ul li{
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
    list-style-type: none;
    float: left;
}

.footer ul li a{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    display: block;
    line-height: 13px;
    float: left; 
    font-size: 10px;
    color: #868f97;
    font-family: "lucida grande", arial, sans-serif;
}

.footer ul li.sep{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float: left;
    background: url('/gfx/footer-sep.gif') center 0px no-repeat;
    width: 6px;
    font-size: 0px;
    line-height: 11px;
    height: 11px;
}

.main-area {
    width: 958px;
    position: relative;
    background: #fff;
}

.main-area-history {
    background: url('/gfx/header-imgs/history.jpg') left top no-repeat #fff;
}

.main-area-kontakt {
    background: url('/gfx/header-imgs/kontakt.jpg') left top no-repeat #fff;
}

.main-area-leistungen {
    background: url('/gfx/header-imgs/leistungen.jpg') left top no-repeat #fff;
}

.main-area-losungen {
    background: url('/gfx/header-imgs/losungen.jpg') left top no-repeat #fff;
}

.main-area-unternehmen {
    background: url('/gfx/header-imgs/unternehmen.jpg') left top no-repeat #fff;
}

.content-box-grey {
    width: 226px;
    margin-bottom: 14px;     
}

.content-box-grey div.top {
    height: 4px;
    line-height: 0px;
    font-size: 0px;
    width: 226px;
    background: url('/gfx/info-right/top.png') 0px 0px no-repeat;
}

.content-box-grey div.middle {
    width: 226px;
    background: #f0f0f0;
}

.content-box-grey div.gradient {
    width: 226px;
    background: url('/gfx/info-right/gradient.png') 0px 0px repeat-x #3a5370;
}

.content-box-grey div.bottom {
    height: 5px;
    line-height: 0px;
    font-size: 0px;
    width: 226px;
    background: url('/gfx/info-right/bottom.png') 0px 0px no-repeat;
}

.content-box-grey div.info-bg{
    background: url('/gfx/info-right/iko.png') 140px 7px no-repeat;
}

.content-box-grey div.info-bg-ico{
    background: url('/gfx/info-right/iko-info.png') 135px 12px no-repeat;
}

.content-box-grey div.info-bg p.header{
    color: #ffffff;
    margin: 0;
    padding: 18px 0 7px 16px;
    line-height: 19px;
    font-size: 18px;
    font-weight: bold;
}

.content-box-grey div.info-bg p.text{
    color: #ffffff;
    margin: 0;
    padding: 0 0 5px 16px;
    line-height: 12px;
    font-size: 11px;
}

.content-box-grey div.info-bg p.nummer{
    color: #ffffff;
    margin: 0;
    padding: 0 0 20px 16px;
    line-height: 24px;
    font-size: 23px;
    font-weight: bold;
}

.content-box-blue {
    width: 226px;
    margin-bottom: 14px;     
}

.content-box-blue div.img{
    margin: 0px 0px 10px 16px;
    border: 1px solid #d5dce5;
    float: left;     
}

.content-box-blue img.map{
    border: 1px solid #d5dce5;
    margin: 0px 0px 10px 16px;
}

.content-box-blue div.img img{
    border: 3px solid #fff;
}

.content-box-blue div.top {
    height: 4px;
    line-height: 0px;
    font-size: 0px;
    width: 226px;
    background: url('/gfx/info-right/top.gif') 0px 0px no-repeat;
}

.content-box-blue div.middle {
    width: 226px;
    background: #e7ecf5;
    padding-bottom: 1px
}

.content-box-blue div.bottom {
    height: 5px;
    line-height: 0px;
    font-size: 0px;
    width: 226px;
    background: url('/gfx/info-right/bottom.gif') 0px 0px no-repeat;
}

.content-box-blue h4{
    color: #6a6c6d;
    margin: 0;
    padding: 5px 0 10px 16px;
    line-height: 17px;
    font-size: 14px;
    font-weight: bold;
}

.content-box-blue p{
    margin: 0;
    padding: 0 5px 5px 16px;     
}

.content-box-blue a.link-arrow{
    margin: 0 0 12px 0;
    padding: 0 5px 0 30px;
    line-height: 15px;
    text-decoration: none;
    display: block;
    background: url('/gfx/info-right/arrow.gif') 16px 3px no-repeat;
    color: #164164;
}

.content-box-blue a.link-arrow:hover{
    text-decoration: underline;
}

.content-box-blue ul{
    margin: 0 10px 12px 16px;
    padding: 0;
    list-style-type: none;
}

.content-box-blue ul li{
    margin: 0 0 12px 0;
    padding: 0 0 0 21px;
    list-style-type: none;
    color: #666666;
    line-height: 15px;
    background: url('/gfx/ico-pdf.png') 0px 1px no-repeat;
}

.content-box-blue ul li a{
    display: block;
    line-height: 15px;
    text-decoration: none;
    color: #164164;
}

.content-box-blue ul li a:hover{
    text-decoration: underline;
}

h1 {
    margin: 0;
    padding: 0;
    height: 105px;
    color: #164164;
    font-size: 30px;
    font-weight: normal;
}

.content {
    margin: 0 0 0 20px;
    width: 689px; 
}

.content h2 {
    margin: 0;
    padding: 0 0 8px 0;
    color: #164164;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.content h2.pt10 {
    padding-top: 10px;
}

.content p {
    padding-right: 35px;
}

.content h3 {
    padding: 0 0 2px 0;
    margin: 0;
    color: #3c5066;
    font-size: 14px;
    line-height: 17px;
}

.cleaner-border {
    height: 20px;
    line-height: 0px;
    font-size: 0px;
    border-top: 1px solid #d5dce5;
    margin-top:15px;
}

.kontakt-form {
    margin: 0 0 20px 0; 
}

.kontakt-form p{
    margin: 0;
    padding: 0 0 10px 0;
    color: #c5b869;
    font-size: 10px;
}

.kontakt-form label{
    margin: 0 0 7px 0;
    padding: 4px 0 3px 0;
    display: block;
    float: left;
    color: #164164;
    font-size: 12px;
    line-height: 15px;
    width: 157px; 
}

.kontakt-form label span{
    color: #c5b869;
}

.kontakt-form label.right{
    text-indent: 26px;
}

.kontakt-form label.area{
    margin-bottom: 6px;
}

.kontakt-form input.text{
    margin: 0 0 7px 0;
    display: block;
    float: left;
    font-size: 11px;
    height: 19px;
    padding: 2px 5px 0 5px;
    border: 1px solid #d6d6d6;
    width: 475px; 
    background: #f4f6f9;
}

.kontakt-form select{
    margin: 8px 0 7px 0;
    display: block;
    float: left;
    font-size: 11px;
    height: 20px;
    border: 1px solid #d6d6d6;
    width: 237px;
    background: #f4f6f9; 
}

.kontakt-form input.right-right-text{
    width: 169px; 
}

.kontakt-form textarea{
    margin: 0 0 7px 0;
    display: block;
    float: left;
    font-size: 11px;
    height: 89px;
    padding: 2px 5px 5px 5px;
    border: 1px solid #d6d6d6;
    width: 475px; 
    background: #f4f6f9;
    overflow: auto;
    font-family: arial, sans-serif; 
}

.kontakt-form div.radio{
    float: left;
    padding: 0 25px 0 0;
    color: #000; 
}

.kontakt-form div.button-area div.radio{
    float: left;
    padding: 0 25px 0 0;
    color: #707070; 
}

.kontakt-form div.radio input{
    position: relative;
    right: 2px;
    top: 1px 
}

.kontakt-form div.button-area div.radio input{
    position: relative;
    left: 0px;
    right: 2px 
}

.kontakt-form div.button-area{
    margin: 0 0 20px 157px;
    width: 487px;
    font-size: 11px;
    color: #707070; 
}

.register-form div.button-area2 div.checkbox{
    float: left;
}

.kontakt-form input.button{
    float: right;
    margin: 4px 0 0 0; 
}

.gallery-note {
    padding: 10px 0 12px 0;
    border-bottom: 1px solid #d5dce5;
    font-size: 11px;
}

.content ul {
    margin: 0 0 25px 0;
    padding: 0;
    list-style-type: none;
}

.content ul li{
    margin: 0;
    padding: 0 20px 10px 22px;
    list-style-type: none;
    line-height: 16px;
    background: url('/gfx/li-dot.png') 0px 2px no-repeat;    
}

.content ul.big {
    margin: 0 0 10px 0;
    padding: 0 0 17px 0;
    list-style-type: none;
    border-bottom: 1px solid #d5dce5;
}

.content ul.big li{
    padding: 0 20px 8px 22px;
    font-size: 16px;
    font-weight: bold;
    color: #164164;   
}
.content ul.big li a{
	text-decoration:underline;
}
.content ul.big li a:hover{
	text-decoration:none;
}

p.info {
    border-bottom: 1px solid #d5dce5;
    font-size: 16px;
    font-weight: bold;
    color: #164164; 
    margin-bottom: 10px;
    padding-bottom: 15px;
}

p.info span{
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #666666; 
    padding-bottom: 6px;
}
.previous-work {
clear:both;
padding-top:30px;
}
.slideContent {
position:relative;
width:939px;
}
.slideContent li {
display:none;
}
.slideContent li.selected {
display:block;
}
	.project-image {float:left; display:block; margin:-35px 0 0 20px; position:relative;}
		.project-image a {position:absolute; left:0; top:0; z-index:0;}
		.project-image a.active {z-index:2;}
		.project-image a.last-active {z-index:1;}
		.project-image a:hover {background-color:transparent;}