
*   {  margin:0;padding:0;        font-weight:normal;     }
*    {   font-family: "Arial", Arial, sans-serif;
         font-size:12px;
         color:#667AB2 ;    }


body {
        line-height:1.8em;
        color:#667AB2;
}

html, body {height:99%; width:100%; }

#wrapper  {   /* background-image:url(vorlage.png);
              background-repeat:no-repeat;background-position:0 0;  */
            /*  height:580px;width:900px;*/
              min-height:550px;
              width:900px;
              /*max-height:700px; */
              height:90%;
             margin:auto;margin-top:2.5%;
           /*    margin:50px auto;       */

               background-color:#ffffff;

               }

/* Hintergrundfarben   */
body.start { background-color:rgb(221 , 19, 123);  }
body.perlen { background-color:rgb(170, 33, 104 );  }
body.angebot { background-color:rgb(102,122, 179);  }
body.aeltere { background-color:rgb(73 ,86 , 119);  }
body.kinder{ background-color:rgb(241 ,154, 190 );  }
body.kontakt { background-color:rgb(208 ,115 ,165)  ;  }
body.job { background-color:rgb(186 ,179 ,214);  }

/* Hintergrundbilder */

div.perlen {background-image:url(bilder/hg_perle.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}

div.start {background-image:url(bilder/hg_start.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}

div.angebot {background-image:url(bilder/hg_angebot.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}


div.kinder {background-image:url(bilder/hg_kinder.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}
div.aeltere {background-image:url(bilder/hg_aeltere.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}
div.kontakt {background-image:url(bilder/hg_kontakt.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}
div.job {background-image:url(bilder/hg_job.jpg);
             background-position:0 100%;
             background-repeat:no-repeat;}




#kopf {  width:840px;
          margin-bottom:0px;
          height:135px; float:left;}
/* #angebot-li {  width:590px;float:left;
          margin-bottom:0px;
          height:135px;border:1px green solid;}  */
#kopf img  {margin-top:24px;margin-left:22px;}


#navi1,  #inhalt, #bilder  { height:430px;
border:0px orange solid}

#inhalt-start {position:relative;top:-19px;left:-145px; color:#A0A0A0}
#navi1  {float:left;
          width:175px;
          background-color:transparent;  }

#menue    {list-style:none;
           text-align:left;
           margin-top:4px;
           margin-left:0px;
           padding:0px;
           line-height:20.5pt ;
        }

#menue li {
  display: block;
  padding-left: 30px;
   }
#impressum  {margin-left:30px;
            margin-top:150px;
			line-height:1.3em; }
.datenschutz h1 {color:#DE127A;margin-bottom:12px;}			
.datenschutz h2 {color:#DE127A;margin-bottom:12px;}			
.datenschutz h3 {color:#DE127A;margin-bottom:12px;}			
#impressum  p a {  font-size:8pt;}


/* Link-Bilder */

li#start {background-image:url(bilder/start.jpg);
         background-repeat:no-repeat;   }
li#perlen {background-image:url(bilder/perlen.jpg);
         background-repeat:no-repeat;   }
li#angebot {background-image:url(bilder/angebot.jpg);
         background-repeat:no-repeat;   }
li#aeltere {background-image:url(bilder/aeltere.jpg);
         background-repeat:no-repeat;   }
li#kinder {background-image:url(bilder/kinder.jpg);
         background-repeat:no-repeat;   }
li#kontakt {background-image:url(bilder/kontakt.jpg);
         background-repeat:no-repeat;   }
li#job, li#preise {background-image:url(bilder/job.jpg);
         background-repeat:no-repeat;   }


#inhalt
        {   float:left;
            width:719px;
            margin-right:0px;
            background-color:transparent;

         }

#inhalt1
        {   float:left;
            width:433px;
            margin-right:0px;border:0px solid red;
            background-color:transparent;

         }
.einzug {margin-top:5px;
         margin-right:20px;
         margin-bottom:0px;
         margin-left:20px;
    /*  min-height:420px;   */
           overflow:auto;
            border:0px solid red;
         /*font-size:10pt;*/
         line-height:12pt;
         width: 340px;
         height: 410px;
  }

.eingabe {
overflow: auto;
height: 500px;
width: 700px;
}

div#tagging {float:left;width:284px;border: 0px solid black; height:520px;}

#tagging h1 {margin-top:3px;font-size:8pt;color:#DE127A;line-height:12pt;font-weight:normal;}
/*#bilder
{
width:349px;
float:left;
}

 Hintergrundbilder
#bilder.start {background-image:url(bilder/hg2_start.jpg);
             background-position:0 99%;
             background-repeat:no-repeat;}
#bilder.perlen {background-image:url(bilder/hg2_perlen.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}
#bilder.angebot {background-image:url(bilder/hg2_angebot.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}
#bilder.kinder {background-image:url(bilder/hg2_kinder.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}
#bilder.aeltere {background-image:url(bilder/hg2_aeltere.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}
#bilder.kontakt {background-image:url(bilder/hg2_kontakt.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}
#bilder.job {background-image:url(bilder/hg2_job.jpg);
             background-position:0  99%;
             background-repeat:no-repeat;}    */

a { text-decoration:none;padding-left:0px;padding-right:2px;}
a:hover {color:#DE127A;background-color:#EEEBE9;}
a.aktuell {color:#DE127A;}

h3 {color:#DE127A;margin-bottom:12px;}
.laut {font-weight:bold; }
.klein {font-size:8pt;}
p {margin-bottom:10px; }

.sprachen {float:left; width:40px;height:100px; margin-top:15px;}
.sprachen a, .sprachen a.aktuell {background:#fff;margin:0; padding:0;height:30px;line-height:1em;}
.sprachen img {border:#f0f0f0 solid 1px;margin:2px;padding:0px;line-height:0em;float:right;
width:25px;height:15px}
 