/*
    CSS Template for the ITET PPS Application
*/

body {
    margin:0px;
    border:0px;
    background-color:white;
    color:black;
}

body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote {
    font-family:Arial,sans-serif;
}

h1 {
    /* page title: "PPS Kursangebot" */
    font-size:18pt;
    font-weight:bold;
    margin-bottom:18px;
}

h2 { /* section header title z.B. "Meine Kurspraeferenzen"*/
    font-size:15pt;
    font-weight:bold;
    margin-bottom:18px;
}

h3 { /* section subheader title z.B. "Angebot mit Präferenz..." */
    font-size:10pt;
    font-weight:bold;
    margin-bottom:0px;
}

h4 {
    /* introduction HOWTO text "Bedienungsanleitung" */
    font-size:10pt;
    font-weight:normal;
    margin:0px;
    color:black;
}

h5 {
    /* currently unused */
    /* course detail data text "Zeit, Ort, ..." */
    font-size:10pt;
    color:black;
    font-weight:normal;
    margin:0px;
}

h6 {
    /* currently unused */
    /* description text "Beschreibung" */
    font-size:10pt;
    color:black;
    font-weight:normal;
    margin:0px;
}


p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote {
    font-size:13.4px;
}

a:link {
    color:#AA5522;
    font-weight:bold;
    text-decoration:underline;
}

a:visited {
    color:#772200;
    font-weight:bold;
    text-decoration:underline;
}

a:active {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

.sectionheader {
    background-color:#FFA500;
    margin-bottom:0px;
}

.sectionsubheader {
    background-color:#FFCC66;
}

.zebra-dark {
    background-color:#D3D3D3;
}

.zebra-bright {
    background-color:white:
}

.important {
    color:red;
    font-weight:bold;
}

/*
    element.klassenname
    z.b. h1.myformatX
         h1 myformatY
    
    wobei <h1 class="myformatX"> 
    und   <h1 class="myformatY">
    
    simultan verwendet werden
    koennen.
    
    Klassenarten:
    h1.klassenname (=> elementgebundene klasse, class="..." nicht noetig)
   .klassenname    (=> nicht elementgebundene Klasse; class="klassenname" noetig)
   
   a:visited => Pseudoelement, d.h. Setzen der Attribute je nach Zustand
               in welchem sich das Element (hier a) befindet.

*/

a.selectlink:link {
    color:blue;
    font-weight:bold;
}

a.selectlink:visited {
    color:blue;
    font-weight:bold;
}

a.selectlink:active {
    color:blue;
    font-weight:bold;
}

a.selectlink:hover {
    color:#0000FF;
}

.authformheader { 
    height: 80px;
}

.authformcontainer{
    background-color: darksalmon;
    left: 50%;    
    float: left;
    margin: 0 0 0 -500px;
    padding: 20px;
    position: absolute;        
    width: 1000px;
    font-size: 12pt;
    box-shadow: 0px 0px 10px 0px black;
}

.authformcontent{
    background-color: lightgray;
    width: 1000px;
    box-shadow: 0px 0px 2px 0px gray;
}

.authformfooter{
    background-color: darksalmon;
    height: 50px;
}

.authformtbllogin{
    background-color: lightgray;
    margin-top: 150px;
}