html, body
{
    height:100%;
    font-family: Arial, sans-serif;
	font-size: 100%;   /* 16px ist meist der Standart */
	font-weight: normal;
    color: #666666; 
    background-color: #E6E6E6; /* hell grau */
   /* background-color: #FFFFCC; *//* hell gelb */
   /* background-color:  #eeeeee; *//* weiß */
    /* background-color: #DEF6FF; *//* hell blau sieht doof aus*/
}
/* alle Abstände auf 0, sonst bleiben Streifen zwischen den einzelnen Bereichen. */
* {
    margin:0;  /* Außenabstand */
    padding:0; /* Innenabstand */
}
/* allgemeine Angaben */
h1, h2 {
    text-align: center;
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0 1em;
}
h1 {
    font-size: larger;
}
h2 {
    font-size: medium;
}
h3 {
   padding: 0 0.8em; 
}
p {
    padding: 0.5em 1em;
}
a {
    text-decoration: none;  /* keine Unterstreichung */
    color:#0036C0;
}
a:hover{
    color: #FF0000;
    background-color: #DDDDDD;
}
.clear {
	clear: both;
	visibility: hidden;
}
.st-unten {
    padding: 0 1em;
	border-bottom: 1px solid #666666;
}
#seite
{
    width: 100%;
    max-width:1024px;  /*  alt 964px */
    min-height: 100% -160px; /* damit Fußzeile sichtbar ist */
    margin: 0 auto;     /* Außenabstand, Seite zebtriert */
   /* background-color:  #FFFFCC;    #FFFF00 */
/*	border-right: solid 1px #818181;
	border-left: solid 1px #818181; */
}
#inhalt
{
  /*  background-color: #FFFFCC;  */
    width: 100%;
	/* margin-top: 0.5em;
	padding: 0px 5px 0px 5px;
  border : 1px solid #666666; */
}
#inhalt ul
{
	padding-bottom: 0.5em;   
	list-style: none;
}
#inhalt li {
	padding-left: 1em; 
	font-size: small;
}
#kontakt {    /* für Ansprechpartner */
	background-color: #C0C0C0; 
  /*  min-width: 13em;
    border: 2px solid silver;   */
}

.rechts {
    float: right;
}
.links {
    float: left;
}
.rtext {
    text-align: right;
}
.mtext {
    text-align: center;
}
.sichtbar {
    display: inline-block;
}
.unsichtbar {
    display: none;
}
.rahmen {
	border: 1px solid #666666;
}

.k100, .st100 {
    width: 100%;
	padding: 0 0%;   /* kein Innenabstand */
}
.sp100, .sp50, .sp66, .sp33, .sp30, .sp75, .sp25, .spr25, .spl25, .sp20 {    /* Spalten */
    float: left;
	margin: 0.5em 0.5%;
	padding: 0 0.5%;
    /* min-width: 12em;     188px 
    background-color:  #eeeeee;
    background-color: #FFFFCC;   
    background-color: #FFFFFF;  */ 
}
.b100, .b75, .b50, .br50, .b33, .br33, .b30, .br30, .b25, .br25, .b20 {    
    float: left;
	margin: 0.5em 0.8%;
	padding: 0 0%;   /* kein Innenabstand
    background-color:  #9999FF;   */
}
.br50, .br33, .br25, .spr25 {
    float: right;
}
.sp100, .sp75, .sp66, .sp50, .b100, .b75, .b50, .br50 {
    width: 98%;
}
.bild {
    width: 100%;
    border-radius: 1em  1em  0  0;
}
.bild50 {
    width: 49%;
    border-radius: 1em  1em  0  0;
}
.rund {                    /* gerundete Box */
    border-radius: 1em;   /* 20px */
}
.b100 {
   /* background-color: #eeeeee;  *//*  #DDDDDD */
}
.sp20 {
    width: 18%;
    min-width: 10em;
   /* background-color: #FFFF00;  */
}
.spr25, .spl25 {
   /* width: 23%;        war 18% am 4.5.16 
    min-width: 14em;                */
    background-color: #FFFF00;
}
@media only screen and ( min-width: 43em ) {
    /* breites Browserfenster min-width: 950px*/
  /*   #kopf { background-color: yellow;}  Farbe geht beim Einbinden nicht???? */
.sp75, .b75 {
    width: 72%;
}
.sp66 {
    width: 63.9%;
}
.sp50, .br50, .b50 {
    width: 48% ;
}
.sp33, .b33, .br33 {
    width: 31.3%;
}
.sp30, .b30, .br30 {
    width: 28%;
}
.sp25, .b25, .br25, .spr25, .spl25 {
    width: 23%;
}
.b20 {
    width: 18%;
}
}  /* breites Browserfenster */

@media only screen and ( min-width: 28em ) and ( max-width: 43em ) {
    /* Tablets und mittlere Bildschirme min-width: 440px und max-width: 950px*/
    /*  #kopf { background-color: red;} Farbe geht beim Einbinden nicht???? */
 /*   h1 {
        font-size: x-large;
    }
    h2 {
        font-size: larger;
    }   */
/*.sp66,*/ .sp50, .b50, .sp33, .b33, .br33 {
    width: 47.8%;
}
.sp25, .b25, .br25, .spr25, .spl25 {
   /* width: 31.3%;   */
    width: 48%;
}
.b20 {
    width: 31.3%;
}
}   /* Tablets und mittlere Bildschirme min-width:*/

@media only screen and ( max-width: 28em ) {
    /* mobile Geräte max-width: 440px*/
  /*   #kopf { background-color: green;}  Farbe geht beim Einbinden nicht???? */
.sp33, .b33, .br33/*, .sp25, .b25 */ {
    width: 98%;
}
.k100 {
   /* visibility: hidden;  der Platz bleibt frei!!*/
	display: none;  /* nicht anzeigen, nachfolgendes schließt auf */
}

.b25, .br25, .spr25, .spl25, .b20 {
    width: 47.6%;
} 
.bild50 {
    width: 100%;
}
 /*   h1 {
        font-size: larger;
    }
    h2 {
        font-size: medium;
    } */
} /* mobile Geräte */