/*   Zentrales Stylesheet für die WissWB-Templates.
      """"""""""""""""""""""""""""""""""""""""""""""


/* Das Textmenü für Text- und Braille-Browser soll unsichtbar
   sein, wenn CSS (und damit ein gängiger Browser) aktiv ist */

   #BTmenu   {visibility: hidden;}



/*  >>>>>   Formatanweisungen für das gesamte Dokument >>>>>    */

		         a:link    { text-decoration:underline; color:#cc6600;}
                 a:visited { text-decoration:underline; color:#cc6600;}
                 a:hover { text-decoration:underline; color:#ff9933;}
                 a:active { text-decoration:underline; color:#cc6600;}
                 
   				 a.titel:link    { text-decoration:none; color:#cc6600;}
                 a.titel:visited { text-decoration:none; color:#cc6600;}
                 a.titel:hover { text-decoration:none; color:#cc6600;}
                 a.titel:active { text-decoration:none; color:#cc6600;}

        	     a.men:link    { text-decoration:none; color:#000000;}
                 a.men:visited { text-decoration:none; color:#000000;}
                 a.men:hover { text-decoration:none; color:#000000;}
                 a.men:active { text-decoration:none; color:#000000;}

                 a.top:link    { text-decoration:none; color:#cc6600; font-size: 10px;}
                 a.top:visited { text-decoration:none; color:#cc6600; font-size: 10px;}
                 a.top:hover { text-decoration:none; color:#ff9933; font-size: 10px;}
                 a.top:active { text-decoration:none; color:#cc6600; font-size: 10px;}

                 a.s_menu:link    { text-decoration:none; color:#FFFFFF;}
                 a.s_menu:visited { text-decoration:none; color:#FFFFFF;}
                 a.s_menu:hover   { text-decoration:none; color:#FFbE84;}
                 a.s_menu:active  { text-decoration:none; color:#FFFFFF;}

                 a.highlight  { color:#FFFFFF; background-color:#cc6600; font-weight: bold; }
                 a.teaser     { color:#cc6600; font-weight: bold }
                 a.teasertext { color:#000000; }
                 a.search     { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color:#cc6600; font-weight: bold; }
                 a.verweis    { text-decoration:none; color:#cc6600; font-size: 12px;}
                 a.suche      { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color:#cc6600; font-weight: bold; text-decoration:none; }
				 a.whitetext  { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color:#ffffff; font-weight: bold; }
                 td          { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color:#000000; }
                 .subm       { font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; color:#FFFFFF; font-weight: normal; line-height:10.5pt;}
                 .anbliste   {list-style-image:url(images/right.gif);}
                 .titel      { color:#cc6600; font-weight: bold }
                 .anbparam   { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; color:#cc6600; font-weight: normal; line-height:10.5pt;}
                 select      { font-size: 10px;}

                 h1  {font-size: 16px; margin-bottom: 6pt;}
                 h2  {font-size: 12px; color:#cc6600; }



   body    { background-image: url('images/back.gif');
   	     background-repeat: repeat-y;
              background-position: center;
              }


 		   #content { /* Die folgenden Zuweisungen bewirken<br>
		                 zentrierte Positionierung des Content */
		                 position: absolute;
		   		top: 0px;
		   		left: 50%;
		                 width: 764px;
		                 margin-left: -390px;
		                 font-family: arial,verdana,helvetica,sans-serif;
		           }


   #textS  {
                    font-size: 10px;
           }



 /*
 Header
 Die Headergrafik besteht aus vielen Einzelelementen,
 da sie 2 Navigationsmenüs mit Hyperlinks enthält.
 In diesem Abschnitt werden die einzelnen Elemente ihren
 Positionen zugewiesen und die betr. Grafiken geladen   */
   #Logo   {background: url(images/hlogo.jpg);
              width: 258px;
   			  height: 72px;
   			  position: absolute;
   			  top: 0px;
   			  left: 8px;
   			  }
   #Mspace   {background: url(images/hmspace.jpg);
              width: 161px;
   			  height: 72px;
   			  position: absolute;
   			  top: 0px;
   			  left: 266px;
   			  }
   #CornerL  {background: url(images/hcornerl.jpg);
              width: 13px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 427px;
   			  }
   #AnbLogin {background: url(images/hanblogin.jpg);
              width: 87px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 440px;
   			  }
   #Pipe1   {background: url(images/hpipe1.jpg);
              width: 21px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 527px;
   			  }
   #SiteM   {background: url(images/hsitem.jpg);
              width: 53px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 548px;
   			  }
   #Pipe2   {background: url(images/hpipe2.jpg);
              width: 19px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 601px;
   			  }
   #Kontakt  {background: url(images/hkontakt.jpg);
              width: 51px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 620px;
   			  }
   #Pipe3   {background: url(images/hpipe3.jpg);
              width: 18px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 671px;
   			  }
   #Help   {background: url(images/hhelp.jpg);
              width: 61px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 689px;
   			  }
   #CornerR  {background: url(images/hcornerr.jpg);
              width: 23px;
   			  height: 23px;
   			  position: absolute;
   			  top: 0px;
   			  left: 750px;
   			  }
   #Rspace   {background: url(images/hrspace.jpg);
              width: 346px;
   			  height: 49px;
   			  position: absolute;
   			  top: 23px;
   			  left: 427px;
   			  }
   #Cspace   {background: url(images/hcspace.jpg);
              width: 765px;
   			  height: 22px;
   			  position: absolute;
   			  top: 72px;
   			  left: 8px;
   			  }
   #Home     {background: url(images/hhome.jpg);
              width: 64px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 8px;
   			  }
   #Info     {background: url(images/hinfo.jpg);
              width: 105px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 72px;
   			  }
   #AnbInfo  {background: url(images/hanbinfo.jpg);
              width: 120px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 177px;
   			  }
   #Berat   {background: url(images/hberat.jpg);
              width: 79px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 297px;
   			  }
   #About    {background: url(images/habout.jpg);
              width: 106px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 376px;
   			  }

   #AboutH    {background: url(images/habouth.jpg);
              width: 106px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 376px;
   			  }

   #Suche    {background: url(images/hsuche.jpg);
              width: 95px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 482px;
   			  }

   #SucheH    {background: url(images/hsucheh.jpg);
              width: 95px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 482px;
   			  }

   #MyWissWB {background: url(images/hmywisswb.jpg);
              width: 108px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 577px;
   			  }

    #MyWissWH {background: url(images/hmywisswbh.jpg);
              width: 108px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 577px;
   			  }

   #Nspace   {background: url(images/hnspace.jpg);
              width: 88px;
   			  height: 23px;
   			  position: absolute;
   			  top: 94px;
   			  left: 685px;
   			  }



   /* Ab hier wird der Balken unterhalb der Navigation referenziert,
      durch den der jeweils ausgewählte Reiter hervorgehoben wird.
      Für jeden der Reiter ist daher ein anderer Balken erforderlich.
      Sämtliche Versionen des Balken sind hier definiert. <br>
      Jeder Balken existiert in 2 Versionen:<br>
      Mit abgerundeter Ecke links unten, wenn KEIN Submenü folgt und<br>
      mit harter Ecke unten, wenn ein Submenü folgt (besserer Übergang)
      Aufgerufen werden sie durch den entsprechenden Eintrag im
      <body>-Bereich der HTML-Seite (z.B. <div id="balHome"></div>) */

      #balHome   {background: url(images/balhome2.jpg);
                         background-repeat: no-repeat;
                         width: 765px;
                         height: 122px;
						 padding-top: 8px;
                         position: relative;
						margin: 0 auto;
                         top: 117px;
                         left: 8px;
                         }
						 
	 #banner	   {	 background: url(images/introbanner.png);
 						 margin-left: auto;
						 margin-right: auto;
						 position: absolute;
   			             /* kein warentest:
						 left: 82px;
						 top: 70px; */
						 left: 60px;
						 top: 50px;
   			       }
					 
      #balHomeS   {background: url(images/balhomes.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 30px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balInfo   {background: url(images/balinfo.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balInfoS   {background: url(images/balinfos.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balAnbInf {background: url(images/balanbinf.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balAnbInfS {background: url(images/balanbinfs.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balBerat  {background: url(images/balberat.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balBeratS  {background: url(images/balberats.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balUeber  {background: url(images/balueber.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balUeberS  {background: url(images/baluebers.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balSuche  {background: url(images/balsuche.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balSucheS  {background: url(images/balsuches.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balMyWB  {background: url(images/balmywb.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balMyWBS  {background: url(images/balmywbs.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

      #balken    {background: url(images/balken.jpg);
                         background-repeat:no-repeat;
                         width: 765px;
                         height: 20px;
                         position: absolute;
                         top: 117px;
                         left: 8px;
                         }

   /* >>>>>>  Submenü <<<<<< */

      #submenu   {       font-size: 9pt;
                         font-weight: bold;
                         color: #000000;
                         text-indent:0.2cm;
                         line-height:17pt;
                         }

      #sub_top   {background: url(images/sub_top.gif);
                         background-repeat:no-repeat;
                         width: 208px;
                         height: 9px;
                         position: absolute;
                         top: 127px;
                         left: 10px;
                         }

      #submenu1   {position: absolute;
                         top: 136px;
                         left: 10px;
                         }

      #submenu2   {position: absolute;
                         top: 160px;
                         left: 10px;
                         }

      #submenu3   {position: absolute;
                         top: 184px;
                         left: 10px;
                         }

      #submenu4   {position: absolute;
                         top: 208px;
                         left: 10px;
                         }

      #submenu5   {position: absolute;
                         top: 232px;
                         left: 10px;
                         }

      #submenu6   {position: absolute;
                         top: 256px;
                         left: 10px;
                         }

      #submenu7   {position: absolute;
                         top: 280px;
                         left: 10px;
                         }

      #submenu8   {position: absolute;
                         top: 304px;
                         left: 10px;
                         }

      #submenu9   {position: absolute;
                         top: 328px;
                         left: 10px;
                         }

      #submenu10  {position: absolute;
                         top: 352px;
                         left: 10px;
                         }

      #submenu11  {position: absolute;
                         top: 376px;
                         left: 10px;
                         }

      #submenu12  {position: absolute;
                         top: 400px;
                         left: 10px;
                         }


      #point   {background: url(images/sub_l.gif);
                         width: 19px;
                         height: 24px;
                         position: absolute;
                         left: 0px;
                         }

      #sub_h   {background-color: #E97110;
                         width: 182px;
                         height: 24px;
                         position: absolute;
                         left: 19px;
                         color: #FFFFFF;
                         }

      #sub_lh   {background-color: #E97110;
                         width: 182px;
                         height: 24px;
                         position: absolute;
                         left: 19px;
                         color: #FFFFFF;
                         }

      #sub_m    {background: url(images/sub_m.gif);
                         background-repeat: repeat-y;
                         width: 206px;
                         position: absolute;
                         left: -18px;
                         top: 24px;
                         padding-right: 7px
                         }


      #submenu_l2   {position: absolute;
                         left: -1px;
                         }

      #sub_n   {background-color: #FFBE84;
                         width: 182px;
                         height: 24px;
                         position: absolute;
                         left: 19px;
                         }

      #sub_r   {background: url(images/sub_r.gif);
                         width: 5px;
                         height: 24px;
                         position: absolute;
                         left: 201px;
                         }

      #sub_bot   {background: url(images/sub_bot.gif);
                         width: 208px;
                         height: 12px;
                         position: absolute;
                         left: 0px;
                         top: 24px;
                         }

      #sub_lbot   {background: url(images/sub_bot.gif);
                         width: 208px;
                         height: 12px;
                         position: absolute;
                         left: -19px;
                         top: 24px;
                         }


   /*  Schnellsuch-Bereich der Home-Page  */

   #QuickSearch	   {     font-size: 12px;
	   		 position: absolute;
	   		 top: 50px;
   }


   #SchnellSuche    {     width: 286px;
                          height: 95px;
                          background-image: url('images/suchback.jpg');
   		          position: absolute;
   			  top: 137px;
   			  left: 487px;
   			  }

   #oder1 {	          position: absolute;
   			  top: 238px;
			  left: 487px;
			  font-weight: bold;
   			  }

   #oder2 {	          position: absolute;
   			  top: 380px;
			  left: 487px;
			  font-weight: bold;
   			  }
			  
   #Abenteuer    {      width: 286px;
                        height: 122px;
                        background-image: url('images/abentback.jpg');
   		        position: absolute;
   			top: 392px;
   			left: 487px;
   			  }

   #Professionals    {     width: 286px;
                           height: 122px;
                           background-image: url('images/profback.jpg');
                           background-repeat: no-repeat;
   		          position: absolute;
   			  top: 252px;
   			  left: 487px;
   			  }


   /*  Inhaltsbereich für den Text (Hauptcontent)   */

   #pfad            {      font-size: 11px;
                           width: 550px;
                           height: 20px;
   		                   position: absolute;
   			               top: 142px;
   			               left: 221px;
   			               }
			
   #pfadHome        {      font-size: 11px;
                           width: 550px;
                           height: 20px;
   		                   position: absolute;
   			               top: 169px;
   			               left: 221px;
   			               }

   #print	        {      position: absolute;
   			               top: 15px;
                           right: 5px;
                           }


   #pfadquer        {      font-size: 11px;
                           width: 750px;
                           height: 20px;
   		                   position: absolute;
   			               top: 142px;
   			               left: 21px;
   			               }

   #VeranstSuche    { 
                           position: absolute;
						   top: 10px;
						   left: 180px;
	                }

   #textContent     {      font-size: 77%;
   			               width: 550px;
   		                   position: absolute;
   			               top: 176px;
   			               left: 221px;
                           font-family: arial,verdana,helvetica,sans-serif;
   			         }

   #textContentquer {      font-size: 77%;
   			               width: 750px;
   		                   position: absolute;
   			               top: 176px;
   			               left: 21px;
                           font-family: arial,verdana,helvetica,sans-serif;
   			         }


	#homeContent {
					font-size: 77%;
	                width: 764px;
	                top: 126px;
					margin: 0 auto;
					position: absolute;
	                font-family: arial,verdana,helvetica,sans-serif;
	}


   #homeSearch {			width: 100%;
   							position: absolute;
							text-align: center;
							font-family: arial,verdana,helvetica,sans-serif;
							font-size: 12px; color:#ffffff; font-weight: bold;
   }
					 
   #homeMain        {      width: 100%;
   		                   position: absolute;
   			               left: 0px;
   			         }
					 
   #homeText        {      position: absolute;
   			               top: 205px;

   			         }
					 
   #newsText        {      position: absolute;
   							left: 17px;
   			               top: 70px;
   			         }					 
					 

   #introText	   {	  font-weight: bold;  }

   #Sprungliste		{font-weight: bold; }


   /* Formatierungen für die Profi-Suche-Seiten  */

   #PSdunkel      {background-color:#FFe7CF; padding:4px; display:block;}

   #PShell        {background-color:#FFF3E7; padding:4px; display:block;}

   /* Footer
      #footer = Footer bei Textseiten
	  #footerHome = Footer bei Home-Seite
      #footerH = Footer bei anderen Seiten
     */
   #footer     {  position: absolute; left:-210px;
                  width: 759px;
   		  }

   #footerH     { position: absolute;left:0px;
                  width: 759px;

   		  }

   
   #footerHome     { position: absolute; 
   					 left: 0px;
                     width: 759px;
   		  }

/* IWWB Umfrage */
#close_text a {
	position:absolute;
	top:1px;
	right:21px;
	width:110px;
	padding:4px 0 3px 0;
	font:bold 11px arial,verdana,tahoma,helvetica,geneva,sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
}

#close_text a:hover {
	color:#000;
	text-decoration:underline;
}

#close_text a:visited {
	color:#000;
	text-decoration:none;
}

#close_button a {
	position:absolute;
	top:1px;
	right:1px;
	width:21px;
	height:21px;
	text-decoration:none;
	background:url(http://www.iwwb.de/images/button_close_popup.gif) center no-repeat;
}

#popup {
	position:absolute;
	
	/* Position des PopUps auf der Seite. Angaben in Pixel von oben (top) und links (left) */
	top:75px;
	left:260px;
	
	width:750px;
	height:480px;
	padding:5px;
	border:1px solid #000;
	background-color:#fff;
}