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

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

#head           { position:absolute; top:0px; left:0px; right:0px; height:88px; min-width:400px; overflow:hidden;  margin:0 auto; padding:0px;
		  background: url(./bilder/head.jpg);  font-family:Arial,sans-serif; font-weight:bold; text-align:center; vertical-align:middle; z-index:2; }

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

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



#option_welle   { position:absolute; top:88px; left:0px; right:0px; height:28px; margin:0px; border-width:0px; border-style:solid; padding:3px; z-index:3;}


#option         { position:absolute; top:123px; left:11px; width:165px; bottom:35px; overflow:auto; z-index:12;
		  /* background: url(./bilder/button-bg.gif);   background-color:rgb(41,49,90);*/ padding:3px;
				  font-family:arial; font-size:12px; line-height:1.4em; border: 0px solid #cccccc; }

#option_rechts  { position:absolute; top:123px; right:2px; width:165px; bottom:35px; overflow:hidden; z-index:4;
		 /* background: url(./bilder/button-bg-r.gif);    background-color:rgb(41,49,90);*/ padding:3px;
		  font-family:arial; font-size:12px; line-height:1.4em; border: 0px solid #cccccc; }





#inhalt         { position:absolute; top:121px; bottom:35px; left:175px; right:175px;  overflow:auto;  margin:5px; font-family:Arial,sans-serif; font-size:12px; }


#welle_fuss      { position:absolute; bottom:0px; left:0px; right:0px; height:30px;   margin:0px;
				  background: url(./bilder/welle-ani.gif); border-width:0px; border-style:solid; padding:3px; z-index:1;}
#paddler          { position:absolute; bottom:19px; right:15px; width:155px; height:80px; min-width:155px; vertical-align:middle; overflow:hidden;  margin:0px;
								  background: url(./bilder/logo2.gif); border-width:0px; border-style:solid; z-index:5;}


#fuss_left      { position:absolute; bottom:57px; left:5px; width:30px; border: 0px solid #cccccc;  margin:0px; z-index:10; }      /* IMPRESSUM FELD */

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

#fuss_aktuelles { display:inline; position:absolute; bottom:50px; left:325px; 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:7px; left:325px; right:5px;  height:15px; border: 0px solid #cccccc;  /* TICKER FELD */
				  font-family:Arial,sans-serif; font-size:10px; color:white; padding:0px; /* background-color:#BBD5FF; */ margin:0px; z-index:10;}




/* haupt tags*/
html { height: 100%;}
body { background-color:#BBD5FF; height: 100%;  margin: 0px; padding:0px; font-family:Arial,sans-serif; font-size:12px;}
img { border: 0px; }
form {  display: inline; padding:0px; margin:0px; }
td {font-family:Arial,sans-serif; font-size:12px;}
th {  color: #000000; font-family: arial; font-size: 12px; font-style:italic; text-align:left; padding-top:5px; padding-left:0px; padding-right:0px;  margin-left:0px; margin-right:0px; border-right:0px; border-left:0px;  border-bottom:solid thin grey; }
input { vertical-align: middle; }
hr {  height: 1px;  border: solid #4343C1 1px;   border-top-width: 0px; }
h1 {  color: #000000; font-family: arial; font-size: 14px; font-style:italic; text-align:center; padding-top:10px; border-bottom:solid thin black; }
h2 {  color: #000000; font-family: arial; font-size: 12px; font-style:italic; text-align:left; padding-top:10px; border-bottom:solid thin grey; }




div.leiste_1 {  position:absolute; top:95px; left:15px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100;}
div.menu_1 {    position:absolute; top:95px; left:15px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100; visibility:hidden; }

a.menu_1:link, a.menu_1:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_1:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }

a.menu_1_fill:link, a.menu_1_fill:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:160px; background: #BBD5FF; text-decoration:none; }
a.menu_1_fill:hover
			 { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:160px; background: #BBD5FF;  text-decoration:none;}



div.leiste_2 {  position:absolute; top:95px; left:180px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100;}
div.menu_2 {    position:absolute; top:95px; left:180px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100; visibility:hidden;}
a.menu_2:link, a.menu_2:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_2:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }

div.leiste_3 {  position:absolute; top:95px; left:345px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100;}
div.menu_3 {    position:absolute; top:95px; left:345px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100; visibility:hidden;}
a.menu_3:link, a.menu_3:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_3:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }



div.leiste_4 {  position:absolute; top:95px; left:510px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100;}
div.menu_4 {    position:absolute; top:95px; left:510px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100; visibility:hidden; }
a.menu_4:link, a.menu_4:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_4:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }


div.leiste_5 {  position:absolute; top:95px; left:675px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100;}
div.menu_5 {    position:absolute; top:95px; left:675px; width:152px; line-height:25px; height:25px; margin:0px; padding:0px; z-index:100; visibility:hidden;}
a.menu_5:link, a.menu_5:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_5:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }



div.leiste_6 {  position:absolute; top:95px; left:840px; width:152px; line-height:25px; height:25px; margin: 0px; padding:0px; z-index:100;}
a.menu_6:link, a.menu_6:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_6:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }


