body { 
    background-color: #ffffff;
    text-align: left; 
    font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    color: #333333;
    margin: 0px;
    padding: 0px;
    scrollbar-face-color: #eaeaea;
}



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'),
       url('/includes/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/includes/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/includes/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/includes/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}



h1, h1.link, h1.file, h1.homeLink    { 
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1.6em; 
    font-weight: normal; 
    text-decoration: none; 
    color: #0067A9; 
    margin: 0px; 
    padding: 0px;
}

h1.list { 
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1.6em; 
    font-weight: normal; 
    text-decoration: none; 
    color: #0067A9; 
    margin: 0px 0px; 
    padding: 0px;
}
h2    {
    font-size: 1em;
    font-weight: bold; 
    color: #0067A9; 
    margin: 0px;
    margin-top: 4px;
    padding: 0px;
}

p {
    padding: 0px;
    margin: 4px 0px;
    text-align: justify;
}
a { 
    text-decoration: underline; 
    color: #0067A9;
    font-weight: normal;
    font-size: 1.1em; 
}


a.toplink {
    display: block;
    background-color: #0067A9;
    color: #ffffff; 
    font-size: 2em; 
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    margin: 16px 0px;
    text-align: center;
    max-width: 600px;
} 
a.toplink:hover {
    text-decoration: underline;
}

hr {
    border: 1px solid #0067A9; 
}
hr.small {
    border: 1px dotted #0067A9; 
}
a.white {
    color: #ffffff;
}
a.buttonstyle {
    color: #f26522;
    font-size: 12px; 
    font-weight: normal; 
    border: 1px solid #f26522;
    background-color: #f5f6fa;
    text-decoration: none;
    padding: 5px 8px;
    margin: 2px;
    display: inline-block;
}

.info {
    font-size: 0.9em;
}

.textcenter {
    text-align: center;    
}
.textright {
    text-align: right;    
}
.alert {
    font-size: 1.6em;
    color: #EA3A00;
}

.filesize {
    font-size: 0.9em;
}


span.listelement {
    display: inline-block;
    min-width: 180px;
}


ul.dataList span {
    display: inline-block;
    min-width: 130px;
}


h3.kanzlei {
    font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    color: #0067A9; 
    margin: 0px;  
    margin-top: 5px;
}

#menuwrapper {
    background-color: #0067A9;
    background-image: url(/images/bg_menu.jpg); 
    overflow: auto;
    margin-top: 1%;
}
#menufield {
    max-width: 1260px;
    margin: 0px auto;    
}
#menufield ul {
    display: block;
    list-style-type: none;
    margin: 0% 2%;
    padding: 0px;    
}
#menufield li {
    float: left; 
    margin: 0px;
    padding: 0px;
}
#menu h3  { 
    font-size: 1.2em; 
    font-weight: normal; 
    text-decoration: none; 
    padding: 0px; 
    margin: 0px;    
}
#menu a  { 
    text-decoration: none; 
}
#menu a:hover  { 
    text-decoration: underline; 
}
#menufield li a { 
    display: block;
    color: #ffffff; 
    padding: 14px 25px;    
}
@media screen and (max-width: 1200px) {
    #menufield li a { 
        padding: 14px 15px;    
    }
}
#menufield li+li a {
    background: url(/images/bg_menu_seperator.jpg) left top no-repeat;
}

#menufield li a:hover, #menufield li.active a, #menufield li.activelast a  { 
    color: #0067A9; 
    text-decoration: none;
    background-color: #E8F8FF;  
}
#mobilemenu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background-color: #0067A9;
    background-image: url(/images/bg_mobilemenu.jpg);  
    padding-top: 27px;
    text-align: center;
    cursor: pointer;
}
#menufield #mobilemenu {
    display: none;    
} 
#mobilecall {
    display: none;    
}
#mobilemenu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;    
}
#menu.mobile a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border-bottom: 1px dotted #0067A9;    
    background-color: #ffffff;    
}
#menu.mobile a:hover {
    text-decoration: underline;        
}

