/*
Festlegung der CSS Styles
Homepage NW-HAmburg.de
*/

/* DIV TAGS   */
#logo           { position:absolute; top:5px; left:5px; height:100px; min-width:170px; vertical-align:middle; overflow:hidden; margin:0px;}

#head           { position:absolute; top:15px; left:175px; right:175px; height:80px; min-width:400px; overflow:hidden;  margin:0 auto; padding:0px;
                 font-family:Arial,sans-serif; font-weight:bold; text-align:center;  }

#head2          { position:absolute; top:22px; right:5px; width:170px; height:80px; min-width:170px; vertical-align:middle; overflow:hidden;  margin:0px; }

#welle          { position:absolute; top:87px; left:5px; right:5px; height:16px;   margin:0px;
                  background: url(./bilder/welle.gif); border-width:0px; border-style:solid; padding:3px}

#option         { position:absolute; top:110px; left:5px; width:175px; bottom:50px; overflow:auto;
                  font-family:arial; font-size:12px; text-decoration:none; color:black; vertical-align:middle; line-height:1.4em; border: 0px solid #cccccc; }

#option_member   { position:absolute; top:110px; left:5px; width:175px; bottom:70px; overflow:auto;
                  font-family:arial; font-size:12px; text-decoration:none; color:black; vertical-align:middle; line-height:1.4em; border: 0px solid #cccccc; }


#inhalt         { position:absolute; top:105px; bottom:65px; left:180px; right:5px;  overflow:auto;  margin:5px; border: 0px solid #222222; }

#fuss_left      { position:absolute; bottom:15px; left:5px; width:175px; border: 0px solid #cccccc;  margin:0px;  }      /* IMPRESSUM FELD */

#fuss_copy      { position:absolute; bottom:15px; left:185px; right:5px;  height:25px; border: 0px solid #cccccc;     /* REVISIONSFELD */
                  font-family:Arial,sans-serif; font-size:10px; color:black;   margin:0px;}

#fuss_aktuelles { display:inline; position:absolute; bottom:45px; left:185px; width:230px;  height:15px; border: 0px solid #cccccc;  /* NEWS Beschriftung */
                  font-family:Arial,sans-serif; font-size:10px; color:black;  margin:0px;}

#fuss_ticker    { display:inline; position:absolute; bottom:45px; left:420px; right:5px;  height:15px; border: 0px solid #cccccc;  /* TICKER FELD */
                  font-family:Arial,sans-serif; font-size:10px; color:black; padding:0px;  background-color:#BBD5FF;  margin:0px; }

/* haupt tags*/
html { height: 100%;}
        /*   color:#BBD5FF   color:#EDEDED;          */
body { background-color:#BBD5FF; height: 100%;  margin: 0px; padding: 0px;
       scrollbar-track-color:#AAC4EE;
       scrollbar-face-color:#EFEFEF;
       scrollbar-3dlight-color:#DFDFDF;
       scrollbar-highlight-color:#FFFFFF;
       scrollbar-shadow-color:#7F7F7F;
       scrollbar-darkshadow-color:#000000;
       scrollbar-arrow-color:#000000;
}



img { border: 0px; }


form {  display: inline;  padding: 0px;   margin: 0px; }

input { vertical-align: middle; }

