.clearer {
    clear:both;
}

#wrapper {
    width:1050px;
    margin:0 auto;
    position:relative;
    background: #f9f9f9;
}

#backgroundSymbol {
    position:absolute;
    left:-250px;
    top:0;
    width:254px;
    height:413px;
    z-index:-10;
    background:url('../img/logoBgL.png');
}

#header {
    float:left;
    width:1050px;
    height:290px;
    background: url('../img/headerL.jpg');
}

#headline {
    float: left;
    width:700px;
    height:155px;
    background: url('../img/headerLogoBg.png');
    margin-top: 45px;
}

#headline img {
    float: left;
    margin: 15px;
}

#headline h1 {
    color: #a00d0d;
    font-size: 41px;
    font-weight: normal;
    margin-bottom: 0;
}

#headline p {
    margin-top: 5px;
    font-size: 21px;
}

#wave {
    width: 618px;
    height: 290px;
    background: url('../img/headerWaveL.png');
    position: absolute;
    right: 0;
    top: 0;
}

#navi {
    width: 1050px;
}

#navi ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#navi ul li {
    float:left;
    display: block;
}

#navi ul li a{
    display: block;
    padding: 8px 0 5px;
    text-decoration: none;
    color: #1c1d1c;
    font-weight: bold;
}

#mainNavi > li > a {
    height: 27px;
    font-size: 20px;
}

#navi ul li:hover > ul {
    display: block;
}

#mainNavi {
    float:left;
}

#mainNavi li {
    width: 140px;
    position:relative;
}

#mainNavi > li > a.active, #mainNavi > li > a:hover, #mainNavi li:hover {
    color:#fff;
    background: #a93030;
}

#mainNavi > li:hover > a{
    color:#fff;
    background: #a93030;
}

#subNavi {
    width: 600px;
    display: none;
    position: absolute;
    left:0;
}

#subNavi li {
    width: 130px;
}

#last {
    width:200px;
}

#subNavi li a:hover, #subNavi li a.active {
    color: #a93030;
}

#subNavi li a{
    font-size: 14px;
    height: 20px;
    background: #eaeae9;
}

#secondNavi {
    float: right;
    margin-right: 50px !important;
}

#secondNavi li {
    padding: 3px 0px;
}

#lanDE, #lanEN {
    margin: 0 3px;
}

#imprint:hover, #imprint.active {
    color: #a93030;
}

#imprint {
    margin-right: 15px;
}

#secondNaviSeparator {
    padding-top: 8px !important;
    height: 22px !important;
}

#page {
    float: left;
    width: 1000px;
    margin: 25px;
}

#page h2 {
    font-size: 30px;
    font-weight: normal;
}

#content {
    width: 950px;
    padding: 25px;
    background: #fff;
    font-size: 16px;
}

#content p {
    margin: 0 0 30px;
}

#footer {
    width: 1030px;
    margin: 25px auto 0;
    border-top: 6px solid #a93030;
    background: #f9f9f9;
    padding: 40px 10px;
    font-size: 15px;
    float:left;
}

#footerLeft {
    float:left;
    margin-left:20px;
}

#footerRight {
    float:right;
    margin-right:120px;
}

#subline {
    float: left;
    width:500px;
}

#subline img {
    float: left;
    margin: 5px 20px 5px 0;
    width: 80px;
}

#subline h6 {
    color: #a00d0d;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

#subline p {
    margin-top: 3px;
}

#footerRight h7 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.consultation {
    float: left;
    margin-top:18px !important;
}

#footerRight label {
    float: left;
    width: 160px;
}

#subContact {
    margin-left:100px;
}

#subContact p {
    float: left;
    margin: 0 50px 0 0;
    line-height: 22px;
}
#content h3 {
    font-size: 16px;
    margin: 10px 0 0 10px;
}

.homeSub{
    margin-left: 20px !important;
}