@media screen and (max-width: 950px) {
    #menufield #mobilemenu {
        display: block;
        float: left;    
    } 
    #mobilecall {
        float: right;
        display: block;    
    }
    #menufield #mobilemenu {
        margin: 0% 2%;    
    }
    #menufield #menu {
        overflow: hidden; 
        min-height: 0px;
        max-height: 0px;
        display: block;
        margin: 0px auto;
        background-color: #ffffff;;
    }
    #menufield #menu.mobile { 
        max-height: 800px;
        width: 100%; 
    }
    #menufield #menu.mobile li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;        
         width: 50%;
         float: left;
    } 
    #menufield #menu.mobile li:nth-child(even) {
        border-left: 1px dotted #0067A9;
    } 
    #menufield #menu.mobile li a {
        color: #0067A9;
         background: none;
         padding: 10px 10px;
    } 
    #menufield #menu.mobile li a:hover, #menufield #menu.mobile li.active a  { 
        text-decoration: none;
        background-color: #E8F8FF;  
    }
}
@media screen and (max-width: 450px) {
    #menufield #menu.mobile li {
         width: 100%;
         float: none;
    }
    #menufield #menu.mobile li:nth-child(even) {
         border-left: 0px dotted #0067A9;
    }    
}


#home {    
    overflow: auto;
    position: relative;
}
#logowrapper {
    max-width: 330px;
    margin: 24px auto 8px auto;  
    z-index: 1;    
}
#logowrapperhome {
    width: 100%;
    margin: 24px auto 8px auto;  
    z-index: 2; 
}
#logo {
    width: 70px;
    margin: 0px auto;        
}
.mobile {
    display: inline-block;
}
.desktop {
    display: none;
}
#haraldaltenbacher {
    position: relative;
    width: 96%;
    margin: 0px auto;    
}
#zitat {
    width: 96%;
    max-width: 670px;
    margin: 30px auto;
    z-index: 2;
}
.zitattext {
    font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: oblique;
    font-size: 1.1em;
    color: #0067A9;     
}
.zitattext a { 
    font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; 
    font-size: 1em; 
    font-style: normal;
    display: block;
    text-align: right;   
}

#magharaldaltenbacher {
    text-align: center;      
}

#magharaldaltenbacher img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    width: 100%;
    height: auto;     
}

#teaser {
    display: none;
}

@media screen and (min-width: 600px) {
    #home {
        
    } 
    h3.homecolor {
        color: #ffffff;
    } 
    #logowrapperhome {
        position: absolute;
        z-index: 10;       
    } 
    .mobile {
        display: none;
    }
    .desktop {
        display: inline-block;
    }
    #haraldaltenbacher {
        position: absolute;
        z-index: 11;  
        top: 120px; 
        width: 100%;
    }
    #magharaldaltenbacher img {
        max-width: 1260px; 
    }
    #zitat, #zitat h1, #zitat p, #zitat a {
        color: #ffffff;
    }
    .zitattext {
        font-size: 1.3em;   
        color: #ffffff; 
    }
    .zitattext a { 
        text-align: left;   
    }
}
@media screen and (min-width: 900px) {
    #logowrapperhome {
        margin: 50px auto 8px auto;
    } 
    #zitat {
        padding-top: 60px;
        max-width: 900px;
    }
    .zitattext {
        font-size: 1.8em;    
    }
    .zitattext a {
    }
    #teaser {
        display: block;    
    }
}
@media screen and (min-width: 1260px) {
    #magharaldaltenbacher {
        background: url(/images/harald_altenbacher_bg.jpg) center top no-repeat;  
        background-color: #0E1F39;    
    }
    #zitat {
        padding-top: 80px;
        max-width: 1260px;
    }
    .zitattext {
        font-size: 2em;    
    }
        
}

