* { margin: 0; padding: 0; }

html { height: 100%; }

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #fff;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #656565;
    line-height: 1.4;
}

#layout-sizer-v-1 { position: absolute; width: 1px; height: 100%; }

td { font-size: 11px; line-height: 1.4; }

a, a:hover { color: #f00; text-decoration: none; }

img { border: 0; }

.clear { clear: both; }

input { padding: 1px; }
.input-checkbox, .input-radio { padding: 0; }
button, .input-button { padding: 2px 5px; }

h2 { margin-bottom: 36px; font-size: 20px; font-weight: normal; }
h3 { font-size: 14px; font-weight: bold; }

#layout-div-1 {
    padding: 28px 0;
}

#layout-div-2 {
    margin: 0 auto;
    width: 982px;
    border: 1px solid #989898;
}

#layout-div-3 {
    margin: 1px;
}

.page-1 #layout-div-3 {
    background: url("../imgs/content-bg-3col-1.gif") repeat-y;
}

.page-2 #layout-div-3 {
    background: url("../imgs/content-bg-2col-2.gif") repeat-y;
}

.page-3 #layout-div-3 {
    background: url("../imgs/content-bg-2col-1.gif") repeat-y;
}

.page-4 #layout-div-3 {
    background: url("../imgs/content-bg-2col-2.gif") repeat-y;
}

#layout-div-4 {
    position: relative;
    width: 100%;
    height: 100%;
}

#page-header {
    padding-bottom: 1px;
    background: #fff;
}

#header-logo {
    height: 97px;
}

#header-logo img {
    float: right;
    margin: 15px 31px 0 0;
}

#nav-1, #nav-1-image { height: 100px; }

#nav-1-image img { display: block; }

#nav-1 .nav-item { float: left; margin-right: 1px; height: 100px; background-repeat: no-repeat; background-position: right top; }
#nav-1 .nav-item.last { margin-right: 0; }

#nav-1 .nav-item a { display: block; width: 100%; height: 100%; background-position: left bottom; }
#nav-1 .nav-item a:hover { background-position: right bottom; }

.nav-1-bez .nav-item-1 { width: 163px; background-image: url("../imgs/nav-1/bez/tiefbau.jpg"); }
.nav-1-bez .nav-item-1 a { background-image: url("../imgs/nav-1/bez/tiefbau.jpg"); }

.nav-1-bez .nav-item-2 { width: 163px; background-image: url("../imgs/nav-1/bez/spezialtiefbau.jpg"); }
.nav-1-bez .nav-item-2 a { background-image: url("../imgs/nav-1/bez/spezialtiefbau.jpg"); }

.nav-1-bez .nav-item-3 { width: 163px; background-image: url("../imgs/nav-1/bez/neubau.jpg"); }
.nav-1-bez .nav-item-3 a { background-image: url("../imgs/nav-1/bez/neubau.jpg"); }

.nav-1-bez .nav-item-4 { width: 162px; background-image: url("../imgs/nav-1/bez/umbau.jpg"); }
.nav-1-bez .nav-item-4 a { background-image: url("../imgs/nav-1/bez/umbau.jpg"); }

.nav-1-bez .nav-item-5 { width: 162px; background-image: url("../imgs/nav-1/bez/strassenbau.jpg"); }
.nav-1-bez .nav-item-5 a { background-image: url("../imgs/nav-1/bez/strassenbau.jpg"); }

.nav-1-bez .nav-item-6 { width: 162px; background-image: url("../imgs/nav-1/bez/holzbau.jpg"); }
.nav-1-bez .nav-item-6 a { background-image: url("../imgs/nav-1/bez/holzbau.jpg"); }

.nav-1-bek .nav-item-1 { width: 163px; background-image: url("../imgs/nav-1/bek/neubau.jpg"); }
.nav-1-bek .nav-item-1 a { background-image: url("../imgs/nav-1/bek/neubau.jpg"); }

.nav-1-bek .nav-item-2 { width: 163px; background-image: url("../imgs/nav-1/bek/umbau.jpg"); }
.nav-1-bek .nav-item-2 a { background-image: url("../imgs/nav-1/bek/umbau.jpg"); }

.nav-1-bek .nav-item-3 { width: 163px; background-image: url("../imgs/nav-1/bek/tiefbau.jpg"); }
.nav-1-bek .nav-item-3 a { background-image: url("../imgs/nav-1/bek/tiefbau.jpg"); }

