@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	}
h1,h2,h3,p {
	font-family: 'PT Sans', sans-serif;
	padding-bottom: 20px;
	}	
body {
	background: url(../img/bg.jpg)#6db0dc no-repeat center top;
	}
#navbar {
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	position: fixed;
	background: url(../img/navbar_bg.gif) repeat-x;
	border-bottom: 3px solid #fff;
	z-index: 10;
	}
#navbar ul {
	list-style-type: none;
	margin: 0 ;
    padding: 0;
    overflow: hidden;
	}
#navbar ul li {
	float: left;
	}
#navbar ul li a:link, #navbar ul li a:visited {
	font-family: 'PT Sans', sans-serif;
	color: #5b92a8;
	display: block;
	text-align: center;
	width: 120px;
	line-height: 60px;
	background: url(../img/nav_bg.jpg) bottom;
	text-decoration: none;
    font-weight: 800;
	}
#navbar ul li a:hover, #navbar ul li a:active {
	color: #3f6a70;
	background: url(../img/nav_bg.jpg) top;
	font-weight: 800;
	}
.porn {
	color:#B72B2D;
	}
@media screen and (max-width: 600px) {
	  #navbar {
	  height: auto;
	  position: relative;
	  background: none;
	  }
	  #navbar ul li {
	  float:none;
	  }
	  #navbar ul li a:link, #navbar ul li a:visited {
	  font-family: 'PT Sans', sans-serif;
	  color: #5b92a8;
	  display: block;
	  text-align: center;
	  width: 100%;
	  line-height: 60px;
	  background: url(../img/navbar_bg.gif);
	  text-decoration: none;
	  }
      #navbar ul li a:hover, #navbar ul li a:active {
	  color: #3f6a70;
	  background: url(../img/nav_bg.jpg) top;
	  }
	}
#title {
	background: url(../img/title_bg.png) no-repeat left bottom;
	height: 260px;
	z-index: 1;
	margin-bottom: 40px;
	border-bottom: #fff solid 5px;
	}
@media screen and (max-width: 600px) {
	  #title {
	  margin-top: 0;
	  }
    }
.container_80 {
	width: 70%;
	margin: 0 auto;
	}
#logo {
	margin-top: 90px ;
	}
@media screen and (max-width: 600px) {
	  #logo {
	  margin: 40px 0 0 20px;
	  width: 300px;
	  }
	  .container_80 {
	  width: 100%;
	  }
	}
.transparent {
	background: url(../img/bg_transparent.png);
	border-radius: 10px;
	padding: 20px;
	margin: 40px 0;
	}
.float_left {
	float: left;
	width: 50%;
	position: relative;
	text-align: left;
	}
.float_right {
	float: right;
	width: 50%;
	position: relative;
	text-align: left;
	}
@media screen and (max-width: 600px) {
	  .float_left,.float_right {
	  width: 100%;
	  }
	}
.clear {
	clear: both;
	}
#acro1 {
	background: url(../img/acro2.png) no-repeat;
	width: 100%;
	height: 280px;
	background-size: contain;
	position: relative;
	top: 20px;
	
	}
#acro2 {
	background: url(../img/acro3.png) no-repeat;
	width: 100%;
	height: 240px;
	background-size: contain;
	position: relative;
	top: 40px;
	left: -30px;
	}
#winglet {
	background: url(../img/winglet.png) no-repeat;
	width: 100%;
	height: 291px;
	background-size: contain;
	position: relative;
	}
#bausatz {
	background: url(../img/bausatz.png) no-repeat;
	width: 90%;
	height: 200px;
	background-size: contain;
	position: relative;
	}
#footer {
	background: url(../img/footer_bg.jpg);
	height: 300px;
	font-family: 'PT sans' ,sans serif;
	color: #fff;
	border-top: #fff 5px dotted;
	}
#footer p {
	margin: 20px;
	}
@media screen and (max-width: 600px) {
	  #footer {
	  height: 400px;	
	   }
	}