/* CSS Kommentar */            /* Navi extra-CSS :   Navi-dia3format */

body {                                           
font-size: 1em;                                 /* Seiten-zoom gesamt */
font-family: Arial, Sans-Serif, Verdana, courier new;
         /*background-color: #B4EEB4; */
background-image: url(graugrunch-dunkel.jpg);
}

#gesamt {
  margin: 0em auto;			/* 0 oben unten, auto = seiten ,   Gesamter Body: zentriert, darüber liegt contentgesamt, nur oben bei Navi sichtbar, weil */
  width: 70%;				/* contentgesamt genauso breit ist, über contentgesamt liegen die anderen Kästen */
                                  /*    width: Gesamter Body nur Breite */
  background-image: url(graugrunch.jpg);
  /*   background-color: black;   */
  -moz-border-radius: 2em 2em 2em 2em;
  -webkit-border-radius: 2em 2em 2em 2em;
  border-radius: 2em 2em 2em 2em;

  position: relative;
}
 



#titelbox {				/* habe ich rausgenommen: gesamter Inhalt unter Navi mit Breitenangabe */
  margin: 1em auto;			/* 0 oben unten, auto = seiten , Gesamter Body: zentriert,   weil */
  width: 80%;				/* contentgesamt genauso breit ist, über contentgesamt liegen die anderen Kästen */
                                  /*    width: Gesamter Body nur Breite */
  background-image: url(webseite-erstellen-hamburg-1231.jpg); 
  position: relative;
  padding: 0px 8px 0px 8px;
  border-top:	1px green solid;  
  border-right:	2px green solid; 
  -moz-box-shadow:     2px 2px green;
  -webkit-box-shadow:  2px 2px green;
  box-shadow:     2px 5px green; 
  -moz-border-radius: 2em 2em 2em 2em;
  -webkit-border-radius: 2em 2em 2em 2em;
  border-radius: 2em 2em 2em 2em;
}


 
 


ul#Navigation {
    margin: 1em; padding: 0em;             /* Abstä navi oben unten  */
    text-align: center;                   /* Format alle Wörter  */
    font-family: arial; font-size:75%     /* Format alle Wörter  */
    /*  border: 1px solid black;                 Kasten um Navi  */
    /*  background-color: silver;     */
  }


ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0em; padding: 0;              /* Abstä zwischen Wörter,  zB   margin: 0.4em */
  }


ul#Navigation a, ul#Navigation span {         /* Format Wörter alle nicht angeklickt */
    padding: 0.2em 0.5em;                 /* Abst zw Wörter nicht angeklickt */
    text-decoration: none; 
    font-weight: bold;
    color: #008B45;
 /*   border: 1px solid black;                                   Kästen um die Wörter = Buttons      */
 /*   border-left-color: white; border-top-color: white;    */
 /*   color: maroon; background-color: #ccc;                */
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;                               /* nur fuer IE 5.0x erforderlich */
    width: auto;                              /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }


ul#Navigation a:hover, ul#Navigation span {              /* Format mit Maus drüber */
    border-color: white;
  /*   border-left-color: black;  background-color: #43CD80;   border-top-color: black;  */
    color: #32CD32; 
 
    
  }


ul#Navigation a.current, ul#Navigation span {             /* Format des angeklickten Wortes */
    border-color: white;
    border-left-color: green; 
    border-top-color: black;
    color: #008B45; 
	text-decoration: underline;

  }



#contentgesamt {				/* habe ich rausgenommen: gesamter Inhalt unter Navi mit Breitenangabe */
position: relative;
overflow: hidden;
background-color: transparent;
width: 70%;				
margin: 2% auto;			/* Abstand unter Navi , auto = center*/

}

.abgrenzung {				/* Trennbalken  */
position: relative;
overflow: hidden;
background-color: none;
width: 70%;		
margin: 0em auto;			
}

.content {				/* einzelne Inhaltscontainer  */
position: relative;         /* besser is*/
overflow: hidden;          /* besser is */
background-color: transparent;
width: 70%;				
margin: 2% auto;			
}

.contentmittig {				/* einzelne Inhaltscontainer  */
position: relative;         /* besser is*/
overflow: hidden;          /* besser is */
background-color: transparent;
width: 70%;				
margin-top: 2%;			
margin-left: 13%;			
}

#textspalte_links {				    /* Text   */
position: relative;
background-color: white;
width: 30%;			
float: left;
overflow: auto;	
 border-top:	1px green solid;  
  border-right:	2px green solid; 
  -moz-box-shadow:     2px 2px green;
  -webkit-box-shadow:  2px 2px green;
  box-shadow:     2px 5px green; 
  -moz-border-radius: 2em 2em 2em 2em;
  -webkit-border-radius: 2em 2em 2em 2em;
  border-radius: 2em 2em 2em 2em;
padding-left: 5em;
	
}


#textspalte_rechts {				    /*  Text re */
position: relative;
background-color: white;
width: 30%;				
float: right;	
overflow:  auto;	
 border-top:	1px green solid;  
  border-right:	2px green solid; 
  -moz-box-shadow:     2px 2px green;
  -webkit-box-shadow:  2px 2px green;
  box-shadow:     2px 5px green; 
  -moz-border-radius: 2em 2em 2em 2em;
  -webkit-border-radius: 2em 2em 2em 2em;
  border-radius: 2em 2em 2em 2em;
padding-left: 5em;

}

  


h1 {
text-align:center;
font-size: 1em;
font-family: Verdana;
}

h2 {
text-align:center;
font-size: 1.3em;
font-family: Verdana;
}


hr {
color: #f4336e;
}

#form1 {
	width: 36%;
	margin: 7% auto;
}