/**** Mediadefinition ****/

@media screen {
  .screen_only        {visibility:  visible;}
  .print_only         {visibility:  hidden;}
}

@media print {
  .screen_only        {visibility:  hidden;}
  .print_only         {visibility:  visible;}
}

/***** Seitendefinition *****/

body {
  background:         #ffffff;
  color:              #000000;
  padding:            0;
  margin:             0;
  font-family:        Arial, Helvetica, Geneva, sans-serif;
  font-size:          10pt;
  margin:             20px auto;
  width:              800px;
}

/***** Links *****/

@media screen {
  a:link {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  underline;
  }
  a:visited {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  underline;
  }
  a:hover{
    color:            #287866;
    font-weight:      normal;
    text-decoration:  underline;
  }
  a:active {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  underline;
  }
}

@media print {
  a:link {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:visited {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:hover{
    color:            #287866;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:active {
    color:            #AA4668;
    font-weight:      normal;
    text-decoration:  none;
  }
}

#header {  /* Bereich für den Kopfbereich auf jeder Seite */
  position:           absolute;
  top:                0;
  width:              800px;
  border:             0;
}

@media screen {
  #content {   /* Bereich für den eigentlichen Seiteninhalt */
    position:           absolute;
    top:                250px;
    width:              792px;
    margin:             0 4px;
    padding:            10px 0;
    border-color:       #70d0bb;
    border-width:       1px;
    border-style:       none;
  }
}

@media print {
  #content {   /* Bereich für den eigentlichen Seiteninhalt */
    position:           absolute;
    top:                180px;
    width:              792px;
    margin:             0 4px;
    padding:            0;
    border-color:       #70d0bb;
    border-width:       1px;
    border-style:       none;
  }
}

#content_home {   /* Bereich für den eigentlichen Seiteninhalt */
  position:           absolute;
  top:                200px;
  width:              792px;
  margin:             0 4px;
  padding:            10px 0;
}

/***** Überschriften *****/

h1 {  /* Überschrift groß */
  color:              #37a58c;
  font-size:          14pt;
  font-weight:        bold;
  margin-top:         14px;
  margin-bottom:      7px;
}

h2 {  /* Überschrift mittel */
  color:              #37a58c;
  font-size:          12pt;
  font-weight:        bold;
  margin-top:         12px;
  margin-bottom:      6px;
}

h2.topic {  /* Überschrift mittel */
  color:              #AA4668;
}

h3 {  /* Überschrift klein */
  color:              #37a58c;
  font-size:          10pt;
  font-weight:        bold;
  margin-top:         10px;
  margin-bottom:      5px;
}

h3.link { /* für Hyperlinks */
  margin-top:         0px;
  margin-bottom:      0px;
}

h3.topic {  /* für Themenüberschrift, mit Marker */
  color:              #AA4668;
  font-size:          11pt;
  margin-left:        15px;
  margin-right:       0px;
  margin-top:         5px;
  margin-bottom:      0px;
}

h3.topiclist {  /* für Themenlisten, mit Marker */
  font-size:          10pt;
  margin-left:        15px;
  margin-right:       0px;
  margin-top:         0px;
  margin-bottom:      0px;
}

h4 {  /* Zwischenüberschrift */
  color:              #000000;
  font-size:          10pt;
  font-weight:        bold;
  margin-top:         10px;
  margin-bottom:      5px;
}

/***** Absatzformatierung *****/

@media screen {
  p {  /* Default-Absatz, Standard-Block-Element */
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    color:            #000000;
    font-size:        10pt;
    text-align:       left;
    margin-top:       6px;
    margin-bottom:    6px;
  }

  div {  /* Standard-Block-Element */
    border:           thin solid #ffffff;
    color:            #000000;
    font-size:        10pt;
    margin:           0px;
  }
}

