@charset "utf-8";
/* CSS Document */
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

* {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	outline: none;
	border: none;
	position: relative;
	text-decoration: none;
	z-index: 150;
}

html, body {
	height: 100%;
	width: 100%;
}

p {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	font-size: large;
}

p span {
	font-size: medium;
}

img#background {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

#navigation {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	position: fixed;
	top: 20px;
	right: 0px;
	padding-left: 70px;
	color: #ffffff;
	background: rgba(228, 25, 81, 1.0);
	z-index: 160;
}

#navigation li {
	text-transform: uppercase;
	float: left;
	height: 30px;
	list-style-type: none;
	padding-right: 15px;
	right: 10%;
}

#navigation li:first-child {
	color: #000000;
}

#navigation li:first-child a:hover, #navigation li:first-child a:focus, #navigation li:first-child a:active {
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}

#navigation li:first-child a, #navigation li:first-child a:visited {
	text-decoration: none;
	color: #000000;
}

#navigation li a, #navigation li a:visited {
	text-decoration: none;
	color: #ffffff;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: white;
	background-color: #131313;
}

#navigation li span {
	color: white;
	background-color: #131313;
}

#hauptinhalt, #startseite {
	position: absolute;
	top: 10%;
	right: 2%;
	width: 600px;
	padding: 20px;
}

#hauptinhalt {
	background: rgba(255,255,255,0.45);
}

#hauptinhalt td {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	font-size: medium;
	vertical-align: top;
	padding-bottom: 10px;
}

#hauptinhalt h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: xx-large;
}

#hauptinhalt h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: x-large;
}

#fotoauflistung {
	position: absolute;
	top: 350px;
	right: 2%;
	width: 860px;
	padding-top: 10px;
	padding-left: 50px;
	background-color: rgba(255,255,255,0.45);
}

#fotoauflistung #fotogruppe {
	clear: left;
}

#fotoauflistung #fotogruppe h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 10px;
}

#fotoauflistung #einzelfoto {
	padding-right: 5px;
	float: left;
	height: 225px;
	width: 160px;
}

#fotoauflistung #einzelfoto p {
	font-size: small;
	line-height: 14px;

}

#fotoauflistung #einzelfoto p span {
	font-size: x-small;
}

#copyright {
	position: fixed;
	right: 10px;
	bottom: 5px;
	color: #FFFFFF;
}