@charset "ISO-8859-1"; /* Zeichenkodierung verwendet diese CSS-Datei (Kodierung-Angabe für Web-Browser wichtig für genaue Zeichenumwandlung) */
/* es gilt immer die letzte Zuweisung der css bzw. html, .Klassen und Pseudoklassen werden extra zugewiesen !!! */

     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* gültiges css-Layout, sonst gilt BrowserStandard */
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* body {background-image:url(Q-0002_Raster.gif);} */
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

head, p, span, table, tr, td, th { color: RGB(0%, 0%, 0%); /* Normal schwarz */
 font-family:      Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-weight:      normal;
 font-size:        10pt;
 text-decoration:  none;
 }

h1{ color:         RGB(0%, 0%, 0%); /* überschrift 1 schwarz */
 font-family:      Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:        16pt;
 font-style:       normal;
 font-weight:      bold;
 text-align:       left;
 text-decoration:  none;
 text-indent:      0cm;}

h2{ color:         RGB(0%, 0%, 100%); /* überschrift 2 blau */
 font-family:      Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:        14pt;
 font-style:       normal;
 font-weight:      normal;
 text-align:       left;
 text-decoration:  none;
 text-indent:      0cm;}

h3, h3, h4, h5, h6 { /color: RGB(100%, 0%, 0%); * überschrift 3-9 rot */
 font-family:      Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:        12pt;
 font-style:       normal;
 font-weight:      bold;
 text-align:       left;
 text-decoration:  none;
 text-indent:      0cm;}

ol { border:          1px solid RGB(100%, 100%, 100%); /* geordnete Liste, nur per CSS-Style formbar*/
 background-color:    RGB(100%, 100%, 100%); /* Farbe der BeNr. weis #FFFFFF */
  /* Rahmen um die ganze Liste */
 list-style-type:     decimal; /* decimal none disc circle lower-roman */
 } 
 
li { color:           RGB(00%, 50%, 100%); /* ListenElemente */
 background-color:    RGB(98%, 98%, 98%); /* Farbe der BeNr. #FFFFFF */
 list-style-image:    inside;  /* BeNr. am Text inside outside positionieren */
 list-style-position: outside;  /* BeNr. am Text inside outside positionieren */
 border:              1px solid RGB(100%, 100%, 100%); /* Rahmen um das ListElement */
 margin:              .3em .3em .3em .3em; /* äußerer Abstand o/r/u/l */
 padding:             .3em .4em .3em .3em; /* innerer Abstand o/r/u/l */
 font-weight:         bold;
 font-size:           7pt;
 } 

dl { /* ListDefinition */ } 
dt { /* ListTitel */ } 
dd { /* ListDoku */ } 

   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* variable Position div. Elemente, funktioniert nur über css in allen Browsern */
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.P-abs115005{position:absolute; top:115px; left:5px;}  /* Impressum, Weg.weg */
.P-abs120570{position:absolute; top:120px; left:570px;}/* Job.4Fun; ... */
.P-abs145440{position:absolute; top:145px; left:440px;}/* Job.4Fun; ... */
.P-abs140560{position:absolute; top:140px; left:560px;}/* Such.Ende; ... */
.P-rel000050{position:relative; float:     right;}     /* Such.Ende.html */
.P-rel001001{position:relative; top:1px;   left:1px;}  /* Such.Ende.html */
.P-fix150350{position:fixed;    top:100px; left:350px;}/* background-attachment:fixed; spr.Fisch in überlangen Dateien */
.P-fix200250{position:fixed;    top:250px; left:200px;}/* background-attachment:fixed; spr.Fisch in überlangen Dateien */
.P-fix300220{position:fixed;    top:300px; left:220px;}/* background-attachment:fixed; spr.Fisch in HOME */
.P-rel060025{position:absolute; top:60px;  left:25px;} /* Impressum */
.P-rel080025{position:absolute; top:80px;  left:25px;} /* Impressum */
.P-rel043015{position:absolute; top:43px;  left:15px;} /* Impressum */

   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Format-Klassen definieren */
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.iTip:first-child span  {visibility:hidden; position:absolute; left:-99em; margin-top:1.5em; padding:0.4em} /* verdeckte Formgebung */
.iTip:hover span, .iTip:focus span, .iTip:active span {visibility:visible; left:10em; border:1px solid #C00; color:#00F; background:#FF0;
      cursor:help; text-align:left; font-size:8pt; width:20em;} /* siehe ein formatierter iTip, dank www.1ngo.de */
.tooltip {text-decoration: none; width: 200px; font-family: Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode; font-size: 8pt; color: RGB(0%, 0%, 0%); text-align: center;}
.tooltip b.bottom {background: url(e0000.MikeH.Quick.gelb.gif) no-repeat bottom; padding: 0 8px 7px;} /*TipFenster unten*/
.tooltip span.top {background: url(e0000.MikeH.Quick.gelb.gif) no-repeat top; padding: 27px 8px 0;}  /*TipFenster oben*/

