body {
  color: black;
  background-color: white;
  padding: 10;
  margin:0;
  width:100%; 
}

div {
  background-color: white;
  padding: 10px;			
  border: 1px solid black;
  margin: 5px;
}

#mainwrapper {
	position: absolute;
	display: block;
	float: left;
	top: 25px;
	left: 100px;
	right: 100px;
	min-width: 800px;
}

#header {
  position: relative;
  display: block;
  width: 96%;
  background-color: lightblue;
  border-width: 5px;
  border-color: #3489eb;
  border-style: solid;
}
#middlewrapper {
	position: relative;
	display: block;
	float: left;
	clear: both;
	min-height: 785px;
	height: 99%;
	background-color: white;
  padding: 0px;			
  border: 0px;
  margin: 2px;
}

#nav {
  position: static;
  display: block;
  width: 24%; 
  float: left;
  height: 99%;
  background-color: #34eb8c;
  border-width: 5px;
  border-color: #4fc96b;
  border-style: solid;
}
#article {
  position: static;
  display: block;
  width: 66%;
  min-width: 500px;
  float: right;
  min-height: 766px;
  background-color: #c45dd9;
  border-width: 5px;
  border-color: #6e257d;
  border-style: solid;
 }
 
 #footer {
  position: relative;
  display: block;
  width: 96%;
  float: left;
  background-color: #d6eb34;
  border-width: 5px;
  border-color: #b5b328 ;
  border-style: solid;
}

h1 {
	background-color: #b3d9ff;
}

p {
	font-family: arial;
	font-weight: italic;
	color: #004d66;
}

ul {
	color: #black;
}

 .fett {
		font-weight: bold;
		font-family: 'Sofia';
}
.bilderrahmen {
	border-width: 10px;
	border-color: blue;
    border-style: solid;
}
.jetbrain {
	font-family: 'JetBrains Mono';
}