body {
        text-align:center;
        font-size:10pt;
        color:#313131;
        background: #FFFFFF;
        margin:0;
        padding:0px;
        font-family: Arial, Helvetica, sans-serif;
}

/*Layout mit 2 Spalten*/

#container2c {
        width:782px;
        margin:1px auto;
        text-align:left;
        padding:0;
        border:1px solid #16CE3C;
        background-color: #FFFFFF;
}
#container2c .wrapper {
        margin:0;
        padding:0;
        background: #FFF url(../images/wrap2.jpg) repeat-y left top;
        background-position: left bottom;
        background-repeat: no-repeat;
}
#container2c .header {
        border-bottom: px solid;
        border-color: #FFFFFF;
        width: 782px;
        z-index: 2;
}
#date {
        height:15px;
        width:199px;
        background-color: #FFFFFF;
        color:#BFBFBF;
        font-weight:normal;
        padding: 4px 0px 4px 48px;
        background-image:  ;
         }
.date { padding-left:48px;
}
#container2c .column {
        width:199px;
        float:left;
        margin:0;
        padding-top:14px;
        background-color:         #FFFFE0;
}
#container2c .columnohne {
        width:199px;
        float:left;
        margin:0;

        background-color:         #FFFFE0;
}
#container2c .column2{
        background-image: url(../images/saule26.jpg);
background-repeat: repeat-y;
        background-position: right top;
        width:145px;
        float:left;
        margin-left:0px;
        top: 0px;
        background-color: #F0F8FF;

}

#container2c .content {
        float:left;
        padding-top:15px;
        margin:0;
        background:#FFF;
        width:420px;
        color: #666666;
}
#container2c .footer { clear:both; width:782px; margin:0 auto; padding:0; font-size:80%; background: #FEC856; height:60px;}
#container2c .footer_a {
        width:180px;
        background: #FEC856;
        margin-left: 0px;
        height: 60px;
}

/* styles */