#homefieldwrapper {
    background-color: #E8F8FF;
    width: 100%;
    clear: both;    
    overflow: auto;
}
#homefield {
    max-width: 1260px;
    margin: 0px auto;
    overflow: auto;
}
.homefieldcontainer {
    width: 50%;
    float: left;    
}
.homefieldcontent {
    margin: 8% 4%;
    width: 42%;    
    float: left;
}
.homefieldcontent a {
    text-decoration: none;    
}
.homefieldcontent a h1 {
    font-size: 1.6em; 
}
.homefieldcontent a.link {
    text-decoration: underline;    
}
h1.pensionsdiagnose {
    background: url(/images/title_pensionsdiagnose.png) center top no-repeat;    
    padding-top: 60px;        
    font-size: 1.8em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 18px;    
}
h1.bauherrenmodell {
    background: url(/images/title_pensionsimmobilie.png) center top no-repeat;    
    padding-top: 60px;        
    font-size: 1.8em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 18px;    
}
h1.susisorglos {
    background: url(/images/title_betrieblichevorsorge.png) center top no-repeat;    
    padding-top: 60px;        
    font-size: 1.8em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 18px;    
}
h1.finanzierung {
    background: url(/images/title_finanzierung.png) center top no-repeat;    
    padding-top: 60px;        
    font-size: 1.8em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 18px;    
}
@media screen and (max-width: 1000px) {
    #homefield {
        padding-bottom: 8%;    
    }
    .homefieldcontainer {
        width: 100%;
        clear: left;    
    }
    .homefieldcontent {
        margin: 6% 4% 0% 4%;
    }    
}
@media screen and (max-width: 600px) {
    .homefieldcontent {
        margin: 8% 4% 0% 4%;
        width: 92%;    
        clear: left;
    }
}




#main {
    width: 100%;
    min-width: 220px;
    max-width: 1260px;
    margin: 0px auto 30px auto;
    overflow: auto;
}
#main ul {
    margin: 0px;
}


#footerwrapper {
    width: 100%;
    margin: 1% 0% 1% 0%;
    overflow: auto;    
    min-height: 350px;
}
#footerwrapper.site {
    background-color: #E8F8FF;
    min-height: 10px;
}
#footer {
    width: 100%;
    max-width: 1260px;
    margin: 0px auto;
}
.footerfield {
     margin: 2%;
     float: left;
}
.footerfield:nth-of-type(1) {
     width: 41%;
}
.footerfield:nth-of-type(2) {
     width: 5%;
}
.footerfield:nth-of-type(3) {
     width: 41%;
}
.footerfield.double {
    width: 25%;    
}

#footer ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;    
}
ul.adress h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 8px;
    position: absolute;    
}
ul.adress li:nth-of-type(2) {
    padding-top: 28px;    
}
ul.adress li:nth-of-type(4) {
    margin-top: 8px;    
}
ul.adress li:nth-of-type(6) {
    margin-top: 8px;    
}
ul.adress li.datadress span {
    display: inline-block;
    width: 70px;    
}
ul.adress li.data span {
    display: inline-block;
    width: 70px;    
}

.footerfield #mobilemenu {
    margin: 0px auto;    
}
.footerfield #menu {
    overflow: hidden; 
    min-height: 0px;
    max-height: 0px;
    display: block;
    margin: 0px auto;
}
.footerfield #menu.mobile { 
    max-height: 200px;
    width: 175px; 
}


ul.gewerbe {
    display: block;
    float: right;    
}
ul.gewerbe li.title {
    font-weight: bold;
    margin-bottom: 8px;        
}
ul.gewerbe li.data span {
    display: inline-block;
    width: 140px;    
}

.footerdoublefield {
    float: right;
    margin: 0% 2%;
     width: 63%;
}
.footerzitat {
    float: left;    
    font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.5em;
    color: #0067A9; 
    width: 70%;
    margin-top: 50px;
    position: relative;
    height: 145px;
}
.footerzitat img {
    display: inline-block;
    float: right;
    width: 150px;
    position: absolute;
    top: -45px;
    right: -170px;
}

