<style> 
 /***************************************************
 * Diese Datei definiert die Styles für eine Homepage
 * Author(en): Christian Doring
 * Letzte Änderung: 02.10.2008
 ***************************************************/
 
 /***************************************************
 * Hier werden die Styles für den BODY definiert
 ***************************************************/
 
 /* font-size:100.1% entsprechen einer Schriftgröße von 16px */
 /* font-size:0.8em entsprechen einer Schriftgröße von ca 12px */
 /* alle folgenden Schriftgrößen sind ab hier relativ zu 12px */

html {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      height: 100%;
      border: none;
      font-size: 1.1em;
      font-weight: normal;
      font-family: Helvetica;      
}

body {
        font-size: 1.1em;
        color: #000078;
        font-weight: normal;
        background-color: #f9efb8;
        font-weight: normal;
        font-family: Helvetica;
}

body.agb {
        font-size: 12px;
        color: #000000;
        font-weight: normal;
        background-color: #f9efb8;
        font-weight: normal;
        font-family: Helvetica;
}
/***************************************************
 * Hier werden die Styles für die Hyperlinks definiert
 ***************************************************/
a {
        font-weight: bold;
        color: #263f6a;
        line-height: 1.2em;
}

a:link {
        color: #006800;
        text-decoration: none;
        background: transparent;
}

a:visited {
        color: #006800;
        text-decoration: none;
        background: transparent;
}

a:active {
        color: #008800;
        text-decoration: none;
        background: transparent;
}

a:hover {
        color: #3f9ae9;
        text-decoration: none;
        background: transparent;
}
a.beschreibung {
        color: #263f6a;
        text-decoration: none;
        background: transparent;
}
/***************************************************
 * Hier werden die Styles für den Text definiert
 ***************************************************/
.txtBold {
        font-weight: bold;
}

.txtSmall {
        font-size: 0.9em;
}

b {
        font-weight: bold;
}

.label {
        vertical-align: top;
        font-weight: bold;
}

/***************************************************
 * Hier werden die Styles für die Divisions definiert
 ***************************************************/
div.infoAn {
        font-size: 0.6em;
        border: 1px;
        width: 320px;
        border-style: solid;
        border-color: #BD8500;
        color: #000048;
        padding: 4px 4px 4px 4px;
        margin-bottom: 10px;
        background-color: #FEF9D9;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
}

div.box {
        padding: 5px;
        border: 1px;
        border-color: #d2d4d6;
        border-style: solid;
        background-color: #e7e9ea;
}

/** Division in gelb für normalen Text */
div.yellow {
        font-size: 1.1em;
        border: 1px;
        border-style: solid;
        border-color: #BD8500;
        color: #000048;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        background-color: #FEF9D9;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
}
div.anleitung {
        border: 1px;
        border-style: solid;
        border-color: #BD8500;
        color: #000048;
        background-color: #FEF9D9;
        padding: 4px 4px 4px 4px;
}
div.yellowKlein {  
        font-size:0.9em;
        border:1px;
        border-style:solid;
        border-color:#BD8500;
        color:#000000;
        padding:2px 2px 1px 2px;
        margin-bottom:10px;
        background-color:#FEF9D9;
        font-weight:normal;
}

/** Division für eine Aufzählung in hellbau */
div.Liste {
        font-size: 1.1em;
        border: 1px solid #7f9db9;
        color: #000000;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        background-color: #e1ecfe;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
}

/** Division für einen Hinweis in hellblau */
div.Hinweis {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        border: 1px #7aa5d6 solid;
        background-color: #e5ecf9;
}

/** Division für Hochladen in hellblau */
div.Hochladen {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: right;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        border: 1px #7aa5d6 solid;
        background-color: #e5ecf9;
}

/** Division für Werbung in hellgrün */
div.Werbung {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        border: 1px #0C7500 solid;
        background-color: #BEFFB7;
}

/** Division für Warnungen in rot */
div.Warnung {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        border: 1px #530000 solid;
        background-color: #FFB9A8;
}
div.Explorer {
        font-size: 0.8em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: right;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        background-color: #e5ecf9;
        border-top:1px solid #c9d7f1;
}
div.agb {
        margin-bottom: 2px;
        text-align: justify;
}
/***************************************************
 * Hier werden die Styles für die Tabellen definiert
 ***************************************************/
