/*	-------------------------------------------------------------
	Beispiel eines Navigationsmenüs mit Sliding Doors
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          .datei         sliding-doors.html
          .kapitel       5
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               * {
                    /* Margin und Padding werden auf 0 gesetzt*/
/*                    margin: 0;
                    padding: 0;
*/               }

/*	-------------------------------------------------------------
	2. ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*
               body {
               	background: #fff;
               	font: 2.0em/1.6em Calibri, Helvetica, Georgia, serif; 
                    margin: 1em;
               }
*/
/*	-------------------------------------------------------------
	3. NAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
              #navbar {
			  	/* von altem menu: */
			  	position:absolute;
				top:30px;
				left:158px;
                    float: left;
                    width: 100%;
                    /*background-color: #ddd; */
                    /*hs4.9.08: border-bottom: 12px solid #ddccbb; */
               }
               #navbar ul {
                    list-style: none;
               }
               #navbar li {
                    float: left;
                    width: auto;
                    border-bottom: 1px solid #765;
               }
               #navbar a {
                    display: block;
                    float: left;
                    width: auto;
                    background: url("tab-links.gif") no-repeat left top;
                    padding-left: 18px;
                    text-decoration: none;
                    font-weight: bold;
                    color:#333;
               }
               #navbar a:hover {
                    background-position: 0% -150px;
               }
               #navbar a:active {
                    background-position: 0% -150px;
               }
               
			   #navbar li.current {
                    border-bottom: 1px solid #ddccbb;
               }
               #navbar li.current a {
                    background-position: 0 -150px;
               }
               #navbar li.current a span {
                    background-position: 100% -150px;
                    color: #333;
               }
			   
               #navbar a span {
                    float: left;
                    width: auto;
                    display: block;
                    background: url("tab-rechts.gif") no-repeat right top;
                    padding: 5px 15px 4px 0;
                    color: #333;
               }
               #navbar a:hover span {
                    color: #111;
                    background-position: 100% -150px;
                    cursor: pointer;
               }
			   /*hs 
			   #navbar a:active {
                    color: #111;
                    background-position: 100% -150px;
                    cursor: pointer;
               }
			   #navbar a:active span {
                    color: #111;
                    background-position: 100% -150px;
                    cursor: pointer;
               }
			   neu:*/
			   


/*	-------------------------------------------------------------
	4. HACKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               /* Commented Backslash Hack versteckt die
               folgende Anweisung von IE5-Mac \*/
               #navbar a span {
                    float: none;
               }
               /* End IE5-Mac hack */