#wrap{
    background-color: rgb(223,232,231);
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}


html{
   background-color: rgb(223,232,231);
}
body{
    margin: 0px;
    padding: 0px;
    background-color: rgb(223,232,231);
    font-family: sans-serif, Arial;
    font-size: 100%;
    line-height: 1.5em;
}
#head{
    width: 100%;
}
#headpicture{
    width: 100%;    
    top: 0px;
}

#headnav   {
    width: 100%;
    text-align: center;
    position: absolute;
}
.nav{
    float:left;
    width: 70%;
    text-align: right;
}
.social{
    float:right;
    width: 28%;
    text-align: left;
}

.news{
    width: 100%;
    min-height: 150px;
    background-color: #336667;
}

#contnews{
    width: 80%;
    text-align: center;
}

#content{
     width: 100%;
     color: rgba(2,79,114,1);
}

#cont{
    width: 80%;
    text-align: left;
    min-height: 500px;
}

#ausstattung{
     background-color: #336667;
     width: 100%;
}
#contausstattung{
    width: 80%;
    padding-bottom: 20px;
    padding-top:20px;
    color: #fff;
    text-align: left;
}
.ausstattung_ueberschrift{
    font-size: 120%;
    text-indent: 50px;
    text-decoration: underline;
    margin-bottom: 20px;  
    font-weight: bold;  
}

#news2{
    width: 100%;
    height: auto;
}

#contnews2{
    width: 70%;
    padding-top:5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

#news3{
    width: 100%;
    height: auto;
    background-color: rgba(247,247,247,1);
    color: rgba(0,0,0,1);
}

#contnews3{
    width: 70%;
    padding-top:5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

#footer{
    background-color: #336667;
    width: 100%;
    height: auto;
}
#contfooter{ 
    width: 80%;
    color: rgba(255,255,255,1) !important;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    
}


/* Titelueberschrift*/
.page-header {
	padding-bottom: 8px;
	margin: 18px 0 27px;
	border-bottom: 1px solid #000;
	text-indent: 30px;
}


@media only screen and (max-width: 500px) {
    body {

        font-size: 100%;

    }
     .teambild{
      float: none;
      width: 100%;
    }
    #topnaviback{ 
     width: 70%;
    }
    .leistung{
        width: 100% !important;
        
    }
    }
.leistung{
        width: 33%; 
        float: left;
    }
.teamperson{
    width: 70%; 
    text-align: center;
    
}
hr{
    border-color: #aa1a1c;
    border-style: solid;
    border-width: 0px 0px 1px 0px; 
}

#teamcontent{
    width: 55%;
    text-align: center;
}
#formular{
    width: 100%;
    background-color: rgba(235,225,203,1);
}

#formularcontent{
    width: 70%;
    height: 450px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer{
    height: 200px;
    color: rgba(255,255,255,1);
    padding-top: 10px;
}
.pull-right a{
    color: #fff;
}
ul{
display: inline;

}

li{
  display: inline;
}
/* Navigation*/
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:hover,
a:active {
	outline: 0;
}
#headtopnavi a{
    color: #fff;
    display: inline;
    list-style: none;
    white-space: nowrap;
    text-decoration: none;   
    padding-left: 10px;
    text-transform: uppercase;
}