* {
    margin: 0;
    padding: 0;
}



body {
    text-align: center;
    background-image:url('../b/back.gif'); background-repeat:repeat; background-attachment:fixed;

}

header, nav, footer, aside,section {
    display: block;
}

#wrapper {
 /*   background-color: #eeaaee;        */

    width: 1024px;
    /*border: 2px solid red;*/

    margin: 0 auto;  /*  */
    text-align: left;
    /*background-image: url(b/durchsichtig8.png);*/
}



#fg {
/*    background-color: yellow;             */

    height: 120px;   /* 190px; */
    width: 870px;
    float: right;
    text-align: center;
}



#logo {
 /* background-color: #E0557B;                */

    height: 150px;  /* 190px; */
    width: 150px;
    float: left;
}


header h1 {margin-top: 20px; }
header img {
    margin-top: 0px
}

#menu {
/*   background-color: #aabbcc;             */

    width: 870px;
    float: right;
    text-align: center;
}


#Partner {
/*   background-color: red;                */

    width: 190px;
    float: left;
}

#menu ul { padding-left: 2em; }
#menu li { padding-bottom: 0.71em; padding-top:0.7em}

#Partner img {margin-top: 1em}

aside {
/*    background-color: #abcdef;          */

    margin-left: 191px;
    margin-right: 451px;
}

section {
    clear: both;
   /*   width: 980px;
  border: 2px solid red;*/
    margin: 0 auto;
 /*    background-color: #aaaaaa;      */
}

section h3{   color:black; text-align: center;

}

section h2{ font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1.3em; color:black;
text-align: center;

}

footer {
    text-align: center;
    clear: both;
    background-color: #ee22ff;

}

#Grafik-referenz {
border: 1px solid #069CFF;
display: block ; margin: 0 auto;

}


#txt-zentriert {
    text-align: center;
}

#txt-links {
    text-align: left;
}

#txt-rechts {
    text-align: right;
}

p.txt-zentriert {
    text-align: center;
}

p.txt-links {
    text-align: left;
}

p.txt-rechts {
    text-align: right;
}



#Grafik01 {
border: 1px solid #069CFF;
display: block ; margin: 0 auto
}


#Grafik03 {
border: 1px solid #eeeeee;
}

#gaspa {
/* ganze Spalte, Text links */
/* 	background-color: #DDDDDD;    */

    text-align: left;
    width: 100%;
    margin-bottom: 0.8em;
	float: justify;

}

#gaspa_z {
/* ganze Spalte, Text zentriert */
/* 	background-color: #ee2a5b;   */

    text-align: center;
    width: 100%;
	float: justify;
    box-shadow: 0 5px 0 0 blue ;
}

#gaspa_zs {
/* ganze Spalte, Text zentriert, Schatten */
/* 	 background-color: #ee2a5b;  */

    text-align: center;
    width: 100%;

    margin-bottom: 0.6em;
	float: justify;
    box-shadow: 0px 5px 5px -5px #66CCFF;

}

.abstand3em {
    margin-left: 3em;
}

.abstand_u1em {
    margin-bottom: 1em
}

.abstand_o1em {
    margin-bottom: 1em
}

#gaspa-u-Abstand {
/* ganze Spalte, Text links Spalte unterstrichen */
/* 	background-color: #ffffff;    */

    text-align: left;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 0.8em;
	float: justify;
    box-shadow: 0 1px 0 0 blue ;
}

#gaspa-u {
/* ganze Spalte, Text links Spalte unterstrichen */
/* background-color: #FF99FF;	   */

    text-align: left;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 0.8em;
	float: justify;
    box-shadow: 0 1px 0 0 blue ;

}

#lispa {
/* background-color: yellow;   */


    width: 400px;
	float: left;
}




#lispa550 {
/* 	background-color: yellow;      */

	width: 550px;
	float: left;
}



#lispa_z {
/* linke Spalte, Text zentriert */
/*   background-color: yellow;    	   */

    text-align: justify;
    width: 480px;
	float: left;
}


#respa {
/* background-color: green;   */

	width: 430px;
   float: right; /* */
}

#respa590 {
/* background-color: green;    */

    width: 590px;
   float: right; /* */
}


#respa474 {
/*  background-color: green;   */

	width: 455px;
   float: right; /* */
   padding-left: 15px;
}

#respa474r {
/*  background-color: #66FFCC;  */

	width: 474px;
    text-align: right;
   float: right; /* */
}





#respa_z {
/* rechte Spalte, Text zentriert */
/* background-color: green;    */

    text-align: center;
	width: 480px;
   float: right; /* */
}