a.menu:link, a.menu:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-h.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }

a.menu_d:link, a.menu_d:visited, a.menu_d:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-d.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_m:link, a.menu_m:visited
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-md.gif);
				font-family:Arial; color:#DFDFDF; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }
a.menu_m:hover
			  { display:block; width:152px; margin:0px; padding:0px; line-height:25px; height:25px; background-image: url(./bilder/button/button-new-mh.gif);
				font-family:Arial; color:#FAFAFA; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }

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


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






a.button:link, a.button:visited                                                 /* Aussehen des großen normalen Buttons */
{ display:block;
  background: url(./bilder/button/button-new-d.gif);
  font-family:Arial; color: #DFDFDF; 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: 0px;
}

a.button:hover
{ display:block;                                                                 /* Aussehen des großen Buttons mit Mausüber */
  background: url(./bilder/button/button-new-h.gif);
  font-family:Arial; color: #FAFAFA;
  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: 0px;}

a.button#selected
{ display:block;                                                                   /* Aussehen des großen aktiven momentan besuchtn Buttons */
  background: url(./bilder/button/button-new-s.gif);
  font-family:Arial; color:#EBE494;
  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: 0px;}






/*   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;  }



a.ticker:link, a.ticker:visited {  font-family:Verdana,Arial; font-size:12px; text-decoration:none; color:white;}
a.ticker:hover 			{  font-family:Verdana,Arial; font-size:12px; text-decoration:none; color:yellow;}


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;}





/*  TOOLTIP für BOOTSBELEGUNGSKALENDER  */
a.aktiv              {text-decoration:none;  font-size: 5pt;}
a.aktiv:hover        {text-decoration:none;  font-size: 6pt;}
a.aktiv span         {display: none;  text-decoration: none;  }
a.aktiv:hover span   {display: block; position: absolute; z-index: 100; color: #000000; background: solid;  background-color:#FFF3CC;
			  vertical-align:middle; text-align:left; border: 2px solid; border-color:#00FF00;  padding: 2px 2px 2px 2px;
			  font-family: Arial, Helvetica, Sans-serif; text-decoration: none; font-weight:normal;  font-size: 8pt;
					  left:0px; width:300px; }


a.anfrage              {text-decoration:none;  font-size: 5pt;}
a.anfrage:hover        { text-decoration:none;  font-size: 6pt;}
a.anfrage span       {display: none;  text-decoration: none;  }
a.anfrage:hover span {display: block; position: absolute; z-index: 100; color: #000000; background: solid;  background-color:#FFF3CC;
			  vertical-align:middle; text-align:left; border: 2px solid; border-color:orange;  padding: 2px 2px 2px 2px;
			  font-family: Arial, Helvetica, Sans-serif; text-decoration: none; font-weight:normal;  font-size: 8pt;
					  left:0px; width:300px;}


a.gesperrt              {text-decoration:none;  font-size: 5pt;}
a.gesperrt:hover        {text-decoration:none;  font-size: 6pt;}
a.gesperrt span        {display: none;  text-decoration: none;  }
a.gesperrt:hover span  {display: block; position: absolute; z-index: 100; color: #000000; background: solid;  background-color:#FFF3CC;
				vertical-align:middle; text-align:left; border: 2px solid; border-color:red;  padding: 2px 2px 2px 2px;
			font-family: Arial, Helvetica, Sans-serif; text-decoration: none; font-weight:normal;  font-size: 8pt;
						left:0px; width:300px; }







/*  Formular design  */
option.aktiv { background:green;}
option.anfrage { background:orange; }
option.gesperrt { background:red;}





/*  Schrift design */
.vorgang_ok  { font-family:Arial,sans-serif; font-size:13px; text-align:left; color:green; font-weight:bold;}
.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 { font-family:Arial,sans-serif; font-size:12px; color:red; font-weight:bold;}
.info {font-family:Arial,sans-serif; font-size:12px; color:#AA1511; font-weight:bold; border: 0px solid #cccccc; text-align:left;}
.untermenu { font-family:Arial; color:#101010; text-align:center; vertical-align:middle; font-size: 12px; text-decoration:none; font-weight:bold;  }

.hinweisbox_rot {  border: 1px solid; border-color:red; padding: 5px 4px; background-color:#FFFCB9;   /*    */
		  color:red; font-family: verdana,arial,helvetica; font-size: 8pt;  }
.hinweisbox_grau { border: 1px solid; border-color:#808080; padding: 5px 4px;  background-color:#ECECED;  /**/
			 color:#808080; font-family: arial,helvetica; font-size: 8pt;   }

.brief { border: 2px solid; border-color:#808080; padding: 5px 4px;  background-color:#FEFBC2;  /**/
			 color:#808080; font-family: arial,helvetica; font-size: 9pt;   }
.tipp_grau 		{ border: 1px solid; border-color:#808080; padding: 5px 4px;  background-color:#ECECED;  /**/
			 color:#808080; font-family: arial,helvetica; font-size: 8pt;  }


.gruen 	{ font-family: arial,helvetica; color:green;  }
.rot 		{ font-family: arial,helvetica; color:red;  }

.aktiv_kl    {border: 1px solid; background-color:#00FF00; padding: 4px 3px; font-size: 8pt;}
.anfrage_kl  {border: 1px solid; background-color:orange; padding: 4px 3px; font-size: 8pt;}
.gesperrt_kl {border: 1px solid; background-color:red; padding: 4px 3px; font-size: 8pt;}








/*  TABELLENDESIGN          */

/*  TEXTFELDER */
td.formular 		{ font-size:9pt; font-family: arial,helvetica;  }
td.top {  color: #000000; font-family: arial; font-size: 12px; font-style:italic; font-weight:bold; text-align:left;
		  padding-top:5px; padding-bottom:0px; padding-left:0px; padding-right:0px;  margin-left:0px; margin-bottom:0px; margin-right:0px; border-right:0px; border-left:0px;
	  border-bottom:solid thin grey; }
td.text_klein 		{ font-size:8pt; font-family: arial,helvetica;  }


/* Farbfelder */
td.gruen 	{ font-family: arial,helvetica; color:green;  }
td.rot 		{ font-family: arial,helvetica; color:red;  }

td.aktiv    {border: 1px solid; background-color:#00FF00;}
td.anfrage  {border: 1px solid; background-color:orange; }
td.gesperrt {border: 1px solid; background-color:red;}
td.unused {border: 1px solid; background-color:grey;}
td.leer {border: 1px solid; background-color:#BBD5FF;}
td.strich { background-color:grey;}

td.aktiv_kl    {border: 1px solid; background-color:#00FF00; padding: 5px 4px; font-size: 8pt;}
td.anfrage_kl  {border: 1px solid; background-color:orange; padding: 5px 4px; font-size: 8pt;}
td.gesperrt_kl {border: 1px solid; background-color:red; padding: 5px 4px; font-size: 8pt;}

td.balken {background-color:grey;  padding:0px; margin:0px; border:1px solid;}
th.balken {background-color:grey;  padding:0px; margin:0px; border:1px solid;}



/* HINWEISFELDER   */
td.fehlerbox 		{ border: 1px solid; border-color:red; padding: 5px 4px; background-color:#FFFCB9;   /*    */
					  color:red; font-family: arial; font-size: 8pt;  }
td.tipp_blau 	 	{ border: 1px solid; border-color:#1575A3; padding: 5px 4px;   background-color:#ECECED;  /**/
			  color:#1575A3; font-family: arial,helvetica; font-size: 8pt;  }
td.tipp_grau 		{ border: 1px solid; border-color:#808080; padding: 5px 4px;  background-color:#ECECED;  /**/
			 color:#808080; font-family: arial,helvetica; font-size: 8pt;  }
td.redalert {  border: 1px solid; border-color:red; padding: 5px 4px; background-color:#FFFCB9;   /*    */
		  color:red; font-family: verdana,arial,helvetica; font-size: 8pt; font-weight:normal; }




/*  KALENDER FELDER */
.wt {background-color:efefef;}
.we {background-color:bcbcbc;}