.navtext { /* LinkTipText Schrift blau, Hintergrund=blasgelb layer-background-color: #00E; = Rahmen(kein Fehler)*/
 background-color:                #FFFF99;
 border-color:                    #0000FF;
 border-style:                    solid;
 border-width:                    1px;
 color:                           #0000FF;
 font-family:                     Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:                       8pt;
 /* layer-*/ background-color:    #0000EE;
 width:                           200px;}

.mh_Zit { /* TextZitat grün */
 color:                           #009900;
 font-family:                     Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:                       10pt;}

.mh_ZiQ { /* Zitatquelle blau */
 color:                           #0088FF; /* oder #888888; =hellgrau */
 font-family:                     Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:                       8pt;
 font-weight:                     bold;}

.mh_Qul { /* Zitatquelle grau */
 color:                           blue;
 font-family:                     Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:                       8pt;}

.mh_QBz { /* Zitatquelle grau */
 color:                           green;
 font-family:                     Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode;
 font-size:                       8pt;}

.Q-Home{/*Logo*/background-image:url('e0000.www.fuer-Suchen.de.gif'); background-position:top left; background-repeat:no-repeat; alt="*";}
.Q-0000{/*Logo*/background-image:url('e0000.Logo.Kopf.jpg'); background-position:top left; background-repeat:no-repeat; alt="*";}
.Q-0006{/*Logo*/background-image:url('e0006.Fisch.ich.gif'); background-position:center center; background-repeat:no-repeat; title='1'; alt="*";}
.Q-0007{background-image:url('e0007.Schnecke.gif'); background-position:bottom right;
        position:absolute; top:135px; left:150px; height:100px; width:360px; background-repeat:no-repeat; alt="*";}
.Q-0008{background-image:url('e0008.Kerze.gif'); background-repeat:no-repeat; background-position:center center; alt="*";}
.Q-0013{background-image:url('e0013.Schafspringen.gif'); background-position:0px 400px;
        position:absolute; top:135px; left:5px; height:110px; width:660px; background-repeat:no-repeat; alt="*";}
.Q-0016{background-image:url('e0016.Schmetterlingsblume.gif'); background-position:bottom right;
        position:absolute; top:110px; left:500px; height:150px;width:170px; background-repeat:no-repeat; alt="*";}
.Q-0021{background-image:url('e0021.Gaenseflug.1.gif'); background-position:bottom right;
        position:absolute; top:125px; left:150px; height:100px; width:260px; background-repeat:no-repeat; alt="*";}
.Q-0022{background-image:url('e0022.Essen.fassen.gif'); background-repeat:no-repeat; background-position:center right; alt="*";}
.Q-0029a{background-image:url('e0029.a-spiegel.gif'); background-repeat:no-repeat; background-position:top left; alt="*";}
.Q-0029f{background-image:url('e0029.f-spiegel.gif'); background-repeat:no-repeat; background-position:top left; alt="*";}
.Q-0029d{background-image:url('e0029.d-spiegel.gif'); background-repeat:no-repeat; background-position:top left; alt="*";}
.Q-0032{background-image:url('e0032.Mauseloch.gif'); background-repeat:no-repeat; background-position:center center; alt="*";}
.Q-0033{background-image:url('e0033.smileys.der.Poet.gif'); background-repeat:no-repeat; background-position:20px 25px; alt="*";}
.Q-0035{background-image:url('e0035.Spinnennetz.gif'); background-repeat:no-repeat; background-position:top left;}
.Q-0047{background-image:url('e0047.gaestebuch.antik.gif'); background-repeat:no-repeat; background-position:center center; alt="*";}
.Q-0048{background-image:url('e0048.Linie.mit.Schmetteling.gif'); background-repeat:no-repeat; background-position:center center; alt="*";}
.Q-0052{background-image:url('e0067.Linie.mit.Spinne.gif'); background-repeat:no-repeat; background-position:top left; alt="*";}
.Q-0057{background-image:url('e0057.Puls.der.Liebe.gif'); background-repeat:no-repeat; background-position:10px 10px; alt="*";}
.Q-0095{background-image:url('e0095.Blume.hüpf.gif'); background-position:bottom right;
        position:absolute; top:125px; left:150px; height:150px; width:360px; background-repeat:no-repeat; alt="*";}
.Q-0067{background-image:url('e0067.Linie.mit.Spinne.gif'); background-repeat:no-repeat; background-position:bottom center;
        position:center; background-repeat:no-repeat; alt="*";}
