body {
	background-color: rgba(255,255,255);
	
	
}


ul {														/* Listenelemente haben kein "Bullet"-Zeichen   */
    list-style-type: none;
	font-family: Helvetica;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,0.9);
	
	
}

li {
	
	font-size: 120%;
    float: left;	
	list-style-type: none;									/* Listenelemente stehen durch float nebeneinander  */
}

.nav a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;										/* Stylen der Inhalte der Überschriften  */
    text-decoration: none;

	
}

.nav a:hover, .menu:hover {
    	
	color: #DC143C;											/* einstellen der hintergrundfarbe beim drübergehen der Schriften im Menü   */
}


.menu {
    display: inline-block;

	
}

.menu1 {
	display: inline-block;
	
}

.menu2 {
	display: inline-block;
	
}



#Fix {									/* Navigationsleiste bleibt immer am oberen Rand stehen */
	
	
	
	position: fixed;									
	top: 0px;
	width: 150%;


	
	
	
}





#Bild {
	
	
	margin-top: 50px;
	
	
}


#Bild1 {
	
	margin-top: 30px;
margin-bottom: 30px;
	width: 289,13px;
	height: 250px;
	
	
}



#Bild2 {
	
	
	margin-top: 50px;
	height: 150px;
	width: 150px;
	
	
}



#Text {

	font-family: Helvetica;
	cursor: default;
}



span.color1 {
	color: 	#DC143C;
}



hr {
	  background-color:#DC143C;
	color: #DC143C;
	border: #DC143C;
	height:2px;
}



.Ausklappen {
				background-color: rgba(255,255,255,0.7);		/* stylen der Inhalte der Überschriften-Boxen der noch nicht ausgeklappten Boxen*/
				margin-top: 20px;								/* durch 0.7 bekommt die hintergrundfarbe Transparenz*/
				margin-left: 20px;								/* durch margin wird der abstand zu den einzelnen richtungen bestimmt */
				margin-right: 20px;								
				margin-bottom: 20px;
				border-top: 2px #DC143C solid;					/* durch border bekommt die Box einen Rand*/
				border-right: 2px #DC143C solid;
				border-left: 2px #DC143C solid;
				border-bottom: 2px #DC143C solid;
				border-radius: 20px;

}

.Ausklappeninnen  {												/* stylen der Inhalte der ausgeklappten Boxen*/
				background-color: rgba(255,255,255,0.7);
				margin-top: 20px;
				margin-left: 20px;
				margin-right: 20px;
				margin-bottom: 20px;
				border-top: 1px #DC143C solid;
				border-right: 1px #DC143C solid;
				border-left: 1px #DC143C solid;
				border-bottom: 1px #DC143C solid;
				border-radius: 20px;
				padding:10px;
				text-decoration: none;
				
				
}


.Ausklappen a:link {											/* stylen der Links*/	
					color: black;
					text-decoration: none;
					
}


.Ausklappeninnen a:link {											/* stylen der Links*/	
					color: red;
					text-decoration: none;
					
					
}

.Ausklappen a:hover {											/* stylen der Farbe die erscheint sobald man mit dem Cursor über die Schrift geht*/
						color: #DC143C;
}



a {
	color:black;
	text-decoration: none;
	
}

p.Block {
	text-align: justify;
}



#box {background-color: white;		/* stylen der Inhalte der Überschriften-Boxen der noch nicht ausgeklappten Boxen*/
				margin-top: 50px;								/* durch 0.7 bekommt die hintergrundfarbe Transparenz*/
				margin-left: 20px;								/* durch margin wird der abstand zu den einzelnen richtungen bestimmt */
				margin-right: 20px;								
				margin-bottom: 100px;
			

	
	
}












#Fuß{															/* stylen der Inhalte des Footers*/
				background-color: rgba(255,255,255);
				
				margin-left: 20px;
				margin-right: 20px;
				margin-bottom: 20px;
			
				
				
				
				}
				

h1 {color: #DC143C;}
h2 {color: #DC143C;}

footer ul {
			display: inline-block;					/* Stylen der Footer Elemente und der Hintergrundfarbe */
			text-align: center;
			background-color: rgba(255,255,255);
}

footer li {
			text-align: center;						/* jedes Element hat rechts einen weißen Rand  */
			margin-right: 5px;
			padding-right: 5px;
			border-right: 2px solid #DC143C; 
}

footer li:last-child {
						text-align: center;			/* jedes Element hat rechts einen weißen Rand bis auf das letzte Listenelement */
						margin-right: 5px;
						padding-right: 5px; 
						border-right: none;
}

footer a:link {
				color: black;
				text-decoration: none;			/* stylen der Link Eigenschaften*/
}

footer a:hover {
	color: #DC143C;
}