.nav-1-bek .nav-item-4 { width: 162px; background-image: url("../imgs/nav-1/bek/spezialtiefbau.jpg"); }
.nav-1-bek .nav-item-4 a { background-image: url("../imgs/nav-1/bek/spezialtiefbau.jpg"); }

.nav-1-bek .nav-item-5 { width: 162px; background-image: url("../imgs/nav-1/bek/beton-kies.jpg"); }
.nav-1-bek .nav-item-5 a { background-image: url("../imgs/nav-1/bek/beton-kies.jpg"); }

.nav-1-bek .nav-item-6 { width: 162px; background-image: url("../imgs/nav-1/bek/transporte-mulden.jpg"); }
.nav-1-bek .nav-item-6 a { background-image: url("../imgs/nav-1/bek/transporte-mulden.jpg"); }

.nav-1-besg .nav-item-1 { width: 327px; background-image: url("../imgs/nav-1/besg/neubau.jpg"); }
.nav-1-besg .nav-item-1 a { background-image: url("../imgs/nav-1/besg/neubau.jpg"); }

.nav-1-besg .nav-item-2 { width: 326px; background-image: url("../imgs/nav-1/besg/umbau.jpg"); }
.nav-1-besg .nav-item-2 a { background-image: url("../imgs/nav-1/besg/umbau.jpg"); }

.nav-1-besg .nav-item-3 { width: 325px; background-image: url("../imgs/nav-1/besg/tiefbau-spezialtiefbau.jpg"); }
.nav-1-besg .nav-item-3 a { background-image: url("../imgs/nav-1/besg/tiefbau-spezialtiefbau.jpg"); }

#nav-2 { margin-top: 1px; padding: 7px 0; font-size: 11px; line-height: 15px; background: #d6d6d6; }

#nav-2 ul { float: left; list-style-type: none; }

#nav-2 li { float: left; margin-left: 85px; }
#nav-2 li.first { margin-left: 21px; }

#nav-2 a {
    padding-left: 15px;
    color: #4c4c4c;
    text-decoration: none;
    background: url("../imgs/nav-bullet.gif") no-repeat 0 3px;
}

#nav-2 a.act, #nav-2 a:hover {
    color: #f00;
    background-image: url("../imgs/nav-bullet-active.gif");
}

#nav-main {
    float: left;
    padding: 76px 0 80px 0;
    width: 254px;
    font-size: 10px;
    line-height: 14px;
}

#nav-main a { color: #4c4c4c; text-decoration: none; display: block; }
#nav-main a:hover { color: #f00; }

#nav-main .nav-item { padding: 2px 21px; margin-bottom: 1px; }

#nav-main .level-1 a { padding-left: 15px; background: url("../imgs/main-nav-1-bullet.gif") no-repeat 0 4px; }
#nav-main .level-1 a:hover { background-image: url("../imgs/main-nav-1-bullet-active.gif"); }

#nav-main .level-2 a, #nav-main .level-3 a { padding-left: 12px; background: url("../imgs/main-nav-2-bullet.gif") no-repeat 0 7px; }
#nav-main .level-2 a:hover, #nav-main .level-3 a:hover { background-image: url("../imgs/main-nav-2-bullet-active.gif"); }

#nav-main .level-1.act { background: url("../imgs/main-nav-1-bg-active.gif") repeat-y; }
#nav-main .level-1.act a { background-image: url("../imgs/main-nav-1-bullet-active.gif"); }

#nav-main .level-2.act a, #nav-main .level-3.act a { background-image: url("../imgs/main-nav-2-bullet-active.gif"); color: #f00; }

#nav-main .nav-separator.level-1 { height: 1px; line-height: 0; font-size: 0; background: #c7c7c7; margin: 10px 19px; }

#nav-main .nav-item.level-2 { padding: 2px 21px 2px 35px; margin-bottom: 1px; }
#nav-main .nav-item.level-3 { padding: 2px 21px 2px 49px; margin-bottom: 1px; }

#content-col-1 {
    float: left;
}

.page-1 #content-col-1, .page-2 #content-col-1, .page-4 #content-col-1 {
    margin: 40px 0 40px 33px;
    width: 333px;
}

.page-3 #content-col-1 {
    margin: 40px 0 40px 33px;
    width: 660px;
}

#content-col-1 ul { list-style-type: none; }

#content-col-1 ul li { padding-left: 13px; background: url("../imgs/list-bullet-2.gif") no-repeat 0 6px; }

