/* Style for Website Sprachentraining by Reiner Falk, 17.02.2025 #4f8970 #50ab3a  #78de61 #2a7119 #719c88  #335b1b #607952 */

p  {
    margin-top: 5px;
    margin-bottom: 5px;	
}
#pageContent ul {
    margin-top: 10px;
    margin-bottom: 0px;	
}
#pageContent ol li , #pageContent ul li{
    padding-bottom: 5px;
	line-height: 1.15em;	
}
body  {
	min-height: 500px;
    margin: 0px;	
	font-family: Arial,sans-serif; 
	font-size: 105%;
	background-color: #fcfcfc;
	color: #333;
}
#wrapper {
	position: relative;	
	margin: 0px auto 0px;	
    max-width: 1000px;
	background-color: #fcfcfc;
}
/* Stylen des header-Bereichs  */
#pageHeader  {
	margin: 20px 0px 0px;
	padding: 0px;	
    width: 100%;
	min-height: 50px;
	background-color: #fcfcfc;	
}

#pageHeaderLogo {
	float: left;	
	margin: 0px;
	padding:  0px 20px 0px 0px;	
    max-width: 90px;	
}
#pageHeaderTitel {
	float: left;	
	min-width: 100%;
    min-height: 50px;	
	margin: 0px; 
	padding: 0px 0px 0px;
	background-color: #fcfcfc; 	
}
#pageHeaderTitel h1 {
    margin: 0px;
    padding: 8px 10px 0px 0px;
    min-height: 20px;
    color: #335b1b;
    font-size: 225%;
	font-weight: normal;
    text-align: left;	
}
#pageHeaderButton {
	float: right;	
	max-width: 0%;
    min-height: 35px;	
	margin: 0px 0px 10px; 
	padding: 15px 0px 0px;
	background-color: #fcfcfc; 	
}
#buttonMenue {
	display: none;	
	max-width: 80%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0px;
    margin-right: 10px;	
	padding: 0px;	
}

#mainMenu, #mainMenuMobile {	
	padding: 0px;
	min-height: 12px; 	
}
#mainMenu  {
    width: 100%;
	margin: 5px 0px 10px;
	padding: 0px 0px 0px;	
}
#mainMenuMobile  {
	display: none;
    width: 90%;
	margin: 5px 20px 0px 20px; 	
}  
#mainMenu ul, #mainMenuMobile ul  {
    list-style: none;	
	padding: 0px;	
	margin: 0px;
	min-height: 10px;	
}
#mainMenu ul li, #mainMenuMobile ul li {
	padding: 0px;	
	margin: 0px;
}
#mainMenu ul li a, #mainMenuMobile ul li a {
    display: block;
	min-height: 10px;		
    padding: 2px 0px 0px;	
	color: #335b1b;	
	text-decoration: none;
    font-weight: normal;	
}
#mainMenu ul li a {
	float: left;
    border-top: 8px solid #607952;
    border-bottom: none; 	
	margin: 0px 10px 0px 0px;
	font-size: 105%;	
}	
#mainMenuMobile ul li a {
	float: none;
	margin:  0px;
	padding: 5px 0px;
	font-size: 105%;
    border-top: none;	
    border-bottom: 2px solid #607952;	
}
#mainMenu ul li a:visited, #mainMenu ul li a:focus,
#mainMenuMobile ul li a:visited, #mainMenuMobile ul li a:focus  {
	color: #335b1b;
}
#mainMenu ul li a:hover {
    color: #f89939;	
    border-top: 8px solid #f89939;	
}
#mainMenuMobile ul li a:hover  {
    color: #f89939;	
    border-top: none;
    border-bottom: 2px solid #f89939;	
}
#mainMenu ul li a:active, #mainMenuMobile  ul li a:active {
	color: #335b1b;	
}
#mainMenu ul li a.aktiv {
    color: #999999;
    border-top: 8px solid #999999;	
}
#mainMenuMobile ul li a.aktiv {
    color: #999999;
    border-bottom: 2px solid #999999;	
}
#mainMenu {
	display: block;
}
#mainMenuMobile {
	display: none;
}
#pageHeaderBalken, #pageHeaderBalkenFoto {	
    width: 100%;
	padding: 0px;
	background-color: #7a936b;
		background-image: -ms-linear-gradient(right, #9eb292 0%, #7a936b 50%, #9eb292 100%);	
	    background-image: -o-linear-gradient(right, #9eb292 0%, #7a936b 50%, #9eb292 100%);
	    background-image: -moz-linear-gradient(right, #9eb292 0%, #7a936b 50%, #9eb292 100%);               
        background-image: -webkit-gradient(
        linear, right top, left top, 	  
        color-stop(0%, #9eb292),		
        color-stop(50%, #7a936b),
		color-stop(100%, #9eb292)		
	    );  
        background-image: linear-gradient(right, #9eb292 0%, #7a936b 50%, #9eb292 100%);
} 
#pageHeaderBalken {	
	margin: 0px 0px 0px;
	height: 25px;
} 
#pageHeaderBalkenFoto {	
	margin: -5px 0px 0px;
	height: 35px;
}   
#pageHeaderFoto {
	margin: 0px 0px 0px;
	padding: 0px;	
    width: 100%;
	min-height: 50px;
}

/* Stylen des Inhaltsbereiches   */
#pageContent  {
    margin: 0px 0px 0px;
	padding: 20px 0px 0px;
	width: 100%; 
	min-height: 300px;	
	background-color: #fcfcfc;
	text-align: left;
	font-size: 110%;	
}
#pageContentHeader {
	position: relative;	
	margin: 0px auto 0px;
	max-width: 77%;
	text-align: left;	
}
#pageContentHeader h1 {
	margin: 20px 0px 5px;	
    padding: 0px;
	font-size: 180%;	
	font-weight: bold;
	line-height: 1.1em; 
    color: #f89939; 	
}
#pageContentHeader h1.textRight {
	margin: 0px 20px 20px 0px;	
    padding: 0px;
	width: 95%;
	text-align: right; 	
}

