/*
 *
 * Dies ist ein Kommentar
 *
 *
*/

body{
  color:#006600;
  font-family: Arial, Helvetica,sans-serif;
  margin-top: 2px;
  margin-bottom: 50px;
  background-color: #006600;
  padding:5px;
  }

/*
 *
 * Dies ist ein Kommentar
 *
 *       Sektion für das verhalten und aussehen
 *                der Hyperlinks
 *
 *
*/
a.nav {
  font-size:11px;
  text-decoration:none ;
  padding:4px;
  }

a.nav:hover {
  font-size:11px;
  color:#FFFFE0;
  padding:4px;
  background-color:#0033CC;
  }

a.nav:visited{
  font-size:11px;
  text-decoration:none;
  padding:4px;
  }

a {
  text-decoration:none ;
  padding:4px;
  }

a:hover {
  color:#FFFFE0;
  padding:4px;
  background-color:#0033CC;
  }


 /*
 *
 * Dies ist ein Kommentar
 *
 *       Überschriften
 *
*/

h1{
  margin:0;
  font-size:24px
  }


h2{
  margin-top:40px;
  font-size:19px;
  font-weight:normal;
  }


h3{
  margin-top:40px;
  font-size:14px;
  font-weight:bold;
  }


/*
 *
 * Dies ist ein Kommentar
 *
 *        Text Elemente und Listen
 *
 *    <p> <ul> <ol> <dl> <b>  <hr> <i>
 *
*/

i.big{
  font-size:24px;
  }


b.nav{
  font-size:16px ;
  color:#006600;
  }

hr {
  color: #FF9900;
  height: 1px;
  margin: 0 auto;
  }

p {
  font-size:15px;
  }


dl.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:10pt;
  margin-left:10px;
  margin-right:10px;
  color:#006600 ;
    }

ul.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:10pt;
  margin-left:10px;
  margin-right:10px;
    color:#006600 ;
    }

ol.norm{
  font-family: Arial, Helvetica,sans-serif;
  font-size:10pt;
  margin-left:10px;
  margin-right:10px;
  color:#006600 ;
    }


/*
 *
 * Dies ist ein Kommentar
 *
 *  <div> in verschiedener
 *       Anwendung
 * sowie die spalten rechts und links
*/

.container {
	width: 100%;
	padding: 0;
}

.spalte_links {
	width: 75%;
	margin: 2px;
	padding: 10px;
	display: inline-block;
}

.spalte_rechts {
	width: 20%;
	margin: 2px;
	padding: 5px;
	display: inline-block;
}

div.nav{

  text-align: center;
  background-color:#FFFFE0;
  width:90%;
  margin:10px auto 10px;
  padding:10px;
  }

div.footer{
  color:#0000CC;
  text-align: center;
  background-color:#FFFFE0;
  width:90%;
  margin:10px auto 30px;
  padding:10px;
  }

div.box {
  background-color:#FFFFE0;
  width:80%;
  margin:20px auto 50px;
  text-align: center;
  border:1px solid #FF9900;
  }

div.inhalt_box {
  background-color:#FFFFE0;
  width:77%;
  margin:10px auto 50px;
  padding:10px;
  box-shadow:8px 15px 20px #404040
    }

/*
 *
 * Dies ist ein Kommentar
 *
 *      Bilder und Medien
 *
 *
 *
*/


img.logo {
margin-bottom:-15px;
  }



img.mini {
  float:middle;
  margin:-10px 0 0 30px;
  margin-top:10px;
  width:20px;
  }

/*
 *
 * Dies ist ein Kommentar
 *
 *      Bilder und Medien
 * Hat noch jede Menge nicht bearbeitet
 *
 *
*/

img.klein{
  text-align:center;
  float:left;
  margin:-1px 0 0 10px;
  width:90px;
  padding-left:2px;
  padding-right:2px;
  }

img.mittel{
  width:150px;
  padding-left:2px;
  padding-right:2px;
  float:left;
  text-align:center;
  margin:-1px 0 0 10px;
  }


img.gross{
  width:210px;
  text-align:center;
  margin-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin:-1px 0 0 10px;
  }

img.xl{
  width:550px;
  text-align:center;
  margin-top:5px;
  padding-left:60pt;
  padding-right:5pt;
  margin:-1px 0 0 10px;
  }