h1 {font-size:130%; color:#0000DF; margin:0; padding:00px 15px 5px 15px;}
h2 {font-size:115%; color:#284356; margin:0; padding:15px ;}
p {font-size:100%; color:#666666; margin:0; padding:15px 0px 15px 30px; line-height:1.75em;}
a {
        display:block;
        text-decoration: none;
        color:#808080;
        font-size:90%;
        font-weight:bold;
        padding-left:48px;
        border-bottom: dotted thin #ccc;
}

a:hover {color:#FB6504; text-decoration:none; background-color:#E3FCB7;    }
.hr{
        border-bottom:dotted thin #ccc;
        width:300px;
        padding-left: 100px;
        float: right;
}

ul {list-style-type:none; margin:0; padding-left:0px;}
li {
        background-image: url();
        background-repeat:no-repeat;
        list-style-type: none;
        line-height:2.05em;
        background-position: 40px 4px;
}
.a {
background-color:#FEC856;
border-top:dotted thin #FFFFFF;
color:#FFFFFF;
}
.a2 {
        display:inline;
        text-decoration: none;
        color:#666666;
        font-size:100%;
        font-weight:normal;
        padding-left:0px;
        border-bottom:  none;
        line-height: 1.75em;


}
.a3 {
        display:inline;
        text-decoration: none;
        color:#6F6F6F;
        font-size:100%;
        font-weight:normal;
        padding-left:0px;
        border-bottom:  none;
        line-height: 1.75em;


}
.liactiv {
        background-image: url();
        background-repeat:no-repeat;
        background-position:40px 4px;
        list-style-type: none;
        line-height:2.05em;
        list-style: none;
        text-decoration: none;
        font-weight: bold;
        color:#E06000;
        border-bottom:dotted thin #ccc;
        padding-left: 38px;

}
.liactivgruen {
background-color:#CFEBDF;
        list-style-type: none;
        line-height:2.05em;
        list-style: none;
        text-decoration: none;
        font-weight: bold;
        color:#999;
        border-bottom:dotted thin #fff;
        padding-left: 38px;

}

.gruen {background-color:#99FFCC;
color:#999999;
}
.liohne {
        line-height:2.05em;
        text-decoration: none;
        font-weight: 200;
        color:#666666;
        border-bottom:none;
        padding-left: 38px;
}
.lievent {
        background-image: url();
        background-repeat:no-repeat;
        background-position:40px 4px;
        list-style-type: none;
        line-height:2.05em;
        list-style: none;
        text-decoration: none;
        font-weight: bold;
        color:#E06000;
        border-bottom:dotted thin #ccc;
        padding-left: 82px;

}
.headline {

        font-size:170%;
        color:#000033;
        margin:0;
        padding-left:30px;
        padding-top:13px;
        padding-bottom:00px;
        text-align:left;
        top: 14px;
}
.subheadline {font-size:130%; color:#000033; margin:00px; padding-top:00px; }

.bottom {
        font-size:100%;
        color:#fff;
        margin:0;
        padding-top:5px;
        text-align:left;
        padding-left: 28px;
        font-weight: normal;
}
#email{
        position:relative;
        left:512px;
        width:211px;
        top: -17px;
        height: 30px;
   }
.listyle {
        list-style:square;
        font-size:87%;
        color:#666666;
        line-height:1.75em;
}
#albumlist {
        list-style-type: none;
        width: 480px;
        margin-top: 10px;
        background-color: #F0F8FF;
        display: block;
}
#albumlist li {
        background-image:none;
        float:left;
        margin-left:20px;
        font: normal 0.7em Arial, Helvetica, sans-serif;
        color: #333333;
        background-color: #F0F8FF;
}
.albumbolder {
        font-weight: bolder;
        font-size: small;
}
.albumlistimg {
        border: none;
        float:right;
        margin-left:20px;
        margin-bottom:6px;
        margin-right: 50px;

}
.Stil1 {
        font-size: 90%;
        color: #666666;
        font-weight: bolder;
        line-height: 20px;
}
.Stil5 {
        color: #A6BE8E;
        font-size: 100%;
        font-weight: bold;
        text-align: left;
        padding: 0px;
}
.border{border:none;}
.rot{background-color:#DF0000 #DD2821;}
.gelb{background-color:#FFCC33;}
.grau{background-color:#999999;}
.blau{background-color:#808080#3346AD;}
.orange{background-color:#FEC856;
.braun #E06000}



/*  =========================================================
Stylesheet für die horizontale Navigation mit Dropdown-Menü
Datei:  navi_dropdown.css
Datum: 2009-09-15
Autorin: Margitta Staib
========================================================== */

@media screen {

/* ==============================================
   01 Das umgebende DIV gestalten #FEC856orange#EFEFEFgrau#F5FFFA;bleu; #E3FCB7grünlich
   ============================================== */
#navibereich {
   overflow: hidden;
   color: black;
   background-color:#E3FCB7;
   padding: 0px ;
   margin: 0;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */
* html #navibereich { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten
   ============================================== */
#navibereich ul { margin: 0; }
#navibereich li {
   float: left;
   width: 115px;
   list-style: none;
   margin: 0 ;
}
/* Liste in Ebene 2 clearen */
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten #1633E9blau
   ============================================== */
#navibereich a {
   display: block;
   color: #808080;
   padding: 0em 1.2em;
}
#navibereich a:hover,
#navibereich a:focus,
#oo #navi01 a,
#seite0101  #navi01 a,
#Zilgrei #navi02 a,
#seite0201  #navi02 a,
#Jin Shin Jyutsu    #navi03 a,
#seite0301  #navi03 a,
#RUHVITAL    #navi04 a,
#seite0401  #navi04 a {
   color: #E06000;
   background-color: #FFFFE0;
   border-bottom: none;
}

/* Spezifität auf > 225 erhöhen (ist so 312) */
#wrapper #navibereich #ebene01 li a:active {
   color: white;
   background-color: #FEF1D5;
}

/* ==============================================
   04 Ebene 2 verstecken
   ============================================== */
#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: ´0;
   height: 0;
   background-color: transparent;
}

/* ==============================================
   05 Ebene 2 sichtbar machen #FFE490orange#EFEFEFgelb
   ============================================== */
#navibereich li:hover ul,
#navibereich li.sfhover ul {
   left: auto;
   top: auto;
   display: block;
   width: 199;
   height: auto;
   background-color: #E3FCB7;
   border-bottom: 2px solid #E3FCB7;
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben#FFFFCAhellgelb
   ============================================== */
/* Spezifität 224 */
#navibereich ul#ebene01 ul.ebene02 li a {
   background-color: #FFE490;
}

/* Spezifität 224 */
#navibereich ul#ebene01 ul.ebene02 li a:hover {
   background-color: #FFFFE0;
}

/* ==============================================
   07 Schönheitsreparaturen
   a) Kopfbereich padding-bottom 10px (in bildschirm.css)
   b) Spezifität für :active auf 312 erhöhen (Zeile 57)
   c) width für Links in Ebene 2
      (ohne schrumpft das Rausklappmenü im IE7)
   ============================================== */
/* 07c - width für die Hyperlinks in Ebene 2 */
#navibereich li li a {
   width: 10.5em;
}

} /* Ende @media - nicht löschen! */

/* ======================================
   E N D E navi_dropdown.css
   ====================================== */