@font-face{
	src:url("FetteNationalFraktur.ttf") format("truetype");
	font-family:"Fette National Fraktur";
	src:url("Didot.ttc") format("truetype");
	font-family:"Didot";
}

#title{
	font-family: Didot;
}

body{
	font-family:Times, serif;
	margin:0;
	border:0;
	padding:0;
	font-size: 1.5rem;
	position:absolute;
}

#box{
	margin-top: 6%;
	background-color:#e1e1d8;
	padding: 10px;
}

.i{
	margin: 0 30px 0 30px;
}

header{
	background-color:#e1e1d8;
	margin: 0 0 0 0;
	border:0;
	text-align:right;
}


header div{
	font-size: 7.0rem;
	text-align:center;
}

header div.f{
	font-family: Fette National Fraktur, cursive;
}
header div.k{
	font-family: Kanzler, cursive;
}
header div.c{
	font-family: cursive;
}

nav{
	background-color:#418fde;
	background-repeat:no-repeat;
	background-attachment:fixed;
	position:fixed;
	color: white;
	width:150%;
	z-index:10;
	clear:both;
	padding:15px;
}
div.hid{
	clear:both;
	margin: 0 0 15px 0;
	padding:15px;
	opacity:0.0;
}
nav a{
	color:#fff;
	text-decoration:none;
	margin: 0 10px;
	font-family: Helvetica Neue;
	font-weight: 100;
	transition: 3s;
	border-bottom: none;
}

span.a{
	color:#fff;
	font-family:Arial,sans-serif;
	text-decoration:none;
	margin: 0 10px;
}

article{
	margin:0;
	background-color:#e1e1d8;
	text-align:justify;
	text-indent: 15px;
	column-count:3;
}

@media(max-width:650px){
	article{
		column-count:1;
	}
}

p{
	margin:0;
}

h1{
	text-indent:0;
	column-count:1;
	font-size:2.3rem;
}

.ort{
	font-weight:bold;
}
.autor{
	font-style:italic;
	text-align:right;
}
a{
	color:#000;
	text-decoration:none;
	transition: 3s;
}

a:hover{
	text-decoration:underline;
	-webkit-text-decoration-color: black;
}

#main{
	font-family:Helvetica,sans-serif;
	text-align:justify;
}

#foot a{
	font-size: 13pt;
	font-family: Didot;
	  display: block;
		margin: 1%;

}
#foot p{
	font-size: 13pt;
	font-family: Didot;
	  display: block;
		margin: 1%;

}
#foot{
	margin:2%;
	border-top: solid 2pt;
}

.indextext {
	font-size: 16pt;
	color: #5E5E5E;
	margin: 5%;
	column-count: 1;
	text-align: justify;
	font-family: Helvetica Neue;
	Font-weight: 200;
}

.indextext a {
	color: #000000;
}
#loader {
      width: 100%;
      height: 100%;
      background-color: #e1e1d8;
      margin: 0;
}
.indextext  h3 {
	margin-left: 8%;
}

.indextext  h3 a {
	color: #5E5E5E;
}

.quote{
	font-family: times;
	margin: 3%;
	margin-left: 17%;
	margin-right: 15%;
	border-left: solid;
}

.quotetext{
	text-align: center;
	font-style: italic;
	font-size: 18pt;
}

.from{
	margin-top: 2%;
	text-align: right;
	font-size: 15pt;
}
table {
		margin-top: 2%;
		margin-bottom: 2%;
    border-collapse: collapse;
		width: 100%;
}

table, th, td {
    border: 1px solid black;
		padding: 10pt;
}
th {
    background-color: #418fde;
    color: white;
}
tr{transition: 0.3s}
tr:hover {background-color: #D1D1D1}
.abfrage p{
	border: solid;
	display: block;
	margin: 2%;
	padding: 0.5%;
	transition: 1s;
}
.abfrage p:hover{
	color: black;
	background-color: grey;
	box-shadow: 3px 3px 10px grey;
}
#main{
  width: 60%;
  display: inline-block;
}
#left{
  width:30%;
  position: absolute;
  display: inline-block;
  right: 0px;
  margin-right: 4%;
	padding-left: 2%;
	border-left: solid 2px;
}