html {
	background-color:silver
}

body {
    width: 90%;
    max-width:960px;
	margin: 10px;
	padding:20px;
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, Serif;
	font-size:14px;
	display:block;
	}

h1 { 
	font-size:2.0em;
	color: #DD1194;
	text-align: center;
}
.titel { 
	font-size:1.5em;
	color: #DD1194;
}

.styleSK {
	font-size: 1.2em;
	color: #000000;
	text-align: center;
	font-family: "Times New Roman", Times, Serif; 	}

.styleSM {
	font-size: 1.5em;
	color: #000000;
	text-align: center;
}

.styleSL {
	font-size: 2em;
	color: #000000;
	text-align: center;
}


p { font-size: 1.3em; }
	
img { 	max-width:100%; }

.img3 { max-width:300px }
	

.center1 { 	text-align: center; }
	

li { font-family: "Times New Roman", Times, Serif; 
	font-size: 1.2em;}



@media screen and (max-width:860px){
    .styleSK { font-size: 1.0em;    }
	.styleSM {font-size: 1.2em	}
header li { font-size:1.2em	}
p {	font-size: 1.0em; }

h1 { font-size:1.4em;}
}
@media screen and (max-width:640px){

p {	font-size: 1.0em; }

h1 { font-size:1.2em;}

.styleSK  { font-size: 1.0em }
.styleSL  {	font-size:1.2em	}	
.styleSM {	font-size: 1.0em}

header li, li { font-size:1.0em	}
      
}


</style>