html {  	background-color:#E2E0DE }

body {
    margin:0 auto;
	padding:30px;  /*  */
	background-color:white;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	width:100%;
	max-width:1000px;
}

header img { 	width:100%  }
header p { 	width:100% }

p {	max-width:90%;}

.rechts {
	width:30%;
	float:right;
}

.links {
	width:30%;
	float:left;
}


img { width:90%; }


.tbild {
float:left;
width:30%;
margin-right:20px;
min-width:250px;
max-width:400px;
}


.kbild { max-width:400px;}

.kbild2 {max-width:100px;}


section {float:left;
		width:40%;}

section img {  max-width:300px; }

section .imgh {
    max-width:200px;
	max-height:400px;	
}

 aside { float:right; width:60%;}
 
 article {
	float:left;
	width:90%;
}


.imgh {
    max-width:200px;
	max-height:400px;	
}

.fett { font-weight: bold;}

.styleSM {
	font-size:1.5em;
	font-weight:bold;
}

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

.styleSXL {
	font-size:2.5em;
	text-align:center;
}

.styleSMF {
	font-size:1.5em;
	font-weight:bold;
	color:#009933;
}

.styleSLF {
	font-size:2em;
	text-align:center;
	color:#009933;
}

.styleSXLF {
	font-size:2.5em;
	text-align:center;
	color:#FF0000;
}


.stylerot {
	color:#FF0000;
	font-weight:bold;
}



@media only screen and (max-width:640px)
{
    .styleSK { font-size: 1.0em;  }
    .styleSL, .styleSMF, .styleSM {	font-size:1.2em	}
	.styleSXL, .styleSXLF  {font-size:1.5em	}	
	
p {font-size:14px; }		
td {font-size:1.0em;}		
img { width:100%; }
  
}


@media only screen and (max-width:490px)
{
    .styleM, .styleSK {  font-size: 1.0em;  }    
    .styleSL  {	font-size:1.2em	}    
	.styleSMF, .styleSM  {	font-size:1.0em	}	
	.styleSXL, .styleSXLF  {font-size:1.2em	}		

p {font-size:14px; }    
td {font-size:1.0em;}

img { width:100%; }

nav { width:90%; float:left; }  
aside, article { float:left; width:90%;}
 
 .links, .rechts{ width:90%;
float:none   /* verhindert den Abstand links, ist gleich wie oben */
}	


section img { 	max-width:300px; }

}


</style>