/* Style for Website Sprachentraining by Reiner Falk, 17.02.2025  */

body {
	font-size: 90%;	
}
#wrapper  {
    width: 100%;
}
#pageHeader  {
	margin: 20px 0px 0px;
}
#pageHeaderLogo {
	float: left;	
	margin: 0px;
	padding:  0px 10px 5px 10px;	
    max-width: 50px;	
}
#pageHeaderTitel {	
	min-width: 80%;
    min-height: 40px;		
}
#pageHeaderTitel h1 {
    padding: 21px 15px 0px 0px;
    font-size: 180%;
}
#pageHeaderButton {	
	max-width: 20%;
	margin: 0px 0px 5px; 	
}
#pageHeaderBalken  {
	height: 20px;	
}
#pageHeaderBalkenFoto {	
	height: 10px;
} 	
#buttonMenue {
	display: block;
}	
#pageContentHeader  {	
	margin: 0px 10px 0px;		
	max-width: 100%;	
} 
#pageContent  {
    margin: 0px 0px 0px;
	padding: 30px 0px 0px;	
}	
#pageContent h1 {	
	margin: 0px 10px 5px;	
	font-size: 140%;
}
#inhalt h2 {		
	font-size: 130%;
	margin: 30px 0px 0px 0px;	
}
#inhalt h2.daten {		
	margin: 15px 0px 0px 0px;	
}
#inhalt h3 {
    margin: 20px 0px;
	font-size: 120%;	
}
#inhalt h4 {
	font-size: 115%;	
}
#inhalt h5 {
	font-size: 90%;
	margin: 20px 0px 10px 0px;	
}
#inhalt {
	margin: 10px 20px;
	width: 90%;	
}
#contentFooter {
    margin: 15px 0px 0px;
	background-image: none;
}
#contentFooterLeft {
	clear: both;
    width: 100%;	
}
#contentFooterRight {
	clear: both;
    width: 100%;	
}
#contentFooterLeft div, #contentFooterRight div {	
	max-width: 80%;
	margin: 20px auto 20px;	
}
#pageFooter  {
	min-height: 29px;
}
#leftFooter {
    float: none;	
    width: 100%;	
    text-align: left;		
}
#leftFooter p {
	padding: 5px 0px 15px;
    font-size: 95%;	
}	
#rightFooter {
    float: none;	
    width: 100%;
    font-size: 100%;	
    text-align: center;	
}	
#footerMenu  {	
	padding: 10px 0px 5px;
	margin: 0px 10px 0px 10px;
    max-width: 100%;	
}	
#footerMenu ul  {	
	margin: 0px;	
}
#footerMenu ul li a {
    float: right;		
}
#mainMenu {
	display: none;
}
#buttonImage {
    margin: 0px;		
}
#buttonImage li {
    clear: both;
    max-width: 100%;
    margin: 0px;	
}
#buttonImage li a {
    margin: 0px 10px 10px 10px;
    max-width: 100%;	
    min-height: 100px;	
}
#button2 {
    margin: 0px;		
}
#button2 li {
    clear: both;
    max-width: 100%;
    margin: 0px;	
}
#button2 li a {
    margin: 10px 10px 10px 10px;
    max-width: 100%;	
    min-height: 100px;	
}
#button2 li a p {
    margin: 5px 10px 0px 10px;
    padding: 0px;		
}
#button2 li a h3 {
    margin: 0px 0px 10px;
    padding: 3px 0px;		
}
/* Allgemeine Klassenselektoren */
.display1 {
	display: none;
}
.display2 {
	display: block;
} 
.textHaupt {	
	font-size: 105%; 
}	
/* Kontaktformular  */
form {
        width: 100%;
        margin: 25px 0px 20px;	
		font-size: 110%;		
}
label {
		text-align: left;
}
select {
		width: 90%;
		font-size: 85%;	
}
input {
		font-size: 85%;	
}
input[type="text"] {
        width: 90%;
}
input[type="email"] {
        width: 90%;
}
input[type="checkbox"] {
        width: 5%;
}
textarea {
		width: 90%;	
		font-size: 95%;		
}
input[type="reset"]  {
		margin: 10px 10px 10px 20px;		
}		
input[type="submit"]  {
		margin: 10px 20px 10px 10px;		
}