@media screen and (max-width: 900px) {
    .footerfield:nth-of-type(1) {
        width: 45%;    
    }
    .footerfield:nth-of-type(2) {
        width: 45%;    
    }
    .footerfield:nth-of-type(3) {
        clear: both;
        width: 96%;    
    }
    .footerfield #mobilemenu {
        margin: 0px;
        float: right;    
    }
    ul.gewerbe {
        display: block;
        float: none;    
    } 
    .footerdoublefield {
        clear: both;
        width: 96%;    
    }    
    .footerzitat {
         font-size: 1.2em;        
    } 
}
@media screen and (max-width: 550px) {
    .footerzitat {
        width: 46%;    
    }
}



ul#inspection {
    list-style-type:none;
    margin: 0% 2%;
    padding: 0px; 
}

#inspection>li {
    
}
#main ul.inspectionbuilding {
    list-style-type:none;
    margin: 0px;
    padding: 25px 0px; 
    border-bottom: 1px dotted #0067A9; 
}

ul.inspectionbuilding>li:first-child {
    font-size: 24px;
}
#main .inspectionApartment { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 375px;
    margin: 2% 2% 2% 0%;
    width: 98%;
    float: left;
}
#main .inspectionApartment ul { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #0067A9; 
    list-style-type:none;
    padding: 10px; 
}
ul.inspectionbuilding>li {
    clear: left;
}
.inspectionApartment ul>li:first-child {
    font-size: 14px;
    font-weight: bold;
    min-height: 40px;
}
.inspectionApartment ul>li.rooms {
    min-height: 35px;
}
.inspectionApartment ul>li.square {
    font-weight: bold;
    margin: 8px 0px;
}
.inspectionApartment ul>li.price {
    background-color: #EA3A00;
    color: #ffffff;
    font-size: 16px;   
    padding: 5px;
    text-align: center;
    margin-top: 5px;
}
.inspectionApartment ul>li.price a {
    color: #ffffff;
    text-decoration: none;
}
ul.inspectionbuilding>li.dates {
    font-size: 16px;
}
ul.inspectionbuilding>li.dates span.head {
    font-weight: bold;
}
ul.inspectionbuilding>li.dates ul li a {
    color: #333333;
    text-decoration: none;
}
a.inspectionRegisterLink {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #0067A9;
    color: #ffffff; 
    font-size: 1.4em; 
    font-weight: normal;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 20px;
    text-align: center;  
    max-width: 375px;
    width: 98%;  
}


@media screen and (max-width: 800px) {
    #main .inspectionApartment ul { 
        float: none;
    }
    .inspectionApartment ul>li.rooms {
        min-height: 0px;
    }
}








     
.layerBreak {
    clear: left;
    width: 96%;
    max-width: 1260px;
    padding: 0%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.layerFloat {
    width: 46%;
    min-width: 140px;
    max-width: 630px;
    padding: 0%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}


.higlightField {
    background-color: #0067A9;
    color: #ffffff;
    padding: 10px 20px;    
}
.higlightField h1 {
    color: #ffffff;
}
.higlightField a {
    color: #ffffff;
    text-decoration: underline;
}




#googleMaps {
    width: 100%;
}


.slideShowPic {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    margin: 1px 0px;
    width: 100%;
    height: auto;
}
#main img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    width: 100%;
    height: auto;
    margin: 0px;
}


.zoom:after  {
    content: url(/images/lupe.gif);
    display: block;
    position: relative;
    height: 0px;
    right: 4px;
    bottom: 16px;
    text-align: right;
    border: none;
    z-index: 10;
}

#picZoom, #galleryZoom {
    display: none;
    padding-top: 3010px;
    width: 98%;
    height: 2000px;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.85);
    z-index: 11;
}
#picZoomField {
    margin: 0px auto;
    padding: 19px;
    border: 1px #B9C0CA solid;
    background-color: #ffffff;
    cursor: pointer;
}
#picZoomField:before {
    content: url(/companyimages/close.gif);
    display: block;
    position: relative;
    height: 0px;
    right: 4px;
    top: 4px;
    text-align: right;  
    border: none;
    z-index: 15;
}
#picZoomImg {
    width: 100%;
    height: auto;
}


