html{
width: 100%;
height: 100%;
backgroune-color: white;
}
body{
width: 100%;
height: 150%;
margin: 0;



}

@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Jura/Jura-VariableFont_wght.ttf'); /* IE9 Compat Modes */
  
       
}
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Poiret_One/PoiretOne-Regular.ttf'); /* IE9 Compat Modes */
  
       
}


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


.vorschau {
	height: 75px;
	border: 1px solid #000;
	margin: 10px 5px 0 0;
}
output{
	display: block;
}
h1{
	font-family: Arial;
font-size: 18pt;
font-weight: bold;
color:grey;
}
a.men:link{

font-family: Orbitron, sans-serif;
width:150px;
height: 20px;
line-height: 20px;
display: inline-block;
font-size: 15pt;

text-decoration: none;


}

a.men:visited{

font-family: Orbitron, sans-serif;
display: inline-block;
height: 20px;
line-height: 20px;
width:150px;
font-size: 15pt;

text-decoration: none;


}

a.men:hover{
width:150px;
font-family: Orbitron, sans-serif;
display: inline-block;
color: red;
height: 20px;
line-height: 20px;

font-size: 15pt;

text-decoration: none;


}
	

.beitrag{
	padding: 10px;
width: 100%;
font-size: 12pt;
background-color: #F7F5F5;
font-family: Arial, Helvetica, sans-serif;

margin-bottom: 15px;
	
}
.text{
margin-left:15pt;	
font-size:14pt;	
}

#links{

width: 20%;
height: 100%;
float:left;
margin-top:0px;

z-index: 3;
background-color: white;



}

#mitte{

height:100%;
width:60%;
margin-top:0px;
float:left;

background-color: white;

}

#rechts{
	
	height:100%;
	margin-right:0px;
	width:20%;
	float:right;
	margin-top:0px;
	background-color: white;
}
	
	
a.menuL:link{
text-decoration: none;
display: inline-block;
font-family: arial;
width: 230px;
height: 30px;
line-height: 30px;
font-size: 14pt;

color: grey;

margin-right: 10px;


}
a.menuL:visited{
text-decoration: none;
display: inline-block;
font-family: arial;
width: 230px;
height: 30px;
line-height: 30px;
font-size: 14pt;
color: grey;


margin-right: 10px;

}
a.menuL:hover{
text-decoration: none;
display: inline-block;
font-family: arial;
width: 230px;
height: 30px;
line-height: 30px;
font-size: 14pt;
color: orange;
margin-right: 10px;

}
.bannertext{
position: absolute;
width: 100%;
z-index: 110;
margin-top: 1%;

border-top-style: none;
border-bottom-style: none;

border-color: white;
font-family: 'Poiret One';

font-weight: bold;
font-size: 500%;
color: white;
text-align:center;

}
.navbar {
  	
	padding-left: 25%;
	padding-right: 25%;
	z-index: 110;
		width: 90%;	    
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(113,64,111);
    font-family: Arial, Helvetica, sanUnser Teams-serif;
    text-align: center;    
	
    background-color:white;
    
    }
	.navbar a {
    float: left;
    font-size: 14pt;
    font-weight: normal;
    color: white;
    text-align: center;
    
    text-decoration: none;
    width: 160px;
}