@media print {
  p {  /* Default-Absatz, Standard-Block-Element */
    font-family:      Arial, Helvetica, Geneva, sans-serif;
    color:            #000000;
    font-size:        9pt;
    text-align:       left;
    margin-top:       5px;
    margin-bottom:    5px;
  }

  div {  /* Standard-Block-Element */
    border:           thin solid #ffffff;
    color:            #000000;
    font-size:        9pt;
    margin:           0px;
  }

  div.topimage        {margin-top:    8px;}
  div.topstory        {margin-top:    20px;}
  div.topline         {margin-top:    30px;}
}

span {}   /* Standard-Inline-Element */

span.figure {
  border:             thin silver solid;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_mid_right {  /* class="figure right" geht beim Druck nicht */
  float:              right;
  border:             thin silver solid;
  margin:             10px 2px 10px 10px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_top_right {
  float:              right;
  border:             thin silver solid;
  margin:             2px 2px 10px 10px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_mid_left {
  float:              left;
  border:             thin silver solid;
  margin:             10px 10px 10px 2px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_top_left {
  float:              right;
  border:             thin silver solid;
  margin:             2px 10px 10px 2px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

/***** Tabellenformatierung *****/

table { /* Standard mit weißem Hintergrund */
  background-color:   #ffffff;
  border-collapse:    collapse;
  border-spacing:     0px;
  table-layout:       fixed;
  empty-cells:        show;
}

table.inline { /* Tabelle ohne Außenränder zum Gebrauch innerhalb einer Zeile */
  background-color:   #ffffff;
  padding:            0px;
  margin:             0px;
}

table.wide {
  width:              792px;
  margin:             0 0 0 4px;
}

@media screen {
  td {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        10pt;
    padding:          10px;
    border-spacing:   0px;
    margin:           0px;
  }
}

@media print {
  td {
    color:            #000000;
    font-family:      Arial, Helvetica, Geneva, sans-serif;
    font-size:        9pt;
    padding:          9px;
    border-spacing:   0px;
    margin:           0px;
  }
}

td.twocolumn { /*  2 Spalten auf der vollen Breite */
  width:              300px;
  padding:            0px;
  margin:             0px;
}

td.list { /*  für Listen */
  vertical-align:     top;
  padding:            5px;
  margin:             0px;
  border:             solid 1px #bbe9df;
}

td.inline {
  background-color:   #ffffff;
  padding:            0px;
  margin:             0px;
}

/***** Bilder *****/

img {
  border:             thin solid #ffffff;
}

img.logo {  /* Logo */
  position:           relative;
  left:               10px;
  top:                10px;
  float:              right;
}

img.bar {  /* Balken */
  margin:             10px 0 10px 0;
}

img.portrait {  /* Portrait links */
  margin:             0 5px 2px 0;
  float:              left;
  border:             thin solid silver;
}

/* Positionierungen */

.left                 {text-align:  left;}
.right                {text-align:  right;}
.center               {text-align:  center;}
.justify              {text-align:  justify;}

.indent               {margin-left: 20px;}
.indent5              {margin-left: 5px;}
.indent10             {margin-left: 10px;}
.indent20             {margin-left: 20px;}
.indent40             {margin-left: 40px;}

.topmargin            {margin-top:  20px;}
.topmargin0           {margin-top:  0;}
.topmargin10          {margin-top:  10px;}
.topmargin15          {margin-top:  15px;}
.topmargin20          {margin-top:  20px;}
.topmargin25          {margin-top:  25px;}
.topmargin30          {margin-top:  30px;}
.topmargin40          {margin-top:  40px;}

.vtop                 {vertical-align:top;}
.vbottom              {vertical-align:top;}
.lowpad               {padding:       5px;}

.inline { /*  keine Abstände */
  padding:            0px;
  margin:             0px;
 }

.border               {border: solid 1px #3cb499;}
.thinborder           {border: solid 1px silver;}
.noborder             {border: 0;}

.floatex              {clear:   both;}


.top_right {  /* Bild oben rechts */
  float:              right;
  margin:             2px 2px 10px 10px;
}

.top_left {  /* Bild oben links */
  float:              left;
  margin:             2px 10px 10px 2px;
}

.mid_right {  /* Bild mittig rechts */
  float:              right;
  margin:             10px 2px 10px 10px;
}

.mid_left {  /* Bild mittig links */
  float:              left;
  margin:             10px 10px 10px 2px;
}

.bottom_right {  /* Bild unten rechts */
  float:              right;
  margin:             10px 2px 2px 10px;
}

.bottom_left {  /* Bild unten links */
  float:              left;
  margin:             10px 10px 2px 2px;
}

.framed {  /* Bild mit Rahmen */
  float:              inherit;
  margin:             5px 5px 2px 5px;
}

/**** Listenformatierung *****/

@media screen {
  ul {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        10pt;
    list-style-type:  disc;
    margin-top:       0px;
    margin-bottom:    0px;
  }
}

@media print {
  ul {
    color:            #000000;
    font-family:      Arial, Helvetica, Geneva, sans-serif;
    font-size:        9pt;
    list-style-type:  disc;
    margin-top:       0px;
    margin-bottom:    0px;
  }
}

ul ul                 {list-style:       square; }
ul ul ul              {list-style:       disc; }
ul.compact            {margin-left:      15px; }
ul.left               {margin-left:      0px; }

ol                    {list-style:       upper-alpha; }
ol.decimal            {list-style:       decimal; }
ol ol                 {list-style:       decimal; }
ol ol ol              {list-style:       lower-alpha; }

li                    {margin-top:       5px; }
li.compact            {margin-top:       1px; }


/***** Linienformatierung *****/

hr {
  background-color:   #3cb499;
  height:             1px;
  margin:             5px 0;
  border:             0;
}

hr.light              {background-color: silver;}

/***** Fonts und Farben *****/

@media screen {
  .smallest           {font-size: 7pt;}
  .smaller            {font-size: 8pt;}
  .small              {font-size: 9pt;}
  .normal             {font-size: 10pt;}
  .large              {font-size: 11pt;}
  .larger             {font-size: 14pt;}
  .largest            {font-size: 18pt;}
}

@media print {
  .smallest           {font-size: 6pt;}
  .smaller            {font-size: 7pt;}
  .small              {font-size: 8pt;}
  .normal             {font-size: 9pt;}
  .large              {font-size: 10pt;}
  .larger             {font-size: 12pt;}
  .largest            {font-size: 16pt;}
}

.bold                 {font-weight: bold;}
.italic               {font-style:  italic;}
.header               {font-weight: bold;
                       text-align:  center;}
.highlighted          {font-weight: bold;
                       color:       #37a58c}
.alarm                {font-weight: bold;
                       color:       #ff0000;}
.underline            {text-decoration: underline;}

.subline { /* Unterüberschrift, Bildunterschrift, etc. */
  font-size:          9pt;
  font-style:         italic;
  margin-top:         0px;
  margin-bottom:      0px;
}

/**** Flaechenformatierung ****/

.bgv { /* hellblau */
  background-color:   #d3e9ff;
  color:              #004a9c;
  border:             solid 1px #004a9c;
}

/* Schriftfarben für Monitor:
   Farbton 118, Sättigung 128 */

.s_light              {color: #52c6ac;} /* Helligkeit 140 */
.s_normal             {color: #37a58c;} /* Helligkeit 110 */
.s_dark               {color: #287866;} /* Helligkeit  80 */

/* Graphikfarben für Monitor:
   Farbton 118, Sättigung 128 */

.g_lightest           {color: #e8f8f4;} /* Helligkeit 240 */
.g_lighter            {color: #bbe9df;} /* Helligkeit 210 */
.g_light              {color: #70d0bb;} /* Helligkeit 160 */
.g_normal             {color: #3cb499;} /* Helligkeit 120 */
.g_dark               {color: #2d8773;} /* Helligkeit 90  */
.g_darker             {color: #1e5a4d;} /* Helligkeit 60  */

.mint                 {color: #329680;}
.black                {color: #000000;}
.white                {color: #ffffff;}
.red                  {color: #861300;}
.bordeaux             {color: #aa4668;}
.blue                 {color: #004a9c;} 
.yellow               {color: #ffffd7;}
.green                {color: #1e5a4d;}

.visible              {visibility: visible;}
.invisible            {visibility: hidden;}