/* Gestaltung Footer */

#sp-footer { 
  
position: fixed; width: 100%; bottom: 0; z-index: 999;}

/* ------------ */"



/* Gestaltung Breadcrumb */
/* ------------ */


/* Gestaltung zweites Menu */

#sp-position1 { 
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  background: #c0c0c0;
  
}

#sp-position1 ul {
  margin: 0;
  padding: 0;
  
}
 
#sp-position1 a {
  display: block;
  color: #252525;
  text-decoration: none;
}

#sp-position1 ul li {
  position: relative;
  float: left;
  list-style: none;
}
 
#sp-position1 ul li:hover {
  color: #0345bf;
}
 
#sp-position1 ul li a {
    padding: 15px;
    list-style: none;
}

#sp-position1 ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
  
 
#sp-position1 ul ul li {
  float: none;
  width: 220px
  border-bottom: 1px solid #555;
}
 
#sp-position1 ul ul li a {
  padding: 10px 20px;
}

#sp-position1 ul li:hover > ul {
  top: 100%;
  left: -40px;
}

#sp-position1 ul ul li:hover > ul {
  top: 0;
  left: -200px;
}


/* Ende zweites Menu */

/* linkes Menu */

.leftnavi {
  width: 180px;
  font-family: arial;
  font-weight: bold;
} 

.leftnavi, .subleft {
  list-style: none;
  width: 180px
  padding: 0;
  margin: 0;
}


.leftnavi a {
  display: block;
  font-size: 11px;
  font-weight: bold;
  background-color: #ffffff;
  text-decoration: none;
  padding: 1px;
  color: #000;
}


.leftnavi a:hover {
    background-color: #ffffff;
}



.leftnavi li:hover .subleft {
  display: block;
  max-height: 200px;
}



.subleft a {
  background-color: #999;
}


.subleft a:hover {
  background-color: #666;
}


.subleft {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}

/* Ende linkes Menu */

/* Grosse Tabelle */


.Listegross {
	box-sizing:border-box;
}

.Listegross table {
	width:100%;
    overflow: auto;
}

.Listegross table, td, tr, th {
	border:0px solid black;
	border-collapse: collapse;
	text-align: left;
    
}

.Listegross tbody tr:nth-child(even) { 
  background-color: #e4ebf2; 
  color: #000; 
}

.Listegross td, tr, th {
	padding:1em;
}

.Listegross th {
	background: #c0c0c0;
	font-weight: bold;
}

@media screen and (max-width:700px) {

.Listegross	table, tr, td {
		padding:0;
		border:1px solid black;
      
	}

.Listegross	table {
		border:none;
  
	}

.Listegross thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;

	}

.Listegross	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

.Listegross	td {
		float: left;
		width: 100%;
		padding:1em;
        
	}

}


/* Ende grosse Tabelle */


/* kleine Tabelle */

.Listeklein {

    margin-left: auto; margin-right: auto;

}

.Listeklein {
	box-sizing:border-box;

}

.Listeklein table {
	width:100%;
    overflow: auto;
}

.Listeklein table, td, tr {
	border:0px solid black;
	border-collapse: collapse;
	text-align: left;
    

    
}

.Listeklein tbody tr:nth-child(even) { 
  background-color: #e4ebf2; 
  color: #000;


}

.Listeklein td, tr, th {
	padding:1em;

}

.Listeklein th {
	background: #c0c0c0;
	font-weight: bold;
    border:0px solid black;
	border-collapse: collapse;
    margin-left: auto; margin-right: auto;
}

@media screen and (max-width:700px) {

.Listeklein	table, tr, td {
		padding:0;
		border:1px solid black;
        
	}

.Listeklein	table {
		border:none;
  
	}


.Listeklein	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

.Listeklein	td {
		float: left;
		width: 100%;
		padding:1em;
        
	}

}


/* Ende kleine Tabelle */

/* ungeordnete Liste */

.Listen { margin:0; padding:0; }


.Listen ul { list-style: none }
         

.Listen li:nth-child(odd) {
  background-color: #e4ebf2;
}

.Listen li { display: block; }

/* Ende ungeordnete Liste */

/* Bild zenrieren */

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/* Ende Bild zentrieren */