@charset "ISO-8859-1";
html, body {
		background: #2e2e2e ;
        color:#2e2e2e;
        font-family: Fantasy;
        font-size:1em;
        height:101%;
        margin:0;
        padding:0;
        width:101%;
        }
        //url(../images/bgtile2.gif)repeat


.a { }

.b {
   background: url(../images/bgtile2.gif)repeat;
   /*background:#fff;*/
   border-left:1px solid #8e8e8e;
   border-right:1px solid #8e8e8e;
   border-top:1px solid #8e8e8e;
   height:768px;
   margin:auto;
   margin-top:50px;
   width:1026px;
   }

.c {
        border-bottom: 1px solid #8e8e8e;
        border-right:1px solid #8e8e8e;
        float:left;
        height:150px;
        width:150px;
        }

.d {
		border-bottom: 1px solid #8e8e8e;
        height:150px;
        width:872px;
        }
                * html .d { height:155px;}

.e {        
		border-right:1px solid #8e8e8e;
        height:618px;
        position:relative;
        width:150px;
        }

.e_innen {
        bottom:10px;
        font-size:0.7em;
        left:10px;
        padding:10px;
        position:absolute;
        }


.e_innen_oben {
        top:10px;
        font-size:0.7em;
        left:10px;
        padding:10px;
        position:absolute;
        }

.f {
        background:#fff;
		float:left;
        height:618px;
        /*overflow:scroll;*/
        overflow-x: hidden;
        overflow-y:scroll;
        width:872px;
        }

.f_innen {
        /*background:#eee;        */
        /*font-size:0.9em;*/
        /*height:100%; */
        padding:50px;
        overflow: visible;
        width:750px;
        }

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

a {
        color: #800000;
        font-weight:bold;
        text-decoration:none;
        }

p {
        line-height:1.6em;
        }

blockquote {
        margin:25px 0;
        width:700px;
        }


img{
  border:0;
}

div.clear {
        clear: left;
        font-size: 1px;
        height: 0;
        line-height: 0;
        }

/* ############################### Navi Anfang ################################################################### */
#navi {
        /*background:#fff;*/
        border-bottom:0px solid #8E8E8E;
        float:right;
        /*font-family: Verdana ,Arial,sans-serif; */
        font-size:0.9em;
        list-style-type: none;
        margin:0;
        padding:118px 0 0 0;
        width:809px;
        }

#navi li {
                color:#8e8e8e;
                display:block;
        float:left;
        font-variant:small-caps;
        font-weight:bold;
        margin: 0 0 0 2px;
        /*width:200px;*/
                width:155px;
        }

#navi li a {
        border-left:1px solid #8E8E8E;
        border-bottom:3px solid #2e2e2e;
        border-right:1px solid #8E8E8E;
        border-top:1px solid #8E8E8E;
        color:#8e8e8e;
        display:block;
        font-variant:small-caps;
        font-weight:bold;
        padding:5px 0px;
        text-align:center;
        text-decoration:none;
        }

#navi li.active a, ul#navi li a:hover, ul#navi li a:active {
        background-color:#fff;
        border-bottom:1px solid #fff;
        color: #2e2e2e;
        margin-top:2px;
        }

/* Normalzustand eingeklappt */
#navi li ul {
        display:none;
        height:100px;
        margin-top:85px;
        }

/* Ausgeklappt */
#navi li:hover ul {
        border:0px solid #ff0000;
        display:block;
        height:100px;
        position:absolute;
        top:0;
        width:110px;
        }
                #navi li:hover ul  li { text-align:right; width:108px; color:#ccc;}
                #navi li:hover ul li a {text-align:right;}

#navi li ul li {
        clear:both;
        padding-right:50px;
        }

#navi li ul li ul {
        background:#ff0000;
        }

#navi li ul li a {
        border:0;
        }

/* ############################### Navi Ende ########################################################################### */
/* =============================== Index.php Positionierung Divs Anfang =================================================*/
#obenlinks{
        font-size:1em;
        //font-variant:small-caps;
		text-transform:capitalize;
        position: relative;
        top: 50px;
        left: 50px;
        }

