* {                         margin:0; padding:0; font-family: 'Arial', 'Helvetica', sans-serif; color:#000000; }
    table {                     border-collapse:collapse; border-spacing:0; }
    fieldset,img {              border:0; margin:0; padding:0; }
    address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
    ol,ul {                     list-style:none; }
    caption,th {                text-align:left; }
    h1,h2,h3,h4,h5,h6 {         font-weight:normal; }
    q:before,q:after {          content:''; }
    abbr,acronym {              border:0;}
    
    input, textarea, select{    color:#000000; border:1px solid #82827f; padding:4px; }            
    a{                          color:#000000; text-decoration:underline; }
    a:hover{                    color:#888888; text-decoration:none; }
    
    .pid-38 .text.textbreit {
    height: auto !important;
}
.editorrow p{
    display: block!important;
    padding: 0px 5px 0 0!important;
    font-size: 0.7em!important;
    line-height: 0.8em!important;
}

.editorrow div,
.editorrow p div{
    font-size: 0.7em!important;
    line-height: 0.8em!important;
}

.editorrow p p{
    display: inline!important;
    font-size: 0.7em!important;
    line-height: 0.8em!important;
    padding: 0px 5px 0 0!important;
}
p.editorlabel{
    display: inline!important;
    padding: 0!important; margin: 0!important;
    font-size: 0.7em!important;
    line-height: 0.8em!important;
    
}

.pid-38 div#content {
    height: auto !important;
    position: relative;
    z-index: 99;
}
    
    html,body{                  width:100%; background:#fff8ee; text-align:center; }
    
    .chromeframe {              margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
    .hidden {                   display: none !important; visibility: hidden; }
    .visuallyhidden {           border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
    .clearfix:before,
    .clearfix:after {           content: " "; display: table; }
    .clearfix:after {           clear: both; }
    .clearfix {                 *zoom: 1; }
    
    #wrapper{                   width:1125px; text-align:left; margin:auto; height:750px; padding-top:16px; }
    #page{                      width:1125px; float:left; position:relative; }
    #bg_grey{                   position:absolute; background:#8c838a; left:0; top:0; width:50%; height:100vh; margin-left:-212px; } 
    #border{                    position:absolute; z-index:10; background:#000000; width:100%; height:1px; top:136px; }

    #logo{                      position:absolute; z-index:15; left:5px; top:5px; }
    #logo_link{                 float:left; width:265px; height:90px; background:url(../upload/layout/staerk_logo.png) left top no-repeat; }
    
    #navi{                      position: absolute; z-index: 25; left: 359px; top: 74px; }
    #navi ul{                   float:left; margin:0; padding:0; text-align:left; } 
    #navi li{                   float:left; list-style:none; height:24px; position:relative; padding:0 0 14px 0; border-bottom:8px solid transparent; }
    #navi ul li a{              float:left; padding:0 21px 0 21px; text-transform: uppercase; color:#000000; text-decoration:none; font-size:1.2em; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; border-right:2px solid #000000;}
    #navi ul li.selected{       border-bottom:8px solid #000000 !important; }
    #navi ul li a:hover{        color:#888888; text-decoration:none; }
    #navi ul li:last-child a{   border-right:0 !important; }

    #navi li ul          {      width:140px; display:none; position: absolute; padding:8px 0 8px 0; top:46px; left:0px; z-index:25; background:url(../upload/layout/bg50.png); border-top:1px solid #000000; }
    #navi li li          {      float: left; width:140px; padding:2px 8px 2px 8px !important; border-bottom:0px !important; height:auto !important; }
    #navi li li a       {       font-size:0.95em; background:none  !important; color:#000000 !important; padding:0 0 0 8px !important; text-decoration:none !important; border:0 !important; }
    #navi ul li ul li a:hover{  color:#888888; text-decoration:none; }
    #navi li:hover ul, #nav li.sfhover ul { display: block; }
    #navi li li a.subselected       {   font-weight:bold; }
    #navi ul li ul li a:hover{     color:#888888 !important; text-decoration:none; }
    
    #titel{                     position: absolute; top: -58px; left: 140px; z-index: 15; font-family: 'Times New Roman'; font-size: 3.6em; text-transform: uppercase; color: #ffeac7; width: 620px; height: 58px; overflow: hidden; }
    
    #nav_3{                     position: absolute; z-index: 10; right: 0; top: 0; background: url(../upload/layout/bg50.png); padding:10px; margin:0; font-size:0.95em; line-height: 1.5em; width: 120px; }
    #nav_3 li{                  list-style:none; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_3 li.title{            font-weight:bold; }
    #nav_3 li a{                color:#000000; text-decoration:none; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_3 li a:hover{          color:#888888; text-decoration:none; }
    #nav_3 li.sel a{              font-weight:bold; }
    
    #nav_1{                     position: absolute; z-index: 10; left: 50%; top: 0; margin-left:-570px; font-size:0.9em; line-height: 1.5em; width: 300px;}
    #nav_1 ul{                  float:left; margin:0; padding:0; text-align:left; } 
    #nav_1 li{                  float:left; list-style:none; padding:0 8px 0 8px; position:relative; border-right: 1px solid #000000; font-size:0.8em; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_1 li:last-child{       border:none !important; }
    #nav_1 ul li a{             text-transform: uppercase; color:#000000; text-decoration:none; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_1 ul li.selected{      text-decoration:underline; color:#000000; }
    #nav_1 ul li a:hover{       color:#888888; text-decoration:none; }

    .footerwrapper {
        width: 1125px;
        text-align: left;
        margin: auto;
    }
    #nav_footer_right{                     width: 1125px; position: relative; z-index: 10; left: 0%; top: 0;  font-size:0.9em; line-height: 1.5em;}
    #nav_footer_right ul{                  float:right; margin:0; padding:0; text-align:right; } 
    #nav_footer_right li{                  float:left; list-style:none; text-transform:     uppercase; padding:0 8px 0 8px; position:relative; border-right: 1px solid #8c838a; color: #8c838a; font-size:0.9em; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_footer_right li:last-child{       border:none !important; }
    #nav_footer_right ul li a{             text-transform: uppercase; color:#8c838a; text-decoration:none; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    #nav_footer_right ul li.selected{      text-decoration:underline; color:#8c838a ;  }
    #nav_footer_right ul li a:hover{       color:#888888; text-decoration:none; }
  
    
    #navi .toggleicon           { display: none; }
    
    #content{                   position: absolute; z-index: 15; top: 150px; background: #dedadb; width: 100%; height:570px; overflow:hidden; }
    .einzelbild{                float:left; position:relative; width:610px; height:610px; overflow:hidden; }
    
    .text{                      float:left; width:515px; height:610px; }
    .text h1{                   margin:0; padding:40px 30px 20px 40px; color:#756b70; font-size:2.3em; line-height:1.2em; }
    .text h2{                   margin:0; padding:0px 30px 14px 40px; color:#000000; font-size:1.4em; line-height:1.55em; font-weight:bold; }
    .text p{                    margin:0; padding:0px 140px 14px 40px; line-height:1.55em; font-size:0.95em; }
    .text table{                padding:0; margin:0px 180px 14px 40px; line-height:1.55em; font-size:0.95em; }
    .text ul{                   margin:0; margin-top:-10px; padding:0 180px 14px 85px; line-height:1.55em; font-size:0.95em; }
    .text li{                   list-style:square; }
    
    .transparent{               position:absolute; right:0px; width:200px; bottom:0; height:auto; z-index:15; background:url(../upload/layout/bg50.png); }
    .transparent p{             padding:0px 15px 14px 15px; font-size:0.75em; line-height:1.45em; }
    .transparent h1{            padding:15px 15px 10px 15px; font-size:1.2em; }
    
    .start p{                   color:#ffeac7 !important; padding:0px 40px 14px 120px; }
    .start a{                   color:#ffeac7 !important; }
    
    .start2 *{                  color:#ffeac7 !important; }
    .start2 p{                  padding-right:100px; }
    
    .textbreit{                 width:100% !important; }
    .textbreit p{               padding-right:40px !important; }
    
    .parallax-layer{            position:absolute; left:0; white-space: nowrap; width:2000px; }
    #images{                    height:60px; width:100%; position:relative; margin:0 0 20px 0; }
    #images_inner{              position:relative; width:100%; height:60px; overflow:hidden; }
    #images_outer{              position:absolute; z-index:15; width:100%; height:60px; left:0; top:0; }
    #images ul{                 margin:0; padding:0; }
    #images li{                 display:inline; margin-right: 2px; }
    
    #flv{                       float:left; position:relative; width:100%; height:610px; }
    
    .arrow_left{                position: absolute; top: 238px; left: 30px; z-index: 15; }   
    .arrow_right{               position: absolute; top: 238px; right: 30px; z-index: 15; }   
    
    .iosSlider {                width: 100%; height: 610px; background:url(../upload/layout/bg_galerie.jpg) left top no-repeat; }
    .iosSlider .slider {        width: 100%; height:610px; }
    .iosSlider .slider .item {  float: left; width: 100%; height:610px; }
    
    #footer{                    height:20px; width:100%; position:relative; }
    
    #anfrage{                   position: absolute; left: 650px; top: 200px; z-index: 15; }
    
    input, textarea, select{    width:300px; font-size:0.9em; padding:8px; border:0; background:#e9e6e5; }
    input.submit{               color:#000000; background:#ffeac7; font-size:1.2em; font-family: 'Arial Narrow', 'Open Sans', sans-serif; font-weight:300; }
    
    #anfrage input, #anfrage textarea{             margin-bottom:4px; }
    
    .routenplaner{              position:absolute; z-index:10; left:225px; top:0; width:775px; height:610px; background:#dedadb; }
    #routenplaner{              position:absolute; z-index:15; bottom:30px; left:30px; font-size:1.0em; padding:12px; background:#dedadb; }
    #map_canvas {               width: 100%; height: 610px; }
    #directions tbody,#directions tr, #directions table { width: 100%; }
    .adp-text {                 padding: 3px; vertical-align: middle; }
    .adp-placemark img {        padding: 8px 5px 0 8px; }
    
    .eins{                      position: absolute; font-size: 5.5em; font-weight: bold; color: #ffeac7; left: 634px; top: 4px; opacity: 0.75; text-shadow: 3px 3px 4px #292929; filter: alpha(opacity=75);  }     
    .zwei{                      position: absolute; font-size: 5.5em; font-weight: bold; color: #ffeac7; left: 634px; top: 148px; opacity: 0.75; text-shadow: 3px 3px 4px #292929; filter: alpha(opacity=75); }
    
    #img1 {
            top: -1px !important;
            left: -1px;
    }
    
    
@media screen and (max-width:1125px) {

    #wrapper{                   width:1000px; height:680px; }
    #page{                      width:1000px; }
    #navi{                      left: 289px; }
    #navi li{                   height:14px; padding-top:10px; }
    #navi ul li a {             padding: 0 14px 0 14px; font-size: 0.9em; }
    #nav_1{                     margin-left: -490px; width: 280px; }
    #nav_3{                     font-size:0.75em; width:100px; }
    #titel{                     font-size:2.0em; width:420px; left: 50px;}

    .footerwrapper {            width: 1000px; }
    #nav_footer_right{          width: 1000px; }

    
    #content{                   height:500px; }
    .einzelbild{                width:500px; height:500px; }
    .einzelbild img{            width:500px; height:auto; }
    .text{                      width:500px; height:500px; }
    .text p, .text ul, .text table { font-size:0.85em; padding-right: 10px;}
    .text h1{                   font-size:1.8em; }
    .text h2{                   font-size:1.4em; }
    .eins{                      left:534px; }
    .zwei{                      left:534px; }
    
    #flv_wrapper{               width:1000px; height:500px; }
    
    .iosSlider .slider .item{   height:500px; }
    
    #anfrage{                    left: 550px; top: 150px; }
    #logo_link{                 float:left; width:265px; height:90px; }
}

@media screen and (max-width:1005px) {
    #wrapper{                   width:100%; }
    #page{                      width:100%; }
    .einzelbild{                width:50%; max-height:500px; }
    .einzelbild img{            max-width:100%; max-height: fit-content; }
    .text{                      width:50%; }
    #images { width: 100%; }
    #logo_link{                 float:left; width:200px; height:90px; background-size: 95%;}

    #bg_grey{                   width:250px; height:100%; margin-left:0; } 
    #nav_1{                     margin-left: -0px; width: 250px; left: 0;}
    
    .footerwrapper {            width: 100%; text-align: right; }
     #nav_footer_right{          width: auto; position: relative;}

}

@media screen and (max-width:800px) {
    #content {overflow: visible; }
    
    .text{                      width:100%; height:auto!important; max-height: auto!important;}
    #wrapper{                   width:100%; height:auto; float:left; position:relative; padding-top:0;  clear: both;}
    #page{                      width:100%; }
    #logo{                      float:left; width:100%; text-align:center; background:#756b70; position:relative; left:0; top:0; padding: 10px 0 10px 0; }
    #logo_link { display: inline-block; clear: both; float: none; width: 265px; background-position: center;}
    #navi{                      float:left; width:100%; position:relative; left:auto; top:auto; }
    #navi li{                   height:auto; padding:0; }
    #navi ul li{                float:left; width:100%; text-align:center; }
    #navi ul li a{              float:left; width:100%; text-align:center; font-size:1.2em; padding:10px 0 10px 0 !important; height:auto; border-bottom:1px solid #000000; border-right:none; }
    #navi li ul{                float:left; position:relative; width:100%; left:auto; top:auto; }
    #navi li ul li{             padding:0 !important; }
    #navi li ul li a{           padding:5px 0 5px 0 !important; }
    #navi ul li.selected *{     display:block; }
    .text p{                    font-size:1.05em; }
    
    #navi ul#mainnavigation     {display: none;}
    #navi ul#mainnavigation.collapsed {display: block; width: 100%;}
    #navi .toggleicon           { display: block; float: right; position: fixed; top: 10px; right: 10px; }
    
    #nav_3{                     float: left; position: relative; left: auto; top: auto; width: 100%; font-size:0.9em; }
    #nav_3 li{                  padding-left:20px; }
    
    #content{                   float:left; width:100%; height:auto; position:relative; left:auto; top:auto; }
    .einzelbild{                float:left; width:100%; height:auto; }
    .einzelbild img{            width:100%; }
    
    .text{                      width:100%; height:auto; }
    .text p, .start p, .text ul, .text table{          padding:0 20px 14px 20px; }
    .text h1, .text h2{                   padding:20px 20px 20px 20px; }
    
    #images{                    float:left; margin: 20px 0 20px 0; width:100%;}
    
    .iosSlider{                 height:400px; }
    .iosSlider .item{           background-size:cover; }
    
    #footer{                    width: 100%; height: auto; float: left;}
    
    #nav_1 {                    margin:30px 0 0 10px; float: none; font-size: 1.2em; width: 100%; position: relative!important;}
    .footerwrapper {            margin:30px 0 0 00px; width: 100%; text-align: left; float: none; font-size: 1.2em; clear: both;}
    #nav_footer_right{          width: auto; position: relative}
    #nav_footer_right ul {      float: left; padding: 10px;}
    #nav_footer_right li {      color: #000000; font-size: 0.9em; text-align: left;  }
    #nav_footer_right ul li a { color: #000000; text-align: left; }
    
    #titel, #bg_grey, #border, .eins, .zwei, .arrow_left, .arrow_right{                   
                                display:none; }
    
}