body {
	margin: 0;
	padding: 0.5em;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans serif";
	font-size: medium;
	line-height: 1.4;
	color: #404040;
	background-color: #c0c0c0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:link {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:active {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

#container {
	width: inherit;
	max-width: 1300px;
	margin: 0 auto 0.5em auto;
}

header {
	margin: 0em 1em 0.5em 0em;
	padding-left: 1.5em;
	width: inherit;
	height: 8em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
	background-color: #000000;
	white-space: nowrap;
	color: #ffffff;
	border-radius: 0.5em;	
}

header.micromet {
	background-image: url(img/micromet.jpg);
}

header.kepler{
	background-image: url(img/Kepler-Banner.jpg);
}

header.sonne{
	background-image: url(img/Sonne-Banner.jpg);
}

header.merkur{
	background-image: url(img/Merkur-Banner.jpg);
}

header.venus{
	background-image: url(img/Venus-Banner.jpg);
}

header.erde{
	background-image: url(img/Erde-Banner.jpg);
}

header.mars{
	background-image: url(img/Mars-Banner.jpg);
}

header.asteroiden {
	background-image: url(img/Asteroiden-Banner.jpg);
}

header.jupiter{
	background-image: url(img/Jupiter-Banner.jpg);
}

header.saturn {
	background-image: url(img/Saturn-Banner.jpg);
}

header.uranus {
	background-image: url(img/Uranus-Banner.jpg);
}

header.neptun {
	background-image: url(img/Neptun-Banner.jpg);
}

header.pluto {
	background-image: url(img/Pluto-Banner.jpg);
}

header.heliosphere {
	background-image: url(img/Heliosphere-Banner.jpg);
}

header.oort {
	background-image: url(img/Oort-Banner.jpg);
}

header.stern {
	background-image: url(img/Proxima-Banner.jpg);
}


header h1 {
	margin-top: 0.1em;
	font-size: 250%;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

header h3 {
	margin-top: 0.5em;
	font-size: 100%;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

header div.source {
	position: relative;
	width: 99%;
	bottom: 1.5em;
	font-size: 55%;
	text-align: right;
	color: #555555;
}

#menu {
	float: left;	
	width: auto;
	height: auto;
	margin: 0em 0.5em 0.5em 0em;
	padding: 1em;
	background-color: #fafafa;
	border-radius: 0.5em;
}

#menu a:hover {
	text-decoration: underline;	
}

#menu ul {
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin: 0em 0em 0.4em 0em;
	padding: 0em 1em 0em 1em;
	font-size: 100%;
}

#menu li.current {
	color: #faf8f8;
	background-color: #2b2bff;
}

#menu div.logo-container {
	text-align: center;
	padding: 0.5em 0em 0em 0em;
}

#menu div.small {
	text-align: center;
	font-size: 60%;
}

#menu img {
	width: 100px;
	height: auto;
	border: none;
}

#content {
	width: auto;
	height: auto;
	overflow: hidden; /* Damit das Layout mit float funktioniert */
	margin: 0em 1em 1em 0em;
	padding: 1em 1.5em 1em 1.5em;
	font-size: 90%;
	background-color: #fafafa;
	text-align: justify;
	border-radius: 0.5em;	
}

#content a {
	color: inherit;
	font: inherit;
	text-decoration: underline; /* Links im Text unterstreichen */
}

#content h2{
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
}

#content h3{
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}

#content p {
	line-height: 1.3;
}

#content table {
	width: 95%;
	max-width: 600px; /* Skalierung in Pixel -> Breite vergleichbar zu img */
	font-family: inherit;	
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	font-size: 90%;
}

#content tr.tabheader {
	background-color: #2b2bff;
	color: #faf8f8;
	font-weight: bold;
}

#content tr.tabline1 {
	background-color: #bbbbff;
}

#content tr.tabline2 {
	background-color: #dfdfff;
}

#content th {
	padding: 0.4em 1.2em 0.3em 1.2em;
	text-align: center;
}

#content th.firstcol {
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.2em;
}

#content td {
	padding: 0.4em 1.2em 0.3em 1.2em;
	text-align: center;
}

#content td.firstcol {
	text-align: left;
	font-weight: bold;
}

#content table.gallery {
	width: 90%;
	max-width: 600px;
	background-color: #dfdfff;
	border-collapse: collapse;
}

#content table.gallery td {
	padding: 0.4em 0.2em 0.0em 0.2em;
	text-align: center;
	vertical-align: middle;
}

#content img.gallery {
	width: 100%;
	height: auto;
}

#content div.image-container-700px {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 0 auto;
	padding: 0.4em;
	background-color:  #dfdfff;
}

#content div.image-container-500px {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 0 auto;
	padding: 0.4em;
	background-color:  #dfdfff;
}

#content div.image-container-300px {
	width: 100%;
	max-width: 300px;
	margin: 0 auto 0 auto;
	padding: 0.4em;
	background-color:  #dfdfff;
}

#content img.scaled {
	display: block;
	width: inherit;
	height: auto;
	border-radius: 0.2em;
}

#content p.caption {
	text-align: center;
	font-size: 85%;
	font-style: italic;
	padding: 0.2em;
	margin: 0;
	
}

#content p.source {
	text-align: center;
	font-size: 70%;
	margin: 0;
	padding: 0em 0.2em 0.2em 0.2em;
}

#map-container {
	width: 500px;
	height: 520px;
	font-size: 80%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0.5em;
	color: #888888;
}

#map-container img {
	height: 500px;
	width: auto;
}

#nav {
	display: none; /* Navigation für mobile.css */
}

#navbottom {
	display: none; /* Navigation für mobile.css */
}