#untenrechts {
        font-size:1em;
        //font-variant:small-caps;
		text-transform:capitalize;		
        position: relative;
        bottom: -150px;
        right: -500px;
        }

#obenlinks h5, #untenrechts h5 {margin-bottom:5px;}

/* =============================== Index.php Positionierung Divs Ende  ===================================================*/

.blogrolle {
    margin:0 0 0 75px;
        }

#begruessung {
        background:transparent;
        color: #AF9E9E;
        float:right;
        margin-right:25px;
        margin-top: 50px;
        padding:25px;
        position: relative;
        }

#wunschzettelindex {
        background:transparent;
        color: #9E3618;
        font-variant:small-caps;
        }

.nlthalb {
        float:left;
        padding:20px;
        width:45%;
        }

.rss {margin-bottom:5px;}
.rss {margin-top:5px;}

/* ================================ Formatierungen für Daily Soap Anfang =================================================*/
#anker {
    color:#800000;
    }

/*
|----------------------------------------|
|  10           DIESISTEINEÜBERSCHRIFT   |   Tag 20%                                Header 80%            float left clear both
|  Feb      Stimmung: xxxx Musik: xxxx   |   Monat 20%      [Stimmung  Musik] 80% float left clear both
|                                                                                                                                                                 |
|       blalabersülzblalabesülzblalabe   |   Logtext                                80% float right clear both
|       blalabersülzblalabesülzblalabe   |
|       blalabersülzblalabesülzblalabe   |
|       blalabersülzblalabesülzblalabe   |
|       blalabersülzblalabesülzblalabe   |
|       blalabersülzblalabesülzblalabe   |
|                                        |
|       um 21:32 Uhr in handschuhfach    |   Uhrzeit                Rubrik  80% float left clear both
|                                        |
|          2 kommentare || kommentieren  |   Kommentare         80% float left clear both
------------------------------------------



*/
/* ------------------- Tag ---------------------------*/
#tag_pos {
        /*background:#123456;*/
        float: left;
        width: 10%;
        }
       /* ------------ Gestaltung Tag ----------------*/
        #tag {
        color:#800000;
        font-weight:bold;
        }
/* ------------------- Header -------------------------*/
#header_pos {
            /*background:#FF2233;*/
            clear:right;
            float: left;
            width: 89%;
            }
       /* ------------ Gestaltung Header --------------*/
       #header {
               color:#800000;
               font-size: 1.2em;
               font-variant:small-caps;
               font-weight:bold;
               padding: 0 10px 10px 0;
               }
/* ------------------- Monat --------------------------*/
#monat_pos {
           /*background:#AABBFF;*/
           float: left;
           width: 10%;
           }
       /* ------------ Gestaltung Monat ----------------*/
       #monat {
        color:#800000;
        font-variant:small-caps;
        font-weight:bold;
        }
/* ------------------- Mood ----------------------------*/
#mood_pos {
          /*background:#00F123;*/
          float: left;
          width: 20%;
          }
       /* ------------ Gestaltung Mood ------------------*/

       #mood {
       color:#800000;
       font-size:0.7em;
       }

         #moodimg_pos {
         /*background:#FF0000;*/
                 float:left;
                 }
/* ------------------- Musik ----------------------------*/
#music_pos {
           /*background:#FF01FF;*/
           float: left;
           width: 30%;
           }
       /* ------------ Gestaltung Musik ------------------*/
         #music {
         color:#800000;
         font-size:0.7em;
         }
/* ------------------- Logtext ---------------------------*/
#logtext_pos {
              /*background:#0012FD;*/
             float: left;
             width:100%;
             }
       /* ------------ Gestaltung Logtext ----------------*/
         #logtext {
                 /*background: #CDCDCD;*/
                 clear:both;
                 color:#2e2e2e;
                 float:right;
                                 /*font-style, font-variant, font-weight, font-size/line-height, font-family*/
                 font-size: 0.8em;
                 padding: 1em 0;
                 width:90%;
                 }
         #logtext div {
         color:#C0B8B8;
         font-size: 0.8em;
         line-height:1.5em;
         padding-right:10px;
         }
         #logtext a {
         color:#AFA3A3;
         text-decoration:none;
         font-size: 1em;
         line-height:0.5em;
         }
