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



/*	-------------------------------------------------------------
	2. ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               body {
			   
               	background: #fff;
               	font: 65% Verdana, Helvetica, Georgia, serif; 
                    /*margin: 1em;*/
               }

/*	-------------------------------------------------------------
	3. NAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
              #container {
                    margin: 0;
					padding: 0;
					width: 555px;
               }
			  
			  
			  /*dicker, unterer Rand*/
			  #navbar {
                    float: left;	
                    width: 555px;
                    background-color: #fff;
                    border-bottom: 5px solid #066ba1;
               }
               #navbar ul {
			        margin-left: 0%;
					padding-left: 0%;
                    list-style: none;
					padding:0px 0px 0px 0px; /*Abstand navi nach unten: dritter wert gibt abstand nach unten an, wichtig für IE*/
		  			list-style:none;
               }
               #navbar li {
                    float: left;
                    width: auto;
				    /*border-bottom: 1px solid #9ccae3;*/
               }
               #navbar a {
                    display: block;
                    float: left;
                    width: auto;
                    background: url("http://www.vladi-private-islands.de/sale/site/html/bilder/navi_css/tab-links.gif") no-repeat left top;
                    padding-left: 4px;
                    text-decoration: none;
                    font-weight: bold;
                    color:#9ccae3;
               }
               #navbar a:hover {
                    background-position: 0% -150px;
               }
               #navbar li.current {
                    /*border-bottom: 1px solid #9ccae3;*/
               }
               #navbar li.current a {
                    background-position: 0% -150px;
               }
               #navbar li.current a span {
                    background-position: 100% -150px;
                    color: #ffffff;
               }
               #navbar a span {
                    float: left;
                    width: auto;
                    display: block;
                    background: url("http://www.vladi-private-islands.de/sale/site/html/bilder/navi_css/tab-rechts.gif") no-repeat right top;
                    padding: 5px 5px 4px 0px; /*Abstände des Textes zu den Karteireiter-Rändern*/
                    color: #066ba1;
               }
               #navbar a:hover span {
                    color: #111;
                    background-position: 100% -150px;
                    cursor: pointer;
					color:#ffffff;
               }

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