.galleryLayer {
    clear: both;
    overflow: auto;
    padding: 0px;
    margin: 0px;
}
.galleryImg {
    text-align: center;
}

.galleryCol > a:after {
    content: url(/images/lupe.gif);
    display: block;
    position: relative;
    height: 0px;
    right: 4px;
    bottom: 16px;
    text-align: right;
    border: none;
    z-index: 10;
}
.galleryCol, .galleryColMore {
    float: left;
    vertical-align: top;
    padding: 0px 5px 85px 0px;
    margin: 0px;
    min-height: 145px;
}

.galleryMore {
    text-align: center;
    background-color: #FFFEFE;
    border: 1px solid #4c4c4c;
       padding: 5px 5px 12px 5px;
       margin-top: 24px;
}
.galleryMoreA {
    text-decoration: none; 
}
.galleryMoreArrow {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 36px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #4c4c4c;
}
.galleryMore {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    color: #4c4c4c;
}



#galleryZoomField {
    margin: 0px auto;
    margin-top: -60px;    
    padding: 19px 19px 7px 19px;
    border: 1px #4c4c4c solid;
    background-color: #ffffff;
}
#galleryZoomNr {
    float: left;
    font-size: 11px;
}
#galleryZoomClose {
    text-align: right;
}
#galleryZoomImgLayer {
    clear: both;
    text-align: center;
    position: relative;
    top: -8px;
}
#galleryZoomWidth {
    width: 100%;
    margin: 0px auto;
}
#galleryZoomImg {
    width: 100%;
    height: auto;    
}
#galleryZoomTitle {
    text-align: left;
    font-size: 12px; 
    font-weight: bold; 
    color: #4c4c4c; 
    margin: 10px 0px;
    padding: 0px;
}
#galleryZoomText {
    text-align: left;
}
#galleryNav {
    width: 100%;
    margin: 0px auto;
    position: relative;
    top: 160px;
    z-index: 15;
}
#galleryNavBack {
    float: left;
    height: 60px;
}
#galleryNavFor {
    text-align: right;
    height: 60px;
}
#galleryNavBack a, #galleryNavFor a {
    font-size: 28px; 
    font-weight: bold; 
    color: #999999; 
    text-decoration: none; 
    background-color: #ffffff;
    padding: 5px 14px;
    border: 1px #4c4c4c solid;
}
#galleryNavBack a.end, #galleryNavFor a.end {
    color: #eeeeee; 
}
.galleryThumbOverLayer {
    width: 100%;
    overflow: scroll;
    overflow-y: hidden;
    display: none;
}
.galleryThumb {
    float: left;
    padding: 10px 10px 10px 0px; 
}
.piczoom {
    cursor: pointer;    
}
.piczoom:after {
    content: url(/images/lupe.gif);
    display: block;
    position: relative;
    height: 0px;
    right: 4px;
    bottom: 16px;
    text-align: right;
    border: none;
    z-index: 10;   
}

.pictureGallery {
    clear: left;
    overflow: hidden;
}
.pictureGallery img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    width: 100%;
    height: auto;
    margin: 0px;
}
.pictureGalleryImg {
    width: 32%;
    max-width: 280px;
    height: 150px;
    float: left;
    margin: 2px;
    display: flex; 
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}
.pictureGalleryImg:first-child {
    width: 100%;
    max-width: 600px;
    height: auto;
    float: none;
}
.pictureGalleryImg:first-child img { 
    max-width: 800px;
    height: auto; 
}
#main .pictureGalleryImg.portrait:first-child img { 
    max-height: 600px;
    width: auto; 
}
.picture {
    width: 100%;
    max-width: 375px;    
    height: 300px;
    display: flex; 
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}
#main .picture.portrait img {
    max-height: 300px;
    width: auto;
}


.multiGalleryImg {
    width: 32%;
    max-width: 280px;
    height: 150px;
    float: left;
    margin: 2px;
    display: flex; 
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}

.multiGallery ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #0067A9; 
    list-style-type:none;
    padding: 10px;    
}

