/* ccs-comment */
/* http://www.w3schools.com/cssref/css_colornames.asp
*/
/*
 * changes
 * 160109: Khaki->Lavender
 */
/*
 *  ***************************************************************************
 *  !TAG:standard
 *  ***************************************************************************
 */


* {
        margin              :   1px;
        padding             :   0px;
}

html, body {
    background-color    : LightCyan;
    color               : Black;
    font-family         : Arial;  /* Arial, Verdana, Helvetica */
    font-style          : normal;
    height              : 100%;
    font-size           : 100%
}
h1          {   font-size   : 200%; font-style:italic }
h2          {   font-size   : 180%  }
h3          {   font-size   : 160%  }
h4          {   font-size   : 140%; font-style : italic; color : Red;  }
h5          {   font-size   : 120%  }
h6          {   font-size   : 100%; font-style:italic;font-weight:normal;color:LimeGreen; }

p           {   color               :   Maroon; }
li          {   font                :   oblique bold 0.75em;}
table       {   border-spacing      :   4px }
th          {   color               :   Yellow; background-color: Navy;  }
td          {   color               :   Black;  background-color: Lavender;  }
tr          {   background-color    :   LightSkyBlue  }


a:link     {    color   :   Red         }
a:visited  {    color   :   Green       }
a:hover    {    color   :   Grey        }
a:active   {    color   :   Gainsboro   }
    
/* Text-Alignment */    
.left    { text-align:left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }
.start   { text-align: start; }

/*
 *  ***************************************************************************
 *  !TAG:FORM
 *  ***************************************************************************
 */

.Css_formTable {
    border              :   5px solid Grey;
    border-spacing      :   0px;
    border-collapse     :   collapse;
    font-family         :   Verdana, Arial, Helvetica, sans-serif;
}

.Css_formTd {
    background-color    :   Lavender;
    border-width        :   5px 5px;
    border-style        :   solid;
    border-color        :   Grey;
    padding             :   2px 2px;
    font-size           :   0.8em;
}

.Css_formTdLink {
    background-color    :   Lavender;
    border-width        :   5px 5px;
    border-color        :   Grey;
    border-style        :   solid;
    font-family         :   Verdana, Arial, Helvetica, sans-serif;
    font-size           :   0.6em;
    padding             :   3px 5px;
}

.Css_itemInfo {
    color               :   Blue;
}
.Css_itemMandatory {
    color               :   Red;
    font-family         :   Comic;
    font-weight         :   bold;
}
.Css_itemOptional {
    color               :   Orange;
    font-weight         :   bold;
}
.Css_itemGenerated {
    color               :   Blue;
}

.Css_formButton {
    border              :   5px outset White;
    background          :   Aqua;
    padding             :   2px;
}

.Css_textControl {
    border              :   none;
    background          :   LightCyan;
    font-size           :   1.0em;
}

.Css_formResultTable {
    border-collapse     :   collapse;
    border-color        :   Grey;
    border-spacing      :   0px;
    border-width        :   5px;
    font-size           :   0.8em;
}

/*
 *  search - Tabellen
 */
.Css_formTd1_head {
    background-color    :   Navy;
    border-color        :   Grey;
    border-width        :   0px;
    color               :   Yellow;
    padding             :   2px;
    text-align          :   right;
}
.Css_formTd2_head {
    background-color    :   Navy;
    border-color        :   Grey;
    border-width        :   5px;
    color               :   White;
    font-weight         :   bold;
    padding             :   2px;
}
.Css_formTd1_body {
    background-color    :   MediumSeaGreen;
    border-color        :   Grey;
    border-width        :   5px;
    color               :   White;
    padding-left        :   2px;
    padding-right       :   2px;
    text-align          :   right;
}
.Css_formTd2_body {
    background-color    :   PaleTurquoise;
    border-width        :   5px;
    color               :   Black;
    padding-left        :   2px;
    padding-right       :   2px;
}

.Css_formTd_invisible {
    background-color    :   transparent;
    color               :   transparent;
}

.Css_textError {
    color               :   Red;
}

/*
 *  ***************************************************************************
 *  !TAG:DIV
 *  ***************************************************************************
 */

/*
*   CPage {
*   }
*
*   CHead {
*   }
*
*   CContent {
*   }
*
*   CFoot {
*   }
*/

/*
 *  === page-Positions
 */

#idPage {
    background-color    : White;
    margin              : 0 auto;
    position            : relative;
    min-height          : 100%;
}

#idHead {
    background-color    : LightCyan;
    padding-bottom      : 1em;
}

#idContent {
    background-color    : Cornsilk;
    padding-bottom      : 1em;
    margin-left         : 20px;
    margin-bottom       : 20px;
    margin-right        : 20px;
    position            : relative;
}

#idFoot {
    font-style          : italic;
}


/*
 *  === relative Zeilen-Positionen
 */

#idLeft {
    float               :   left;
    text-align          :   left;
    padding-left        :   2px;
    width               :   10%;
}

#idCenter {
    text-align          :   center;
    width               :   80%;
    font-size           :   200%;
}

#idCenterEnd {
    text-align          :   center;
    width               :   80%;
}

#idRight {
    float               :   right;
    padding-right       :   2px;
    font-size           :   100%;
}