html, body {
width:100%; height:100%;
}

body {
margin:0; padding:0;
background:#928c87;
}

body, a, span, div, td, input, select, textarea, p, h1, h2, h3, h4 {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#462a03;
}

img {
border:0;
}

.all {
position:relative;
margin:0 auto;
width:1004px;
background:#fff;
}

        .grau { background:#fff url('img/bg_grau.jpg') repeat-x; }
        .info { background-position:left 584px; }
        .index { background:#fff url('img/bg_index.jpg') no-repeat; }
        .kontakt { background:#fff url('img/bg_kontakt.jpg') no-repeat; }
        .kontakt2 { background:#fff url('img/bg_kontakt2.jpg') no-repeat; }
        .login { background:#fff url('img/bg_login.jpg') no-repeat; }
        .downloads { background:#fff url('img/bg_downloads.jpg') no-repeat; }
        .aktuelles { background:#fff url('img/bg_aktuelles.jpg') no-repeat; }
        .katalogc { background:#fff url('img/bg_katalog_classic.jpg') no-repeat; }
        .katalogm { background:#fff url('img/bg_katalog_modern.jpg') no-repeat; }
        .wissenswertes { background:#fff url('img/bg_wissenswertes.jpg') no-repeat; }

#img_vorteile { position:absolute; left:703px; top:57px; z-index:5; }
#img_info { position:absolute; left:517px; top:354px; z-index:5; }
#img_quali { position:absolute; left:805px; top:219px; z-index:5; }
#img_material { position:absolute; left:353px; top:147px; z-index:5; }
#img_sonder { position:absolute; left:557px; top:217px; z-index:5; }
#img_fachhaendler { position:absolute; left:373px; top:329px; z-index:5; }
#img_login { position:absolute; left:693px; top:669px; z-index:5; }
#img_impressum { position:absolute; left:800px; top:123px; z-index:5; }
#img_katalog { position:absolute; left:382px; top:172px; z-index:5; }

#logo {
float:left;
margin:15px 0 19px 19px;
}

#content {
position:relative;
width:985px; height:578px;
padding:58px 0 0 19px;
}

        *html #content {
        padding-top:70px;
        height:566px;
        }

        #content p {
        width:460px;
        }

                *html #content p {
                margin:13px 0 0 0;
                }

                #content p a {
                font-weight:bold;
                text-decoration:none;
                }

                         #content p a:hover {
                         text-decoration:underline;
                         }

        #content.breit p {
        width:560px;
        }

        #content.schmal p {
        width:330px;
        }

        #content.index p {
        width:355px;
        font-weight:bold;
        line-height:22px;
        }

        #content.impressum p label {
        display:block; float:left;
        width:180px;
        }

#content.agb {
height:1120px;
}

        #content.agb div p {
        font-size:10px;
        }

        #content.agb div p b {
        font-size:11px;
        }

#nav_bg {
position:absolute; left:0px; top:0px;
z-index:2;
}

#nav {
position:absolute; left:9px; top:1px;
list-style-type:none;
margin:0; padding:0;
z-index:3;
}

        #nav li {
        float:left;
        margin:0; padding:0;
        }

                #nav li a {
                display:block;
                height:27px;
                background-repeat:no-repeat;
                }

                         #nav li a:hover, #nav li.aktiv a {
                         background-position:left -50px;
                         }

                #nav1 a { width:122px; background-image:url('img/nav1.png'); }
                #nav2 a { width:78px; background-image:url('img/nav2.png'); }
                #nav3 a { width:99px; background-image:url('img/nav3.png'); }
                #nav4 a { width:78px; background-image:url('img/nav4.png'); }
                #nav5 a { width:63px; background-image:url('img/nav5.png'); }
                #nav6 a { width:101px; background-image:url('img/nav6.png'); }
                #nav7 a { width:86px; background-image:url('img/nav7.png'); }

.subnav {
position:absolute; left:0px; top:28px;
width:1004px; height:18px;
list-style-type:none;
margin:0; padding:6px 0 0 0;
background:#035027;
z-index:1;
}

        .subnav1 { width:986px; padding-left:18px; }
        .subnav2 { width:861px; padding-left:143px; }
        .subnav3 { width:780px; padding-left:224px; }
        .subnav5 { width:604px; padding-left:400px; }

        .subnav li {
        float:left;
        margin:0; padding:0;
        }

        .subnav li, .subnav li a {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        color:#fff;
        }

                .subnav li a {
                display:block;
                text-decoration:none;
                }

        .subnav li.aktiv {
        font-weight:bold;
        }

#footer {
position:absolute; left:0px; bottom:0px;
width:984px; height:42px;
padding:20px 0 0 20px;
background:url('img/bg_foot.png') no-repeat;
}

#footer, #footer a {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#7a7a7a;
text-decoration:none;
}

        #footer a:hover {
        color:#00632f;
        }

/* Kontakt */

#kontakt {
padding:12px;
width:490px;
color:#634737;
font-size:10px;
}

        #kontakt label, #kontakt input, #kontakt textarea {
        float:left;
        margin-bottom:10px;
        color:#634737;
        font-size:10px;
        }

        #kontakt label {
        margin-top:2px;
        font-weight:bold;
        }

                 #kontakt label.left {
                 width:108px;
                 }

        #kontakt input.textinput {
        width:186px; height:14px;
        background:#fff;
        border:0;
        }

         #kontakt textarea {
        width:286px; height:116px;
        background:#fff;
        border:0;
         }

#katalognav1 {
background:url('img/headl11.png') no-repeat;
width:325px; height:310px;
padding-top:12px;
}

#katalognav2 {
background:url('img/headl12.png') no-repeat;
width:325px; height:310px;
padding-top:12px;
}

        #katalognav1 a, #katalognav2 a {
        display:block; float:left;
        margin:15px 0 0 25px;
        width:130px;
        text-decoration:none;
        font-size:13px;
        }

        *html #katalognav1 a, *html #katalognav2 a {
        margin-left:12px; width:143px;
        }

        #katalognav1 a.breit, #katalognav2 a.breit {
        width:200px;
        }

                #katalognav1 a:hover, #katalognav2 a:hover {
                font-weight:bold;
                }

#katalog {
position:absolute; left:0px; top:52px;
width:1004px; height:522px;
overflow:hidden;
z-index:1;
}

#katalog2 {
position:absolute; left:0px; top:0px;
width:1128px; height:522px;
}

#cu3ox {
position:absolute; left:500px; top:-38px;
}