@import url('/css/bootstrap.css');
@import url('/css/bluescreenGridZh.css');
@import url('/css/blue/bluezh_zone_footerW.css');
@import url('/css/blue/bluezh_zone_glossar.css');
@import url('/css/blue/bluezh_hlnk.css');
@import url('/css/blue/bluezh_hbar_moderne.css');
@import url('/css/blue/bluezh_htile_shiny.css');
@import url('/css/blue/bluezh_htoggle.css');
@import url('/css/blue/bluezh_vlnk.css');
@import url('/css/blue/bluezh_vlnk_white.css');
@import url('/css/blue/bluezh_box_rc.css');

body { overflow-y: scroll; background-color:#38312F; background-image: url('/images/bluezh/bg_overlay.png'); background-position: top center; background-repeat: no-repeat;  }
.container {margin: 0 auto;background-color:white} 
.logo { height: 65px; width: 220px;margin-bottom:45px; background-repeat: no-repeat; display: block; float: left; position: relative; top: 25px; left:15px; }
.logo { background-image: url("/images/immobranding-logo.png") ;display:block; text-indent:-9999px; }


/* body */
.section .container {min-height:500px; padding-top: 40px; padding-bottom: 40px} 


/*testing*/
.layout .highlight pre code.html {display:none;}
.layout .highlight pre code.css {display:none;}
.layout h3 + p {display:none;}


/*menu*/
.bar_moderne { position:relative; background-color: #252120;  }
.bar_moderne div { background-color: #252120;  }
.bar_moderne div > ul > li { background-color: #252120; }
.bar_moderne div > ul > li.active { background-color: #665854; }
.bar_moderne div > ul > li:hover { background-color: #665854; }
.htile_shiny {float:right; margin-right:40px}
.htile_shiny a { color: #333; }
.htile_shiny h3 { color: #333; }
.htile_shiny p { color: #333; }
.htile_shiny li {background:none}
.htile_shiny li a { background-color: rgba(33, 33, 33, 0.1); }
.htile_shiny li a:hover { background-color: rgba(33, 33, 33, 0.2); }


/*rotator bootstrap*/
.carousel .carousel-caption {font-size:0.9em; line-height:1.5em;text-shadow:none; color: #222222;text-align:left; top:5%;background-color: transparent; left:43%; padding:0 20px 20px 30px; margin:0 0 2% 0;} 
.carousel .carousel-caption .well {min-width:310px;z-index:0;opacity:0.8} 
.carousel .carousel-caption h1{font-size:1.6em;margin-bottom:10px;margin-top:0;padding-top:0} 
.carousel .carousel-caption a {color: #222; text-decoration:underline;}
.carousel .carousel-caption ul {font-size:1em;padding:0;margin:12px 0 0 16px}
.carousel .carousel-caption ul li {font-size:1em;padding:0;margin:0}
.carousel .carousel-caption div.sub {color: #444343;  font-size: 1em;}
.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {color:#222222;}
.carousel .carousel-indicators {bottom:-20px}
.carousel .carousel-indicators li {border-color:#C5C5C5; background-color:#F5F5F5}
.carousel .carousel-indicators li.active {border-color:#333; background-color:#665854}
.carousel.smallcontent {min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: rgb(245, 245, 245);border: 1px solid rgb(227, 227, 227);border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;}
@media (min-width: 992px) {
    .carousel .carousel-caption {font-size:1.1em;line-height:1.5em;}
}
@media (max-width: 767px) {
    .carousel .well {border: none;}
}

/*Contact*/
div.mailsub div {background-color:#EBEBE5;padding:0 8px}


/* noTextdecoration */
.ULplain li.bold>a {text-decoration:none; color:#222222; font-weight:bold} 
.ULplain a, .ULplain strong, .ULplain span {color:black; background:transparent; display:block; font-size:1em;  margin:0; padding:1px 0 1px 0; text-decoration:none; }
.ULplain ul li.active a {text-decoration:underline; outline: 0 none; }
.ULplain a:focus, .ULplain a:hover, .ULplain a:active {outline: 0 none; text-decoration:underline;}
.ULplain a.aspNetDisabled {text-decoration:none; color:gray;}
.Ulplain {overflow:hidden; margin:0 0 1.5em 0; list-style-type:none; }
.Ulplain ul {list-style-type:none; margin:0; padding:0; }


/* Helper */
.dottedVertical {border-right: 1px dotted #C5C5C5; }
.dottedHorizontal {border-top: 1px dotted #DADADA;width: 100%;margin:20px 0;height:0}
ul.unordered {padding:8px 14px}
ul.unordered li {padding:3px}

.btn-primary {color: #FFF; background-color: #222;}
.btn-primary:hover {background-color: #665854;}


/* Font */
@media (max-width: 767px) {
	.col-lg-8 p, .col-md-8 p {font-size:small; }
	h1 {margin: 0;padding: 10px 0 5px 0;font-size:x-large}
	h3 {margin: 0;padding: 10px 0 8px 0;font-size:large;}
	.well ul {padding: 9px 0 9px 15px;font-size:small;}
	.well ul li {padding: 4px 0 4px 0;font-size:small;}
}
/* Stacked tabled */
@media (min-width: 768px) {
	.col-lg-8 p, .col-md-8 p {font-size:medium; }
	h1 {margin: 0;padding: 16px 0 12px 0;font-size:xx-large}
	h3 {margin: 0;padding: 10px 0 10px 0;font-size:x-large;}
	.well ul {padding: 9px 0 9px 15px;font-size:medium;}
	.well ul li {padding: 4px 0 4px 0;font-size:medium;}
}
@media (max-width: 991px) {
    .dottedVertical {border-right: none;}
}

#cookieConsent {
 position: fixed;
 bottom: 0;
 width: 100%;
 margin: 0; z-index: 99999;}
 #cookieConsent .btn {
 margin-top: 12px;
 display: block;
 margin: auto; }