*{
margin: 0;
padding: 0;
}


body{
  height: 100%;
  width: 100%;
  background: #fcfcfc; /* Old browsers */
  background: -moz-linear-gradient(left, #fcfcfc 0%, #2ac9d8 31%, #2ac9d8 50%, #2ac9d8 75%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fcfcfc 0%,#2ac9d8 31%,#2ac9d8 50%,#2ac9d8 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fcfcfc 0%,#2ac9d8 31%,#2ac9d8 50%,#2ac9d8 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

  z-index: 2;
}


.content{
background-color: #fff;
width: 70%;
margin-left: 15%;
margin-right: 15%;
z-index: 3;
-webkit-border-radius: 1.5%;
-moz-border-radius: 1.5%;
border-top-right-radius: 1.5%;
border-top-left-radius: 1.5%;
font-family: 'Source Sans Pro';
}


/* Header Part */



.content ul{
  padding-top: 0.025%;

}



header img{
float: right;

 width: 13%;
 height: 5%;
}



img{
  width: 10%;
  margin-right: 15%;
  float: right;
}


nav ul{
list-style:none;
text-align: center;
font-family: 'Merienda One';
}

nav ul li
{
display:block;
float:left;
text-align: center;
padding:1% 3%;
}

nav a{
  color: #00CCCD;
  height: 1%;
  font-size: 175%;
  text-decoration: none;
  text-align: center;

}

footer{
  margin-top: 8%;
  padding-bottom: 1%;
  margin-right: auto;
  margin-left: auto;
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 0% 0% 2% 2%;
  font-family: 'Source Sans Pro';
}






/* Hauptteil (index.html) Part */

.Hauptteil h2 {
  margin-top: 4%;
  margin-bottom: 6%;
  margin-left: 4%;


}

.Hauptteil h3 {
  margin-top: 4%;
  margin-left: 4%;
  margin-bottom: 2%;
}

.SP1{
  margin-bottom: 7%;
}

.SP1 p {

  margin-bottom: 1.5%;
  margin-left: 4%;
  margin-right: 8%;
  font-size: 100%;

}

.SP1 h3{
  margin-left: 4%;
    margin-bottom: 2%;
}

.SP2 p {

  margin-bottom: 1.5%;
  margin-left: 32%;
  margin-right: 4%;
  font-size: 100%;

}


.SP10{
  margin-bottom: 7%;
}

.SP10 p {

  margin-bottom: 1.5%;
  margin-left: 4%;
  margin-right: 8%;
  font-size: 100%;

}

.SP10 h3{
  margin-left: 4%;
    margin-bottom: 2%;
}





.SP2 h3{
  margin-left: 4%;
  margin-bottom: 2%;
  margin-top: 2%;
}


/*
*
*
*
*
Hauptteil2 (ueberuns) Part
*
*
*
*
*/


.Hauptteil2 h2{
  margin-top: 8%;
  margin-bottom: 3%;
  margin-left: 4%;
  margin-right: 35%;
  font-size: 200%;
}

.Hauptteil2 h2{
  margin-top: 8%;
  margin-bottom: 3%;
  margin-left: 4%;
  margin-right: 5%;
  font-size: 150%;
}




/*
*
*
*
*
*
*
*/

/* Impressum Part */

/*
*
*
*
*
*
*
*/


.Impressum{
  font-family: 'Source Sans Pro';

}

.Impressum h2{
  margin-bottom: 5%;
  text-align: center;
  margin-left: 3%


}
.Impressum a{
  color: #51D2DE;
  text-decoration: none;
  margin-left: 3%
  margin-right: 18%;

}

.Impressum h3{
  margin-top: 5%;
  margin-bottom: 1%;
  margin-left: 3%

}

.Impressum p{
  margin-left: 3%;
  margin-right: 7%;
}