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

               h1, h2, h3 {
                    padding: 0.7em 0;
               }
               
               p {
                    padding: 0.3em 0;
               }
			#container
                         { background-color: #ffffff; margin-top: 40px; margin-right: 16%; margin-left: 16% }
                
               /*	-------------------------------------------------------------
	2. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               
                #header         { background-color: #f93; padding-left: 20px; position: relative }
                
                              /*	-------------------------------------------------------------
	3. 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 }

/*	-------------------------------------------------------------
	4. content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #content           { font: 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif; background-color: #ccc; background-image: url(../fotos/philosophie.jpg); background-repeat: no-repeat; background-position: right bottom; padding-top: 20px; padding-left: 22px; height: 350px; vertical-align: bottom }


				a    { color: #000;  text-decoration: underline }
				a:visited { color: #f93 }