/**
 *  phpBookWorm:    singollo.de
 *   
 *  @author         Udo Neist (webmaster@singollo.de, GPG-Fingerprint 4A8F B229 2AE9 9634 04D1 E2F0 21F2 E27D FE97 D87F)
 *  @copyright      CC-BY-SA 3.0, 2014
 *  @version        20160325
 *  @since          2008
 *  @file           dom.css
 *  
 *  @description Kurzbeschreibung: Basis
  *
 *  <p>Style-Guide</p>
 *  <ul>
 *  <li>Einrückung 1 Tab = 4 Space
 *  <li>Trennung von Funktionsnamen/Variablen mit einem Space vor und nach dem Doppelpunkt von der Funktion/dem Wert
 *  </ul>
 *  <p>History</p>
 *  <ul>
 *  <li>30.08.2014: Übernahme von singollo.de (Udo Neist)
 *  </ul>
 */

/* Hyperlinks */
a {
    outline:            none;
}
a:visited, a:active, a:link, main span.link {
    display:            inline;
    text-decoration:    none;
    color:              #444D44;
}
a:hover, main span.link:hover {
    cursor:             pointer;
    text-decoration:    none;
}
main img.link:hover {
    cursor:             pointer;
}
a.extern {
    padding-left:       5px;
    padding-right:      5px;
}
a.extern::before {
    content:            url("gfx/pfeil-querverweis.png");
}

/* Button */
span.button {
    font-style:         normal;
    font-size:          7pt;
    font-weight:        normal;
    color:              #69778F;
    cursor:             pointer;
}
span.button:hover {
    color:              #252A33;
    background-color:   #DDDDE9;
}

/* Schriftdefinitionen allgemeiner Art */
.thin {
    padding-left:       0px;
    margin-bottom:      5px;
    font-size:          0.8em;
    color:              #444;
}
.thick {
    padding-left:       0px;
    margin-bottom:      5px;
    color:              #444;
}

.spacer {
    font-style:         normal;
    font-size:          7pt;
    font-weight:        normal;
    color:              #69778F;
}

/* Tabellen */
table {
    position:           relative;
    left:               0px;
    top:                0px;
    font-size:          0.9em;
    empty-cells:        show;
    border-spacing:     0px;
    border-collapse:    collapse;
}

/* Aufzählungen */
dl {
    margin:             0.3em;
    font-size:          8pt;
}
dt {
    font-size:          8pt;
    font-style:         italic;
    color:              #006699;
    font-weight:        normal;
}
dd {
    font-size:          8pt;
    margin-bottom:      2px;
    margin:             0.3em;
    padding:            0.3em;
}

img.icons {
    max-height:         24px;
    max-width:          24px;
    padding-right:      0.5em;
    vertical-align:     middle;
}

form {
    font-size:          12pt;
}

form input, form select, form button, form textarea {
    font-size:          9pt;
    padding:            0.2em;
    background-color:   white;
    border:             1px solid #9BB19B;
    border-radius:      3px;
}

form button {
    background-color:   #eeeeee;
}

form input.invalid, form select.invalid, form textarea.invalid {
    box-shadow:         none;
    background-color:   #ffeeee;
}

form input.valid, form select.valid, form textarea.valid {
    box-shadow:         none;
    background-color:   transparent;
}

form table tr td {
    padding:            0.3em;   
}