/* 	CSS Datei Name */

/* 	Anfang Zeichencodierung */	
	@charset "ISO-8859-1";
/* 	Ende Zeichencodierung */	
	
/*	Anfang Browserabweichungen
    Browserabweichungen werden ausgeglichen, indem 
	die Eigenschaften für margin, padding und border zurück
    gesetzt werden.
*/
* {
    margin: 0px;
    padding: 0px;
    border: none;
}
/* 	Ende Browserabweichungen */		
	
	
/* 	Vorlage Kommentar mit Beginn und Ende */
/* 	Anfang Kommentar Geruest */		
	/* 	Definitionen CSS */	
/* 	Ende Kommentar Geruest */	

/* 	Pseudoelemente fuer den Tag a (siehe www.selfhtml.de)
	link	für Verweise zu noch nicht besuchten Seiten 
	visited	für Verweise zu bereits besuchten Seiten
	focus	für Elemente, die den Fokus erhalten, mittels Tabulator Taste 
	hover	für Elemente, während der Anwender mit der Maus darüber fährt 
	aktive	für gerade angeklickte Elemente */
	a:link {color:#00F;text-decoration:none;font-weight:bold;}
	a:visited { color:navy; text-decoration:none; font-weight:bold; }
	a:focus { color:red; background-color:silver; font-weight:bold; }
	a:hover { color:blue; text-decoration:none; background-color:silver; font-weight:bold; }
	a:active { color:aqua; background-color:silver; font-weight:bold; }

/* 	Anfang Ueberschriften */
	h1   {font-size:200%;color:navy; font-style:bold; }
	h1 i {font-size:200%;color:navy; font-style:italic; }

	h2   {font-size:150%;color:navy;font-style:normal;}
	h2 i {font-size:150%;color:navy;font-style:italic; }

	h3   { font-size:140%;color:navy;font-style:normal;}
	h3 i {font-size:140%;color:navy;font-style:italic; }

	h4   {font-size:130%;color:navy; font-style:bold; }
	h4 i {font-size:130%;color:navy; font-style:italic; }

	h5   {font-size:120%;color:navy; font-style:bold; }
	h5 i {font-size:120%;color:navy; font-style:italic; }

	h6   {font-size:110%;color:navy; font-style:bold; }
	h6 i {font-size:110%;color:navy; font-style:italic; }
/* 	Ende Ueberschriften */	


/* 	Anfang Zentrales Format für den Tag hr > Linien */	
	hr {
		color:silver;
		background-color:silver;
		height:5px;
		margin-left:0;
		text-align:left;
		}


	.hr500nav {		/* 	Individualformat wird im Tag mit class="hr500nav" aufgerufen*/	
		color:navy;
		background-color:navy;
		height:2px;
		width:500px;
		margin-left:0;
		text-align:left;
		}
	
	.hr300nav {		/* 	Individualformat wird im Tag mit class="hr300nav" aufgerufen*/	
		color:silver;
		background-color:silver;
		height:1px;
		width:300px;
		margin-left:0;
		text-align:left;
		}

	.hr200nav {		/* 	Individualformat wird im Tag mit class="hr200nav" aufgerufen*/	
		color:navy;
		background-color:navy;
		height:1px;
		width:200px;
		margin-left:0;
		text-align:left;
		}

	.hr400nav {		/* 	Individualformat wird im Tag mit class="hr400nav" aufgerufen*/	
		color:navy;
		background-color:navy;
		height:1px;
		width:400px;
		margin-left:0;
		text-align:left;
		}				

	.hr10red {		/* 	Individualformat wird im Tag mit class="hr10red" aufgerufen*/	
		color:red;
		background-color:red;
		height:10px;
		margin-left:0;
		text-align:left;
		}

	#hr10green {		/* Individualformat wird im Tag mit	wird mit id="hr10green" */	
		color:green;
		background-color:green;
		height:10px;
		margin-left:0;
		text-align:left;
		}
