/*	-------------------------------------------------------------
	Beispiel: positioning-basiertes zweispaltiges Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          .datei         index.html
          .kapitel       10
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	1. RESET + STRUKTUR sinnwerkstatt
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
               }

               body
                         { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #999 }
#container
                         { background-color: #ffffff; margin-top: 40px; margin-right: 16%; margin-left: 16% }
                                        
                
               /*	-------------------------------------------------------------
	2. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               
               #header              { background-color: #f93; padding-left: 20px; position: relative }
			#content  { background-color: #ccc; background-image: url("../fotos/home_01.jpg"); background-repeat: repeat-x; background-position: 100% 100%; height: 370px; vertical-align: bottom }
        
        
        /*	-------------------------------------------------------------
	4.NAVBAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    

	#navbar      { background-color: #000; padding: 2px }
    #navbar ul   { padding: 0.6em }
    #navbar li {
                    display: inline;
                    list-style: none;
               }
               
   	#navbar li a { font: 1em; color: #ccc; text-decoration: none; padding: 0.3em }