/*  ------------------------- GRUNDSTRUKTUR --------------------------  */

body
{
   color: #000000;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12pt;
}

/*  ------------------------- LINKFARBEN -----------------------------  */

a:link
{
   color:#0000ff;
   text-decoration:underline;
}
a:visited
{
   color:#8800ff;
   text-decoration:underline;
}
a:focus
{
   color:#ff0000;
   text-decoration:underline;
}
a:hover
{
   color:#ff0000;
   text-decoration:none;
}
a:active
{
   color:#ffffff;
   text-decoration:underline;
}

/*  ------------------------- ÜBERSCHRIFTEN --------------------------  */

h1
{
   font-family: Arial, sans-serif;
   font-size: 20pt;
   font-weight: bold;
   color: #5577AA;
}
h2
{
   font-family: Arial, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   color: #000000;
}
h3
{
   font-family: Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: #335588;
}

/*  ------------------------- LISTEN ---------------------------------  */

ul
{
   list-style-type: circle;
   list-style-position: inside;
   color: #3355AA;
   padding-left: 10px;
}

/* Textausrichtung in Tabellen */
.oben
{
   vertical-align:top;
}
.mittig
{
   vertical-align:middle;
}
.unten
{
   vertical-align:bottom;
}

/*  ------------------------- SPEZIELLE FORMATIERUNGEN ---------------------------  */

/* Seitenlayout */
#seite
{
   margin: auto;
   width: 820px;
   height: 950px;
   border: 1px solid black;
   padding: 5pt;
}

/* Überschrift für Titel */
h1#Titel
{
   font-family: sans-serif;
   font-size: 30pt;
   font-weight: bold;
   font-style: italic;
   color:#000000;
}
h2#Warnung
{
   font-family: sans-serif;
   font-size: 20pt;
   font-weight: bold;
   color:#FF5555;
}

/* Textformatierung */
*.Groesser
{
   font: 14pt sans-serif;
   text-align: justify;
}
*.Normal
{
   font: 11pt sans-serif;
   text-align: justify;
}
*.Kleiner
{
   font: 9pt  sans-serif;
}
*.IndexGroesse
{
   font: 8pt  sans-serif;
}
*.Kasten
{
   font: 11pt  sans-serif;
   margin: 10pt 0;
   padding: 10pt;
   border: 1px solid #3355ff;
   background: #ffffee;
   min-height: 100px;
}
*.orange
{
   color: #FF6400;
}

/* Liste für Aufzählung Konstruktion */
ul#Konstruktion
{
   list-style-type: circle;
   list-style-position: outside;
   margin: 10pt;
   color: #000000;
   padding-left: 10px;
   font-size: 11pt;
   font-weight: normal;
}

/* Infobox */
*.Box
{
   float: left;
   width: 200px;
   margin: 0 10pt 5pt 0;
   padding: 5pt;
   border: 1px dashed brown;
   background: beige;
   font-weight: bold;
   text-align: center;
}

/* Fixiert plazierte Infobox, verschiebt sich auch nicht mit Scrollen */
*.BoxFixed
{
   position: fixed;
   top: 130px;
   right: 100px;
   width: auto;
   height: auto;
   background: #ffcc99;
   border: 2px solid brown;
   padding: 10px;
}

/* Menü waagerecht */
#MenuHorizontal
{
   width: 780px;
   margin: auto;
   padding: 2pt 10pt;
   border: 1pt solid #1133bb;
   background: #ccddff;
   font: bold 11pt sans-serif;
   font-variant: small-caps;
   letter-spacing: 0.5pt;
   text-align: center;
}
#MenuHorizontal a
{
   color: #000088;
   text-decoration : none;
   margin-right: 5pt;
   padding: 2pt 2pt;
}
#MenuHorizontal a:hover
{
   color: #3355dd;
   text-decoration: none;
   background: #ccddff;
   padding: 2pt 2pt;
}

/* Menü senkrecht schwebend, verschiebt sich auch nicht mit Scrollen*/
#MenuVertikal
{
   width: 150px;
   margin: 0;
   padding: 0;
   position: fixed;
   top: 120px;
   right: 100px;
   border: 1px solid black;
   background: #f0f0f0;
}
#MenuVertikal ul, #MenuVertikal li
{
   list-style-type: none;
}
#MenuVertikal li a, #MenuVertikal a:link, #MenuVertikal a:visited
{
   width: auto;
   display: block;
   color: #555555;
   text-decoration : none;
   padding: 2pt 5pt;
   background: #ffff99;
}
#MenuVertikal a:hover
{
   color: #000000;
   text-decoration: none;
   padding: 2pt 5pt;
   background: #99dd99;
}

/* Layout für Eingabefelder des Kontaktformulars */
.inputField
{
    border: 1px solid #7f7f7f;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2pt 5pt;
    background-color: #FFFFFF;
}
.errorField
{
    border: 1px solid #9F0004;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2pt 5pt;
    background-color: #FFFFCC;
}
.errorTable
{
    border: 1px solid #9F0004;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2pt 5pt;
    background-color: #E2E1E1;
}
.okTable
{
    border: 1px solid #9F0004;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2pt 5pt;
    background-color: #FFFFCC;
}