/* Abstände der eingebauten Browser Stylesheets annulieren */
* { padding: 0; margin: 0;}



body { font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    }
	
 a:link{color:#990000;}
 a:visited{color:#990000;}
 a:hover{color:#339900;}
 a:active{color:#990000;}

 #Wrapper {
	color: black;
	background-color: #99cc33;
	/*background-color: #B8D45F;*/
	width: 95%;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 2px solid #339900;
	}
	
   
	/* Kopfbereich/Header */
  #kopfzeile { 
		height: 50px;
		background-color: #339900; /*Das Paul-Maar-Schule Grün - Primary Color*/
		padding-bottom: 0;
		margin-bottom: 0;
		padding-right: 10px;
		}
	
 #Topmenu { 
	background-color: #339900;
	background-image: url(../images/Neues_Schulhaus_slice_h55.jpg);
	background-position: top left;
   	text-align: right;
	margin-top: 0;
	padding-top: 34px;		/* Innenabstände definieren */
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom: 1px solid #8c8c8c; /* Graue Linie unter die Kopfzeile */
	}
	
#Topmenu ul {
	margin-bottom: 0; /* Standardabstand von unsortierten Listen nach unten aufheben und auf 0 setzen */
}
	
#Topmenu li {
	display: inline;	/* Menüpunkte horizontal anordnen */
	list-style-type: none;  /* Keine Bullets for den Menüpunkten verwenden */
	margin: 0;				/* Abstände der Listeneinträge auf 0 setzen */
}

#Topmenu a {
	color: black;
	background-color: #99cc33;  /*Hintergrundfarbe der Menükästchen */
	padding: 4px 8px 4px 8px;   /* Größe der Menükästchen */
	border: 1px solid #8c8c8c;  /* Rand um die Menükästchen */
	}
	
#Topmenu a:hover {
	text-decoration: none;
	color: black;
	background-color: #ffffcc;
	padding-bottom: 5px;
	border-bottom: none;
	}


	/* Mittelteil */
  .Teil2 { 
	
    }
	
	/* Hauptmenu links */
  #Navigation { 
	float: left;
	width: 150px;
	padding-top: 10px; /*Abstand des Gesamtmenus incl "Hauptmenu" vom oberen Rand*/
	padding-left: 5px; 
	background-color: #99cc33; /*Secondary Color C*/
	color: black;
	font-size: 125%;
	}
	
#Navigation ul {
	font-size: 90%;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 0
}

#Navigation li {
	width: 130px;
	/*list-style-type: none;     Keine Bullets for den Menüpunkten verwenden */
	list-style-image: url(../images/indent1.png);
	padding-top: 3px;
	padding-bottom: 4px;
}
	 
#Navigation a {
	width: 130px;
	color: black;
	padding: 4px 8px 4px 8px;
	margin: 0;				/* Abstände der Listeneinträge auf 0 setzen */
}

#Navigation a:hover{
	color: #ffffcc;
	}

	/* Content */
  #Inhalt{
   background-color: #ffffcc; /*Weiß*/
   color: #660000;
   margin-left: 160px;
   padding-right: 10px;
   padding-top: 8px;
   }
	
#Inhalt td{
	padding-left: 10px;
	}

	/* Footer */
  #Fusszeile { 
	clear: both;
	width: 100%;
	clear: both;
	text-align: center;
	font-size: small;
	font-style: italic;
    background-color: #339900;
    }
	
#Fusszeile a:hover{
	color: #ffffcc;
	}
	
.contentheading {
	font-size: 150%;
}

	a {
	text-decoration: none;  /* Sorgt dafür, dass Links nicht mehr unterstrichen werden */
	}
	
	h2 {
	margin-bottom: 1em;  /* h2 Überschriften haben einen Außenabstand von 1em nach unten */
}
p, ul {
	margin-top:0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

ul ul {
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
}

li {
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
}