@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);


html {width:100%; height: 100%; /*overflow-y: scroll;*/}
body {
	height: 100%;
	background: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  	font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
	font-weight: 300;
	color: #000;
	padding-top: 60px;
}

#bottom{
min-height: 900px;
}

/*.backstretch{
	top:100px !important;
}
*/

#p41 .grey, #p24 .grey{
	background:none;
	}

@media (max-width: 768px) {
.body  {
	margin-top:210px;
	}
.footermenu, #bottom {
	display:none;
	}
}


a{
	color: #ddd;
	text-decoration:underline;
}

li a{
	text-decoration:none;
}

a:hover {
	color: #fff;
}

.navbar-nav a, .footermenu a{
	text-decoration:none;
}

hr {
    border-width: 2px 0 0;
	border-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

h1, h2, h3, h4, h5, h6, .post-title {
    font-family: "Ubuntu Condensed",Arial,Helvetica,sans-serif;
	margin-top: 10px;
	/*color: #445c70;*/
	color: #eee;
}

h1, h2, h3 {
    font-weight: 300;
}

h4, h5, h6 {
    font-weight: 300;

}

h1, h2, h3, h6 {
    letter-spacing: -1px;
}

h1{
	font-size: 30px;}
	
ol{
	font-weight:300; font-size: 13px;

	}
	
ol li a{
	font-weight:400;
	font-size: 16px;
	}
	
.navbar-default .navbar-toggle .icon-bar {
    background-color: #4D728E;
}
.navbar-default .navbar-toggle {
    border-color: #222;
}
	
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
}

#push, #footer {
	height: 50px;
	/*text-align: center;*/
}
#footer {

	padding-top: 10px;
	font-size: 12px;
}

.sbox {
    padding: 60px 0 30px;
	margin-bottom: 30px;
}

.sbox.r ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.sbox.r ul li::before {
    content: "»";
    padding-right: 7px;
}
.sbox.r ul li {
    margin-bottom: 3px;
    padding-bottom: 7px;
}


.logo{
	padding: 0px 0 0 0;
	max-width: 205px;
}



.navbar-header {
	padding-top:0px;
    margin: 0 0px 0 -20px;
}

.navbar-fixed-top{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px #444;
}


.dropdown-menu {
	border: none!important;
	padding: 0;
    font-size: 18px;
}
.dropdown-menu > li > a:before{
   content: "\00BB ";
   margin: 0 10px 0 -5px;
}

.dropdown-menu > li > a {
    color: #666;
    font-weight: 400;
    line-height: 1.42857;
    padding: 10px 20px;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

.navbar-inverse .navbar-nav .dropdown-menu > .active > a{
	background-color: #fff;
    color: #FB6E05;

}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .dropdown-menu > li  > a:focus {
	background-color: #fff;
    color: #FB6E05;

}

.nav > li {
    padding: 30px 0 10px;
}
@media (max-width: 767px) {
	.nav > li {
		padding: 0;
	}
}
.dropdown-menu > .active > a, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
	color: #4D728E;
	background: none;}
	

	
.col-md-6, .col-md-4, .col-md-8, .col-xs-12 {
   /* padding: 0 36px;*/
}

.photo{
		background: url('../images/1.jpg') no-repeat;
		padding:0;
		height:100%;
		width:100%;
		}

