a:active, a:link, a {
  color:#b9ae5f;
  font-weight: 400;
  text-decoration:none;
}

a:hover {
  color:#909090;
  border-bottom: #909090 solid 0px;
}

/* auch wenn nicht viel auf der Seite steht,
 * soll der Bildschirm bis unten ausgefüllt sein
 * das schöne Grau ist 909090
 */

hr { 
	display: block;        /* ensures hr behaves like a block element */
	height: 1px;           /* sets the element height */
	border: 0;             /* removes default browser border */
	border-top: 1px solid #b9ae5f; /* draws the visible line */
	margin-top: 1em;       /* space above */
	margin-bottom: 1em;    /* space below */
	margin-left: auto;     /* centers horizontally if width < 100% */
	margin-right: auto;
	padding: 0;            /* removes padding */
}

.section-title {
  border-top: 1px solid #b9ae5f;
  border-bottom: 1px solid #b9ae5f;
  padding: 0.4em 0;
  margin: 1em 0;
}

ol.paren-list {
  list-style-type: decimal;
}

ol.paren-list li::marker {
  content: "(" counter(list-item) ")  ";
}

html {
	height: 100%;
}


body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 120%;
	color: #b9ae5f;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #102535;
	/* Höhe für kurze Seiten */
	height: 100%;
	/* Hintergrund*/
	background-size: 100% auto;
	background-position: 0% 100%;
	background-attachment:fixed;
}

.navigation {
	float: left;
	padding: 2.85em;
	margin-left: 3em;
	text-align: center;
	margin-top: 0em;
	border-bottom: #000 0px solid;
	background: rgba(0,0,0,0.5);
}

.content {
	/*float: center;*/
	width: 600px;
	margin-top: 2.1em;
	/* ~20 Zeichen längster Navieintrag
	 * + 2*2 em padding
	 * + 3em margin
	 * ~ 28em*/
	margin-left: 23em;
	padding: 1em;
	text-align: justify;
	background: rgba(0,0,0,0.5);
}

.fussbereich {
	position:relative;
	bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 80%;
	padding-bottom: 1em;
}

.content td, th {
	padding: 0.5em;
	margin: 0.5em;
	}


.header {
	width: 500px;
	margin: 1px auto;
	padding: 1em;
	text-align: justify;
	color: #000;
	background: rgba(0,0,0,0. 0);
	border-bottom: #000 0px solid;
}



.navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li {
	/*
	display: inline;
	*/
	list-style: none;
	margin: 0.05em;
	padding: 0em;
}

.header {
display:none; 
}

@media only screen and (orientation: portrait) {

.header {
	display:inline;
	width: 80%;
	height: 10%;
	margin-left: 5%;
	margin-top: 5%;
	padding: 1em;
	text-align: center;
	font-size: 100%;
	color: #b9ae5f;
	background: rgba(0,0,0,0.5);
	
}
		body {
		background-color: #102535;
		background-size: auto 100%;
		background-position: 100% 100%;
		}

	.navigation {
display:none 
}




	.content {
		float: none;
		width: 80%;
		margin-left: 8%;
		margin-top:10%;
		padding: 1em;
		text-align: left;
		font-size: 100%;
		background: rgba(0,0,0,0.5);
		
	}



	.fussbereich {
	position:relative;
	text-align: center;
    bottom: 0;
    width: 100%;
    height: 3em;
	margin: -3em auto;
	font-size: 150%;
	}


}