.homeSubUl {
    padding-left: 40px;
}

#footerRight p {
    margin:0;
}

/* Neu */

.imprintHeadline {
    margin-bottom:5px !important;
}

#info {
    float: right;
    padding: 30px 30px 0;
    border: 2px solid #a00d0d;
    margin-right: 85px;
    margin-top: 65px;
}

.pcontact, .buttons  {
    margin-left: 55px !important;
}
.pcontact textarea {
    width: 388px;
    resize: none;
}

.pcontact label {
    float:left;
    width:120px;
}

.pcontact input {
    width: 270px;
}

.pflicht {
    color:red;
    margin-left: 55px !important;
}

#formInfo {
    float: left;
    width: 560px;
}

#googleMap {
    width:400px; 
    height:400px;
    float:left;
    margin-bottom:25px;
}

#seelig {
    float:right; 
    width:250px; 
    margin-left:10px;
}

#approachInfo2 {
    float:right;
    width: 520px;
}

#approachInfo {
    float:left;
    width: 400px;
}

#approachInfo img {
    width: 400px;
}

#approachInfo2 h3 {
    font-size:18px;
    margin:0px;
}

#approachInfo2 h4 {
    font-size:15px;
    margin:0px;
}

#approachInfo2 ul {
    margin-top:0;
}

@media only screen and (max-width: 1550px) {
    
    #wrapper {width:800px;}
    #backgroundSymbol {left:-187px;width:187px;height:300px;background:url('../img/logoBgM.png');}
    #header {width:800px;height:222px;background: url('../img/headerM.jpg');}
    #headline {width:538px;height:121px;margin-top: 35px;}
    #headline img {margin: 12px;width:120px;}
    #headline h1 {font-size: 32px;}
    #headline p {margin-top: 2px;font-size: 17px;}
    #wave {width: 469px;height: 222px;background: url('../img/headerWaveM.png');}
    #navi {width: 800px;}
    #mainNavi > li > a {height: 22px;font-size: 16px;}
    #navi ul li a{padding: 6px 0 3px;}
    #mainNavi li {width: 110px;}
    #subNavi {width: 460px;}
    #subNavi li {width: 101px;}
    #subNavi li a{font-size: 12px;height: 18px;}
    #last {width:160px;}
    #secondNavi {margin-right: 40px !important;}
    #secondNavi li {padding: 3px 0px;}
    #secondNavi li {font-size: 13px;}
    #lanDE, #lanEN {margin: 0 2px;}
    #lanDE img, #lanEN img {width:20px;}
    #imprint {margin-right: 11px;}
    #secondNaviSeparator {padding-top: 6px !important;height: 12px !important;}
    #page {width: 760px;margin: 0 20px 20px;}
    #page h2 {font-size: 24px;}
    #content {width: 724px;padding: 18px; font-size: 14px; margin-top: 25px;}
    #content p {margin: 0 0 18px;}
    #footer {width: 780px;margin: 20px auto 0;border-top: 5px solid #a93030;padding: 30px 10px;font-size: 12px;}
    #footerLeft {margin-left:15px;}
    #footerRight {margin-right:40px;}
    #subline {width:360px;}
    #subline img {margin: 5px 15px 5px 0;width: 65px;}
    #subline h6 {font-size: 16px;}
    #subline p {margin-top: 2px;}
    #footerRight h7 {font-size: 15px;}
    .consultation {margin-top:20px !important;}
    #footerRight label {width: 135px;}
    #subContact {margin-left:80px;}
    #subContact p {margin: 0 35px 0 0;line-height: 22px;}
    #content h3 {font-size: 14px;margin: 8px 0 0 8px;}
    .homeSub{margin-left: 15px !important;}
    .homeSubUl {padding-left: 30px;}
    #info {padding: 20px 20px 0;border: 2px solid #a00d0d;margin-right: 35px;margin-top: 50px;}
    .pcontact textarea {width: 350px;}
    .pcontact label {width:100px;}
    .pcontact input {width: 250px;}
    .pcontact, .buttons, .pflicht  {margin-left: 35px !important;}
    .imprintHeadline {margin-bottom:3px !important;}
    #formInfo {width: 440px;}
    #googleMap {width:330px; height:330px; margin-bottom:20px;}
    #seelig {width:200px;}
    #approachInfo2 {width: 365px;}
    #approachInfo {width: 340px;}
    #approachInfo img {width: 330px;}
    #approachInfo2 h3 {font-size:16px;margin:0px;}
    #approachInfo2 h4 {font-size:14px;margin:0px;}
}

