body
{
  background: #ffffff;
  font-family: 'Merriweather', serif;
  color: #212730;
  height: 100%;
  font-size: 100%
}


a
{
  text-decoration: none;
  color: inherit;
  transition: color .5s ease;
}

strong
{
  font-weight: bold;
}

/* MISC */
.clear
{
  clear:both;
}
.bold
{
  font-weight:bold;
}
.hidden
{
  position:absolute;
  clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}


#nav_container
{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height:100px;
  background:#ffffff;
  color:#212730;
  margin: 10px 0px 0px 0px;
}


#nav_container .wrapper{
  position:relative;
  margin: auto;
  padding:10px 0 10px 0;
  width:auto;
  max-width:1000px;
}
#nav_container .logo{
  width:18%;
}

nav
{
  position:absolute;
  right:0;
  top:60px;
  width:100%;
}

nav ul
{
  list-style:none;
}

nav ul li
{
  display:block;
  float:right;
  margin:0 2.5%;
}

nav ul li a
{
  font-family: 'Raleway', sans-serif;
  font-size:1.25em;
  transition: all .25s ease;
  font-weight: 100;
}
@media screen and (max-width: 800px){
  nav ul li a
  {
    font-size:0.8em;
  }
}

nav ul li a:hover
{
  color:#4EA0C9;
}




#main_container
{
  position:relative;
  margin: 140px auto 0px auto;
  width:100%;
  height:100%;
}

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
#slides
{
  display: none;
}

.slidesjs-navigation{
  position: absolute;
  top:50%;
  font-size: 1.8em;
  z-index:11;
  background-image: url("img/nav_bg_transp.png");
  background-repeat: repeat;
  color:#ffffff;
  padding:1.5% 1% 1.5% 1%;
}

.slidesjs-previous{
  left:0;
}
.slidesjs-next{
  right:0;
}


/* Center the slideshow */
#slides_container
{
  position:relative;
  margin:50px auto 0px auto;
  width:100%;
  max-width:1200px;
  text-align:center;
}

.slide_title
{
  font-size:1.8em;
  position:absolute;
  line-height: 140%;
  z-index: 50;
  text-align: left;
  display: none;
}
.title_1
{
  display:block;
  color:#ffffff;
  width:20%;
  top:20%;
  left:10%;
}
.title_2
{
  color:#ffffff;
  width:30%;
  bottom:20%;
  left:60%;
}
.title_3
{
  color:#ffffff;
  width:25%;
  top:10%;
  left:10%;
}
.title_4
{
  color:#ffffff;
  width:25%;
  top:60%;
  left:15%;
}
.title_5
{
  color:#212730;
  width:30%;
  top:70%;
  left:65%;
}



@media screen and (max-width: 800px){
  .slide_title
  {
    font-size:0.8em;
  }
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
  color:#212730;
}
.slidesjs-pagination {
  position:absolute;
  width:auto;
  height:13px;
  display: inline-block;
  list-style: none;
  bottom:40px;
  z-index:20;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(./img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}



/* Text Sections */

.text_section
{
  padding: 6% 1% 0 1%;
  margin: 0px auto 0px auto;
  width:100%;
  max-width:1000px;
  clear:both;
  font-size:14px;
  font-weight:300;
  text-align: justify;
  line-height:200%;
}
.text_section p
{
  margin: 0px auto 0px auto;
  padding: 2% 0 0 0;
}
.text_section ul
{
  margin:2% 0 0% 4%;
  list-style-type: square;
}
.text_section ol
{
  margin:2% 0 0% 4%;
  list-style-type: square;
}
.text_section li
{
  margin:0 1% 0 2%;
  padding: 0% 2% 0% 0.5%;
}
.text_section a
{
  color:rgb(72, 127, 153);
  text-decoration: underline;
}
.text_section h2
{
  font-size:25px;
  padding: 1% 1% 2.5% 1%;
  line-height:130%;
  text-transform:uppercase;
  font-weight: 100;
  text-align: center;
}
.text_section h3
{
  font-size:16px;
  padding: 0% 0% 1.5% 2%;
  line-height:180%;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 800px){
  .text_section h2
  {
    font-size:16px;
  }
    .text_section h3
  {
    font-size:14px;
  }
}

.text_section .column1, .text_section .column2
{
  border-top: 1px solid #bbbbcc;
  padding:3% 0 0 0;
}




@media screen and (max-width: 800px){
  .text_section p
  {
    font-size:12px;
  }
}

#vgi4hwm .img_wrapper
{
  width:100%;
  height:100%;
  text-align: center;
  margin: 4% 0 4% 0;
}
.img_wrapper img {
  width: 80%;
  display:block;
  margin: 0 auto;
}


.scroll_to_top {
  width:100%;
  text-align: right;
}
.scroll_to_top a{
  text-decoration: none;
  color:#0092c7;
}
.scroll_to_top img {
  width:25px;
  margin-left:5px;
}

.wrapper_projektpartner
{
  width:100%;
  text-align: center;
  margin-bottom:5%;
}
.wrapper_pilotanwender
{
  width:100%;
  text-align: center;
}
.wrapper_projektpartner img
{
  height:120px;
  width:auto;
  padding: 3%;
}
.wrapper_pilotanwender img
{
  height:100px;
  width:auto;
  padding: 3%;
}
#projektpartner h4
{
  text-align: center;
  width:100%;
  margin-bottom: 3%;
  font-size: 18px;
  font-weight: 500;
}


#kontakt .column1, #kontakt .column2
{
  float:left;
  width:50%;
}

#kontakt p
{
  text-align: center;
}
#kontakt .vgi4hwm_kontakt
{
  margin-top: 3%;
}
footer
{
  width:auto;
  height:60px;
  background:#ffffff;
  color:#999999;
  margin: 150px 0px 0px 0px;
}
footer .wrapper{
  border-top: 1px solid #bbbbcc;
  position: relative;
  margin: auto;
  width:100%;
  max-width:1000px;
  font-size:12px;
}
@media screen and (max-width: 800px){
  footer .wrapper
  {
    font-size:9px;
  }
}
footer #copyright {
  float:left;
  padding:20px 0 30px 0px;
}
footer #impressum {
  float:right;
  padding:20px 0 30px 0px;
}

#impressum p {
  font-size: 0.8em;
  line-height: 160%;
}