/* place:       Lychenlaube/kalender
                in <div bone>
   cont:        frame the complete kalender
                     <table jahr>       display 12 months in 3 rows 4 cols
                     <div headkal >     presently title / later head-menu
                     <div menu_k >      presently menu and working box
                                        later working box only
   jahr
   headkal
   menu_k

   working state localhost

*/

/*highlight menubutton*/
#mbutt3 {
 background-color:#DFDEE5;
}

div.contentwdw  { border:none;}


/* ---------------------------------------------- menu -------------------- */

div.menu_k {
        position:absolute;  z-index:3;
    left:59.4%; width:39.5%;  
/*	
    border: 2px solid #ab9; /* same color as jahr, headkal 2px as in headkal * /
    -moz-border-radius:10px;
    box-shadow:-2px 2px 4px -1px black;
*/    
    padding: 10px;
    color:#00a;
    text-align:left;
    font:normal 90% Verdana;

}

h3.mentitle { font:600 120% Verdana; margin:0px; color:#00a;}

input.butb,
input.info_inp {
    text-align:center; /* wird ignoriert warum?, firebug menu_k : left, deshalb in Zeitreisen stat : center*/    
    background-color: #9ed;
    width: 35%;
    margin: 2px 0px 2px 0px;
    border: 1px solid #44b; /* c44 */
    font-size: 100%;
    font-weight: bold;
    font-family: 'Trebuchet MS',Helvetica,sans-serif;
    color: #00a;
    border-radius:12px;
    cursor: pointer;
}

input.butb:hover,
input.info_inp:hover {
    background-color: #ff0;
    border: 1px solid #d33; /* c44 */
}

div.pop   {
    width:50%; height:33px; overflow:hidden;
    background-color:#ffa;
    padding:6px;
}
div.pop:hover {

    width:85%; 
    height:600px;
}
/* ----------------------------------  Auswahl ----------  */

input.Auswahl_sel,
input.Auswahl_del{  background-color:transparent;
                    width:16px; overflow:hidden; height:16px;
}

input.Auswahl_sel {}
input.Auswahl_del {}
table.Ausw_lst  {   
                    width:60%; 
                    border:0px solid #f00;
                    font-weight:normal; font-size:100%;
                    letter-spacing:-1px;
                    color: #00a;
}
td.Ausw_von     {   text-align:center; font-weight:700; }
td.Ausw_v-b     {   width:6%; }
td.Ausw_bis     {   text-align:center; font-weight:700;}
td.Ausw_b-p     {}
td.Ausw_pr      {   text-align:right; font-weight:700;}
td.Ausw_p-d     {}
td.Ausw_sel     {}
td.Ausw_s-d     {   width:5%;}
td.Ausw_del     {}

td.Ausw_von,td.Ausw_v-b,td.Ausw_bis,td.Ausw_b-p,td.Ausw_pr,
td.Ausw_p-d,td.Ausw_sel,td.Ausw_s-d,td.Ausw_del
{  border:0px solid #f00; } 

td.Ausw_dvon     {   text-align:center;}
td.Ausw_dv-b     {}
td.Ausw_dbis     {   text-align:center;}
td.Ausw_db-p     {   width:20%;}
td.Ausw_dpr      {   text-align:right;}
td.Ausw_dp-d     {}
td.Ausw_dsel     {   background-image:url(../pics/edit.JPG); 
                     background-repeat:no-repeat;
                     background-size:16px 16px;
                     background-position:1px 0px;
}
td.Ausw_ds-d     {}
td.Ausw_ddel     {   background-image:url(img/del.gif);
                     background-repeat:no-repeat;
                     background-size:16px 16px;
                     background-position:1px 2px;
}

td.Ausw_dvon,td.Ausw_dv-b,td.Ausw_dbis,td.Ausw_db-p,td.Ausw_dpr,
td.Ausw_dp-d,td.Ausw_dsel,td.Ausw_ds-d,td.Ausw_ddel
{  border:0px solid #f00; } 

form.jo { }

/* ----------------------------------  Neueintrag  ------  */

textarea.Neueintrag_note {border-color:#008;}
.Neueintrag_opt_label,
td.Neueintrag_opt_plabel,
span.Neueintrag_punkt { color:#08; }
.Neueintrag_opt_label{font-weight:800; font-size:90%; }
td.Neueintrag_opt_plabel{font-weight:100;}
span.Neueintrag_punkt  {
                    font-weight:600;
                    font-size:200%;
                    line-height:0%;
                    letter-spacing:-7px;
}
table.prizes { width:50%; margin-left:5%; margin-top:0.3em; margin-bottom:1em;}

ul.uli { position: relative; top:-10px;}
option.Neueintrag_opt,
p.chat,
select.select1,
textarea.Neueintrag_note     { color:#008;}
p.vortext { color: #080; 
			width: 300px;
			}

textarea.Neueintrag_note { margin-top: 1em; }

/* ---------------------------------------------- jahr -------------------- */

div.jahr {
        position:absolute;  z-index:3;
        width:59%;
		left: -.5%;  
		}

div.jahr { top:0%; height:98%;}
div.menu_k { top: 0%; height:98%;}

#legende {
	position: absolute;
	z-index:3;
	padding-left:20px;
	top: 92%;
	width:200px;
	font: 10pt Verdana, sans-serif;
	border:none;
}
#leg1,#leg2,#leg3 {
	position: relative;
	z-index:3;
	left: 1%;
	width:100%;
	height:100%;
	border: 1px solid black;
}
#leg1 {
	top: 1%;
}
#leg2 {
	top: 6%;
}
#leg3 {
	top: 11%;
}

table.jahr {        
        position:absolute;  z-index:3;
                top: 1.3%;  /* as div.mentitle */
                left:1.7%;
                    border:0px solid #000;
                    width:100%;
                    border-spacing:0px;
                    margin:0px;
                    overflow:auto;
					table-layout:fixed;
}

td.tabmon   {       border:0px solid #000;
                    padding:0px;
                    border-spacing:0px;
                    margin:0px;  
}

table.mon {         border:0px;
                    text-align:right; 
                    font:normal 70% courier;
                    width:100%;
                    height:100%;
                    
}

td.mono {           padding-right:0px;
                    text-align:center;
                    font-family:'Arial Black';
                    font-size:8pt;
                    font-weight:normal; 
                    letter-spacing:2px;
                    color:#3c5890;
                    background-color:#e80; /* same as div.head_kal color */
} /* mono-field (colspan all) naming the month */

  
/* all colorfull days can be, there are 3 classes

  	   as for the css: (14.5.12)
		1parent class halftot / 2 find below div jahr bzw table jahr
		2 child schnee von gestern
		3 child clone(schaltjahr as alive::"<input> statt halftot::<td>) 
           see more detail in log.rtf
           
  now (17.5.12): 
     3. ! cloned background, only color + transparent background
     1. background left in comprising <td>
        
*/

/* ---------------------------  1  parent:: halftot  --- */

  
/* table.mon.td    {   border: 1px solid #f00;} keine wirkung auf td,
    and simply style td { 1px } might not be welcommed in other tables, might it ?*/
td.tag,td.oom,  /*                                              class 1   */
td.frei,td.heutfrei,td.safrei,td.sofrei,
td.belegt,td.heutbelegt,td.sabelegt,td.sobelegt,
td.usr,td.heutusr,td.sausr,td.sousr,
td.usrakt,td.heutusrakt,td.sausrakt,td.sousrakt,
td.oldfrei,td.oldheutfrei,td.oldsafrei,td.oldsofrei, /*         class 2   */
td.oldbelegt,td.oldheutbelegt,td.oldsabelegt,td.oldsobelegt,
td.oldusr,td.oldheutusr,td.oldsausr,td.oldsousr,
td.oldusrakt,td.oldheutusrakt,td.oldsausrakt,td.oldsousrakt
{                   border: 1px solid #aaf;
                    padding:1px; /* orul */
                    text-align:center;
                    font-size: 7pt;
                    font-family: courier, monospace;
                    height:16px;
					width:16px;
}	

td.tag   {          
                    color:#004600; /* 666 */
                    background-color:#9590ff;
                    font-weight:900;
} /* as mo di mi do,    or   1,2 .. 7  */


td.oom      {       background-color:#dedede;  } /*  out of month, same as jahr not nice */  

td.heutfrei,    /*                                  heut   */
td.heutusr,
td.heutbelegt   {   border-color: #FF0000; }

td.frei,        /*                                  weekday */
td.belegt,
td.usr          {   color:#000;            }

td.safrei,    /*                                    sa      */
td.sabelegt,
td.sausr        {   color:#0000ff; }

td.sofrei,    /*                                    so    */
td.sobelegt,
td.heutbelegt,
td.sousr     {      color:#cc0000; }

td.heutbelegt, /*                                   belegt   */
td.sabelegt,
td.sobelegt,
td.belegt,
#leg1        {     background:#9e6; } 

td.usr, /*                                          user      */  
td.usrakt,
td.heutusr,   
td.heutusrakt,
td.sausr,
td.sausrakt,   
td.sousr,
td.sousrakt,
#leg3        {     background:#8df; } 

td.usrakt,
td.heutusrakt,
td.sausrakt,   
td.sousrakt   {     text-decoration:blink; }
                 /* not yet used   */
td.frei, /*                                         frei   redundant */
td.heutfrei,
td.safrei,
td.sofrei,
#leg2         {     background-color:#ee7; }

/* ---------------------------  2  old and pale  ------- */

td.oldoom      {       background-color:#ddd;  } /*  out of month, same as jahr not nice */  

td.oldheutfrei,
td.oldheutusr,
td.oldheutbelegt   {   border-color: #FF0000; }

td.oldfrei,        /*                                  weekday */
td.oldbelegt,
td.oldusr          {       color:#888;            }

td.oldsafrei,      /*                                  sa */
td.oldsabelegt,
td.oldsausr        {       color:#55e; }

td.oldsofrei,       /*                                 so */
td.oldsobelegt,
td.oldsousr        {       color:#c66; }


td.oldheutbelegt, /*                                   belegt   */
td.oldsabelegt,
td.oldsobelegt,
td.oldbelegt     {     background-color:#cafaba;}/*cfc pale   */

td.oldusr, /*                                          user      */  
td.oldusrakt,
td.oldheutusr,   
td.oldheutusrakt,
td.oldsausr,
td.oldsausrakt,   
td.oldsousr,
td.oldsousrakt   {     background-color:#cafaea;}         /* bff pale  */

td.oldusrakt,
td.oldheutusrakt,
td.oldsausrakt,   
td.oldsousrakt   {     text-decoration:blink; }
                 /* not yet used   */
td.oldfrei, /*                                         frei    */
td.oldheutfrei,
td.oldsafrei,
td.oldsofrei     {     background-color:#ffffc0; }

/* ---------------------------  3  schaltjahr the living */

input.heutfrei,    /*                                   heut   */
input.heutbelegt,    
input.heutusraktiv,    
input.heutusr     { }

input.frei,       /*                                    weekday */
input.usr,
input.belegt,
input.usrakt      {    color:#000;            }

input.safrei,   /*                                      sa      */                     
input.sausr,
input.sabelegt,
input.sausrakt     {    color:#0000ff; }

input.sofrei,   /*                                      so    */       
input.sousr,
input.sobelegt,
input.sousrakt     {    color:#cc0000; }

input.usr, /*                                           user      */  
input.usrakt,
input.heutusr,   
input.heutusrakt,
input.sausr,
input.sausrakt,   
input.sousr,
input.sousrakt   {      /* background:#aff; */ } 

input.heutbelegt, /*                                   belegt   */
input.sabelegt,
input.sobelegt,
input.belegt        {     background:#9e6; } 

input.usrakt, /*                                        aktive, not yet used   */
input.heutusrakt,
input.sausrakt,   
input.sousrakt   {      text-decoration:blink; }
                 
input.frei, /*                                          frei    */
input.heutfrei,
input.safrei,
input.sofrei     {     /* background-color:#ee8; */ }

/* comon inputs see chatting jahr */
      
/* ---------------------------  4  chatting jahr -----------------  */

input.oldusrakt,
input.oldoldbelegt,/*                                       weekday */
input.oldoldusr      {       color:#888;            }

input.oldsausr,    /*                                       sa      */   
input.oldsabelegt,
input.oldsausrakt     {      color:#55e; }

input.oldsousr,    /*                                       so    */       
input.oldsobelegt,
input.oldsousrakt     {      color:#c66; }

input.oldusr, /*                                            user      */  
input.oldusrakt,
input.oldsausr,
input.oldsausrakt,   
input.oldsousr,
input.oldsousrakt   {       background-color:#cafaea;  } 

input.oldsabelegt, /*                                       belegt   */
input.oldsobelegt,
input.oldbelegt        {     background-color:#cafaba; } 

input.oldusrakt, /*                                         aktive, not yet used   */
input.oldsausrakt,   
input.oldsousrakt   {      text-decoration:blink; }
                 
input.frei,input.heutfrei,input.safrei,input.sofrei,            /*   frei */
input.heutbelegt,input.sabelegt,input.sobelegt,input.belegt, /*      belegt   */
input.usr,input.heutusr,input.sausr,input.sousr,                /*   user */
input.usrakt,input.heutusrakt,input.sausrakt,input.sousrakt,     /*  akt  */
input.oldsabelegt,input.oldsobelegt,input.oldbelegt, /*              belegt   */
input.oldusr,input.oldsausr,input.oldsousr,           /*             user */
input.oldusrakt,input.oldsausrakt,input.oldsousrakt     /*           akt  */

{                   position:relative;
       
                    border:none;
                    width:15px;
					height:16px;
					text-align:center;
					padding: 0px 1px 0px 0px;
					background-color:transparent;
                    font-style: bold;
                    font-size: 7pt;
                    font-family: courier, monospace;
       
                   
}


/* kal->jahr  ----------------------------------------------------------  */