/* ------------------- Uhrzeit ----------------------------*/
#uhrzeit_pos {
             /*background:#FF00FF;*/
             float: left;
             width:10%;
             }
       /* ------------ Gestaltung Uhrzeit -----------------*/
                #uhrzeit {
                color:#C9C9C9;
                float:right;
                font: italic small-caps normal 0.5em/1em;
                }
/* ------------------- Rubrik ------------------------------*/
#rubrik_pos {
            /*background:#FFFF8F ;*/
            float: left;
            clear:right;
            width:22%;
            }
       /* ------------ Gestaltung Rubrik -------------------*/
                #rubrik {
                        color:#C9C9C9;
                        float:right;
                        font:italic small-caps 0.5/1em;
                        }
/* ------------------- Kommentare ---------------------------*/
#kommentare_pos{
        /*background:#FF11FF;*/
        float: right;
        clear:both;
        width: 90%;
        }
               /* ------------ Gestaltung Kommentare -------------------*/
                #kommentare {
                            color:#2e2e2e;
                            float:left;
                            font-size: 0.75em;
                        }
/* ------------------- Trenner ------------------------*/
#trenner_pos{
        /*background:#FF88F1;*/
        border-top: 0px dotted #800000;
        border-bottom: 1px dotted #800000;
        clear:both;
        float: left;
        margin: 10px 0;
        width: 100%;
        }
       /* ------------ Gestaltung Trenner -------------------*/
        #trenner {
                color:#C5BCBC;
                float:right;
                font-size:9px;
                width:50%;
                }
         #trenner a, #close a {
         color:#C5BCBC;
         text-decoration:none;
         }


/* Beschriftung für: "Musik:" "Stimmung"
   Vorüberlegung: max 5% width, weil:
   |----------------------------------------------------------|
   | label (5%) |musik  (45%)  |label (5%)  |stimmung (45%)   |
   ------------------------------------------------------------
 */
 /* ------------------ Pos Label für Musik------------------*/
#label_music_pos {
        float: left;
        width: 80px;
        }
       /* ------------ Gestaltung Label Musik----------------*/
         #label_music {
                 color:#CBBAB8;
                 font-size: 0.7em;
                 font-style: italic;
                 }
 /* ------------------ Pos Label für Mood -------------------*/
#label_mood_pos {
        float: left;
        width: 70px;
        }
       /* ------------ Gestaltung Label Mood-----------------*/
         #label_mood {
                 color:#CBBAB8;
                 font-size: 0.7em;
                 font-style: italic;
                 }
/* Beschriftung für:  "um [Uhrzeit]" und "in [Rubrik]
   Vorüberlegung: max 5% width, weil:
   |----------------------------------------------------------|
   | label (5%) |Uhrzeit  (45%)  |label (5%)  |rubrik (45%)   |
   ------------------------------------------------------------
 /* ------------------ Container für Zeile Uhrzeit/Rubrik--------*/
#container_ur {
         float:right;
         width:90%;
}

 /* ---------- Position für Label für Uhrzeit & Rubrik ----------*/
#label_ur_pos {
/*        background:#CCCFFF;*/
        float: left;
        width: 5%;
        }
       /* ------------ Gestaltung Label Uhrzeit/Rubrik--------------*/
        #label_ur {
                color:#2e2e2e;
                float:right;
                font-size: 0.8em;
                font-style:italic;
                }

 /* ---------- Position für Zeile mit Uhrzeit & Rubrik ----------*/
#zeile_uhrrubrik_pos {
                      float:right;
                      width: 50%;
                      }
                      #zeile_uhrrubrik {
                      color:#C9C9C9;
                      float:right;
                      font-size: 0.75em;
                      }
