/*
    Zuerst setzten wir die Eigenschaften für margin, padding und border zurück, 
    sodass Browserabweichungen ausgeglichen werden können.
*/
* {
    margin: 0px;
    padding: 0px;
    border: none;
}

html {
    background-color: #fff; /* im Internet Explorer ist manchmal die Standard Hintergrundfarbe nicht weiß, deshalb setzen wir es manuell */
    color: #111; /* auch hier eine Farbe ähnelnd zu schwarz, aber nicht so grell */
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	margin: 0%;
}

#title {
    background: #493b29 url('banner.jpg') no-repeat top center;
    color: whitesmoke;
    height: 100px; 
    text-align: right;
    padding: 10px;
    margin-top: 0px;
    font-weight: normal;
}

/*
    Zuerst bekommt die Navi ihren richtigen Abstand zu den anderen Elementen.
*/
#navi {
    margin: 1em 15em;
}

/*
    Und nun bekommen auch noch die Listenpunkte ihr styling.
    Mit 'display' werden sie horizontal angeordnet und ihre Listenpunkte werden entfernt.
*/
#navi li {
    display: inline;
    list-style-type: none;
    padding: 0px 1em 0px 0px;
}


#content {
    margin: 0px 15em;
}

#pagename h2 {
    margin: 1em 0px;
    color: #111;
}

h2, h3, h4 {
    margin-top: 2em;
    margin-bottom: 1em;
    color: #111;
}

div.select {
	margin: 5px;
   padding: 20px;
  	max-width: 750px;
  	border-width: 2px; 
  	border-style: solid;
  	border-color: maroon;
  	text-align: left;
}