/* Common */

.sticky {
	position: fixed;
	top: 0;
	z-index: 2000
}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

body {
	height: auto;
	min-height: 100%;
	margin: 0px auto -60px;
	padding: 0px 0px 60px;
	color: #333;
	background-color: #fff; /*#F2F2F2;*/
}

table {
	margin-bottom: 15px;
}

.pull-down {
	margin-top: 42px;
}

span.expand:before {
	content: "\00a0";
}

/* new KB 04.12.2018 */
input {
	border-radius: 0px !important;
}

.btn {
	border-radius: 0px !important;
	transition: 0.1s;
}

button {
	border-radius: 0px !important;
	transition: 0.1s;
}

/* Silbentrennung, wenn HTMLlang = DE */
h1, h2, h3, p, li {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: auto 11;
	hyphenate-limit-lines: 2;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

a {
	color: #777;
	outline:none
}

a:hover {
	color: #191919;
	text-decoration: none;
	outline:none
}

a:focus {
	color: #191919;
	text-decoration: none;
	outline:none
}

a.active {
	color: #191919;
	text-decoration: none;
	outline:none
}

.content a,
a[href^="mailto:"],
.contact-entry a {
	text-decoration: underline;
	outline:none
}

.content a:hover,
a[href^="mailto:"]:hover,
.contact-entry a:hover {
	color: #191919;
	text-decoration: underline;
	outline:none
}

/* Spezielle Links in class="content" dürfen nicht unterstrichen sein */
#glossary a, #glossarContent a,
#glossary a:hover, #glossarContent a:hover,
.tab-pane a, .tab-pane a:hover,
	/*.calbox-item a, .calbox-item a:hover,*/
.panel-title a, .panel-title a:hover,
a.ego_glossary_link, a.ego_glossary_link:hover,
a.btn, a.btn:hover {
	color: #191919;
	text-decoration: none !important;
	outline:none;
}

a.btn-social-icon,
a.btn-social-icon:hover,
a.btn-social-icon:focus {
	color: #fff;
}

a.btn-danger:hover
{
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

a.btn-danger {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

a.danger {
	color: #ffffff;
	font-weight: 700;
	white-space:nowrap;
	float: none;
	cursor: pointer;
}

a.danger:hover {
	color: #ffffff;
	cursor: pointer;
}

.danger-icon {
	line-height: 1;
	font-weight: 700;
	white-space:nowrap;
	float: none;
	cursor: pointer;
}

a.generated-link {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.clinic-info {
	font-size: 12px;
	color: #797979;
}

.clinic-info:before {
	content: "\f124";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	padding-right: 5px;
}

@media (max-width: 767px) {
	.clinic-info {
		display: block;
		margin-left: -15px;
		margin-right: -15px;
		background-color: #f8f8f8;
		color: #797979;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.main-search-dropdown {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

@media screen and (max-width : 767px) {
	.main-search-dropdown {
		min-width: 300px !important;
	}
	
	.main-search-dropdown label {
		white-space:normal;
	}
}

.search-letter-group a {
	margin: 0px 0px 8px 2px !important;
}

.container-base {
	padding: 0px 15px 0px;
	background-color: #FFF;
}

.container-no-padding {
	padding: 0px 0px 0px;
	background-color: #FFF;
}

@media screen and (min-width : 767px) {
	
	.container-no-padding-md {
		padding: 0px 0px 0px;
		background-color: #FFF;
	}
	
}

.content {
	/* currently not used */
}

.copyright-footer {
	margin: 25px auto 25px auto;
}


.content img,
.content-sidebar img {
	/*margin: 15px; */
	display: block;
	max-width: 100%;
	height: auto;
}

.khdf-emotion {
	border-bottom: 9px solid #F1D100 !important;
	margin-bottom: 10px;
}

/* bn creditials */
#bn_credentials{background:#333; border-radius:4px; padding:5px; color:#dfdfdf; font-size:15px;display:inline; font-family:Syntax,Helvetica,sans-serif; text-decoration:none; white-space:nowrap; -webkit-filter:grayscale(0); filter:grayscale(0); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; padding-bottom:3px;}
#bn_credentials:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bn_credentials>img{vertical-align:middle;max-width:64px; padding-bottom:4px;display:inline;}

h2.serach-content-top {
	margin-top: 0px;
}

.margin-top-50 {
	margin-top: 50px;
}

/* Helpers */
#navigation {
	position: absolute;
	top: 400px;
}

/* Table Order Group for Search Content */
.table-order-group {
	display: table;
	width: 100%;
}

.tab-block {
	display: table-header-group;
} /* Will be displayed at the bottom of the pseudo-table */

.search-block {
	display: table-footer-group;
} /* Will be displayed at the top */

@media screen and (max-width : 767px) {
	.tab-block {
		display: table-footer-group;
	} /* Will be displayed at the bottom of the pseudo-table */
	
	.search-block {
		display: table-header-group;
	} /* Will be displayed at the top */
}

.padding-10-top {
	padding: 10px 0px 0px 0px;
}

.padding-5-top {
	padding: 5px 0px 0px 0px;
}

.padding-10-top-bottom {
	padding: 10px 0px 10px 0px;
}

.padding-20-top-bottom {
	padding: 20px 0px 20px 0px;
}

@media(max-width: 768px) {
	.bodynavContainer {
		display: none;
	}
	
	.img-center-block {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}

.to-top {
	float: right;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

/* Header */
.container-headline {
	margin-top: 5px;
}

.container-headline p {
	font-size: 18px;
	color: #878787;
	margin: 0px 0px 0px 0px;
	float: right;
}

.container-headline span {
	white-space:nowrap;
}

/* Carousel max widths */
.carousel-inner {
	max-height: 273px;
}

@media (min-width: 768px) and (max-width: 992px) {
	.carousel-inner {
		max-height: 175px;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	.carousel-inner {
		max-height: 226.333px;
	}
}

/* Buttons */
/*.btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -moz-user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
} */

.btn-default {
	color: #333;
	background-color: #FFF;
	border-color: #CCC;
}


/*.form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #CCC;
        border-radius: 0px;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
} */
/* Form Elements */
.form-control {
	border-radius: 0;
}

/* Navbar Common */
/* ============= */

.navbar-collapse {
	padding: 0; /* forces the nav to take full container with */
}

.navbar {
	margin-bottom: 0px !important;
}

@media (max-width: 767px) {
	.navbar .caret {
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		border-left: 5px solid;
		display: inline-block;
		vertical-align: middle;
	}
	
	.navbar li.open > a > .caret {
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid;
		display: inline-block;
		vertical-align: middle;
	}
}

/* Mobile Layout Hopping Fix */
@media (max-width: 767px) {
	.navbar .navbar-collapse .navbar-nav > li.open > a, .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .navbar-nav > li.active > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		margin-top: 1px !important;
		margin-bottom: -1px !important;
	}
}

.navbar.navbar-light-light .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin: 8px 15px;
	background-color: #ffffff !important;
	background-image: none;
	border: 1px solid #dfdfdf !important;
	border-radius: 4px;
}

.navbar.navbar-light-light .navbar-toggle:hover {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin: 8px 15px;
	background-color: #fdfdfd !important;
	background-image: none;
	border: 1px solid #dfdfdf !important;
	border-radius: 4px;
}

/* Pagination Overrides */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #333333;
	cursor: default;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.pagination > li > a, .pagination > li > span {
	line-height: 1.42857143;
	color: #333333;
}

/* Navbar TOP */
/* ============= */
.navbar-top {
	border: 0px solid transparent;
	border-radius: 0px;
	min-height: 30px !important;
	margin-bottom: 0px;
	background-color: transparent;
}
.navbar-top a {
	padding: 5px 10px 5px 10px !important;
}

/* Navbar TABS */
/* ============= */
.navbar-tabs {
	min-height: 39px !important;
	max-height: 42px;
	border: 0px solid transparent;
	border-radius: 0px;
	margin-bottom: 0px;
}
.navbar-tabs div.navbar-collapse {
	padding: 0px 0px 0px;
}
.navbar-tabs ul.nav-tabs {
	min-height: 39px;
	max-height: 42px; /* TODO better codestyle */
	border-bottom: 9px solid transparent;
	background: transparent linear-gradient(to bottom, #FFF 0%, #DDD 100%) repeat scroll 0% 0%;
	box-shadow: 0px -5px 5px -5px rgba(51, 51, 51, 0.1);
}
.navbar-tabs li {
	width: 20%;
	text-align: center;
}
.navbar-tabs li.active {
	width: 20%;
	text-align: center;
}
.navbar-tabs a {
	border-radius: 15px 15px 0px 0px !important;
	margin-right: 0px !important;
	border-width: 0px 0px 9px !important;
	border-style: solid !important;
	border-color: transparent !important;
	-moz-border-top-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	border-image: none !important;
	color: #777 !important;
	padding-top: 7px !important;
	padding-bottom: 6px !important;
	transition: all 0.2s ease 0s;
	display: block !important;
}

/* Fix für Barrierefreiheit */
.largeAAA .navbar-tabs a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/* Navbar MAIN */
/* ============= */
.navbar-main {
	background: transparent linear-gradient(to bottom, #FFF 40%, #E6E6E6 100%) repeat scroll 0% 0%;
	border-radius: 0px;
}

.navbar-main .navbar-nav {
	display: flex;
	width: 100%;
	margin: 0;
}
.navbar-main .navbar-nav > li {
	flex: 1;
	text-align: center;
}

@media (max-width: 767px) {
	.navbar-main .navbar-nav {
		display: block;
		width: 100%;
		margin: 0;
	}
	
	.navbar-main .navbar-nav > li {
		margin: 0px auto;
		display: block;
		float: none;
		border: 0px solid transparent;
		border-radius: 0px;
		box-sizing: border-box;
		text-align: initial;
	}
	
	/* CARET in front of Navbar-Item (mobile devices) */
	.nav > li > a {
		padding: 10px 23px !important;
	}
	
	.caret {
		margin-left: -10px;
	}
}

.navbar-main .navbar-nav > li > a {
	font-size: 18px;
}

.navbar-main .navbar-nav > li:hover,
.navbar-main .navbar-nav > li:hover > a,
.navbar-main .navbar-nav > li:hover > a:hover,
.navbar-main .navbar-nav > li:hover > a:focus,
.navbar-main .navbar-nav > li.open,
.navbar-main .navbar-nav > li.active > a {
	background-color: #dfdfdf !important;
}

/* Navbar Themes */
/* ============= */
ul.nav-tabs.theme-default {
	border-bottom: 9px solid #F1D100 !important;
}
.navbar-tabs li.theme-default a:hover,
.navbar-tabs li.theme-default a:focus,
.navbar-tabs li.theme-default.active a {
	border-bottom: 9px solid #F1D100 !important;
	background-color: #E7E7E7 !important;
}

.container.theme-default {
	border-bottom: 9px solid #F1D100 !important;
}

.btn.theme-default {
	color: #fff;
	background-color: #F1D100;
	border-color: #af9300;
}

.btn.theme-default.focus,
.btn.theme-default:focus,
.btn.theme-default:hover {
	color: #fff;
	background-color: #af9300;
	border-color: #af9300;
}

ul.nav-tabs.theme-friedrichstadt {
	border-bottom: 9px solid #C3C3C3 !important;
}
.navbar-tabs li.theme-friedrichstadt a:hover,
.navbar-tabs li.theme-friedrichstadt a:focus,
.navbar-tabs li.theme-friedrichstadt.active a {
	border-bottom: 9px solid #F1D100 !important;
	background-color: #E7E7E7 !important;
}

.container.theme-friedrichstadt {
	border-bottom: 9px solid #E6168B !important;
}

.btn.theme-friedrichstadt {
	color: #FFFFFF;
	background-color: #E6168B;
	border-color: #a51755;
}

.btn.theme-friedrichstadt.focus,
.btn.theme-friedrichstadt:focus,
.btn.theme-friedrichstadt:hover {
	color: #FFFFFF;
	background-color: #a51755;
	border-color: #a51755;
}

ul.nav-tabs.theme-trachau {
	border-bottom: 9px solid #c3c3c3 !important;
}
.navbar-tabs li.theme-trachau a:hover,
.navbar-tabs li.theme-trachau a:focus,
.navbar-tabs li.theme-trachau.active a {
	border-bottom: 9px solid #F1D100 !important;
	background-color: #E7E7E7 !important;
}

.container.theme-trachau {
	border-bottom: 9px solid #006EB9 !important;
}

.btn.theme-trachau {
	color: #FFFFFF;
	background-color: #006EB9;
	border-color: #004182;
}

.btn.theme-trachau.focus,
.btn.theme-trachau:focus,
.btn.theme-trachau:hover {
	color: #FFFFFF;
	background-color: #004182;
	border-color: #004182;
}

ul.nav-tabs.theme-loebtau {
	border-bottom: 9px solid #C3C3C3 !important;
}
.navbar-tabs li.theme-loebtau a:hover,
.navbar-tabs li.theme-loebtau a:focus,
.navbar-tabs li.theme-loebtau.active a {
	border-bottom: 9px solid #F1D100 !important;
	background-color: #E7E7E7 !important;
}

.container.theme-loebtau {
	border-top: 9px solid #006EB9 !important;
}

.btn.theme-loebtau {
	color: #FFFFFF;
	background-color: #006EB9;
	border-color: #004182;
}

.btn.theme-loebtau.focus,
.btn.theme-loebtau:focus,
.btn.theme-loebtau:hover {
	color: #FFFFFF;
	background-color: #004182;
	border-color: #004182;
}

ul.nav-tabs.theme-whirsch {
	border-bottom: 9px solid #C3C3C3 !important;
}
.navbar-tabs li.theme-whirsch a:hover,
.navbar-tabs li.theme-whirsch a:focus,
.navbar-tabs li.theme-whirsch.active a {
	border-bottom: 9px solid #F1D100 !important;
	background-color: #E7E7E7 !important;
}

.container.theme-whirsch {
	border-top: 9px solid #006EB9 !important;
}

.btn.theme-loebtau {
	color: #FFFFFF;
	background-color: #006EB9;
	border-color: #004182;
}

.btn.theme-whirsch.focus,
.btn.theme-whirsch:focus,
.btn.theme-whirsch:hover {
	color: #FFFFFF;
	background-color: #004182;
	border-color: #004182;
}

hr.theme-default {
	border-bottom: 9px solid #F1D100;
}

/* Breadcrumps */
/* MIT License main source from bootsnipp.com */
/* http://bootsnipp.com/license */
/* ============= */
.btn-breadcrumb.btn-group .btn {
	/* Bootstrap Bugfix  https://github.com/twbs/bootstrap/issues/9939*/
	margin-top: 3px;
}

.btn-breadcrumb.btn-group > .btn:last-child:not(:first-child),
.btn-breadcrumb.btn-group > .dropdown-toggle:not(:first-child) {
	/* Bootstrap Bugfix  https://github.com/twbs/bootstrap/issues/9939*/
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #ADADAD;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn {
	padding: 4px 8px 4px 14px;
}
.btn-breadcrumb .btn:first-child {
	padding: 4px 4px 4px 10px;
}
.btn-breadcrumb .btn:last-child {
	padding: 4px 8px 4px 14px;
}
.btn-breadcrumb .btn:only-child {
	padding: 4px 10px 4px 10px;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 8px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 8px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 8px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 8px solid #adadad;
}
.btn-breadcrumb > * > div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 767px) {
	.btn-breadcrumb > *:nth-last-child(-n+2) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 60px;
	}
}
@media (min-width: 768px) and (max-width:991px) {
	.btn-breadcrumb > *:nth-last-child(-n+4) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 100px;
	}
}
@media (min-width: 992px) {
	.btn-breadcrumb > *:nth-last-child(-n+6) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 170px;
	}
}

/* Tree Menu */
/* ============= */

.treeview, .treeview ul {
	padding-top: 3px;
	list-style: none;
	color: #777777;
	padding-left: 1em;
	background-color: #fff;
}

.treeview li {
	position:relative;
	margin-bottom:6px;
}

.treeview .margin-3 {
	margin-bottom:3px;
}

.treeview li > a {
	line-height: 120%;
	display:inline-block;
	padding-left: 6px;
}

.treeview li.active {
	background-color: #dfdfdf;
	color: #191919;
}

.treeview li.active > a {
	background-color: #dfdfdf;
	color: #191919;
}

.treeview li ul li { /* Fix for js delay on Pageload */
	display: none;
}

.open ul li { /* Fix for js delay on Pageload */
	display: list-item;
}

li.tree-branch-closed:before {
	content: "\f0da"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	cursor: pointer;
	display: inline-block;
	margin-left: -0.9em; /* same as padding-left set on li */
	width: 0.9em; /* same as padding-left set on li */
	font-size: 14px;
	vertical-align: top;
}

li.tree-branch-open:before {
	content: "\f0d7"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	cursor: pointer;
	display: inline-block;
	margin-left: -0.9em; /* same as padding-left set on li */
	width: 0.9em; /* same as padding-left set on li */
	font-size: 14px;
	vertical-align: top;
}

.tree-indicator {
	cursor:pointer;
}

/* Rounded Tabs */

@media (max-width: 991px) {
	
	.rounded-tabs {
		/*border-bottom: 5px solid #dfdfdf !important; */
		/*display: table; */
		table-layout: fixed;
	}
	
	.rounded-tabs li {
		width: auto !important;
		display: block !important;
	}
	
	
	.rounded-tabs a {
		border-radius: 5px 5px 5px 5px !important;
		margin-right: 0px !important;
		border-width: 0px 0px 0px !important;
		border-style: solid !important;
		border-color: transparent !important;
		-moz-border-top-colors: none !important;
		-moz-border-right-colors: none !important;
		-moz-border-bottom-colors: none !important;
		-moz-border-left-colors: none !important;
		border-image: none !important;
		color: #777 !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		transition: all 0.2s ease 0s;
		display: block !important;
	}
	
	.rounded-tabs li > a:hover,
	.rounded-tabs li > a:focus,
	.rounded-tabs li.active a,
	.rounded-tabs li.active a:hover,
	.rounded-tabs li.active a:focus {
		background-color: #dfdfdf;
	}
	
}

@media (min-width: 992px) {
	
	.rounded-tabs {
		border-bottom: 5px solid #dfdfdf !important;
		/*display: table; */
		table-layout: fixed;
	}
	
	.rounded-tabs li {
		width: auto !important;
	}
	
	
	.rounded-tabs a {
		border-radius: 15px 15px 0px 0px !important;
		margin-right: 0px !important;
		border-width: 0px 0px 0px !important;
		border-style: solid !important;
		border-color: transparent !important;
		-moz-border-top-colors: none !important;
		-moz-border-right-colors: none !important;
		-moz-border-bottom-colors: none !important;
		-moz-border-left-colors: none !important;
		border-image: none !important;
		color: #777 !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		transition: all 0.2s ease 0s;
		display: block !important;
	}
	
	/* Special Case "Glossar" */
	#glossary.rounded-tabs a {
		border-radius: 40px 40px 40px 40px !important;
		margin: 3px;
	}
	
	#glossary.rounded-tabs {
		margin-top: 15px;
		padding-bottom: 10px;
	}
	
	.rounded-tabs li > a:hover,
	.rounded-tabs li > a:focus,
	.rounded-tabs li.active a,
	.rounded-tabs li.active a:hover,
	.rounded-tabs li.active a:focus {
		background-color: #dfdfdf;
	}
	
}




/* Metro Tiles */
/* ============= */

.row-tiles>div>div.img-container {
	transition: 0.1s;
}

.row-tiles>div>div.img-container:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.row-tiles {
	margin-right: -15px;
	margin-left: -15px;
}

.img-container {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Fix for Small Desk/Mobile Devices */
@media(max-width: 991px) {
	.img-container {
		position: relative;
		margin-top: 15px;
		margin-bottom: 2px;
	}
}

.img-container img {
	width: 100%;
	height: 100%;
}
.img-container .img-footer {
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 0 10px;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.1s ease;
}

.img-container .img-footer:hover {
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 10px 10px;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
	.img-ratio {
		width: 213px !important;
		height: 454px !important;
	}
}
@media (min-width: 1200px) {
	.img-ratio {
		width: 263px !important;
		height: 555px !important;
	}
}

/* calbox items */
/* ============= */

.calbox-item {
	margin-bottom: 25px;
	/*margin-left: 25px;*/
	display: flex;
}

.calbox-item .calbox-inner {
	position: relative;
	width: 100%;
}

.calbox-item .calbox-head {
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
	padding-bottom: 4px;
	min-height: 53px;
}

/* Special vacancies .entry-date */
.calbox-head .entry-date {
	color: #777;
	margin-top: 10px;
	font-size: 12px;
}

.calbox-item h4 {
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 1.4;
}

.calbox-item span.more a,
.calbox-item span.more a:hover {
	text-decoration: underline;
	margin: 0 0 10px;
}

.calbox-sidebar {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

.calbox-date {
	white-space: nowrap;
	color: #777;
}

small.cal-date {
	margin-left: 0.5em;
}

.calbox-content p {
	display: inline;
}

.calbox-sidebar.calbox-item .active,
.calbox-sidebar.calbox-item:hover {
	background-color: #eeeeee;
}

.calbox-sidebar.calbox-item:hover .calbox-head,
.calbox-sidebar.calbox-item .active .calbox-head{
	border-bottom: 1px solid #ccc;
}


/* Eyecatcher calbox */

.calbox-bigdate .date-content {
	float:right;
	width: 75%;
	display: block;
	position: relative;
}

.calbox-bigdate .calbox-head {
	width: 75%;
	float: left;
	position: relative;
}

.calbox-bigdate .calbox-head h4 {
	margin-top: 0px;
	overflow: hidden;
}

.calbox-bigdate .calbox-content {
	width: 75%;
	float: left;
	position: relative;
	min-height: 60px;
}

.calbox-bigdate .date-item {
	display:inline-block;
	width: 20%;
	float: left;
	height: 100%;
	margin-right: 10px;
	background: #fff;
	text-align: center;
	position: relative;
}

.calbox-bigdate .date-item .month-year {
	background: #555;
	display: block;
	padding: 8px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	box-shadow: inset 0 -1px 0 0 #666;
}

.calbox-bigdate .date-item .day {
	display: block;
	margin: 0;
	padding: 10px 0;
	font-size: 36px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}


/* search-content items */
/* ============= */

.search-content {
	max-height: 600px;
	overflow: auto;
}

.search-item {
	margin-bottom: 15px;
	position: relative;
}

.search-item .media-heading {
	margin-bottom: 0;
}

.search-item small {
	margin-bottom: 10px;
}

.search-item address {
	margin-bottom: 0px;
}


.search-item .search-inner {
	padding: 10px;
	position: relative;
}

.search-item .search-head {
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

/* contact Card Css */

@media (max-width: 480px) {
	.contact-card {
		margin-bottom: 20px;
	}
	
	.contact-img-container.media-left {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	.contact-img {
		border-radius: 4px;
		display: block;
		max-width: 100px;
		height: auto;
	}
	
	.contact-detail {
		margin-top: 5px;
	}
	
	.contact-detail > a {
		display: block;
		width: 100%;
	}
	
	.contact-hr > hr {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	
	.contact-job {
		color: #777;
		font-size: 12px;
	}
	
}

@media (min-width: 481px) {
	
	.contact-img-container.media-left {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	.contact-img {
		display: block;
		max-width: 100px;
		height: auto;
	}
	
	.contact-detail {
		float: right;
		margin-top: 5px;
		position: relative;
		bottom: 40px;
	}
	
	.contact-hr > hr {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	
	.contact-job {
		color: #777;
		font-size: 12px;
	}
	
}

.contact-address-heading {
	margin-bottom: 8px;
}

.contact-address-body blockquote {
	font-size: 12px;
	margin: 0 0 10px;
}

.contact-address-body address {
	margin-bottom: 0px;
}


/* Common boxes on mainpage navbox etc */
.feature-box > a > h3 {
	margin-bottom: 25px;
	border-left: 3px solid #fcda00;
	background-color: #f5f5f5;
	padding: 8px 8px 8px 8px;
	transition: 0.1s ease;
}

.feature-box > a > h3:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

/* navbox items */
/* ============= */
.navbox-item {
	margin-bottom: 25px;
	/*margin-left: 25px;*/
	position: relative;
}

@media(min-width: 768px) and (max-width: 1023px) {
	.navbox-item {
		min-height: 235px;
		margin-bottom: 5px;
	}
}

.navbox-item .navbox-head {
	/*padding-left: 10px;*/
}

.navbox-item .navbox-inner {
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	line-height: 1.6;
}
.navbox-item ul {
	padding-left: 0;
	list-style: none;
}

.navbox-sidebar {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

/* bootstrap-social overrides */
/* ============= */
.btn-social-icon {
	margin: 0px 0px 8px 5px !important;
}

.btn-social-icon:last-child {
	margin-right: 0px !important;
}


/* bodyBrowser */
/* ============= */

.modal-footer.no-border {
	border-top: 0px;
}

.container-bb {
	height: 0;             /* collapse the container's height */
	width: 100%;    /* specify any width you want (a percentage value, basically) */
	/* apply a padding using the following formula */
	/* this formula makes sure the aspect ratio of the container equals that of the svg graphic */
	padding-top: 141%; /*(svg height / svg width) * width-value; */
	position: relative;    /* create positioning context for svg */
	margin: 15px;
}

.bb-tabs {
	border-bottom: 5px solid #dfdfdf !important;
	display: table;
}

.bb-tabs li {
	width: auto !important;
}


.bb-tabs a {
	border-radius: 15px 15px 0px 0px !important;
	margin-right: 0px !important;
	border-width: 0px 0px 0px !important;
	border-style: solid !important;
	border-color: transparent !important;
	-moz-border-top-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	border-image: none !important;
	color: #777 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	transition: all 0.2s ease 0s;
	display: block !important;
}

.bb-tabs li > a:hover,
.bb-tabs li > a:focus,
.bb-tabs li.active a,
.bb-tabs li.active a:hover,
.bb-tabs li.active a:focus {
	background-color: #dfdfdf;
}

.bb-header-img {
	float:left;
	margin-right: 5px;
}


svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
}

/* SVG */
.st0{
	fill:#BCBEC0;
}
.st1{
	fill:#FFF;
}
.st2{
	fill:#F0EA4A;
}

.hoverEffect, .gOnHover {
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hoverEffect:hover,
.setGonHover {
	fill: #F1D200;
	cursor: pointer;
}

.bb-item-white {
	fill: #FFFFFF;
}

/* Typeahead CSS */

.twitter-typeahead{
	float:left;
	width:100%
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	margin-bottom: 0;
}
.tt-hint {
	top: -2px !important;
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
	
}
.tt-suggestion {
	display: block;
	padding: 3px 20px;
}
.tt-suggestion:hover {
	color: #fff;
	background-color: #dfdfdf;
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}

.navbar.navbar-light-light button.navbar-toggle {
	border: 1px solid #dfdfdf !important
}

#myCarousel {
	height: 100%;
	width: 100%;
	
}

#myCarousel img {
	left: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	width: auto;
	height: auto;
}

#myCarousel i {
	position: absolute;
	top: 50%;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition: opacity 1s
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}




/*new design values*/


.navbar-nav>li>.dropdown-menu {
	margin-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	padding-bottom: 20px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mega-dropdown-menu > li.row{
	margin-right: 0px;
	margin-left: 0px;
}

.mega-dropdown-menu > li.row > ul {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.dropdown-menu > li > a {
	padding-left: 25px !important;
}

.mega-dropdown-menu > li.row > ul > li > a{
	padding-left: 20px !important;
}

.mega-dropdown-menu > li.row > ul > li > a:before, .dropdown-menu > li > a:before {
	content: "\f0da";
	font-family: FontAwesome;
	cursor: pointer;
	display: inline-block;
	margin-left: -0.9em;
	width: 0.9em;
	font-size: 14px;
	vertical-align: top;
}

.dropdown-header {
	border-bottom: 1px solid #dfdfdf;
	margin-top: 15px;
	padding-left: 20px !important;
}

.navbar.navbar-light-light .navbar-collapse {
	border-color: #dfdfdf ;
	background: linear-gradient(to bottom, #f5f5f5 40%, #f5f5f5 100%) !important;
}

.sticky-logo {
	display:none;
}

.sticky-logo.show {
	position: absolute;
	left: -55px;
	z-index: 2000;
	padding: 10px;
	display:block !important;
	transition: 0.6s;
}




.sticky {
	padding-top: 50px !important;
}

.mega-dropdown-menu li>a {
	display: block;
	padding: 2px 5px 2px 5px !important;
	clear: both;
	font-weight: 400;
	line-height: 20px;
	white-space: pre-wrap !important;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-fixed-top-desk{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	top: 0;
	-webkit-box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	transition: 0.2s;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	padding-bottom: 20px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mega-dropdown-menu > li.row{
	margin-right: 0px;
	margin-left: 0px;
}

.mega-dropdown-menu > li.row > ul {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.mega-dropdown-menu > li.row > ul > li > a{
	padding-left: 20px !important;
}


.dropdown-header {
	border-bottom: 1px solid #dfdfdf;
	margin-top: 15px;
	padding-left: 20px !important;
}

.navbar.navbar-light-light .navbar-collapse {
	border-color: #dfdfdf ;
	background: linear-gradient(to bottom, #f5f5f5 40%, #f5f5f5 100%) !important;
}

.sticky-logo {
	display:none;
}

.sticky-logo.show {
	position: absolute;
	left: -55px;
	z-index: 2000;
	padding: 10px;
	display:block !important;
	transition: 0.6s;
}




.sticky {
	padding-top: 50px !important;
}

.mega-dropdown-menu li>a {
	display: block;
	padding: 2px 5px 2px 5px !important;
	clear: both;
	font-weight: 400;
	line-height: 20px;
	white-space: pre-wrap !important;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-fixed-top-desk{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	top: 0;
	-webkit-box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	box-shadow: 0px 9px 18px -9px rgba(0,0,0,0.3);
	transition: 0.2s;
}
/* KB 20191015 */
	@media (min-width: 1090px) {
		.navbar .dropdown-menu{
			overflow:auto!important;
		}
	}
	label {
		width: 100%;
	}
	input ~ label{
		width: auto;
	}
	legend {
		font-size: 15px;
		font-weight: bold;
	}
	label input[type=checkbox]~span p{
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
	}
	#l_center_captcha{
	    float: left;
	    width: 100%;
	}