@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Lobster');

body {
	background-color: #240e0e;
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='88' viewBox='0 0 80 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21.91V26h-2c-9.94 0-18 8.06-18 18 0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73 3.212-6.99 9.983-12.008 18-12.73V62h2c9.94 0 18-8.06 18-18 0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73-3.212 6.99-9.983 12.008-18 12.73zM54 58v4.696c-5.574 1.316-10.455 4.428-14 8.69-3.545-4.262-8.426-7.374-14-8.69V58h-5.993C12.27 58 6 51.734 6 44c0-7.732 6.275-14 14.007-14H26v-4.696c5.574-1.316 10.455-4.428 14-8.69 3.545 4.262 8.426 7.374 14 8.69V30h5.993C67.73 30 74 36.266 74 44c0 7.732-6.275 14-14.007 14H54zM42 88c0-9.94 8.06-18 18-18h2v-4.09c8.016-.722 14.787-5.738 18-12.73v7.434c-3.545 4.262-8.426 7.374-14 8.69V74h-5.993C52.275 74 46 80.268 46 88h-4zm-4 0c0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73v7.434c3.545 4.262 8.426 7.374 14 8.69V74h5.993C27.73 74 34 80.266 34 88h4zm4-88c0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73v-7.434c-3.545-4.262-8.426-7.374-14-8.69V14h-5.993C52.27 14 46 7.734 46 0h-4zM0 34.82c3.213-6.992 9.984-12.008 18-12.73V18h2c9.94 0 18-8.06 18-18h-4c0 7.732-6.275 14-14.007 14H14v4.696c-5.574 1.316-10.455 4.428-14 8.69v7.433z' fill='%238b1a1a' fill-opacity='0.41' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-attachment: fixed;
}

div#wrapper {
	background-color: white;
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: -8px;
	margin-bottom: 25px;
	width: 720px;
	border-radius: 8px;
	padding-top: 10px;
}

h1 {
	background-color: white;
	font-family: 'Merriweather', serif;
	font-size: 200%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	position: fixed;
	width: 680px;
	margin-top: -10px;
	padding-bottom: 10px;
}

h2 {
	font-size:180%;
	font-family: 'Lobster', cursive;
}

h3 {
	font-size:140%;
	font-family:Times New Roman;
	margin-top: 20px;
	margin-bottom: -5px;
}

h4 {
	font-size:180%;
	font-family: 'Lobster', cursive;
	margin-top: 20px;
	margin-bottom: -5px;
}

#header img {
	padding-left: 350px;
	position:fixed;
}

div#nav {
	background-color: #B13D3D;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	position: fixed;
	box-shadow: 0 4px 2px -2px gray;
	width: 680px;
	margin-top: 60px;
}


	
#nav a:link {
	color: #FFEAEA;
	background-color: #B13D3D;
	
}
 
#nav a:visited {
	color: #FFEAEA;
	background-color: #B13D3D;
}

#nav a:hover {
	color: #FFEAEA;
	background-color: #DD7272;
 }
 
#nav a {
	padding: 4px;
	font-size: 120%;
	text-decoration: none;
 }

#nav p {
	margin: 0em;
}
 
 div#article {
	 padding-left: 20px;
	 padding-right: 20px;
	 margin-top: 100px;
	 font-size: 100%;
}
 
 address {
	background-color: white;
	color: black;
	font-family: Garamond;
	text-align: center; 
	letter-spacing: 2px; 
	line-height: 1.5; 
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 1px solid black;
}

#navibereich2 a:link {
	background-color: #DD7272;
	color: white;
	border-bottom-color: #DD7272;
}

p#navibereich2 {
	background-color: #DD7272;
	width: 100px;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid black;
	position: fixed;
	margin-top: 0px;
}

#navibereich2 a:hover {
	background-color: #FFABAB;
	color: #AA3A3A;
	border-radius: 4px;
}

#navibereich2 a:visited {
	color: white;
}

#navibereich2 a {
	 padding: 4px;
	 line-height: 2; 
	 text-decoration: none;
	 font-size: 120%;
	 border-radius: 4px;
}

div#box2 {
	padding-left: 140px;
	margin-top: 0px;
	padding-bottom: 10px;
}

#box2 a{
	padding: 0px;
	line-height: 0;
	text-decoration: none;
	font-size: 100%;
	border-radius: 0px;
	background-color: white;
	color: blue;
}

#box2 a:hover{
	background-color: white;
	color: blue;
	border-radius: 0px;
}

#box2 a:visited{
	background-color: white;
	color: blue;
	border-radius: 0px;
}

#box2 img {
	padding-left: -10px;
	padding-top: 10px;
}

div#box {
	padding-left: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
}

#box a{
	padding: 0px;
	line-height: 0;
	text-decoration: none;
	font-size: 100%;
	border-radius: 0px;
	background-color: white;
	color: blue;
}

#box a:hover{
	background-color: white;
	color: blue;
	border-radius: 0px;
}

#box a:visited{
	background-color: white;
	color: blue;
	border-radius: 0px;
}

#box img {
	padding-left: 450px;
	margin-top: -700px;
	padding-bottom: 100px;
}
