<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>Die blauen Engel</title>
    <meta name="author" content="Jorge de Heuvel" />
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <link rel="stylesheet" type="text/css" href="design.css">
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <link rel="shortcut icon" href="icon.ico">
    <link rel="icon" type="image/gif" href="icon.gif">
    <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<style type="text/css">
body {
font-family: Arial;
background-color: #A6BAFE;
color: black;
}

#mother {
height: 770px;
width: 820px;
margin: 10px auto;
background-color: #A6BAFE;
border-style: double;
border-color: black;
border-width: 3px;
}

#header {
height: 120px;
width: 800px;
margin: 10px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
background-attachment: scroll;
}

.header {
margin: 30px;
font-size: 60pt;
font-family: Arial;
}

#menue {
float: left;
height: 537px;
width: 150px;
margin: 10px;
background-image: url(../images/Menue2.gif);
}

#main {
float: right;
height: 537px;
width: 628px;
margin: 10px;
margin-top: 10px;
background-image: url(../images/main2.gif);
background-position: inherit;
background-attachment: inherit;
background-repeat: no-repeat;
overflow: auto;
}

#footer {
height: 50px;
width: 800px;
margin: 10px;
background-image: url(../images/footer2.gif);
float: right;
}

#person {
height: 113px;
margin: 20px;
border: black 2px solid;

}

.seitenname {
text-align: center;
font-size: 23pt;
border-bottom: 1px solid black;
margin: 30px 80px 30px 80px;
}

.info {
text-align: center;
font-size: 23pt;
border: 2px dotted black;
margin: 30px 80px 30px 80px;
}

#inforechts {
text-align: center;
font-size: 23pt;
border: 2px dotted black;
margin: 30px;
float: right;
}

.text {
margin: 15px 15px 0 25px;
}

.textinfo {
margin: 15px;
}

.textperson {
margin: 5px;
}

.text2 {
margin: 15px ;
margin-top: 20px;
font-family: Times New Roman, serif;
font-size: 15pt;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
}

.head {
margin: 15px 15px 0 15px;
font-family: Times New Roman, serif;
font-size: 15pt;
font-weight: bold;
text-decoration: underline;
}

ul {
list-style-type: square;
}

#button {
height: 40px;
width: 110px;
margin: 0 auto;
margin-top: 10px;
background-image: url(../images/button.gif);
}

#buttonon {
height: 40px;
width: 110px;
margin: 0 auto;
margin-top: 10px;
background-image: url(../images/buttonon.gif);
}

#button:hover {
height: 40px;
width: 110px;
margin: 0 auto;
margin-top: 10px;
background-image: url(../images/buttonactive.gif);
}

#button2 {
	height: 50px;
	width: 160px;
	margin-left: 220px;
	padding: 10px;
	background-image: url(../images/button2.gif);
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#button2:hover {
	height: 50px;
	width: 160px;
	margin-left: 220px;
	padding: 10px;
	background-image: url(../images/button2active.gif);
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

a.menue {
	color: white;
	font-size: 15pt;
	font-family: "Times New Roman", serif;
	text-decoration: none;
}

a.umenue {
margin: 3px;
color: #212220;
font-size: 11pt;
font-family: Arial, sansserif;
text-decoration: underline;
padding: 3px 10px 3px 10px;
border: 2px #3A3A3A dotted;
}

a.easy {
color: black;
text-decoration:underline;
}

p.section {
background-color: #CEFEEA;
padding: 10px;
border: 1px #A5A5A5 solid;
}

ul {
margin: 0 20px 0 20px;
}

.img {
height: 75px;
width: 100px;
margin: 10px;
border: 1px black solid;
}

.imgbig {
height: 300px;
width: 400px;
margin: 10px;
border: 1px black solid;
}

marquee {
margin: 10px;
}

.imgperson {
	height: 100px;
	width: 130px;
	float: left;
	margin: 5px;
	border: 1px black solid;
}

</style>
  </head>
  <body>
    <div id="mother">
    
    
      <div id="header">
      </div>
    
    
      <div id="menue">
        <p class="text2">Navigation</p>
        
        <a class="menue" href="index.html">
        <div id="buttonon">
        <center>Home</center>
        </div>
        </a>
        
        <a class="menue" href="uberuns.html">
        <div id="button">
        <center>&Uuml;ber uns</center>
        </div>
        </a>
        
        <a class="menue" href="themen.html">
        <div id="button">
        <center>Aktivitäten</center>
        </div>
        </a>
        
        <a class="menue" href="galerie.html">
        <div id="button">
        <center>Galerie</center>
        </div>
        </a>

        <a class="menue" href="kontakt.html">
        <div id="button">
        <center>Kontakt</center>
        </div>
        </a>
        
        
        <p class="text2"> 
        Info:
        </p>
        
        <p class="textinfo">
        Diese Website befindet sich momentan in Überarbeitung!
        </p>
        
      </div>
    
    
      <div id="main">
        <p class="seitenname">Home</p>
        
        <p class="text">Willkommen auf der Homepage der Schülerfirma Die blauen Engel" des <a href="http://www.nellysachs.de/" class="easy" traget="_blank">Nelly-Sachs-Gymnasiums</a>, Neuss.<br />
          <br />
          
          
          <b>Handeln statt Reden  der Umwelt zuliebe</b>, das ist unser Motto.<br />
          Ziel ist es, bei Schülern, Lehrern, Eltern und interessierten B&uuml;rgern das Bewusstsein zu schaffen, dass sie selbst durch umweltbewusstes Handeln einen Beitrag zum Umwelt- und Klimaschutz leisten können.<br />
        Deshalb sind wir in folgenden Bereichen aktiv:
        
        <ul>
        <li><a class="easy" href="themen1.html">Verkauf von Recyclingmaterial</a></li>
        <li><a class="easy" href="themen2.html">Beratung von Privathaushalten zur Energieeinsparung</a></li>
        <li><a class="easy" href="themen3.html">Energiemanagement in der Schule</a></li>
        <li><a class="easy" href="themen5.html">Organisation des Umwelttages am Nelly</a></li>
        </ul>
        
        
       </p>
        
        <p class="text">
        <b>Aktuelles:</b><br>
        <ul>
        <li><a class="easy" href="themen6.html">Minister zeichnen das Nelly als „Schule der Zukunft“ aus</a></li>
        <li>Wir k&ouml;nnen mit Freude ein stetiges Wachstum der Sch&uuml;lerfirma verzeichnen. Zum neuen Schuljahr traten neue tatkr&auml;ftige Mitglieder bei.
        </li>
        <li><a class="easy" href="themen1.html">Startpakete mit Schulmaterial am ersten Schultag</a></li>
        <li><a class="easy" href="themen1.html">Heftverkauf im Forum</a></li>
        <li><a class="easy" href="themen4.html">Buchführungskurs für Schülerfirmenmitglieder abgeschlossen</a></li>
        </ul>
        </p>
        
        
        <p class="text"><a class="easy" href="load/Energiesparen.pdf" target="_blank">Hier</a> k&ouml;nnen Sie Tipps zum Energiesparen im Haushalt bekommen!</p>

<center style="margin-top: 25px; margin-bottom: 25px;"><a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1238595086"
style="border:none" alt="Counter / Z&auml;hler" /></a></center>

      </div>
    
    
    <div id="footer">
    
    <marquee>Sie haben Fragen jeglicher Art? Schreiben sie uns doch! Unsere eMailadresse gibt es unter "Kontakt"</marquee>
    </div>
    
    </div>
    
  </body>
</html>