.Q-0068{background-image:url('e0068.Linie.-.Baustelle.gif'); background-repeat:no-repeat; background-position:top left; alt="*";}
.Q-0081{background-image:url('e0081.Wasserleitung.gif'); background-repeat:no-repeat; background-position:bottom left; alt="*";}
.Q-0083{background-image:url('e0083.schau.an.gif'); background-repeat:no-repeat; background-position:bottom center; alt="*";}
.Q-0083_1{background-image:url('e0083.schau.an.gif'); background-position:bottom right;
        position:absolute; top:100px; left:450px; height:100px; width:200px; background-repeat:no-repeat; alt="*";}
.Q-0089{background-image:url('e0089.gif'); background-position:bottom right; /* Bügeleisen */
        position:absolute; top:85px; left:330px; height:100px; width:80px; background-repeat:no-repeat; alt="*";}
.ifS_Wlkh{background-image:url('ifS_Walkh.gif'); background-repeat:no-repeat; background-position:bottom center; alt="*";}

.ShA {; text-shadow: -1px 0 withe, 0 1px withe, 1px 0 withe, 0 -1px withe} /* Hervorhebung weiß */
.ShB {; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black} /* Hervorhebung schwarz */
.ShC {; text-shadow:      0 0 0.2em #8F7} /* grünes Glühen */

#mhG139{background-image:url('mh.G139.jpg'); background-repeat:no-repeat; background-position: bottom center; background-size: 100%; 
	      width:200px; height:300px; color: RGB(100%, 100%, 100%); alt="*"; margin: 0 auto;} /* <div id=''> Hintergrundbild */

   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* Pseudoklassen für AnkerElemente (Reihnfolge dringend einhalten, da Funktionsentscheidend!) */
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link                           {text-decoration:none; background-color:#FFC; color:#8B2500;}
a:link img                       {background-color:#FFF;}
a:link UStr                      {text-decoration:underline;}
a:link DStr                      {text-decoration:line-through;}
a:visited                        {text-decoration:none; background-color:#EFF; color:#8B2500;} /*<-- rot=#F00; --> */
a:visited img                    {background-color:#FFF;}
a:visited UStr                   {text-decoration:underline;}
a:visited DStr                   {text-decoration:line-through;}
a:hover, a:focus, a:active       {cursor:help; background-color:#FF0; color:#8B2500;}

/* Pseudoklassen für AnkerElemente (Reihnfolge dringend einhalten, da Funktionsentscheidend!) */
/*:first-child   = das Element, das das erste Kindelement eines anderen Elements ist erhält die CSS-Eigenschaften */
/*:link          = Verweise zu noch nicht besuchten Seiten */
/*:visited       = Verweise zu bereits besuchten Seiten */
/*:focus         = Elemente, die den Fokus erhalten, z.B. beim "Durchsteppen" mit Tabulator-Taste (CSS 2.0) */
/*:hover         = Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0) */
/*:active        = gerade angeklickte Elemente */
/*:before        = Inhalt, der vor dem notierten Inhalt des Elements eingefügt werden soll */
/*:after         = Inhalt, der nach dem notierten Inhalt des Elements eingefügt werden soll */

   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /* allgemeine Layout-Definition z.B. Hintergrund weiß, Rahmen=grau ... ein Komentar als Gedankenstütze */
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Norm{text-decoration:  none; font-size:10pt; font-family: Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode; font-style: normal; font-weight: normal; vertical-align: middle; color: black;} /* Element normal */
.KopR{color: red;       font-family: Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode; font-size: 7pt;} /*CopyRight Rot Klein */
.Br66{width:            660px;}                              /* Standard-Breite für Bereiche */
.Icon{border:0;         width:55px; height:40px;}           /* IconDarstellung */
.UStr{text-decoration:  underline;}                         /* unterstrichen */
.BdgR{text-align:       right;}                             /* Rechtbündig  */
.BdgL{text-align:       left;}                              /* Linksbündig */
.BdgB{text-align:       justify;}                           /* Blocksatz  */
.BdgZ{text-align:       center;}                            /* Zentriert */
.FaB2{color:            #0084A5;}                           /* Aschblau */
.FaSw{color:            black;}                             /* Schwarz */
.FaBr{color:            brown;}                             /* Braun */
.FaGe{color:            yellow;}                            /* Gelb */
.FaGn{color:            green;}                             /* Grün */
.FaBl{color:            blue;}                              /* Blau */
.FaGr{color:            gray;}                              /* Grau */
.FaRo{color:            red;}                               /* Rot */
.Fett{font-weight:      bold;}                              /* Fetten */
.FTxL{float:            left;}                              /* FließText */
.FTxN{float:            none;}                              /* FließText */
.FTxR{float:            right;}                             /* FließText */
.GStr{text-decoration:  line-through;}                      /* Durchgestrichen */
.HGws{background-color: red;}                               /* Hintergrund rot */
.HGgb{background-color: yellow;}                            /* Hintergrund gelb */
.Kurs{font-style:       italic;}                            /* Kursiv */
.PosA{position:         absolute;}                          /* Ausrichtung zum FensterRahmen */
.PosF{position:         fixed;}                             /* Ausrichtung feststehend */
.PosR{position:         relative;}                          /* Ausrichtung rel.zum VorgängerElement */
.LstB{border:1px;       width:60px; height:60px; }          /* Element fetten  bei Bildern alt:"..."; */
.Hoch{font-size:        smaller; vertical-align: super;}    /* Klein Hoch */
.Tief{font-size:        smaller; vertical-align: sub;}      /* Klein Tief */
.Tx_6{font-size:        6pt;}                               /* Schriftgröße */
.Tx_8{font-size:        8pt;}                               /*  */
.Tx_9{font-size:        9pt;}                               /*  */
.Tx10{font-size:        10pt;}                              /*  */
.Tx11{font-size:        11pt;}                              /*  */
.Tx12{font-size:        12pt;}                              /*  */
.Tx14{font-size:        14pt;}                              /*  */
.Tx20{font-size:        20pt;}                              /*  */
.Tx24{font-size:        24pt;}                              /*  */

.HiTx{font-size:        smaller; vertical-align: super; font-style: italic; color: RGB(234, 234, 234)} /* unscheinbarer Hilfstext z.B. unter MedienBeistellung */

mh_layout{
 background-color:      #FFFFFF;          /* =transparent, #FFC=blasblasgelb, #FF9=blasgelb, #EAA=blasrot, #00F=blau, #EFF=blasblau */
 /* background-image:      url(home.gif);    /* Hintergrundgrafik */
 background-attachment: fixed;            /* Hintergrundgrafik Bildlauf orientiert sich an ElementPosition, fixed=stehend, scroll=mitscrollen (Voreinstellung) */
 background-repeat:     no-repeat;        /* Wiederholung */
 background-position:   center center;    /* Hintergrund zentrieren oder über "0px 0px" linke obere Ecke definieren */
 border:                1px none #CCCCCC; /* Rahmenwert[Dicke Typ Farbe] Dicke: px; Farbe: RGB(0%, 0%, 0%); Typ: none (kein), hidden (verdeckt), dotted (gepunktet), dashed (gestrichelt), solid (durchgezogen), double (doppelt), groove/ridge/inset/outset (3D-Effekt) */
 border-bottom:         0px;              /* Rahmen unten*/
 border-left:           0px;              /* Rahmen links */
 border-right:          0px;              /* Rahmen rechts */
 border-top:            0px;              /* Rahmen oben */
 color:                 RGB(0%, 0%, 0%);          /* schwarz */
 cursor:                help;             /* auto,default,crosshair,pointer,move,n-resize,ne-resize,e-resize,se-resize,s-resize,sw-resize,w-resize,nw-resize,text,wait,help,progress */
 font-style:            normal;
 font-size:             10pt;
 font-family:           Tahoma, Verdana, Arial, Times New Roman, Courier New, Comic Sans MS, Lucida Sans Unicode; /* (Aufzählung SchriftartFehlerAuswahl) */
 font-weight:           normal;           /* bold=fett */
 height:                8px;              /* Element-Höhe */
  min-height:           1px;              /* Mindest-Höhe verhindert Anzeigefehler in modernen Browsern */
  max-height:           100%;             /* Maximal-Höhe verhindert Anzeigefehler in modernen Browsern */
 width:                 1px;              /* Element-Breite */
  min-width:            40em;             /* Mindest-Breite verhindert Anzeigefehler in modernen Browsern */
  max-width:            100%;             /* Maximal-Breite verhindert Anzeigefehler in modernen Browsern */
 margin:                1px;              /* Außenrand allgemein */
  margin-bottom:        0px;              /* Außenrand unten */
  margin-left:          0px;              /* Außenrand links */
  margin-right:         0px;              /* Außenrand rechts */
  margin-top:           0px;              /* Außenrand oben */
 padding:               1px;              /* Innenrand allgemein */
  padding-bottom:       0px;              /* Innenrand unten*/
  padding-left:         0px;              /* Innenrand links */
  padding-right:        0px;              /* Innenrand rechts */
  padding-top:          0px;              /* Innenrand oben */
 overflow:              auto;             /* Browser entscheidet über Darstellung bei Element-übergröße */
 text-decoration:       none;             /* none=normal, underline, overline, line-through=durchgestrichen, blink=blinkend */
 text-align:            left;             /* left, center, rigth, justify */
 text-indent:           0cm;              /* Einrückung in px oder cm */
 white-space:           pre;              /* normal=autom.Zeilenumbruch, pre=Umbr.wie im Editor, nowrap = Kein autom.Umbr. nur per br-Tag */
 alt="*";}