/* ================================ Formatierungen für Daily Soap Ende =================================================*/
/* ******************************** Gästebuch Anfang ****************************************************************** */
.gb_am_pos { float:left; padding:3px; /*width:14%;*/ }
.gb_am { color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT'; }

.gb_um_pos { float:left; padding:3px; /*width:12%;*/ }
.gb_um { color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT'; }

.gb_schrieb_pos { float:left; padding:3px; /* width:30%; */ }
.gb_schrieb { color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT';}

.gb_mailweb_pos { float:right; padding:3px; /*width:5%;*/ }
.gb_mailweb { }

.gb_commenttext_pos { float:left; padding:10px; width:100%; }
.gb_commenttext { color: #2e2e2e; font: normal 0.9em 'Georgia', 'Arial', 'Calligraph421 BT'; padding:10px; }
/* ******************* Schliessen Link Anfang ******************** */
#close_pos { float:left;  width:100%; }
#close {float:right; width:50%; }
/* ******************* Schliessen Link Ende   ******************** */

/* =================== Gästebuch Formular Anfang ===========================*/
form.gbookform fieldset { margin: 20px 0; }
form.gbookform legend { padding: 0 2px; font-weight: bold; }
form.gbookform label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.gbookform fieldset ol { margin: 0; padding: 0; }
form.gbookform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.gbookform li img {padding:5px; margin:0;vertical-align:top;}
form.gbookform label { width: 160px; /* Width of labels */ }
/* =================== Gästebuch Formular Ende ===========================*/
/* ******************************** Gästebuch Ende ******************************************************************** */

/* =================== Kommentare Anfang ============================================================================== */
.senf_container { background: #fff; margin: 25px 0 0 25px; width:600px;}
.senf_am_pos {  float:left;  padding:3px;  width:18%; }
.senf_am{ color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT'; }

.senf_um_pos { float:left; padding:3px; width:16%; }
.senf_um { color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT'; }

.senf_schrieb_pos { float:left; padding:3px; width:31%; }
.senf_schrieb{ color:#800000; font: normal 0.8em 'Georgia', 'Arial', 'Calligraph421 BT'; }

.senf_mailweb_pos { float:left; padding:3px; width:5%; }
.senf_mailweb{ }

.senf_commentext_pos { float:left; padding:10px; width:100%; }
.senf_commenttext{ color: #2e2e2e; font: normal 0.9em 'Georgia', 'Arial', 'Calligraph421 BT'; padding:10px; }

/* ******************* Schliessen Link Anfang ******************** */
#senf_close_pos { float:left; margin-top:6px; width:100%; }
#senf_close { float:right; width:50%; }
/* ******************* Schliessen Link Ende   ******************** */
/* =================== Kommentare Formular Anfang ===========================*/
form.commentform fieldset { margin-bottom: 10px; }
form.commentform legend { padding: 0 2px; font-weight: bold;  }
form.commentform label { display: inline-block; font-size:0.8em; line-height: 1.8; vertical-align: top; }
form.commentform fieldset ol { margin: 0; padding: 0; }
form.commentform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.commentform li img {padding:5px; margin:0;}
form.commentform label { width: 160px; /* Width of labels */ }
/* =================== Kommentare Formular Ende ===========================*/
/* =================== Kommentare Anfang ============================================================================== */

/* ******************* Edit Blogeintrag Ende   ************************************************************************ */
form.editblog fieldset { background:#fff; margin:50px; width:800px;  }
form.editblog.login fieldset { background:#fff; margin:50px; width:600px;  }
form.editblog legend { padding: 0 2px; font-weight: bold; }
form.editblog label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.editblog fieldset ol { margin: 0; padding: 0; }
form.editblog fieldset li { list-style: none; padding: 5px; margin: 0; }
form.editblog fieldset li div { margin-left:160px;}
form.editblog fieldset li div label {  vertical-align:middle; text-align:right;}
form.editblog fieldset li div input {vertical-align:middle;}
form.editblog fieldset li select.moodies option {height:25px; padding:0 0 0 30px;}
form.editblog label { width: 160px; /* Width of labels */ }
/* ******************* Edit Blogeintrag Ende   ************************************************************************ */

/* ################################ Archivlink Anfang ##################################################################*/
#archivlink {
        float:right;
        font-size:0.7em;
        }
/* ################################ Archivlink Anfang ##################################################################*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Formular Bloggen Anfang ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form.blogform label {
        color:#2e2e2e;
        font-size:0.9em;
        font-variant: small-caps;
        padding: 1px;
        }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Formular Bloggen Ende ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ################################ Moodies ##################################################################*/
.moodies {
        padding:0 0 0 10px;
        }
/* ################################ Archivlink Anfang ##################################################################*/