/* Stylesheet der Seite Elma Blank< */

/* ------------- allgemeingÞltige Formatierungen ------------- */

html { height: 101%; }

body {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	hyphens: auto;
    height: 100%;
}

	#inhalt {
		margin-right: auto; 
		margin-left: auto; 
		position: absolute; 
		top: 0%; 
		right: 25%; 
		left: 25%; 
		width: 50%; 
        height: 100%;
		}


    #inhalt1   { 
		clear: left;
        background-color: #fff; 
		visibility: visible;
        color: #002470;
		opacity: 1;
		}

	#inhalt1 h1{
    font-size: 2em;
	line-height: 110%;
		}

	#inhalt1 p{
    font-size: 1.5em;
	line-height: 130%;
		}


    #inhalt2   { 
        background-color: #eee   ; 
		visibility: visible;
        border: solid 2px #fff;
        border-radius: 2em;
		opacity: 1  
		}

    .box  {
	background: url(../grafik/pfeil_unten_2.png) no-repeat;
}
    .box.active  {
	background-image: url(../grafik/kreuz_2.png);
}

    .box a{
	color: black;
	text-decoration:  underline	
}
    .box h1 {
	font-size: 1.5em;
	color: #002470;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	padding-left: 50px;
	padding-right: 3%;	
    }

    .box h2 {
	font-size: 1.5em;
    font-style: italic;
    font-style:italic
    color: #000;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	padding-left: 50px;
	padding-right: 3%;	
    }

    .box h3 {
	font-size: 1.2em;
    font-style: italic;
	color: #000;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	padding-left: 50px;
	padding-right: 3%;	
    }

    .box p {
    color: #002470;
	font-size: 1.5em;
    padding-left: 50px;
	padding-right: 3%;
}

    ul       { 
    padding-left: 50px;
   	padding-right: 3%;
    }   


    .box li {
    line-height: 1.5em;
    color: #002470;
	font-size: 1.5em;
    margin-bottom: 0.8em;
}

hr {
    width: 100%; 
    border: 1px solid #a3b0cb;
    width: 60%;
    margin-left: 30px;
    }


.accordion .ac{
	display:none;
	padding-top:5px;
}



@media only screen and (max-width: 900px) {
    body {
        font-size: 0.7em;
    }
    
    #inhalt {
		margin-right: auto; 
		margin-left: auto; 
		position: absolute; 
		top: 25px ; 
		right: 25px; 
		left: 25px; 
		width: auto; 
		}
    
    .box h1 {
	font-size: 170%;
    padding-left:40px;
	padding-right: 3%;	
}  
    
    .box h2 {
	font-size: 150%;
    padding-left: 40px;
	padding-right: 3%;	
}  
    
    .box h3 {
	font-size: 120%;
    padding-left: 40px;
	padding-right: 3%;	
}  
    
    .box p {
	font-size: 150%;
    padding-left: 40px;
	padding-right: 3%;
}
    
    .box  {
	background: url(../grafik/pfeil_unten.png) no-repeat;
    background-size: 2.2em;
    } 
    .box.active  {
	background-image: url(../grafik/kreuz.png);
    background-size: 2.2em;

}
}



@media only screen and (max-width: 450px)  {
    body {
        font-size: 0.5em;
    }
       #inhalt {
		margin-right: auto; 
		margin-left: auto; 
		position: absolute; 
		top: 20px ; 
		right: 10px; 
		left: 10px; 
		width: auto; 
		}
    
    .box h1 {
	font-size: 170%;
    padding-left:30px;
	padding-right: 3%;	
}  
    
    .box h2 {
	font-size: 150%;
    padding-left: 25px;
	padding-right: 3%;	
}  
    
    .box h3 {
	font-size: 120%;
    padding-left: 25px;
	padding-right: 3%;	
}  
    
    .box p {
	font-size: 150%;
    padding-left: 25px;
	padding-right: 3%;
}
        .box  {
	background: url(../grafik/pfeil_unten.png) no-repeat; 
    background-size: 1.7em;
    } 
    
    .box.active  {
	background-image: url(../grafik/kreuz.png);
    background-size: 1.7em;
}
}

footer {
    background: #eee;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    }