/* Styles fuer annette-grabowsky.de
zuletzt geaendert am 18.02.2006
CSS validated */

*
{
    margin:0;
    padding:0;
}


body {
    font-family: Helvetica, sans-serif, Verdana;
    color: #FFFFFF;
    background-color: white;
    font-size: 0.8em;
}

div.mantel {
    width: 780px;
    margin: auto;
}

div.kopfzeile {
    position: relative;
    width: 770px;
    margin-top: 10px;
}


#topnav {
    background-color: #910000;
    background-image:url(../bilder/top.gif);
    border-top: 5px solid #fff;
    color: #FFFFFF;
    font-family: Helvetica, sans-serif, Verdana;
    float:left;
    line-height: normal;
    padding: 0;
    position: relative;
    width: 791px;
}

#topnav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#topnav li {
   background-color: #910000;
   display: inline;
   margin: 0;
   padding: 0;
}

#topnav a {
   border-left: 1px #fff solid;
   color: #fff;
   float: left;
   font-size: 1.2em;
   font-weight: bold;
   padding: 5px 1em;
   text-decoration: none;
}

#topnav a:hover {
   background-color: #6E6E6E;
   background-image:url(../bilder/topa.gif);
}

#topnav li a.active {
   background-color: #6E6E6E;
   background-image:url(../bilder/topa.gif);
}


div.navigation {
    float:left;
    text-align:left;
}

div.inhalt {
    position: relative;
    margin: 10px 0px 10px 50px;
    /*border-left: 3px solid #930000;*/
    white-space:normal;
    width: 570px;
    float:left;
    min-height: 400px;
    line-height: 1.3em;
}

div.links {
    position: relative;
    background-color: white;
    /*color: #000000;
    font-family: Verdana;
    font-size:small;*/
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    width: 160px;
    height:300px;
    float: left
}

div.rechts {
    position: relative;
    background-color: white;
    color: #000000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px dotted #930000;
    text-align: left;
    width: 150px;
    height:480px;
    float: right
}

div.footer {
    position: relative;
    margin-top: 40px;
    /*border-top: 1px solid #930000;*/
    text-align: right;
    width: 790px;
    float:left
}

/* ------------------------ AB HIER: DIE SCHRIFTARTEN ---------------------- */

h2 {
    font-family: Georgia, Verdana;
    font-size: 1.3em;
    font-weight:bold;
    color: #807944;
    margin: 10px
}

p {
    font-size: 1.0em;
    margin: 10px;
    color: #2F2F2F;

}

.footer p {
    color: #99BB22;
}

.impressum p {
    color: #FFFFFF;
}

li {
    font-size: small;
    margin-left:0px;
    color: #807944;

}

.inhalt a, .links a, .footer a {
    color: #99BB22;
    /*margin-right: 10px;*/
    font-family: Helvetica, sans-serif, Verdana;
    text-decoration: none;
    text-align:left;
    border-bottom: 1px dotted
}

.footer  p  a:hover, .links  p  a:hover, .inhalt  a:hover {
    color: #FFFFFF;
    background-color: #990000;
    border: none
}

.kopfzeile a {
    border: none;
}

.blog {
    border-bottom: 1px dotted #A00020;
    font-weight:bold
}

.datum {
    font-size: x-small;
    color: #808080;
    text-align: center
}