hr {  height: 1px;  border: solid #4343C1 1px;   border-top-width: 0px; }




a.button:link, a.button:visited                                                 /* Aussehen des großen normalen Buttons */
{ display:block;
  background: url(./bilder/button/h-button-dg.gif);
  font-family:Verdana,Arial; color: #FFFFFF;
  text-align: center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;
  width:152px; padding: 0px ; line-height: 25px ;  height: 25px;  margin: 1px;
}

a.button:hover
{ display:block;                                                                 /* Aussehen des großen Buttons mit Mausüber */
  background: url(./bilder/button/h-button-dk.gif);
  font-family:Verdana,Arial; color: #DFDFDF;
  text-align: center; vertical-align:middle; font-size: 10px; text-decoration:none; font-weight:bold;
  width:152px; padding: 0px ; line-height: 25px ;  height: 25px;  margin: 1px;
}

a.button#selected
{ display:block;                                                                   /* Aussehen des großen aktiven momentan besuchtn Buttons */
  background: url(./bilder/button/h-button-hg.gif);
  font-family:Verdana,Arial; color:#EBE494;
  text-align: center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;
  width:152px; padding: 0px ; line-height: 24px ;  height: 25px;  margin: 1px;
}

a.button-untermenu:link, a.button-untermenu:visited
{ display:block;
  background: url(./bilder/button/u-button-dg.gif);
  font-family:Verdana,Arial; color: #FFFFFF;
  text-align: center; vertical-align:middle; font-size: 12px; text-decoration:none;font-weight:bold;
  width:152px; padding: 0px; padding-left:2px ; line-height: 25px ;  height: 25px;  margin: 1px;
}

a.button-untermenu:hover                                                            /* Aussehen des kleinen Buttons mit Mausüber */
{ display:block;
  background: url(./bilder/button/u-button-dk.gif);
  font-family:Verdana,Arial; color: #DFDFDF;
  text-align: center; vertical-align:middle; font-size: 10px; text-decoration:none; font-weight:bold;
  width:152px; padding: 0px ;padding-left:2px; line-height: 25px ;  height: 25px;  margin: 1px;
}

a.button-untermenu#selected                                                         /* Aussehen des kleinen aktiven monmentan besuchten Buttons */
{ display:block;
  background: url(./bilder/button/u-button-hk.gif);
  font-family:Verdana,Arial; color:#EBE494;
  text-align: center; vertical-align:middle; font-size: 12px; text-decoration:none;   font-weight:bold;
  width:152px; padding: 0px ;padding-left:2px; line-height: 24px ;  height: 25px;  margin: 1px;
}


/*   TOOLTIP   */

a.tipp { color: #000000; text-decoration: none; font-weight: normal; }
a.tipp:hover { background: transparent; z-index: 100;  color: #000000; text-decoration: none; font-weight: normal; }
a.tipp span {  display: none;  text-decoration: none;  }
a.tipp:hover span {
                display: block; position: absolute; z-index: 100; color: #AA1511; background: solid;  background-color:#FFF3CC;
                vertical-align:middle; text-align: center; border: 2px solid; border-color:#FF0404;  padding: 2px 2px 2px 2px;
                font-family: Arial, Helvetica, Sans-serif; text-decoration: none; font-weight:normal;  font-size: 8pt;  }



/*  Schrift design */


a.linktext:link, a.linktext:visited {  font-family:Verdana,Arial; font-size:12px; text-decoration:none; color:#1212FF;}
a.linktext:hover {   font-family:Verdana,Arial; font-size:12px; text-decoration:none; color:#8F8FFF;}

.titel {  color: #000000; font-family: Verdana,helvetica,arial; font-size: 14px; font-style:italic; text-align:center;
      padding-top: 10px; border-bottom:solid thin black; }


.text {  font-family:Arial,Verdana;  font-size:12px; text-align:left; }

.schoen { font-family:Arial,sans-serif; font-size:13px; text-align:left; color:#2F69F0; font-weight:bold;}

.satzung { font-family:Arial,sans-serif; font-size:11px; }

.box { font-family:Arial,sans-serif; font-size:12px; background-color:#BBD5FF;  border: 0px solid color:#EDEDED;  }

.anmerkung { font-family:Arial,sans-serif; font-size:12px; color:#CC0000; }

.form_text { font-family:Arial,sans-serif; font-size:12px; font-weight:bold;}

.redalert {color:red; font-family:Arial,sans-serif; font-size:12px; font-weight:bold;}

.info {color:#AA1511; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; border: 0px solid #cccccc; text-align:left;}