@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Francois+One|Roboto+Condensed|Sacramento|Satisfy|Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Assistant');
* { padding: 0; margin: 0; }
a.menu{ font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Slabo 27px', serif;
	font-size: 150%;
	text-decoration: none;
	color: black;
}
h1{	font-family: 'Assistant', sans-serif;
	font-size: 200%;
	color: black;
	
}
h2{ font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Slabo 27px', serif;
    font-family: 'Francois One', sans-serif;
    font-family: 'Satisfy', cursive;
    font-family: 'Sacramento', cursive;
	font-size: 500%;
	color: white;
	
}
h3{ font-family: 'Assistant', sans-serif;
	font-size: 100%;
	color: black;
	font-weight: lighter;
	
}
h4{	font-family: 'Assistant', sans-serif;
	font-size: 80%;
	color: black;
	font-weight: lighter;
}
h5{	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	color: black;
	font-weight: lighter;

}

div#wrapper {
	background-color: #B3E6D7;
	color: black;
	width: auto; /*Breite des Inhaltsbereiches*/
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto; /*zentrieren*/
	padding: 0px;
}

div#header {
	background-image: url('./img/background2.jpg');
	background-color: #359175;
	color: white;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

div#nav {
	background-color: #55AB91;
	color: black;
	width: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-decoration: none;
}

div#article {
	background-color: #E2F8F2;
	width: 800px;
	color: black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	text-align: justify;
	
}

div#footer {
	width: 800px;
	background-color: white;
	color: black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
}

	table {
	
  border-collapse: separate;
  border-spacing: 0.2em;
}
  
td {
		border: 2px solid #359175;
		background-color: #359175;
		width: 150px;
  padding: 0.2em 0.5em;
  border-radius: 0.1em;  
 
  text-align: center;
  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5);
}  
td.bild {
				background-color: #E2F8F2;
		border: 2px solid #E2F8F2;
box-shadow: none;
  padding: 0.2em 0.5em;
  border-radius: 0.1em;  
 
  vertical-align: top;
}  
a.klasse{ 
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: #093987;
	
	
}
a.klasse:visited {
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: purple;
}
a.normal{
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: #093987;
}
a.normal:visited{
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: purple;
}
a.borg_link{
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: #093987;
}

a.borg_link:visited{
	font-family: 'Assistant', sans-serif;
	font-size: 100%;
	font-weight: lighter;
	color: purple;
}

