html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }


div, p, td, li, input, textarea, select, h1, h2, h3, h4, h5, h6, a { color: #444; line-height: 160%; text-align:left }

h1 { font-size: 2em }

.vertikal #menu{z-index:100;}

#sprachen {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 500;
}

#sprachen li {
    list-style: none;
    float: left;
    margin-right: 15px
}

#sprachen li.active {
    font-weight: bold;
}


#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    /**width: 500px;**/
    width:265px;
    z-index: 100;
    display: block;
    
    pointer-events:none;

}

#menu .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 100%;
    z-index: 50;
    overflow: hidden;
    -webkit-box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
}
#menu .logo {
    position: relative;
    width: 250px;
    z-index: 1000;
    pointer-events:all;
}
#menu .logo img {
    margin: 19px;
    max-width: 210px;

}

#slideshow .item img{width:100%}
.slideshow  .item img{width:100%}
.navbar-default { position: absolute;}

.nav-main { position: absolute; z-index: 100; left: 0 }
.horizontal .nav-main{z-index: 300;}
.nav-main li { width: 248px; display: block; text-align: left; border-bottom: 1px dotted #fff; position: relative;  z-index: 100; pointer-events:all; }
.nav-main li a { display: block; padding: 15px 20px; height: 100% }
.nav-main li:first-child { border-top: 1px dotted #fff }
.nav-main li a:hover { text-decoration: none }

.nav-main li ul { position: absolute; left: 248px; z-index: 200; display: none; }
.vertikal .nav-main li ul { top: 0;}
.nav-main li ul li { width: 248px; text-align: left;border:0px; }
.vertikal .nav-main li ul li a {  width: 248px !important;margin:0px; display: block !important;  }

.horizontal .nav-main li ul li a:hover{margin-left:-2px;width: 252px }
.nav-main li ul li:first-child { border-top: 0; margin-top: 0 }
.nav-main li ul li:last-child { border-bottom: 0 }
.nav-main li:hover ul { display: block }

.nav-main li:hover ul{display:block !important;}

.horizontal #menu {
    width: 100%;
    overflow: hidden;
    position: absolute;
}


.horizontal #menu .bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.horizontal #menu .logo { width: auto; }
.horizontal #menu .logo img { max-width: none }

.horizontal .nav-main {

    left: 0;

    width: 100%;
    height: auto;
    text-align: center;
    border: 0;

    /*
    position: absolute;
    top: 0;
    margin-top: 67px;*/
}
.horizontal .nav-main li { width: auto; display: inline-block; height: 43px; border-bottom: 0;}
.horizontal .nav-main li a { padding: 5px 20px; display: inline-block }
.horizontal .nav-main li:first-child { border: 0; margin-top: 0 }

.horizontal .nav-main li ul {  left: 0; z-index: 200100; margin: 0 !important; margin-top: auto !important;}
.horizontal .nav-main li ul li { width: 248px; display: block; text-align: left }

.horizontal .nav-main li{height:auto !important;padding-top:0px;padding-bottom:0px;margin-left:-4px}
.horizontal .nav-main li a{padding:10px 20px}

.horizontal .navbar-default { position: inherit; border: 0; min-height: 43px; margin: 0;/* background: none */}
/* ORIGINAL .horizontal .navbar-default .navbar-toggle { position: absolute; z-index: 1000; margin: 0; right: 50px }*/
/* WEAC, EUGEN */
.horizontal .navbar-default .navbar-toggle {position: absolute; z-index: 1000; ;margin: 0; left: 10px }
/*.horizontal .navbar-default{margin-top: 43px;}*/
/*.horizontal #details,.horizontal #content .inner{  padding-top: 43px !important;}*/
.horizontal #details{  padding-top: 43px !important;}
@media (max-width: 767px) {
    .horizontal .nav-main li{display:block}
    .horizontal .nav-main li a{width:100%;}
    .horizontal #sprachen{top: 70px;}
    .horizontal .nav-main{top:140px !important;}
    .horizontal .nav-main li ul li,.horizontal .nav-main li ul{display:block;width:100%;padding-left:5px;}
    .horizontal .nav-main li ul li a:before{content:"- "}
    .horizontal .navbar-default .navbar-toggle{border:0px;}
    .horizontal .navbar-default .navbar-toggle .icon-bar{background-color:#fff; width:32px}
    .horizontal .nav-main li ul li{width:100%;}
    .horizontal .wrapper-sticky{display:none;}

    .horizontal .nav-main li{ height: auto !important}

    .horizontal .nav-main li ul { position: relative !important;top:auto !important }
    .horizontal #nav{visibility:hidden}
    .horizontal .collapse.in{visibility: visible !important; }
    .horizontal .navbar-default{margin-top: 0px;}
    .horizontal #details ,.horizontal #content {  margin-top: 0px;}

    .horizontal ul ul{background-color: transparent !important;}
    .horizontal #menu .logo img {margin-bottom: 0px !important; }

    .horizontal #menu .logo img{max-width: 100%;}
}

#content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 250px;
    z-index: 50;
    display: block;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 0 5px 0px rgba(0,0,0,0.3);
    z-index:0px; !important
}

/*#content .inner { 
	display: none;
}*/

#content .inner .m-b {
    margin-bottom: 20px
}

