/*
Wichtige Farben:
#333399 = dukelblau
#59dce6 = hellblau
#ffffff = weiss
#c0c0c0 = dark grey
#F0F0F0 = brightly grey
#0092fc = blau boot
*/
/*
Grundeinstellungen:
*/
html      { height : 100%; }
body      {
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1201AF;
    background-color: #0092fc;
}
A:link    { text-decoration: none; }
A:active  { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover   {
    text-decoration: none;
    z-index: 1;
}

.s { color: #2740F9; background-color: #2740F9; }
.w { color: #0092FC; background-color: #0092FC; }

h1        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1201AF; }
h2        { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1201AF; }
h3        { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #FFFFFF; }
td        {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1201AF;
    z-index: 2;
}
hr        { color: #1201AF; }
/*
Menue Formate:
*/
a.specialnavi       { font-family:verdana; font-size:11px; color:#0825A2; text-decoration:none; }
a.specialnavi:Hover { color:#ffffff; }
.specialnavistatic  { font-family:verdana; font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none; }

/*
Klassen Hilfe: <td class="sm">
*/
td.sm   { width: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1201AF; }
td.bi   { width: 750px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1201AF; }
p.info  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000;}
p.left  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1201AF; text-align: left; }
p.right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1201AF; text-align: right; }
/*
Formularfelder:
*/
input    { font-size: 12px; color: #1201AF; border: 1px solid #c0c0c0; background-color: #ffffff; }
select   { font-size: 12px; color: #1201AF; border: 1px solid #c0c0c0; background-color: #ffffff; }
textarea { font-size: 12px; color: #1201AF; border: 1px solid #c0c0c0; background-color: #ffffff; }
/*
Container Hilfe: <p ID="lay1"> oder <div ID="lay1">, z-index=Überlappung
*/
#frleft {
  position : absolute;
  left : 0;
  height : 65%;
  width : 115px;
  margin-left : 11px;
  margin-top : 160px;
  padding : 0px;
  /*background-color: #ffffff;*/
/*  background-image: url(images/background_left.gif);*/
}
#frflash {
  position : absolute;
  top : 152px;
  left : 160px;
  height : 75%;
  width : 630px;
  /*background-color: #ffffdd;*/
}
#frflash2 {
  position : absolute;
  top : 135px;
  left : 140px;
  height : 75%;
  width : 670px;
  /*background-color: #ffffdd;*/
}
#frflash3 {
  position: absolute;
  top: -100px;
  left: -990px;
  height: 73px;
  width: 990px;
  z-index: 1;
}
#frmaintxt {
  position : absolute;
  top : 135px;
  left : 107px;
  height : 75%;
  width : 65%;
  /*background-color: #ffffee;*/
}
/*
Tabellen mit CSS Beispiel:
<div class="box1">Text für den Kasten</div>
<br><p>Text</p>
*/
.box1 { float: left; width: 30%; height: 80%; z-index:2; margin: 4px; background: #59dce6; border: solid thin #333399; color: #333399; }
.box2 { float: right; width: 30%; height: 80%; z-index:1; margin: 4px; background: #59dce6; border: solid thin #333399; color: #333399; }

.box3 {
    z-index: 2;
    position: relative;
    top: 15%;
}
.box4 {
    z-index: 1;
    position: relative;
    top: 0%;
}
.box5 {
    z-index: 1;
    position: relative;
}