.grey  {
	margin-top:40px;
	padding: 40px 20px 20px 20px;
	background: url('../images/beton.jpg');
	font-size: 15px;
	min-height: 450px;
	line-height: 1.8em;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index: 1!important;
	/*opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}

.grey img{	
	box-shadow: 0 2px 6px #222;
	}
	
@media (max-width: 767px) {
.grey  {
	margin-top:20px;
	}
}

@media (max-width: 500px) {
.grey  {
	margin-top:20px;
	}
}

.navbar-toggle{
	margin-top: 20px;
	}

.container.p {
	background: transparent;
	padding-top: 90px;
}


.container{

}
.container.w {
	background: #fff;
	background: rgba(255,255,255,0.85);
	font-size: 18px;
}
.container.b {
	padding: 20px 30px;
	margin-bottom: 50px;
}
img {
	max-width: 100%; 
}
.fc img {
	width: 100%;
}
.fc p {
	margin: 0;
}
.navbar{

}
@media (min-width: 768px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
}
.header { max-height: 500px; overflow: hidden;  }

a.carousel-control:focus {
	outline: none;
}

.navbar-default {
    border: none;
	font-family:'Ubuntu Condensed',Arial,Helvetica,Sans-Serif;	

}
.navbar-default .navbar-brand {
    color: #fff;
	font-size: 30px;
	font-weight: 400;
	padding: 18px 18px 18px ;
	height: 100px;
	margin:0 auto;

}
.navbar-default .navbar-brand span {
	
	
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color:#C9D310;
}

.navbar-default .navbar-nav > li > a {
    background-color:none;
	padding: 20px 20px;
	font-size: 25px;
    color:#4D728E;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #777;

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #777;
    background-color: #fff;
}

.navbar-nav {
	float: right;
}

.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
}


.carousel img {
	width: 100%;
}

.mod_anytopics_active {
	margin-bottom: 10px;
}

.footermenu{
	float: right;
	}
	
.footermenu li{
	list-style:none;
	display:inline;}
	
	
.footermenu a{
	color:#555;}

.footermenu a:hover{
	color:#4D728E;
}



.hpi {
	width: 19%;
	padding: 0 20px 30px;
	vertical-align: top;
}
.hpi.low {
	min-height: 330px;
}
.hpi img {
	box-shadow: 4px 4px 14px #aaa;
	margin-bottom: 20px;
}
.hpi.coll {
	width: 24%;
}

.hpd {
	width: 19%;
	padding: 7px 5px;
	vertical-align: top;
}
.hpd .dotted {
    border: 1px dashed #999;
    min-height: 347px;
	padding: 10px;
}
.hpd .dotted img {
	box-shadow: none;
	margin-bottom: 5px;
}

@media (max-width: 991px) {
	.hpi, .hpi.coll, .hpd {
		width: 24%;
	}
	.collega {
		width: 100%;
	}	
	.navbar-default .navbar-brand {
		font-size: 28px;
	}	
}@media (max-width: 768px) {
	.hpi , .hpi.coll, .hpd {
		width: 32%;
	}
	
}
@media (max-width: 500px) {
	.hpi, .hpi.coll, .hpd  {
		width: 100%;
		max-width: 320px;
	}
	
}

.slider-wrapper{
	padding-top: 30px;
	margin-left:auto;
	margin-right:auto;
	max-width: 600px;
}

.foldergallery-wrapper{
	margin-left: -15px!important;
	}
	
@media (max-width:1200px){
	.logo {
		max-width: 200px;
		margin: 0px 0 0 -40px;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 19px;
	}

	.navbar-nav {
		margin: 0 0px 0 -40px;
	}

}	
@media(max-width: 991px){
	.logo {
		max-width: 150px;
		margin: 10px 0 0 -40px;
	}
	.navbar-default .navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 17px;
	}
	.navbar-header {
	}
}

@media (max-width: 767px) {
	.logo {
		max-width: 210px;
		margin: 0px ;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 400px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 24px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		font-size: 24px;
		line-height: 30px;

	}
	.foldergallery-wrapper{
		margin-left: 25px !important;
	}
	.navbar-nav {
		float: none;
		margin: 0px ;
	}
	
	.navbar-header {
		padding-top: 15px;
	}
}	
@media (max-width: 500px) {
	.foldergallery-wrapper{
		margin-left: 15px !important;
	}
	
}




	


.close {
    color: #fff;
    font-size: 42px;
	opacity: 0.8;
}

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 56.34%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

	
#social{
	margin: 16px 0px 0 0 ;
	float:right;
	/*width: 120px;*/
	padding-top: 33px;
}

.nav > li.msocial {
    margin: 20px 30px 30px;
	text-align: center;
}
	
	
.nav > li.msocial .followicon,
.nav > li.msocial .shareicon,
.nav > li.msocial .flag  { 
	max-width: 30px;
}
	
#fancybox-title-main a{
	color:#fff;
	font-size: 15px;

	}

	
#p43 #bottom, #p49 #bottom, #p41 #bottom, #p24 #bottom, #p61 #bottom, #p50 #bottom{
	display:none;
	}