@media only screen and (max-width: 950px) {
    
    #wrapper {width:600px;}
    #backgroundSymbol {left:-129px;width:129px;height:207px;background:url('../img/logoBgS.png');}
    #header {width:600px;height:167px;background: url('../img/headerS.jpg');}
    #headline {width:404px;height:91px;margin-top: 25px;}
    #headline img {margin: 9px;width:90px;}
    #headline h1 {font-size: 24px;}
    #headline p {margin-top: 0;font-size: 13px;}
    #wave {width: 352px;height: 167px;background: url('../img/headerWaveS.png');}
    #navi {width: 600px;}
    #mainNavi > li > a {height: 15px;font-size: 12px;}
    #navi ul li a{padding: 5px 0 5px;}
    #mainNavi li {width: 75px;}
    #subNavi {width: 410px;}
    #subNavi li {width: 90px;}
    #subNavi li a{font-size: 10px;height: 11px;}
    #last {width:140px;}
    #secondNavi {margin-right: 30px !important;}
    #secondNavi li {padding: 1px 0px;}
    #secondNavi li {font-size: 11px;}
    #lanDE, #lanEN {margin: 0 2px;}
    #lanDE img, #lanEN img {width:15px;}
    #imprint {margin-right: 7px;}
    #secondNaviSeparator {padding-top: 4px !important;height: 12px !important;}
    #page {width: 570px;margin: 0 15px 15px;}
    #page h2 {font-size: 19px;}
    #content {width: 540px;padding: 15px; font-size: 12px;}
    #content p {margin: 0 0 15px;}
    #footer {width: 590px;margin: 20px auto 0;border-top: 3px solid #a93030;padding: 20px 5px;font-size: 9px;}
    #footerLeft {margin-left:10px;}
    #footerRight {margin-right:20px;}
    #subline {width:260px;}
    #subline img {margin: 2px 10px 2px 0;width: 50px;}
    #subline h6 {font-size: 13px;}
    #subline p {margin-top: 2px;}
    #footerRight h7 {font-size: 12px;}
    .consultation {margin-top:10px !important;}
    #footerRight label {width: 105px;}
    #subContact {margin-left:60px;}
    #subContact p {margin: 0 30px 0 0;line-height: 20px;}
    #content h3 {font-size: 12px;margin: 6px 0 0 6px;}
    .homeSub{margin-left: 10px !important;}
    .homeSubUl {padding-left: 22px;}
    #info {padding: 12px 12px 0;border: 1px solid #a00d0d;margin-right: 18px;margin-top: 50px;}
    .pcontact textarea {width: 270px;}
    .pcontact label {width:80px;}
    .pcontact input {width: 190px;}
    .pcontact, .buttons, .pflicht  {margin-left: 20px !important;}
    .imprintHeadline {margin-bottom:3px !important;}
    #formInfo {width: 325px;}
    #googleMap {width:270px; height:270px; margin-bottom:15px;}
    #seelig {width:150px;}
    #approachInfo2 {width: 255px;}
    #approachInfo {width: 270px;}
    #approachInfo img {width: 270px;}
    #approachInfo2 h3 {font-size:14px;margin:0px;}
    #approachInfo2 h4 {font-size:12px;margin:0px;}
}