/* Stylen Bereich inhalt  */
#inhalt {
	position: relative;	
	margin: 0px auto 0px;
	width: 77%;
	text-align: left;	
}
#inhalt h2 {
    margin: 30px 0px 0px 0px;	
	padding: 0px 0px 5px 0px;
    color: #999999;	
	text-align: left;
	font-size: 140%;	
	font-weight: bold;
	line-height: 1.1em;
    border-bottom: 2px solid #999999;	
}
#inhalt h2.daten {		
	margin: 20px 0px 0px 0px;	
}
#inhalt h3 {
    margin: 20px 0px 15px 0px;
	padding: 3px 10px 5px;
	font-size: 120%;	
	font-weight: normal;
	line-height: 1.1em;
    color: #FFFFFF;
	text-align: left;	
	background-color: #7a936b;
	background-image: -ms-linear-gradient(left, #7a936b 0%, #9eb292 100%);	
	    background-image: -o-linear-gradient(left, #7a936b 0%, #9eb292 100%);
	    background-image: -moz-linear-gradient(left, #7a936b 0%, #9eb292 100%);               
        background-image: -webkit-gradient(
        linear, left top, right top, 	  
        color-stop(0%, #7a936b),		
        color-stop(100%, #9eb292)		
	    );  
        background-image: linear-gradient(left, #7a936b 0%, #9eb292 100%);	
}
#inhalt h4 {
	padding: 0px;
	margin: 20px 0px 10px 0px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.1em;
	color: #666666;
	text-decoration: underline;	
}
#inhalt h5 {
	margin: 20px 0px 10px 0px;	
	padding: 0px;
	text-align: left;	
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1em;
	color: #999999;
}
#inhalt a {
        color: #607952;
		text-decoration: underline;
		font-weight: normal;
        font-size: 100%;		
}
#inhalt a:visited,
#inhalt a:focus  {
        color: #607952;
}
#inhalt a:hover {
		color: #f89939;
		text-decoration: none;		
}
#inhalt a:active {
        color: #607952;
}