#AM-Zentrierung {
  display: flex;
  align-items: center;
  justify-content: center;
}



div.table100 {
				display: table;
				width: calc(100% - 10px);
				/*border: 1px solid blue; */
				padding: 5px;
}

div.spalteli {
				display: table-cell;
                text-align: left;
/*				border: thin solid red;
				width: 200px;
				padding: 5px;
*/

}
div.spalteze {
				display: table-cell;
                text-align: center;
/*				border: thin solid red;
				width: 200px;
				padding: 5px;
*/

}
div.spaltere {
				display: table-cell;
                text-align: rigt;
/*				border: thin solid red;
				width: 200px;
				padding: 5px;
*/

}

table {
        width:1000px;
        text-align: center;

      }

.randtd  {
       border: 1px solid
}




.ab30 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:3.0em; color:black; }
.an30 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:3.0em; color:black; }
.ab25 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:2.5em; color:black; }
.ab25blue { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:2.5em; color:blue; }
.an25 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:2.5em; color:black; }
.ab20 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:2em; color:black; }
.an20 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:2em; color:black; }
.ab16blue { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1.6em; color:blue; }
.ab16 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1.6em; color:black; }
.an16 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:1.6em; color:black; }
.ab13 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1.3em; color:black; }
.an13rot { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:1.3em; color:red; }
.ab13rot { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1.3em; color:red; }

.an13 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:1.3em; color:black; }
.ab10 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1em; color:black; }
.an10 { font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:normal; font-size:1em; color:black; }
.vb0 { font-family:; font-style:normal; font-weight:bold; font-size:11px; color:black; }
.vt0 { font-family:'Source Sans Pro'; font-style:normal; font-weight:normal; font-size:11px; color:black; }
.vb1 { font-family:verdana; font-style:normal; font-weight:bold; font-size:13px; color:black; }
.vt1 { font-family:verdana; font-style:normal; font-weight:normal; font-size:13px; color:black; }


.ue1 { font-family: 'Almendra', serif; font-style: normal; font-weight: bold; font-size: 3em; color: blue;}
.ue2 { font-family: 'Almendra', serif; font-style: normal; font-variant: small-caps;font-weight: bold; font-size: 3em; color: blue;}
.ue3 { font-family: 'Almendra', serif; font-style: normal; font-weight: bold; font-size: 2em; color: blue;}
.Absatz_Mitte {  font-family:'Source Sans Pro', sans-serif; font-style:normal; font-weight:bold; font-size:1em; color:black; text-align: center;}






a.menu {
  text-decoration: none;
  background-color: #D4D4D4;
  border: 1px solid;
  border-radius: 5px;
  margin-right: 10px;
  padding: 2px 2px 2px 2px;

}

a.start {
  text-decoration: none;
  background-color: gold;
  border: 1px solid;
  border-radius: 5px;
  margin-right: 10px;
  padding: 2px 2px 2px 2px;

}

a.null {
	text-decoration: none;
	border-bottom: 0.1em solid blue;
}

a.eins {
	text-decoration: none;
	border-bottom: 0.2em dotted blue;

}

a.zwei {
	text-decoration: none;
	border-bottom: 0.1em dashed green;
}

a.drei {
	text-decoration: none;
	border-bottom: 0.4em double black;
}



a:active,
a:hover,
a:focus {
	border-bottom-width: 0.2em;
    border-bottom-color: blue;
}



/*
 a:link { font-style:normal; font-weight:normal; color:black; text-decoration:none; }
 a:visited { font-style:normal; font-weight:normal; color:rgb(0,102,0); text-decoration:none; }
 a:hover { font-style:normal; font-weight:normal; color:rgb(0,0,153); text-decoration:none; }

.winzig { font-family:Arial,sans-serif; font-style:normal; font-weight:normal; font-size:3px; }

*/






/* Listen für Texte-Aktivitäten mit Einzug ############################################ */

.datalist {
	padding: 5px;
	margin: 0;
}

.datalist li { padding-bottom: 5px;
   	padding-left: 4em;
	text-indent: -1.4em;
}

/*.datalist li {
	padding-left: 30px;
    padding-bottom: 5px;
	text-indent: -30px;
}*/



.datalist li > * {
	text-indent: 0;
}


ul {
	list-style-position: inside;
}

li {
	/*background-color: lightblue;*/
	margin: 2px;
}

.outside {
	list-style-position: outside;
}

.inside {
    list-style-position: inside;
}