body {
    font-size: 17px;
    font-family: arial, helvetica, sans-serif;
    color: white;
    margin-bottom: 5px;
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: justify;
/*    text-indent: 30px;*/
    background-color: black;
    background-position: top center;
    background-attachment: fixed;
  }


.count {
    color: #84D0CC;
    font-size: 15px;
    font-family: arial, helvetica, sans-serif;
    letter-spacing: 1.5pt;
  }


h1 {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #7dd0d8;
    font-size: 30px;
    text-align: center;
  }


h2 {
    font-family: arial, helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
    color: #7dd0d8;
    text-decoration: underline;
  }


h3 {
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    color: #7dd0d8;
    text-decoration: underline;
  }


p {
    color: #0000FF;
    font-family: "sans serif";
    color: #0000FF;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 12px;
    text-align: justify;
    text-indent: 30px;
  }


.menu {
    Color : white;
    Font-Family : arial, helvetica, sans-serif;
    Font-Size : 12px;
    Font-Style : normal;
    Font-Weight : normal;
    Line-Height : normal;
  }


a.menu {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.menu:active {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.menu:visited {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
  }


a.menu:hover {
    Color : #6FFDFF;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a:link {
    color: #48C3F0;
    font-family: arial, helvetica, sans-serif;
  }


a:active {
    color: #48C3F0;
    font-family: arial, helvetica, sans-serif;
  }


a:visited {
    color: #48C3F0;
    font-family: arial, helvetica, sans-serif;
  }


table {
    border-color: #84D0CC;
    color: white;
    font-size: 12px;
    vertical-align: top;
  }


.nav {
    Color : white;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Weight : normal;
    Line-Height : normal;
  }


a.nav {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.nav:active {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.nav:visited {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
  }


a.nav:hover {
    Color : #6FFDFF;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : underline overline;
  }


.archiv {
    Color : white;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Weight : normal;
    Line-Height : normal;
  }


a.archiv {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.archiv:active {
    Color : #48C3F0;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : none;
  }


a.archiv:visited {
    Color : #0199FF;
    Font-Family : arial, helvetica, sans-serif;
  }


a.archiv:hover {
    Color : #6FFDFF;
    Font-Family : arial, helvetica, sans-serif;
    Font-Style : normal;
    Font-Variant : normal;
    Font-Weight : normal;
    Line-Height : normal;
    Text-Decoration : underline overline;
  }


td.kopf2 {
    background-image: url(images/kopf2.jpg);
    border-collapse: collapse;
    border-top: solid #84D0CC 1.5pt;
    border-left: none;
    border-right: none;
    border-bottom:solid #84D0CC 1.5pt;
    padding:0cm 0pt 0cm 0pt;
  }


td.balken {
    background-image: url(images/vedran_hf.jpg);
    text-align: center;
    vertical-align: top;
    width: 16px;
  }


table.menubutton1 {
    text-align: center;
    width: 130px;
    height:35px;
  }


table.menubutton2 {
    text-align: center;
    width: 100px;
    height:35px;
  }


table.ff {
    font-size: 11px;
  }


table.contact {
    background-image : url(images/harper_contact.jpg);
    height : 277px;
    width : 441px;
  }

table.copyrightpic {
 height: 90px;
 width: 140px;
 }

table.navbutton1 {
     height: 20px;
     width: 100px;

}

table.navbutton2 {
     height: 35px;
     width: 130px;

}

td.ff {
    border:none;
    border-bottom: solid .1pt;
    padding: 2.5pt 2pt 2.5pt 2pt;
  }


td.white {
    color: #FFFFFF;
    font-weight: bold;
  }

.windowbg  {
          border-right : 1px outset #252525;
          padding-right : 2px;
          border-top : 1px outset #6b6b6b;
          padding-left : 2px;
          padding-bottom : 2px;
          border-left : 1px outset #6b6b6b;
          padding-top : 2px;
          border-bottom : 1px outset #252525;
          background-color : #272a2f;
      }
.windowbg2 {
          border-right : 1px outset #414141;
          border-top : 1px outset #999999;
          border-left : 1px outset #999999;
          border-bottom : 1px outset #414141;
          background-color : #444444;
      }
.windowbg3 {
          border-right : 1px outset #cc9900;
          border-top : 1px outset #ffff99;
          border-left : 1px outset #ffff99;
          border-bottom : 1px outset #cc9900;
          background-color : #cccc00;
      }
.titlebg {
          border-right : 1px outset #000000;
          border-top : 1px outset #ffffff;
          border-left : 1px outset #ffffff;
          border-bottom : 1px outset #000000;
          background-color : #cccc00;
      }
.catbg {
          border-right : 1px outset #414141;
          border-top : 1px outset #999999;
          border-left : 1px outset #999999;
          border-bottom : 1px outset #414141;
          background-color : #666600;
      }
.text1 {
          font-weight : bold;
          font-size : 13px;
          color : #000000;
          font-style : normal;
      }
.oldcatbg {
          border-right : 1px solid #666666;
          border-top : 1px solid #666666;
          font-weight : bold;
          font-size : 13px;
          border-left : 1px solid #666666;
          color : #eeeeee;
          border-bottom : 1px solid #666666;
          background-color : #40454c;
      }
.bordercolor {
          background-color : #000000;
      }
.quote {
          border-right : 1px #666666;
          border-top : 1px #666666;
          font-size : 10px;
          border-left : 1px #666666;
          color : #ffffff;
          border-bottom : 1px #666666;
          font-family : Arial;
      }
.code {
          font-size : 12px;
          color : #000000;
          font-family : "Courier New", Courier, mono;
          background-color : #ffb920;
      }
    
.poll {
          font-size : 10px;
          color : red;
          font-family : Arial;
      }

span.small {

          font-size: 10px;

      }

.thumbnail td {
          text-align: center;
          padding: 3px 3px 3px 3px;
/*          background-color: #08589d;*/
           border: 1px solid #6dbccd;
          vertical-align: top;
          margin-right: 10px;
          margin-bottom: 10px;
      }

.galery td {

          vertical-align: top;

      }

.reports {

         text-align: justify;
         width: 95%;
}

/*Bildformatierungen 
float: Textumfluss des Bildes oder Blockes
picleft und picright direkt im img Tag drin 
untertitelleft und untertitelright im div tag drin 
(siehe Bericht Dromday)
 */

img.picleft {

         float: left;
         padding: 5px 8px 5px 0px;

}

img.picright {

         float: right;
         padding: 5px 0px 5px 8px;

}

div.untertitelleft {

         display: block;
         float: left;
         padding: 5px 8px 5px 0px;

}

div.untertitelright {

         display: block;
         float: right;
         padding: 5px 0px 5px 8px;

}