.picturefield {
    background-color: #ffffff;
    padding: 10px;
}
.picturefield img {
    width: 100%;
    max-width: 375px;
    height: auto;
}
#main .picturefield.portrait img {
    max-height: 300px;
    width: auto;
}
.item {
    cursor: pointer;
}

.topRow {

}


.view360 {
    position: relative;
}
.view360 a {
    color: #ffffff;
    font-size: 26px; 
    font-weight: normal; 
    background-color: #0067A9;
    border: 1px solid #ffffff;
    text-decoration: none;
    padding: 5px 18px;
    margin: 0px;
    display: inline-block;
    position: absolute;
}



/* Formatierungen für die Formulare */
#ClientCLayer {
    display: none;
}
.formLayer {
    margin: 0px auto;
    width: 99%;
    max-width: 700px;
}
.formFieldset {
    border: 0px;
    margin: 0px;
    border: 1px solid #0067A9;    
}
.formColBreak {
    clear: both;
    width: 95%;
    margin: 2.5%;
}
.formColBlock {
    float: left;
    width: 45%;
    margin: 10px;
}
label.anim {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
label.anim span {
  position: absolute;
  z-index: 1;
  cursor: text;
  pointer-events: none;
  color: #333333;
  padding: 7px;
  /* Firefox does not respond well to different line heights. Use padding instead. */
  line-height: 17px;
  /* This gives a little gap between the cursor and the label */
  margin-left: 2px;
  top: 0px;
}
input {
    margin: 1px 0px 2px 0px;
    width: 100%;
}

input, select, textarea, input[type="file"]    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px; 
    text-decoration:none; 
    font-weight: normal; 
    color:#2D3235; 
    border: 1px solid #0067A9;
    padding: 7px 4px;
}
input { 
    border: 0px solid #0067A9;
    border-bottom: 1px solid #0067A9;
    border-left: 1px solid #0067A9;
}
select {
    margin: 1px 0px 2px 3px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 1px 3px 2px 0px;
    padding: 0px;
    width: 16px;
    height: 16px;  
    display: inline-block;
    vertical-align: top;
}
textarea {
    width: 100%;
}
input[type="submit"] {
    color: #ffffff;
    font-size: 12px; 
    font-weight: bold; 
    background-color: #0067A9;
    padding: 2px 0px;
    margin-top: 10px;
    width: 97%;
    max-width: 200px;
}
#CenterButtonLayer {
    text-align: center;
}
.errorText { 
    color: #cc0000;
}
.errorField     { 
    color: #2D3235; 
    background-color:#ffe1e1;
}
.formInfo {
    font-size: 11px;
}
.multipleSelectLayer label {
    vertical-align: top;
}

.divmiddle {
    float: left;
    width: 48%;
    padding-right: 1%;
    min-width: 300px;
}

.divleft {
    float: left;
    width: 20%;
    min-width: 120px;
}
.divright {
    float: left;
    width: 80%;    
} 
.divleft2 {
    float: left;
    width: 49%; 
}
.divright2 {
    float: left;
    width: 51%;
    min-width: 120px;
} 
.divColor {
    background-color: #E8F8FF;
    padding: 2% 2%;
    margin: 5px 0px;
    width: 96%;
}
.divColor label {
    min-width: 380px;
    display: inline-block;
}



div.top div {
    margin-bottom: 10px;
    clear: left;
    overflow: auto;
    
}
div.top .check {
    margin-top: 40px;
    width: 20px;
    height: 20px;
    float: left;
}

div.top label {
    display: inline-block;
    background-color: #E8F8FF;
    border: 1px solid #E8F8FF;
    padding: 8px;
    float: left;
    width: 85%;
    max-width: 650px;
}
div.top label.active {
    border: 1px solid #0067A9;
}
div.top label ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    padding: 0px;
    margin: 0px;
    overflow: auto;
}
div.top label li {
    margin: 2px 0px;
    margin-left: 0px;
}
div.top label li:first-child {
    font-size: 16px;
    font-weight: bold;
}
div.top label li.square {
    font-weight: bold;
}
div.top label li.price{
    font-size: 14px;
    color: #EA3A00; 
}