/* Stylen der Text-Buttons  */
#button2  {	
    list-style: none;
    padding: 0px;	
    max-width: 100%;
    margin: 20px 0px 20px;	
}
#button2 li {
	float: left;
    max-width: 50%;	
    text-align: left;
    margin: 0px;
	padding: 0px;   	
}
#button2 li a {
    display: block;
    margin: 20px 20px 10px 20px;
    padding: 0px 0px 10px 0px;	
    min-height: 100px;	
    color: #333333;	
	background-color: #fcfcfc;
    border: 1px solid #999999;	
    text-decoration: none;	
	font-size: 95%;	
}
#button2 li a p {
    margin: 10px 10px 0px 10px;
    padding: 0px;		
}
#button2 li a div {
    margin: 0px;
    padding: 0px;		
}
#button2 li a h3 {
    margin: 0px;
    padding: 3px 10px;
	background-image: none;	
    background-color: #7a936b;
    text-align: center;	
}
#button2 li a:visited, #button2 li a:focus {
    color: #333333;	
}
#button2 li a:hover h3 {
	background-image: none;	
    background-color: #f89939;	
}
#button2 li a:hover {
	background-color: #fcfcfc;	
    border: 1px solid #f89939;
    color: #333333;	
}
#button2 li a:active {
    color: #333333;	
}

/* Stylen der Bild-Buttons  */

#buttonImage  {
    list-style: none;
    padding: 0px;	
    max-width: 100%;
    margin: 20px 0px 20px;
}
#buttonImage li {
	float: left;
    max-width: 33%;	
    text-align: left;	
}
#buttonImage li a {
    display: block;
    margin: 5px 10px 10px;
    padding: 5px;	
    min-height: 50px;
	background-color: #FCFCFC;		
	border: 1px solid #cccccc;	
    text-decoration: none;
	text-align: center;
}
#buttonImage li a:hover {		
	background-color: #94AAD6; 
		background-image: -ms-linear-gradient(top, #EEEEEE 50%, #94AAD6 80%);	
	    background-image: -o-linear-gradient(top, #EEEEEE 50%, #94AAD6 80%);
	    background-image: -moz-linear-gradient(top, #EEEEEE 50%, #94AAD6 80%);               
        background-image: -webkit-gradient(
        linear, left top, left bottom, 	  
        color-stop(50%, #EEEEEE),		
        color-stop(80%, #94AAD6)		
	    );  
        background-image: linear-gradient(top, #EEEEEE 50%, #94AAD6 80%);  	
}
#buttonImage li a p {
	margin: 0px;
	padding: 0px 0px 5px;
    color: #5c7097;		
    font-size: 100%;	
}
#buttonImage li a:hover p {
     color: #FCFCFC;		
}

/* Stylen Bereich pageContentFooter */
#contentFooter {
    margin: 20px 0px 1px;
	padding: 0px 0px 0px;
    min-height: 70px;	
	width: 100%;			
    color: #FFFFFF;
	background-color: #607952;
	background-image: -ms-linear-gradient(right, #607952 0%, #7a936b 50%, #607952 100%);
	    background-image: -o-linear-gradient(right, #607952 0%, #7a936b 50%, #607952 100%);
	    background-image: -moz-linear-gradient(right, #607952 0%, #7a936b 50%, #607952 100%);               
        background-image: -webkit-gradient(
        linear, right top, left top, 	  
        color-stop(0%, #607952),		
        color-stop(50%, #7a936b),
		color-stop(100%, #607952)		
	    );  
        background-image: linear-gradient(right, #607952 0%, #7a936b 50%, #607952 100%); 
}   
#contentFooter a {
        color: #ffffff;
		text-decoration: underline;
		font-weight: normal;		
}
#contentFooter a:visited,
#contentFooter a:focus  {
        color: #ffffff;
}
#contentFooter a:hover {
		color:  #f89939;	
		text-decoration: none;		
}
#contentFooter a:active {
        color: #ffffff;
}
#contentFooterLeft, #contentFooterRight {	
    float: left;	
	width: 50%;
}
#contentFooterLeft div, #contentFooterRight div {	
	position: relative;		
    padding: 0px;
	margin: 0px;
	max-width: 80%;	
    color: #FFFFFF;	
    font-size: 100%;
    text-align: center;	
}
#contentFooterLeft div h2, #contentFooterRight div h2 {	
    margin: 0px 0px 10px 0px;	
	padding: 0px 0px 5px 0px;	
	font-size: 130%;	
	font-weight: normal;
	line-height: 1.1em;
    color: #FFFFFF;	
	border-bottom: 2px solid #FFFFFF;
	text-align: center;		
}
#contentFooterLeft div {
	margin: 20px auto 20px;			
}
#contentFooterLeft div a {
	text-decoration: none;			
}
#contentFooterRight div {
	margin: 20px auto 0px;		
}
#buttonContentFooter {
    list-style: none;
    padding: 0px;	
	text-align: center;		
}
#buttonContentFooter li {
	font-size: 100%;	
	text-align: center;		
}
#buttonContentFooter li a {
    display: block;					
    text-decoration: none;	
    padding: 5px 5px;	
	margin: 25px 10px 20px 10px; 
    min-height: 10px;
	color: #607952;
	background-color: #fcfcfc;	
}
#buttonContentFooter li a:visited, .buttonContentFooter li a:focus {
	background-color: #ffffff;
	color: #607952;
}	
#buttonContentFooter li a:hover {
  	background-color: #f89939;
    color: #ffffff;	
}
#buttonContentFooter li a:active {
	color: #607952;	
	background-color: #ffffff;	
}