#content .expand {
    position: absolute;
    right: -34px;
    top: 30px;
    width: 34px;
    height: 34px;
    background: url('/img/expand-minus.png') no-repeat 12px center;
    cursor: pointer;
    background-color:#fff;
    -webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#content .expand.close {
    background: url('/img/expand-plus.png') no-repeat;
    margin-top: 5px;
    right: 10px;
    top: 4px;width: 20px;
    height: 20px;

}


#content.mittig {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content.mittig .expand {
    display: none;
}

#background { position: fixed; top: 0; bottom: 0; left: 0; right: 0 }

#background .google-maps {
    position: absolute;
    top: 0;
    left: 250px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
}

#details {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 250px;
    z-index: 50;
    display: block;
}


.horizontal #content {
    margin-left: 0;
    bottom: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.horizontal #background .google-maps, .horizontal #details {
    left: 0;
}


#details h1 { font-size: 25px; clear: both; padding-top: 20px }


#details .google-maps { height: 500px; border: 1px solid #ccc }



#exposee {
    position: fixed;
    bottom: -50px;
    right: 10%;
    z-index: 1000;
    height: 50px;
    text-align: center;
}
#exposee #btnExposee {
    height: 50px;
    padding: 0 50px;
    font-size: 18px;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: transparent;
}
#exposee .inner {
    border-width: 1px;
    border-style: solid;
    border-top-width: 10px;
    border-bottom: 0;
    width: 360px;
    height: 420px;
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
}
#exposee .inner .form-horizontal .control-label {
    text-align:left;
}

#exposeeForm .msg { display: none; }


#picGridFilters { text-align:left; margin-bottom: 15px }

.cbp-caption-defaultWrap img { border: 1px solid #ccc }
.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,0,0,.7); text-align: center }
.cbp-l-caption-title, .cbp-l-caption-desc { text-align: center }

.own-objekte-over .cbp-caption-activeWrap:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.own-objekte-over .cbp-l-caption-body {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}


.carousel-control.left, .carousel-control.right {
    background-image: none
}


#footer {
    width: 100%;
    padding: 20px;
    overflow: hidden;
}


@media (max-width: 1200px) {
    .container {
        padding:0;
        margin:0;
        width: auto !important;
    }
}

@media (min-width: 768) AND (max-width: 991px) {
    .horizontal .navbar-toggle {display:none !important}

}
@media (max-width: 991px) {
    /* ORIGINAL .horizontal .navbar-toggle {
     
        display: block;
    }
    .horizontal .navbar-collapse.collapse {
        display: none!important;
    }
  
    .horizontal .navbar-collapse.collapse.in { 
        display: block!important;
    }*/
    .horizontal .navbar-collapse.in .nav-main { position: inherit; height: auto }
    .horizontal .navbar-collapse.in .nav-main li { width: auto; display: block; height: 43px; position: relative }
    .horizontal .navbar-collapse.in .nav-main li a { display: block }
    .horizontal .navbar-collapse.in .nav-main li ul { display: block; position: inherit !important; top: inherit; left:inherit }
    .horizontal .navbar-collapse.in .nav-main li ul li { display: block; position: relative; padding-left: 30px }

    .navbar-collapse,.nav-main{box-shadow:0px 0px 0px #000 !important;padding:0px !important;z-index:101;}
    .horizontal #nav{position:relative !important;}
}

/* jochen .horizontal #content{padding-top:43px !important;} */
.horizontal #content{padding-top:43px;}
.resp #content{padding-top:0px !important;}

#FormBuilderForm .btn-own-color{width:100%}

.has-error{border-color:red;}

.horizontal .navbar-default .navbar-toggle .icon-bar{width:25px;}
.navbar-toggle .icon-bar{height:1px;width:25px;}


.own-objekte-unten .cbp-item-wrapper,.own-objekte-rechts .cbp-item-wrapper{padding:0px;}
.own-objekte-unten .cbp-item-wrapper .cbp-caption-defaultWrap img,.own-objekte-rechts .cbp-item-wrapper .cbp-caption-defaultWrap img{border:0px;}
.own-objekte-unten .cbp-caption{margin-bottom:0px !important;}
.own-objekte-unten .cbp-l-grid-work-desc,.own-objekte-rechts .cbp-l-grid-work-desc{
    padding:10px;
    white-space: inherit !important;
    text-transform:none !important;
    font-size:13px;
    color:#555;

    background: rgb(204,204,204); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ccc',GradientType=0 ); /* IE6-8 */


}

.own-objekte-unten .cbp-l-grid-work-desc {  height: 65px;
    padding-top: 25px;}

.own-objekte-rechts .cbp-l-grid-work-desc{
    padding:16px !important;
}

.own-objekte-rechts .cbp-l-grid-work-desc td:first-child{
    width: 45%;
}

.own-objekte-rechts .cbp-item-wrapper a{float:left;width:50%;}
.own-objekte-rechts .cbp-l-grid-work-desc{float:left;width:50%;}

.own-objekte-rechts .cbp-l-caption-title{font-size:13px !important;}

.own-objekte-rechts .cbp-l-grid-work-desc{text-align:left;padding:10px;}
.own-objekte-rechts .cbp-l-grid-work-desc b{font-size:16px;}
.own-objekte-rechts .cbp-l-grid-work-desc table{width:100%;}
.own-objekte-rechts .cbp-l-grid-work-desc table td{font-size:13px !important;}

.own-objekte-unten .cbp-caption-activeWrap,.own-objekte-rechts .cbp-caption-activeWrap{height:65px !important;padding-bottom:10px; /** kurzzeitig padding-top:21px;**/padding-top:12px;  }

.own-objekte-unten .cbp-l-grid-work-desc{font-size:16px;}
.own-objekte-unten .cbp-l-caption-body{padding-top:10px;}



.own-objekte-unten .cbp-l-grid-work-desc ,.own-objekte-rechts .cbp-l-grid-work-desc b{font-weight:normal;}

.wrapper-sticky{z-index: 100;}
@media (max-width: 767px) {
    .own-objekte-unten .cbp-caption-activeWrap,.own-objekte-rechts .cbp-caption-activeWrap{height:55px !important;padding-top:5px;}
}



@media (max-width: 475px) {
    .own-objekte-rechts .cbp-l-grid-work-desc b{font-size:14px;}
    .own-objekte-rechts .cbp-l-grid-work-desc table td{font-size:10px !important;}
}

@media (max-width: 767px) {
    .varias .col-sm-4, .varias .col-sm-6{width:50% !important;float:left}
    .nav-main li ul{position:relative;left:0px;}
    .nav-main li ul a{padding-left:40px;}
    .horizontal #menu .logo img {max-width: 90%;margin-left:auto;margin-right:auto;}
    #nav{border:0px;padding:auto;}
    #nav .dropdown ul li a{width:100%;}
    .navbar .button{padding-top:7px !important;}
}

label.inline-content {
    margin-left: 4%;
    width: 90%;
}
.inline-content {
    display: inline-block;
}

input.inline-content{vertical-align: top;}

.galerie .cbp-l-caption-title{ padding-top: 35px;}



nav .open ul{display:block;}

.resp #copyleft{display:none !important; }

/*.vertikal #nav ul{ box-shadow: 9px 2px 11px -5px rgba(0, 0, 0, 1) !important;}*/
#nav .dropdown ul{box-shadow:0px 0px 0px #000 !important;display:none;}

#nav .dropdown.open ul{display:block;}











/** HORI MENU **/

body.vertikal .nav-main{position:static !important;}
body.mobil-menuslider #menu{
    pointer-events: inherit;
}

