@font-face {
	font-family: 'PTSans';
	font-style: normal;
	font-weight: 400;
	src: url("PTSans-Regular.ttf");
}

*{
  font-family: 'PTSans',Arial,Helvetica,"Trebuchet MS";
}

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

body {
    background: #aaa;
    background: linear-gradient(to bottom, #fff, #aaa);
    color: #000069;
    font-size: 12px;
    padding: 0px;
    margin:0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'PTSans',Arial,Helvetica,"Trebuchet MS";
    font-size: 1.1em; 
    height:100%;   
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #000069 linear-gradient(to bottom, #fff, #aaa);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: linear-gradient(to bottom, #fff, #aaa);
}

*::-webkit-scrollbar-thumb {
  background-color: #000069;
  border-radius: 20px;
  border: 0px solid orange;
}

img{
  border:0px;
}

.liam {
  unicode-bidi:bidi-override;
  direction: rtl;
}

a:link, a:active, a:visited {
  color: #111169;
	text-decoration: none;
  font-weight: bold;
}
    
a:hover {
  /*font-style:italic;*/
  text-shadow: #000069 3px 3px 10px ;
}

a:active{
  position:relative;
	top:1px;
}

/*p{
  display: inline-block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
} */

#seite{
  width: 96%;
  min-width: 1024px;
  text-align: left;
  position:relative;
  height:100%;
  overflow:auto;
  margin: 0 auto;
  padding-left: 2%;
  padding-right: 2%;
}

#kopf{
  margin:0px;
  padding: 0px;
  width: 100%;
  //border-radius: 10px;
  min-height:100px;
}

.logo{
  text-align: left;
  float: left;
  width:20%;
}

#logo{
  padding: 5px;
}

.menu{
  font-size: 14px;
  /*word-spacing: 24px; */
  font-weight:bold;
  text-align: right;
  vertical-align: bottom;
  float: right;
  width:20%;
}

.ueberschrift{
  color: #000089;
  text-align: center;
  float:left;
  width: 60%;
  height: 50px;
  font-size:36px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-top: 10px;
}

.slogan{
  padding:10px;
  font-size:12px;
  clear: both;
  text-align: center;
}

.inhalt{
  padding-top:20px;
  padding-left:15%;
  padding-right:15%;
  padding-bottom:20px;
}

.fuss{
  margin:0px;
  padding: 0px;
  width: 100%;
  min-height:50px;
  color: #750700;
  text-align: right;
}

hr{
   border: 0;
   height: 1px;
   background: #333;
   background-image: linear-gradient(to right, #eee, #000069, #eee);
   text-align: left;
}

.projekttypen{
  opacity: 0.95;
  padding:5px;
  color				:	#FFFFFF;
  font-size			:	16px;
  font-weight: bold;
  text-align: center;
  background-color	:	#0000ae;
  //border-radius: 10px;
  cursor:pointer;
}
.projekttypen:hover {
	text-shadow: #fff 3px 3px 10px ;
}
.projekttypen:active {
	position:relative;
	top:1px;
}

.projekte{
  opacity: 0.95;
  padding:5px;
  margin-left:100px;
  margin-right:100px;
  color				:	#FFFFFF;
  font-size			:	16px;
  font-weight: bold;
  text-align: left;
  background-color	:	#0000ae;
  //border-radius: 10px;
  cursor:pointer;
  
}
.projekte:hover {
	text-shadow: #fff 3px 3px 10px ;
}
.projekte:active {
	position:relative;
	top:1px;
}

.ProjektBild{
  max-height:150px;
  max-width:150px;
  margin:10px;
  box-shadow: 2px 2px 3px #111;
}

.projekt{

  padding: 15px;
}

.bilder{
  text-align: center;
}

.anhang{
  text-align: center;
}