html,body {
	margin: 0;
	padding: 0;	
}

/* Navigationsleiste */
#nav {
	width: 100%;
	background-color: #98bf21;
	margin-bottom: 30px;
	padding: 0px;
	text-align: center;
	float: none;
	}
ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	overflow: hidden;	
}
li {
	display: inline;		
}
li a:link, li a:visited {
	transition: 0.5s;
	display: inline-block;
	width:250px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#98bf21;
	text-align:center;
	padding:4px;
	text-decoration:none;
}
li a:hover,li a:active {
	background-color:#7A991A !important;
	width: 270px;
	color: #FFFFFF !important;
}
#aktuell { /* momentan besuchte Seite in Navigationsleiste */
	background-color:#C1F22A;
	color: black;
}

/* Textformatierung */
* {
	font-family: "Verdana","DejaVu Sans", sans-serif;
}
h1 {
	padding-top: 5px;
	color: #4B5E10;
	text-align: center;
}
h2,h3 {
	color: #3F4F0D;
	margin: 20px 
}
p {
	font-size: medium;
	font-family: "Verdana",sans-serif;
	margin:20px 20px 0 20px;
}
img {
	margin: 20px;
}
#text { /* div, welches den Text enthält */
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}
html {
	background-color: #E0FFE0;
}
object {
	margin: 10px;
}
/*Diagramme*/
#Legende {
	margin-bottom: 5px;
}
#inhalt_diagramm {
	width: 100%;
	height: 95%;
}

.float {
float: right;
}
#graphdiv {
	width: 100%;
	height: 85vh;
}
#auswahl {
	margin-top: 10px;
}
#link {
	bottom: 10px;
	right: 80px;
}
#zoom {
	margin-bottom:10px;
	z-index: 1;
}
#zoom,#Legende,#auswahl {
	margin-left:10px;
	margin-right:10px;
}

/* Über das Projekt */
#vwa-note {
	text-align: center;
	background-color: #E0FFE0;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5); 
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5); 
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	padding: 10px;
}

#vwa-note a:link, #vwa-note a:visited, #vwa-note a:hover, #vwa-note a:active {
	color: blue;
	font-weight: bold;
	text-decoration: none;
}