/*###############################################################*\
##
##        dieSeite.css
## 
##        A b k ü r z u n g e n :
##        Ko   Koerper       body
##        Bu   Buchstaben    color           nicht: Sc
##        Hg   Hintergrund   backgroundColor
##        Ww   Wegweiser
##        Ru   ruhend
##        Ta   tätig
##        Rd   Rand
##      --Wt   Wortlaut 
##
\*###############################################################*/

/*.nix   { background:#00ff00 }       /*  nur Lückenbüßer     */
.KoHg    { background:#dddddd }       /*  Körper Hintergrund  */
.KoBuF   { color:#aaaaaa      }       /*  Körper Buchstaben fett    */
.KoBuM   { color:#999999      }       /*  Körper Buchstaben mager   */

/* =====================  Wegweiser  ===============================*/
/* Wegweiserkästlein,  Hintergrund, Vordergrund:
/* grau-neutrale Farben  */
.WzLeiste{ -moz-border-radius:6px; 
                border-radius:6px;
           background:    #cccccc; 
           border-top:    #ccccdd 1px solid; 
					 border-left:   #8899ff 1px solid;   
					 border-bottom: #4455bb 1px solid; 
					 border-right:  #5577bb 1px solid;
					 margin-bottom: 4px;  } 
.WwHgTa1 { background:    #ccd6ff; 
           border-top:    #ccccdd 4px solid; 
					 border-left:   #8899ff 3px solid;   
					 border-bottom: #223399 2px solid; 
					 border-right:  #5577bb 3px solid;  } 
.WwHgRu1 { background:    #ccd6ff; 
           border-top:    #ddddee 1px solid; 
					 border-left:   #aabbff 1px solid;   
					 border-bottom: #6677cc 1px solid; 
					 border-right:  #88aadd 1px solid;  } 
.WwHgTa2 { background:    #ccd6ff; 
           border-top:    #ccccdd 3px solid; 
					 border-left:   #8899ff 2px solid;   
					 border-bottom: #223399 1px solid; 
					 border-right:  #5577bb 2px solid;  } 
.WwHgRu2 { background:    #ccd6ff; 
           border-top:    #ddddee 2px solid; 
					 border-left:   #aabbff 2px solid;   
			  	 border-bottom: #6677cc 2px solid; 
					 border-right:  #88aadd 2px solid;  } 
.WwHgRu3 { background:    #ccd6ff; 
           border-top:    #ccccdd 1px solid; 
					 border-left:   #8899ff 1px solid;   
					 border-bottom: #223399 1px solid; 
					 border-right:  #5577bb 1px solid;  } 
.WwHgRu4 { background:    #ccd6ff; 
           border-top:    #ccccdd 1px solid; 
					 border-left:   #8899ff 1px solid;   
					 border-bottom: #223399 1px solid; 
					 border-right:  #5577bb 1px solid;  } 

.WwHgTa3 { background:    #ccd6ff; 
           border-top:    #ddddee 1px solid; 
					 border-left:   #aabbff 1px solid;   
					 border-bottom: #6677cc 1px solid; 
					 border-right:  #88aadd 1px solid;  }
.WwHgRu3 { background:    #ccd6ff; 
           border-top:    #ccccdd 1px solid; 
					 border-left:   #8899ff 1px solid;   
					 border-bottom: #223399 1px solid; 
					 border-right:  #5577bb 1px solid;  } 
.WwHgTa4 { background:    #ccd6ff; 
           border-top:    #ddddee 1px solid; 
					 border-left:   #aabbff 1px solid;   
					 border-bottom: #6677cc 1px solid; 
					 border-right:  #88aadd 1px solid;  } 

.WwHgRu2 { padding-left:22px; background: #c4c4c4 }   
.WwHgRu3 { padding-left:22px; background: #bbbbbb }   
.WwHgTa1 { padding-left:22px; background: #eeeeee }  /*   */
.WwHgTa2 { padding-left:22px; background: #dddddd }  /*   */
.WwHgTa3 { padding-left:22px; background: #cccccc }  /*   */
/*  .WwHgRu4  { background: #aaaaaa }   .WwHgTa4 { color: #bbbbbb }  
/*  .WwHgRu5  { background: #999999 }   .WwHgTa5 { color: #aaaaaa }  /*  hä?  4 Ebenen langen doch, oder wie?   */
/*  .WwHgRu6  { background: #888888 }   .WwHgTa6 { color: #999999 }  /*  Nee, da ist ein Fehler drin. */
/*  .WwHgRu7  { background: #777777 }   .WwHgTa7 { color: #888888 }
.itemText  { color:#bb9988 } /*   >     >>>>>>>>>     */ 
/*  .WwRdRu { border: 1px solid; border-color:#888890; padding:0px;}  */ /* Rand, Spalte 1  */

/* .WwRdRu { border-color:#888890; padding:0px;}   /* Rand, Spalte 1  */
/* .WwRdTa { border: 1px solid; border-color:#777799 ffeebb; padding:0px;}   /* Rand, Spalte 1  */
/* .WwRd2  { border: 4px dotted #557766; padding:3px;}               /* Rand, Spalte 2???    ODER:  t ä t i g ?? */

.SpaltenHg1L  { background:#ff3300; width:18%; min-width:18%; text-align:right; font-weight:bold }
.SpaltenHg2L  { background:#ccff00; width:18%; min-width:18%; text-align:right;                  }
.SpaltenHg3L  { background:#ccff00; width:18%; min-width:18%; text-align:right;                  }
.SpaltenHg4L  { background:#ccff00; width:18%; min-width:18%; text-align:right;                  }

.SpaltenHg1R  { background:#8899bb;            min-width:82%; font-size:13pt;   font-weight:bold }
.SpaltenHg2R  { background:#cc6688;            min-width:82%; font-size:11pt;                }
.SpaltenHg3R  { background:#ff6688;            min-width:82%; font-size:11pt;                }
.SpaltenHg4R  { background:#446688;            min-width:82%;                   }

/**/
/*
.SpaltenHg1L  { background:#ff3300; text-align:right; }
.SpaltenHg2L  { background:#ff8800; text-align:right; font-weight:bold }  / *oftmals Ueberschrift * /
.SpaltenHg3L  { background:#ccff00; text-align:right; }
.SpaltenHg4L  { background:#ccff00; text-align:right; }
.SpaltenHg1R  { background:#8899bb; }
.SpaltenHg2R  { background:#6688bb; font-weight:bold }     / * oftmals Ueberschrift * /
.SpaltenHg3R  { background:#446688; }
.SpaltenHg4R  { background:#446688; }
/**/
/**/
.SpaltenFb1L  { color:#00ff00; }
.SpaltenFb2L  { color:#00ff00; }
.SpaltenFb3L  { color:#00ff00; }
.SpaltenFb4L  { color:#00ff00; }

.SpaltenFb1R  { color:#00ff00; font-size:13pt;}
.SpaltenFb2R  { color:#44ff22; font-size:10pt;}
.SpaltenFb3R  { color:#44ff22; font-size:10pt;}
.SpaltenFb4R  { color:#44ff22; }
/**/

.BereichL1    { background:#999999 }
.BereichO1    { background:#999999 }
.BereichR1    { background:#999999 }
.BereichU1    { background:#CCCCCC }
/*.BereichRaum{ margin-top:2px;width:150px;min-width:150px;max-width:150px}*/
.BereichRaum  { margin-top:2px;width:100% }

                                                                  /* ODER: Wegweiser 2 ? ? ?                  */
.Wegw            { font-family:verdana,sansserif; font-size:11px; color:#555555;}
a.Wegw:link       { color:#555577; text-decoration:none; }
a.Wegw:visited    { color:#555555; text-decoration:none; }
a.Wegw:hover      { color:#5555aa; text-decoration:none; }
a.Wegw:active     { color:#dd0000; text-decoration:underline; }
/* =====================  Wegweiser   E N D E  =====================*/

a:link    { color:#777799; text-decoration:none }               /*   */
a:visited { color:#777777; text-decoration:none }               /*   */
a:hover   { color:#7777cc; text-decoration:underline }          /*   */
a:active  { color:#ff0000; text-decoration:underline }          /*   */


table        { border:0px } 
td           { border:0px; vertical-align:top; margin:2px; padding:2px; }

/*    */
.gruen       { color:#ff0000; font-weight:bold }
/*    */
td.schlank   { margin:0px; padding:0px; }

 #KannwasLogo {
   background:transparent url(http://kannwas.mycontent.org/logo.jpg)
   repeat scroll 0 0;
   border: 0;
   margin: 1.2em 0.0em 0.5em 0.0em;
   padding: 0;
   }
 
 #KannwasLogo a {
   display: block;
   text-decoration: none;
   overflow: hidden;
   border: 0;
   margin: 0;
   padding: 0;
   padding-top: 100px;
   height: 0px !important;
   height /**/: 100px;
   width: 788px;
   cursor: pointer;
   }

body  { width:100%; 
        font-family:"Verdana, sansserif";
				border:0px dotted red; }
/*    */
.dieSeite    { width:100%  }
.linkeSpalte { width:192px;  min-width:192px;  max-width:192px;  }
.Mittelspalte{ width:100%  }
.dieMitte____{ width:600px;  min-width:500px;  max-width:700px;  }
.rechteSpalte{ min-width:14px  }
.FuSzteil    { font-family:verdana,sansserif; font-size:10px; color:#888899; text-decoration:none; }
/*    */
.Bereich_1   { font-family:verdana,sansserif; white-space:nowrap; width:100%;      font-size:14pt; margin-bottom:16px;
                border:0px dashed #b62}   
.Bereich_2   { font-family:verdana,sansserif; white-space:nowrap; min-width:680px; font-size:11pt; margin-bottom:16px;}   
.Bereich_3   { font-family:verdana,sansserif; white-space:nowrap; min-width:680px; font-size:10pt; margin-bottom:16px;}   
.Bereich_4   { font-family:verdana,sansserif; white-space:nowrap; min-width:680px; font-size:14pt; margin-bottom:16px;}   
.grau        { color:#bbbbbb;  }
/*    */
.duenn       { font-size:0px; height:1px; min-height:1px; max-height:1px; margin:2px; padding:0px; }
/*    */
.Sp1         { font-size:0px; width:110px; min-width:100px; max-width:120px; margin:2px; padding:2px; vertical-align:top; 
               text-align:right; white-space:nowrap; }
/*   */
.Sp2         { font-size:0px; width:100%;                                    margin:2px; padding:2px; vertical-align:top; }


/*    */
/*   mein Schein   */
th.mS_Tabelle                { width:100%; }
th.mS_Ueberschrift           { background:#b3e0b3; text-align:center;   padding:5px; }
td.mS_Fortschritt_fertig     { background:#237524; vertical-align:bottom; }
td.mS_Fortschritt_angefangen { background:#eeee00; vertical-align:middle; }
td.mS_Fortschritt_nochnicht  { background:#d9d9c1; vertical-align:top;    }
td.mS_Einfuellfeld           { width:230px;              font-family:verdana,fixed; font-size:10px; border:solid 1px #ccccbb; background:#eeeeee; }
td.mS_Einfuellzeile          { width:230px;              font-family:verdana,fixed; font-size:10px; border:solid 1px #ccccbb; background:#eeeeee; }
td.mS_absenden               { background:#b3e0b3; text-align:center; padding:5px;  }

/*    */
.Funde       { font-family:verdana; font-size:9px;  }

/* hä???  Tauschschein, oder wie?  */
.vor1  {padding:3px; min-width:3ex; font-weight:bold; background:#ffffff; height:40}
.vor2  {padding:3px; min-width:3ex; font-weight:bold; background:#eef0ee;}
.gruen1{padding-right:5px;font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#d0f0d0;text-align:right;}
.gruen2{padding-left:5px; font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#e2ffe2;font-weight:bold;}
.roet11{padding:5px;      font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#ccddcc;text-align:right;}
.roet12{padding:5px;      font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#ddeedd;  }
.roet21{padding:5px;      font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#ccccdd;text-align:right;}
.roet22{padding:5px;      font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#ddddee;  }
.blau1 {padding-right:5px;font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#d5d5ff;text-align:right;}
.blau2 {padding-left:5px; font-family:verdana,sansserif;font-size:10px;vertical-align:top;background:#e0e0ff;font-weight:bold;}


/*    */
td.VorbemerkungStil     { background:#c0d8c2; font-size:11px; color:#335533; padding:3px;}
td.NachbemerkungStil    { background:#c0d8c2; font-size:11px; color:#335533; padding:3px;}


/*    */
table.Begriffefeld   {background:#c0d8c2; border-top-width:1px; padding:0px;}
/*    */
.Begriff         {font-family:verdana,sansserif;font-size:12px;vertical-align:top;background:#d6e7d6;
                  min-width:280px; width:280; font-weight:bold;}
/*    */
.Unterscheidung  {min-width:120px; width:120;}
.Verwandtes      {min-width:150px; width:150;}
.Unterbegriffe   {font-family:verdana,sansserif;font-size:10px;vertical-align:top;color:#663322; }
.Unterb_geholt   {font-family:verdana,sansserif;font-size:10px;vertical-align:top;text-align:right;color:#885544; }
.Oberbegriffe    {font-family:verdana,sansserif;font-size:10px;vertical-align:top;color:#225533;}
/*    */
a.WpCpTr:link    {color:#88aa99; font-weight:normal; font-size:12px;}
a.WpCpTr:visited {color:#88aa99; font-weight:normal; font-size:12px;}
a.WpCpTr:hover   {color:#77cc88; font-weight:normal; font-size:12px;}
a.WpCpTr:active  {color:#ff0000; font-weight:normal; font-size:12px;}

/*  Werkzeugeteil */
.Werkzeugeteil   {font-size:12; font-family:times;  }
.SpW    { BACKGROUND-COLOR: #eeeef0; COLOR: #667788; FONT-FAMILY: Verdana;
  FONT-SIZE:10px; vertical-align:middle; border-color:#aaeeaa; border-width:1px}
.SqFeld { BACKGROUND-COLOR: #c0d6c0; COLOR: #889988; FONT-FAMILY: Verdana;
  FONT-SIZE:10px; vertical-align:middle; border-color:#aaeeaa; border-width:1px}
.Eing   { BACKGROUND-COLOR: #ffffe4; COLOR: #664433; FONT-FAMILY: Verdana;
  FONT-SIZE:11; vertical-align:middle; border-color:#eecc88; border-width:1px}
table       { font-size:11; font-family:Verdana, sansserif }

img             { cursor:show; border:0 }
.fett  { font-weight:bold  }
.fett2 { font-weight:bold  }
.fett3 { font-family:verdana  }
.fett4 { font:24px   }
.fett5 { fontWeight:bold  }
.fett6 { border:2px dashed blue  }
.fett7 { border-width:6px}
.fett8 { borderWidth:3px}
/*   RE   Runde Ecken  */
.WwRE  { padding-left:8px; -moz-border-radius:8px; border-radius:7px;border-width:1px  }
.WwRE2 { padding-left:8px; border:#4f4 dotted 3px; -moz-border-radius:8px; mozBorderRadius: 12px; borderRadius:  6px;   }   /* Wegweiser runde Ecken */
.WwRE3 { padding-left:8px; border:#4f4 dotted 3px; -moz-border-radius:8px; mozBorderRadius: 12px; borderRadius:  6px;   }   /* Wegweiser runde Ecken */
.WwRb  { }   /* Wegweiser Randbreite  */
.WwRbRu  { }   /* Wegweiser Randbreite  */
.WwRbTa  { }   /* Wegweiser Randbreite  */


/* = = = = = = = =  DsVorlagen, Reiter  = = = = = = = = =  */

.Reiter   {
  z-index: 1;
  float:  left;  
	border:solid 1px #caa;    /*  ja, zählt  */
	background:#eeb;          /*  ja, zählt  */
  padding:3px; padding-left:9px; padding-right:8px;
  -webkit-border-radius: 12px 4px 0 0 / 24px 4px 0px 0px ;
     -moz-border-radius: 12px 4px 0 0 / 24px 4px 0px 0px ;
          border-radius: 12px 4px 0 0 / 24px 4px 0px 0px ;
  }

.gewaehlt   {
  position:relative; 
	z-index:11;
	background:#ffe; 
	border:1px solid #c88; 
	border-bottom: 0px;
  }
	
.Hauptteil  {
  position:relative;  
	background: #efe; 
	border:0px solid #c88;border-top:0px;
  min-height: 200px;
}


/*  = = = = = = = = = = =    E N D E  DsVorlagen,  Reiter   = = = = = = = = = = =   */


 
/*    siehe    dieSeite2.css
.Bildplatz__       { float:right;margin-left:12px;margin-bottom:8px;border:dotted 0px red;  }
.Bildplatz         { float:right;border:dotted 1px red;  }
.Bild              { margin:12px;margin-bottom:8px;border:dotted 0px red; }
.Bildunterschrift  { border:1px #ccc dotted; text-align:left; font-style:italic; font-family:serif font-size:10pt  }
*/



/*  .MauszeigerHand  {  cursor:pointer  }
*/


/*************************************************************************************\
**
**    E N D E    dieSeite.css
**
\*************************************************************************************/