@charset "utf-8";
/* CSS Document */

body {background-color:#ffffcc;
	color:#ff0000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	
	}
	
body a {color:#0066ff;}

.links {
	float: left;
	margin-right: 20px;
} 
.typA {
	margin: 0cm;
	
}
.typB {
	margin: -0.5cm 0.5cm;
	
}




.inhaltsbereich {
 margin-top:-18px;
 margin-left: 25px;
 width:80%; 
 
 }

 
 
 
 
.inhalt {
 margin-top:-18px;
 margin-left: 25px;
 width:100%; 
 
 }
 
.kastenlinks {
	 margin-left: 25px;
   }

.kastenlinks2 {
	 margin-left: 10px;
   }


.abstand-p15 {
        margin-left: 15px;

}

.abstand-p20 {
        margin-left: 20px;

}
.abstand-p24 {
        margin-left: 24px;

}




.text12 {
	font-size: 12px;
	}        
.text13 {
	font-size: 13px;
	}        

.text14 {
	font-size: 14px;
	}  
.text15 {
	font-size: 15px;
	}  	
.text16 {
	font-size: 16px;
	}      
.text18 {
	font-size: 18px;
	}    
.text20 {
	font-size: 20px;
	}    
.text22 {
	font-size: 22px;
	}    
  



.orange1 { color: #cc6600;
}

.orange	{ color:#ff9800; 
			
              }
.orange3 { 
	color:#602000;
}			  
			  
			  
			  
.braun	{ color:#730811; 
		              }

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

header {background-color:#ffffcc;
	color: #ffffff;
	font-size: large;
	font-style:italic;
	font-weight:bolder;
	padding: 10px;
	text-align:center;}
	
#hilfscontainer{
	width: 100%;
	margin-top:10px;
	margin-left: 2px;
				}
				
.zurueck {
	position: absolute; 
	right: 30px;
	top:185px;
	
	}				
				

aside {text-align:center;
	width:100%;}

nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}

main {background-color:#ffffcc;
	color: #000000;
	width:100%;}
	
main h1 {font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;}		



article {border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;}

footer {background-color:#ffffcc;
	color:#ffffff;
	font-size:large;
	font-style:italic;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 100%;}

img {max-width:100%; height:auto; }

.hormonbild{
	height: 13px;
	padding:0px;
	margin:-5px;
}

.hormonbild1{
	height: 13px;
	
	margin:5px;
}


ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;
}

ul li a {
    text-decoration:none;
    color:white; 
    padding:5px 11px;
	margin-bottom:5px;
    background-color:#e48400;
    display:block;
	border-radius:10px;
}


 
ul li a:visited {color: white;}
 
ul li a:hover, ul li .current {color: #cd5700;
    background-color:  Orange;}
	
	
.logo{
	width: 270px;	
	
}

	
.zentriert{
	margin-left: auto;
    margin-right: auto;
}