#content-col-2 {
    float: right;
    margin: 40px 23px 50px 0;
    padding-bottom: 191px;
    width: 281px;
    display: inline; /* Fix for MSIE 6 */
}

.page-4 #content-col-2 { padding-top: 64px; }

#content-col-2 .company-start-page { font-size: 12px; }

#content-col-2 .company-start-page h4 {
    margin-bottom: 18px; font-size: 20px; font-weight: normal;
}

#content-col-2 .company-start-page ul {
    list-style-type: none;
}

#content-col-2 .company-start-page li {
    padding-left: 15px;
    margin-bottom: 5px;
    background: url("../imgs/list-bullet-1.gif") no-repeat 0 2px;
}

#layout-pic-1 {
    position: absolute;
    bottom: 0px;
    right: 0;
    padding-top: 1px;
    width: 327px;
    background-color: #fff;
}

#layout-pic-1 .inner {
    padding-right: 16px;
    background-image: url("../imgs/layout-pic-1-bg.gif");
    background-repeat: repeat-y;
    background-position: right top;
}

#layout-pic-1 img { display: block; }

#page-footer {
    margin: 0 auto;
    padding-top: 10px;
    width: 982px;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
}

#page-footer a {
    padding-left: 11px;
    color: #656565;
    text-decoration: none;
    background: url("../imgs/nav-bullet-2.gif") no-repeat 0 4px;
}

#page-footer a:hover { color: #f00; background-image: url("../imgs/nav-bullet-2-active.gif"); }

#page-footer span.footer-link { margin-left: 12px; }
#page-footer span.footer-text { margin-left: 35px; }

.listing-1 .separator { margin: 11px 0; height: 1px; background: #c7c7c7; font-size: 0; line-height: 0; }

.listing-1 .separator.first { margin-top: 0; }
.listing-1 .separator.last { margin-bottom: 0; }

.listing-1 .heading { padding-bottom: 8px; }

.listing-1 .heading img { margin-right: 15px; }

.listing-1 .heading .heading-text { vertical-align: bottom; }

.listing-1 .heading .date { font-size: 11px; }
.listing-1 .heading h3 { font-size: 14px; font-weight: normal; color: #f00; }

.gallery-listing .separator { margin: 11px 0; height: 1px; background: #c7c7c7; font-size: 0; line-height: 0; }

.gallery-listing .separator.first { margin-top: 0; }
.gallery-listing .separator.last { margin-bottom: 0; }

.gallery-listing .item-headline { padding-bottom: 8px; font-size: 14px; }

.gallery-listing .item-headline a { color: #f00; text-decoration: none; }

.gallery-images .spacer-v-1 { height: 25px; font-size: 0; line-height: 0; }

.gallery-images .gallery-navigation { padding-top: 15px; }

.content-separator-1 { height: 1px; line-height: 0; font-size: 0; background: #474747; }

.cell-with-image { }

.cell-with-image img { display: block; }

.company-listing { }

.company-listing td { vertical-align: bottom; }

.company-listing-image { width: 15%; }
.company-listing-text-1 { width: 45%; }
.company-listing-spacer-h-2 { width: 10%; }
.company-listing-text-2 { width: 30%; }

.company-listing-image img { display: block; }

.company-listing-spacer-v-1 { height: 25px; font-size: 0; line-height: 0; }

.people-listing { }

.people-listing td { vertical-align: bottom; }

.people-listing-image { width: 12%; }
.people-listing-text-1 { font-weight: bold; white-space: nowrap; }
.people-listing-spacer-h-1 { width: 3%; }
.people-listing-text-2 { }
.people-listing-spacer-h-2 { width: 3%; }
.people-listing-text-3 { white-space: nowrap; }

.people-listing-image img { display: block; }

.people-listing-spacer-v-1 { height: 25px; font-size: 0; line-height: 0; }

.contact-form .col-1 { width: 140px; }
.contact-form .spacer-h-1 { width: 10px; }
.contact-form .col-1 { }

.contact-form .spacer-v-1 { height: 10px; font-size: 0; line-height: 0; }

.contact-form .cell-comments-1 { vertical-align: top; padding-top: 3px; }
.contact-form .field-comments { width: 320px; height: 120px; }

.contact-form .spacer-h-2 { margin-left: 70px; }

.input-requirement { color: #f00; }

.text-small { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal; color: #656565; }
.text-main { font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #656565; }
.text-big { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #656565; }
.text-bigger { font-family: Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #656565; }