/* Stylen des footer-Bereichs   */
#pageFooter  {
    margin: 0px;
    padding: 0px 0px 0px;	
    width: 100%;
	min-height: 29px;
	background-color: #313e29;	
}
#leftFooter, #rightFooter  {
    float: right;
    margin: 0px;
	padding: 0px;
	min-height: 29px;
    font-size: 95%;	
}
#leftFooter {
    width: 50%;
    text-align: left;	
}
#rightFooter {
    width: 50%;
    text-align: right;
}
#leftFooter p {
	min-height: 10px;
	padding: 10px 0px 15px;
    margin: 0px 20px 0px 20px;	
	color: #fcfcfc;
	line-height: 1.05em;	
}
#footerMenu {	
    max-width: 100%;
	margin: 0px 0px 0px;
	padding: 10px 0px 0px;
	min-height: 20px;	
}
#footerMenu ul  {
    list-style: none;	
	padding: 0px;	
	margin: 0px 10px 0px 10px;
}
#footerMenu ul li a {
    display: block;
    float: right;
    padding: 0px 10px;
	margin: 0px;
	height: 12px;	
	color: #fcfcfc;	
	text-decoration: none;
    font-weight: normal;	
}

#footerMenu ul li a:visited, #footerMenu  ul li a:focus {
	color: #fcfcfc;
}
#footerMenu ul li a:hover {
	    color: #f89939;
}
#footerMenu ul li a:active {
	color: #fcfcfc;
}

/* Allgemeine Klassenselektoren */
		
.both {
    clear: both;
	margin: 0px;
    padding: 0px;
}
.floatLeft {
    float: left;
	margin-right: 30px;
	margin-top: 10px;
}
.picture {
	width: 100%;
	height: auto;
}
.picture1 {
	width: 100%;
}
.textHaupt {
	margin: 20px 0px 30px;	
	font-size: 110%; 
	color: #666666; 
}	
.textBold  {
    font-weight: bold;
}
.textNormal  {
    font-weight: normal;
}
.textKlein  {
    font-size: 90%;
	padding-top: 10px;
}
.display1 {
	display: block;
}
.display2 {
	display: none;
}
.alignRight {
    text-align: right;	
}	
.buttonCenter {
	margin: 0px 20px;  	
	text-align: center;	
}
.pfeilOben {
	margin: 0px 20px;  	
	text-align: right;	
}