BODY

.body {
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px
        }

html, body{
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:95%; /*erreicht ann&auml;hernd gleiche Schriftgr&ouml;&szlig;en in NN, IE und OP*/
        margin:0;
        padding:0;
}


h1, h2, h3, h4, h5, h6, p, form {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

img{
  border:none;
}
 #logo{
        margin-left:-270px;
        width:100%;
        z-index:100;
}

 #start_kontakt{
        position:absolute;
        height:0px;
        width:100%;
        text-align:right;
        right:70px;
        top:50;
}



/* - - - - - - - - - - - - Tabellen / Zellenhinterguende - - - - - - - - - - - - */


.hellblau { background-color:#B4C1CA; }
.dunkelblau { background-color:#002261; }
.blaugrau { background-color:#8FA1AF; }
.hellgrau { background-color:#EEF0F2; }
.grau { background-color:#EDECEC; }
.gelb { background-color:#E2B74C; }
.hellgelb { background-color:#E3C77A; }
.weiss { background-color:#ffffff; }
.feature { background-color:#CFD6DC; }


/* - - - - - - - - - - - - Bilder Positionierung Kopfbereich - - - - - - - - - - - - */

#bg_kopf_navigation{
        position:absolute;
        background-image:url(../pix/bg_kopf_navigation_2007.gif);
        background-position:top left;
        height:30px;
        width:219px;
        left:16;
        top:144;
}

#katalog{
         position:absolute;
         left:720px;
         top: 30px;
         text-align:left;
         z-index:99;}

/*
#bg_grafik_linker_rand{
        position:absolute;
        background-image:url(../pix/grafik_linker_rand.gif);
        background-position:top left;
        height:70px;
        width:15px;
        left:0;
        top:140;
}
*/

#bg_linker_rand_dblau{
        position:absolute;
        background-image:url(../pix/linker_rand_dblau.gif);
        background-position:top left;
        height:257px;
        width:15px;
        left:0;
        top:320;
}

#bg_pulld_q_links{
        position:absolute;
        background-image:url(../pix/bg_pulld_q_links.gif);
        background-position:top left;
        height:144px;
        width:4px;
        left:17;
        top:394;
}

#bg_pulld_q_unten{
        position:absolute;
        background-image:url(../pix/bg_pulld_q_unten.gif);
        background-position:top left;
        height:137px;
        width:192px;
        left:19;
        top:582;
}

#schriftzug_schuenemann{
        position:absolute;
        background-image:url(../pix/logo_exklusiv.gif);
        background-position:top left;
        width:700px;
        height:50px;
        left:38;
        top:8;
}


.bilder {
        border-bottom:1px solid #ED1C24;
        border-right:1px solid #ED1C24;
        border-left:1px solid #ED1C24;
        border-top:1px solid #ED1C24;
}

.bild_rechts {
        color: #425163;
        float:right;
        padding:0px 0px 0px 0px;
        margin-right:5px;
        margin-left:0px;
        margin-top:0px;
        margin-bottom:2px;
}

/* - - - - - - - - - - - - Schriftformatierung - - - - - - - - - - - - */

.normal {
        font-size:0.7em;
        vertical-align:top;
        color: #425163;
        }

.normal_fett {
        font-size:100%;
        font-weight: bold;
        }

.normal_kursiv {
        font-size:100%;
        font-style:italic;
        }


.normal_feature {
        font-size:0.7em;
        vertical-align:top;
        color: #425163;
        padding:10px 10px 10px 10px;
        }

.normal_blau {
        font-size:0.7em;
        vertical-align:top;
        color: #002261;
        }

.weiss_fett {
        font-size:0.7em;
        font-weight: bold;
        color: #ffffff;
        }

.rot_fett {
        font-size:100%;
        font-weight: bold;
        color: #EA0814;
        }
.blau_fett {
        font-size:100%;
        font-weight: bold;
        color: #002261;
        }

/* - - - - - - - - - - - - Ueberschriften - - - - - - - - - - - - */

h1 {
        font-size:0.8em;
        font weight: bold;
        color: #5B6F7F;
 }


h2 {
        font-size:100%;
        font weight: bold;
        color: #ffffff;
 }

h3 {
        font-size:0.7em;
        font weight: bold;
        color: #ffffff;
 }

h4 {
        font-size:0.7em;
        font weight: bold;
        color: #EA0814;
 }

/* - - - - - - - - - - - - Links / Navigation - - - - - - - - - - - - */

a.link {
        font-size:100%;
        text-decoration: none;
       color: #EA0814;
        }

a.link_unterstrichen {
        font-size:100%;
        text-decoration: underline;
        color: #425163;
        }

a.link_rot {
        font-size:100%;
        text-decoration: none;
        color: #EA0814;
        }

a.link_weiss {
        font-size:100%;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        }

a.link_feature {
        font-size:100%;
        text-decoration: none;
        color: #EA0814;

        }

a.link_ueberschrift {
        font-size:100%;
        text-decoration: underline;
        color: #5B6F7F;

        }

a.navigation {
        font-size:0.7em;
        font-weight: bold;
        text-decoration:none;
        color: #ffffff;
        }

a.navigation:hover {
        font-size:0.7em;
        font-weight: bold;
        text-decoration:none;
        color: #E3C77A;
        }

a.navigation_aktiv {
        font-size:0.7em;
        font-weight: bold;
        text-decoration:none;
        color: #E3C77A;
        }

a.navigation_rechts {
        font-size:100%;
        text-decoration:none;
        color: #002261;
        }

a.navigation_rechts:hover {
        font-size:100%;
        text-decoration:none;
        color: #EA0814;
        }

a.navigation_rechts_aktiv {
        font-size:100%;
        text-decoration:none;
        color: #EA0814;
        }

