BODY

.body {
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px
        
        background-image:url(../pix/bg_quadrate.gif);
        background-position:top left;
         }

html, body{
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:95%; /*erreicht annähernd gleiche Schriftgröß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;
}

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

.hellgrau { background-color:#EDECEC; }
.grau { background-color:#DBDBDB; }
.dunkelgrau { background-color:#999797; }
.orange { background-color:#FF6600; }
.hellorange { background-color:#FF9900; }
.gelb { background-color:#FFD985; }
.hellbeche { background-color:#E3C77A; }
.dunkelbeche { background-color:#E2B740; }
.weiss { background-color:#ffffff; }

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


#rand_quadrate{
        position:absolute;
        background-image:url(../pix/rand_quadrate.gif);
        background-position:top left;
        height:68px;
        width:15px;
        left:0;
        top:144;
}

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


#rand_q_hell_orange{
        position:absolute;
        background-image:url(../pix/rand_q_hell_orange);
        background-position:top left;
        height:168px;
        width:200px;
        left:16;
        top:550;
}


#schriftzug_buchverlag{
        position:absolute;
        background-image:url(../pix/schriftzug_buchverlag.gif);
        background-position:top left;
        height:44px;
        width:582px;
        left:165;
        top:87;
}

.bilder {
        float:left;
        border-bottom:1px solid #999797;
        border-right:1px solid #999797;
        border-left:1px solid #999797;
        border-top:1px solid #999797;
        margin-right:10px;
        margin-left:0px;
        margin-top:0px;
        margin-bottom:3px;
}

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

.normal {
        font-size:0.7em;
        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;
        background-color: #EDECEC;
        padding:10px 10px 10px 10px;
        }

.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: #FF6600;
 }

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

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

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

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

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

        }
        
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: #FFD985;
        }

a.navigation_aktiv {
        font-size:0.7em;
        font-weight: bold;
        text-decoration:none;
        color: #FFD985;
        }
        
a.navigation_rechts {
        font-size:100%;
        text-decoration:none;
        color: #002261;
        }

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

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