div.dates {

}
div.dates div {  
   background-color: #E8F8FF;
   border: 1px solid #E8F8FF;
   padding: 0px;
   padding-left: 10px;
   margin: 8px 0px; 
   max-width: 658px;
}
div.dates div.active {
   border: 1px solid #0067A9;
}
div.dates .rd {
    width: 20px;
    height: 20px; 
    margin-top: 10px;   
}
div.dates label {
   display: inline-block;
   font-size: 14px;
   margin-left: 5px;
   padding: 10px 0px;
   width: 90%;
}
#inspectionButton {
    display: inline-block;
    background-color: #0067A9;
    color: #ffffff; 
    font-size: 1.4em; 
    font-weight: normal;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 20px;
    text-align: center;  
    max-width: 375px;
    width: 98%;
    cursor: pointer;
}


.formColBreak hr {
    border: 1px dotted #0067A9;
    margin: 40px 0px 30px 0px;
}



.infoHead { 
    display: block;
    margin: 7px 0px;
    color: #0067A9;
    font-size: 14px;
}


.dateField, .rd, .topField, .check {
    cursor: pointer;
}

.detailLayerAction {
    background-color: #0067A9; 
}
.detailLayerAction a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    padding: 2%;   
    text-decoration: none; 
}


.sign {
    margin-left: 24px;
}
.topStop {
    width: 90%;
    max-width: 668px;
}


ul.apartmentDetails {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.apartmentDetails li {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px;    
    padding: 12px 0px;
    border-top: 1px dotted #0067A9; 
}
ul.apartmentDetails li:first-child {
    padding-top: 0px;
    border-top: 0px dotted #0067A9;
}


@media screen and (max-width: 1200px) {
    input[type="radio"], input[type="checkbox"],
    div.top .check, div.dates .rd {
        width: 25px;
        height: 25px;  
        vertical-align: middle;
    }
    .sign {
        margin-left: 29px;
    }
    div.dates .rd {
        margin-top: 0px;
    }
}


/* Ende Formatierungen für die Formulare */


#main ul.registerComplete {
    margin: 10px 0px 30px 0px;
    padding: 0px;
    list-style-type: none;
}
ul.registerComplete li {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px;    
    padding: 12px 0px;
    border-bottom: 1px dotted #0067A9; 
} 
ul.registerComplete li span {
    display: inline-block;
    min-width: 80px;
}




.table360 {
    width: 100%;
    min-width: 600px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
}

.table360 img {
    display: block;
}






#main .tourview ul {
    display: block;
    list-style-type: none;
    margin: 0% 2%;
    padding: 0px;
}
#main .tourview li {
    float: left; 
    margin: 3%;
    padding: 0px;
    width: 27%;
}
#main .tourview img {
    max-width: 250px;
    max-height: 250px;
}

@media screen and (max-width: 650px) {
    #main .tourview li {
        width: 44%;    
    }
}


@media screen and (max-width: 1000px) {
    .divleft2 {
        width: 59%;    
    }
    .divright2 {
        width: 41%;
    } 
}
@media screen and (max-width: 850px) {
    .divleft2 {
        width: 75%;    
    }
    .divright2 {
        width: 25%;
    } 
}

@media screen and (max-width: 650px) {
    .layerFloat, .layerFloatHome {
        clear: left;
        width: 96.12%;
        max-width: 960px;
    }
    #slideshow {
        display: none;    
    }
    .footerfield.double {
        width: 98%;    
    }
    .divColor label {
        min-width: 0px;
    }
    .video {
        height: 320px; 
    }
   .divleft, .divright, .divleft2, .divright2 {
        float: none;
        width: 100%;
    }
}


@media screen and (max-width: 420px) {
    .video {
        height: 250px; 
    }
    div.dates label {
        width: 80%;
    }
    .pictureGalleryImg {
        height: 100px;
    }
}