table.yellow {
        background-color: #FEF9D9;
        border-width: 4px;
        border-style: ridge;
        border-collapse: collapse;
}

table.Werbung {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 2px 2px 2px 2px;
        margin-right: 10px;
        border: 1px #0C7500 solid;
        background-color: #BEFFB7;
}
table.anmelden {
        font-size: 0.9em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 2px 2px 2px 2px;
        margin-right: 10px;
        border: 1px #0C7500 solid;
        background-color: #BEFFB7;
}
table.document {
        background-color: #FEF9D9;
        border-width: 6px;
        border-style: ridge;
        font-size: 1.0em;
        font-weight: normal;
        font-family: Helvetica;
        border-collapse: collapse;
}

table.Hinweis {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
        padding: 4px 4px 4px 10px;
        margin-bottom: 10px;
        border: 1px #7aa5d6 solid;
        background-color: #e5ecf9;
}

tr.Liste {
        background-color: #FEF9D9;
        border-width: 2px;
        border-color: #000000;
        border-style: solid;
        font-size: 1.0em;
        font-weight: normal;
        font-family: Helvetica;
}

tr.document {
        font-size: 1.3em;
        border: 1px;
        border-style: solid;
        padding: 4px 4px 4px 4px;
        background-color: #FEF9D9;
        font-weight: normal;
        font-family: Helvetica;
}

th.document {
        font-size: 1.1em;
        border: 4px;
        border-style: ridge;
        padding: 4px 4px 4px 4px;
        margin-bottom: 10px;
        background-color: #FEF9D9;
        font-weight: normal;
        font-family: Helvetica;
}

/***************************************************
 * Hier werden die Styles für die Tabellenzellen definiert
 ***************************************************/
td.beschreibung{
        font-size: 0.9em;
        color: #000048;
        background-color: #FEF9D9;
        padding: 5px 5px 5px 5px;        
        font-weight: normal;
        font-family: Helvetica;
        text-align: justify;
}

td.yellow {
        border-width: 4px;
        border-style: ridge;
}

td.document {
        font-size: 1.1em;
        font-weight: normal;
        font-family: Helvetica;
        vertical-align: top;
        text-align: left;
        padding: 4px 4px 4px 4px;
        border: 1px #7aa5d6 solid;
        background-color: #e5ecf9;
}

td.klein {
        font-size: 0.9em;
        font-weight: normal;
        font-family: Helvetica;
        vertical-align: top;
        text-align: left;
        padding: 1px 1px 1px 1px;
        border: 1px #7aa5d6 solid;
        background-color: #e5ecf9;
}

/***************************************************
 * Hier werden die Styles für die Überschriften definiert
 ***************************************************/
h1,.h1 {
        font-size: 1.4em;
        font-weight: bold;
        color: #000000;
        margin: 0px;
        padding: 0px 0px 6px 0px;
        font-family: Helvetica;
}

h1.agb {
        font-size: 1.4em;
        font-weight: bold;
        color: #000000;
        margin: 0px;
        padding: 0px 0px 6px 0px;
        font-family: Helvetica;
}

h2,.h2 {
        font-size: 1.2em;
        font-weight: bold;
        color: #000000;
        margin: 0px;
        padding: 4px 0px 4px 0px;
        font-family: Helvetica;
}

h2.agb {
        font-size: 1.2em;
        font-weight: bold;
        color: #000000;
        margin: 0px;
        padding: 4px 0px 4px 0px;
        font-family: Helvetica;
}

h3,.h3 {
        font-size: 1.0em;
        font-weight: bold;
        color: #000000;
        margin: 0px;
        padding: 4px 0px 4px 0px;
        font-family: Helvetica;
}

/***************************************************
 * Hier werden die Styles für die Listen definiert
 ***************************************************/
ul {
        padding: 0px 0px 0px 5px;
        margin: 0px 0px 0px 10px;
}

ol {
        padding: 0px 0px 0px 5px;
        margin: 0px 0px 0px 10px;
}

li {
        margin-left: 0px;
        padding-left: 0px;
        list-style-type: square;
}

/***************************************************
 * Hier werden die Styles für die Definitionslisten definiert
 ***************************************************/
dt {
        margin-left: 0px;
        padding-left: 0px;
        list-style-type: square;
}


/***************************************************
 * Sonstige Style Klassen
 ***************************************************/

</
style
>