.shadowclass{
    pointer-events: inherit;
}

.notmclass{box-shadow:0px 0px 0px !important}
@media (max-width: 768px) {
    body.resp #menu{
        pointer-events: inherit;
    }

    body.resp .navbar .in .nav{
        position:relative !important;
    }
    .horizontal #content{padding-top:0px !important;}


}

body .navbar > div,body nav,body #nav,body #menu li,body #menu li a{
    z-index:251 !important;
}
body #content.mittig{
    z-index:220 !important;
}

.close{opacity:1}
.navbar{border:0px}


.carousel .carousel-caption{text-shadow:0 0 0 transparent !important;top:-55px;text-align:center;width:100%;left:0;right:0;padding-left:2%;background-color:rgba(255,255,255,0.5);  height: auto !important;font: 400 12px/29px "Open Sans",sans-serif !important; padding-top: 20px;padding-bottom:20px;bottom:auto;opacity:0;}

.galerie .cbp-l-caption-title{font-size:14px;padding-top:14% !important;}
.vertikal #sprachen{top:-4px}


@media (max-width: 862px) {	
  .navbar-default{
  	font-size: 12px ;
    top: 0 ;
    width: 100% ;
    position:relative !important;
  } 
   
   .navbar-default .nav-main{top:0px;}
   .navbar-default a {
   	font-size:12px !important;
   	padding:8px  !important;
   }
   
/* jochen   #content{width:100% !important;margin-top: 43px !important;} */
   #content{width:100% !important;margin-top: 43px;}
  }



.left-arrow a,.right-arrow a{
	position:absolute;
	display:block;
	width:100px;
	height:100px;
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-top:100px;
}

.left-arrow a{
	background-image:url("../img/icons/obj_b_desk.png");
	left:0;
}
.right-arrow a{
	right:0;
	background-image:url("../img/icons/obj_f_desk.png");
}
		
@media (max-width: 768px) {		
	.left-arrow a,.right-arrow a{
		width:49px;
		height:49px;
	}
	
	.left-arrow a{
		background-image:url("../img/icons/obj_b_mob.png");
		left:0;
	}
	.right-arrow a{
		right:0;
		background-image:url("../img/icons/obj_f_mob.png");
	}
	
	#content{
		position:relative !important;
		z-index:1000 !important;
	}
}

.cbp-popup-lightbox-img{margin-left:auto;}
.cbp-popup-lightbox-img{margin-right:auto;}