/* 	Ende Zentrales Format für den Tag hr > Linien */	
	

/*  Horizontale Menue Navigation */
    .nav {  
		border: 2px solid silver; 
		width: 59em;
		w\idth: 59.4em; /* Korrekturen fuer IE */
	    padding: 0em;
		}

    .nav div {
		clear: left;
	    }    

    .menu {      
		margin: 0;
		padding: 0;
		text-align: center;
		z-index:800;
	    }

    .menu li {      
		float: left;
	    position: relative;
		list-style: none;
		width: 11.6em;       
		/* 	Horizontale Abstand Button auf null */
		margin: 0em;
		padding: 0.1em;
		/* 	Positionierung des Menues über allen anderen Objekte */		
		z-index:800;
		}

    .menu li ul {
		display: none; 
		margin: 0;
		padding: 0;
		position: absolute;
		/* 	Vertikaler Abstand zum Haupt Button */
		top: 1.9em;
		/* 	Horizontale Abstand Button auf null */
		left: 0em;
		z-index:800;
		}

    .menu li:hover ul {
		display: block;
		}
    
/* 	Horizontale Menue Navigation 
	- Button Abstand vertical mit margin-bottom: -0.5em; */
    .menu li ul li {
		float: none;
		display: block; 
		margin-bottom: -0.7em;
		}    

    .menu li a {
		display: block;             
		margin: 0.1em;
	    padding: 0.1em;      
		text-decoration: none;
		font: 12pt/1.5em arial; 
		border: 1px solid black;
		color: #0000A0;               
		background-color: #808080;      
		border-left-color: white; 
		border-top-color: white;
		}

    .menu li a:hover {
	    background-color: navy;
		color: white;    
		}

    .menu li ul li a:hover {
		background-color: navy;
		color: white;    
		}   
/* 	Ende Horizontale Menue Navigation */



/* 	Anfang DIV Abschnitt Zitat a1 */		
	#a1 {
		font-family:Helvetica, Arial, sans-serif;
		/* width:97%; */
		border:5px solid silver;
		padding:10px;
		font-size:1.3em;
		color:silver;
		font-style:normal;
		background-color:white;
		z-index:-1;
		width: 640px;
		}
	
	p#Zitat {
		color:navy;
		font-style:normal;
		font-size:100%;
		}

	p#Autor {
		color:navy;
		font-style:italic;
		font-size:70%;
		}

/* 	Ende DIV Abschnitt Zitat a1 */		





/* 	Anfang Boxkoerper */		
	#BoxKoerper1 {
		width: 950px;
		margin: 0px auto;
		padding: 15px;
		text-align: left;
		background-color:antiquewhite;
		border: 3px solid silver;
		}
/* 	Ende Boxkoerper */	

/* 	Anfang Kopf1 */	
/* 
        Als Hintergrundbild setzte ich KopfErdeV40ProzentJPEG.jpg.
 */
	#title {
		background: rgb(255,255,255) url(../Bilder/KopfErdeV300v100JPEG.jpg) no-repeat top right;
		height:100px; 
		text-align: left;
		padding: 10px 15px 0px 10px;
		border: 1px solid silver;
		font-weight: normal;
}
/* 	Ende Kopf1 */	


/* 	Anfang Schatten1 */
/* 
        Als Schatten setzte ich schatten1.png und wiederhole es x mal
*/	
		#Schatten1 {
		background: url(../Bilder/schatten1.png) repeat-x top left;
		height: 20px; 
		}
/* 	Ende Schatten1 */	



/* 	Anfang Bild Dateien */		
	img {
		border:none;
		}
	
	img.DragAndDrop { /* 	Individualformat wird im Tag mit class="DragAndDrop" aufgerufen*/
		height: 10em;
		width: 8em;
		}
/* 	Ende Bild Dateien */		

/* 	Anfang body */	
	body {
		background-color:darkcyan;
		width:100%;
		height:100%;
		margin:10px;
		}	
/* 	Ende body */