/* ========= NAVIGATION ========= */
/* ======================================================= */
@import 'nav_bar_main.css';
@import 'nav_bar_footer.css';


/* ========= LAYOUT ========= */
/* ======================================================= */
.swcontainer {
	width: 960px;
	margin: 0px auto;

}

#topBox {
	background-color: #009ACD;
	background-image: url(../../images/site/top_bkg_bear_pages.png);
	background-repeat: no-repeat;
	background-position: center;
}
#topBox .swcontainer {
	height: 185px;
	position: relative;
}
#homelinkBox {
	position: absolute;
	top: 57px;
	left: 22px;
}
#homelinkBox a {
	display: block;
	width: 234px;
	height: 108px;
	background-image: url(../../images/site/top_logo.png);
	background-repeat: no-repeat;
}
#mainnavBox {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#middleBox {
	background-size: cover;
	background-position: center;
}
#middleBox .swcontainer {
	height: 328px;
	position: relative;
}
#logonBox {
	background-image: url(../../images/site/bkg_wht_bluedots.png);
	background-repeat: repeat-y;
	background-position: left;
	width: 352px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 18px 21px 30px 21px;
}
#logonBox .header {
	text-transform: uppercase;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	color: #009acd;
	font-family: 'Droid Sans', 'sans-serif';
}
#logonBox .loggedonInfo {
	padding: 0px 0px 15px 0px;
}
#logonBox .loggedonInfo .loogedonUsername {
	display: block;
	font-weight: 700;
}
#logonBox form {
	position: relative;
}
#logonBox fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 170px;
}
#logonBox legend {
	font-size: 0px;
}
#logonBox input[type=text], #logonBox input[type=password] {
	width: 170px;
	/* height: 19px; */
	margin: 0px 0px 8px 0px;
}
#logonBox #logonpassword {
	width: 140px;
	margin: 0px 0px 8px 0px;
}
#logonBox .button.login {
	width: 30px;
	background-image: url(../../images/site/btn_search.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0px;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	padding: 11px 20px 11px 20px;
}
#logonBox .button.retry {
	margin: 20px 0px 0px 0px;
}
#logonBox .logonLinks {
	padding: 30px 0px 0px 0px;
	float: right;
	width: 120px;
}
#logonBox .logonLinks a {
	color: #585858;
}
#logonBox .logonLinks a:hover {
	color: #009acd;
}
#loginFormError {}
#logonBox .logonShadow {
	background-image: url(../../images/site/bkg_shadow.png);
	width: 378px;
	height: 16px;
	margin: 30px 0px 0px -34px;
	position: absolute;
}
#mainBox {
	background-color: #ffffff;
	padding: 70px 0px 90px 0px;
}
#contentBox {
	padding: 0px 28px 0px 22px;
	width: 598px;
	float: left;
}
#infoBox {
	width: 352px;
	float: left;
}
body.fullwidth #contentBox,
body.fullwidth #infoBox {
	width: auto;
	float: none;
}

#footerBox {
	padding: 30px 0px 100px 0px;
}
#footerBox .swcontainer {
	background-image: url(../../images/site/bottom_logo.png);
	background-repeat: no-repeat;
	background-position: 22px 72px;
}
#footernavBox {
	margin: 0px 0px 0px 100px;
	float: left;
}
#addressBox {
	float: left;
	margin: 0px 60px 0px 60px;
	color: #009acd;
}
#addressBox .title {
	font-weight: 700;
	padding: 0px 0px 15px 0px;
	text-transform: uppercase;
}
#addressBox .swTableCell.right {
	padding-left: 30px;
}
#imprintBox {
	/* float: right; */
	text-transform: uppercase;
	font-weight: 700;
}
#imprintBox a:hover {
	text-decoration: none;
}
#imprintBox a.mainlink {
	display: block;
	margin-bottom: 17px;
}
.tplswitchBox {
	text-align: center;
	padding: 0px 0px 100px 0px;
}
.tplswitchBox .header {
	font-weight: 700;
	display: inline;
}
.tplswitchBox ul {
	display: inline;
}
.tplswitchBox li {
	display: inline-block;
	padding: 0px 0px 0px 20px;
}

/* ========= layout: index ========= */
/* ======================================================= */
.index #middleBox {
	border-bottom: 3px solid #ffffff;
	background-color: #ffffff;
}
.index #middleBox .swcontainer {
	height: auto;
}
.index #logonBox {
	bottom: auto;
	top: 180px;
	z-index: 10;
	height: 185px;
	overflow: hidden;
}
.index #logonBox .logonShadow {
	display: none;
}
.index #introBox {
	background-image: url(../../images/site/bkg_wht_transp.png);
	height: 185px;
	right: 352px;
	top: 180px;
	z-index: 10;
	overflow: hidden;
	position: absolute;
	width: 2000px;
}
.index #introBox .contentWrapper {
	width: 608px;
	float: right;
	color: #009acd;

	display: table;
}
.index #introBox .content {
	display: table-cell;
	vertical-align: middle;
	height: 155px;
}
.index #introBox .innerSliderTopText {
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
}
.index #introBox .innerSliderText {
	font-weight: 600;
	text-transform: uppercase;
}
.index #introBox .innerSliderLink {
	position: absolute;
	margin: -40px 0px 0px 270px;
	font-weight: 600;
	text-transform: uppercase;
}


/* ========= layout: team ========= */
/* ======================================================= */
.team {}
.team .borderBox .innerContent {
	background-image: url(../../images/site/sidebar_border_bkg.png);
	background-repeat: repeat-y;
	padding: 0px 21px 0px 21px;
}
.team .borderBox .top {
	margin: 0px -21px 25px -21px;
	height: 3px;
	background-image: url(../../images/site/spacer_bluedots.png);
	background-repeat: repeat-x;
}
.team .borderBox .bottom {
	margin: 30px -21px 0px -21px;
	height: 3px;
	background-image: url(../../images/site/spacer_bluedots.png);
	background-repeat: repeat-x;
}
.team .borderBox .bottomShadow {
	background-image: url(../../images/site/bkg_shadow.png);
	width: 378px;
	height: 16px;
	margin: -1px 0px 0px -34px;
	position: absolute;
}

.team #linkJobs {
	margin: 40px 0px 0px 0px;
}
.team #linkJobs .innerContent {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.team #linkJobs .innerContent a {
	display: block;
	color: #ffffff;
	padding: 20px 21px 20px 21px;
	background-color: #009acd;
	text-decoration: none;
	font-family: 'Droid Sans','sans-serif';
	font-weight: 700;
	text-transform: uppercase;
}
.team #linkJobs .innerContent a:hover {
	background-color: #7FCCE6;
}
.team #linkJobs .bottomShadow {
	margin-left: -11px;
}

.team #logonBox {
	bottom: -40px;
	right: 2px;
	background-image: url(../../images/site/bkg_wht_transp.png);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
	width: 352px;
}
.team #contentBox {
	width: auto;
	padding-right: 0px;
}
.team #sidebarBox {
	float: right;
	background-repeat: repeat;
	width: 352px;
}
.team #sidebarBox .header {
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	color: #009acd;
	font-family: 'Droid Sans', 'sans-serif';
}
.team #sidebarBox .header span {
	text-transform: lowercase;
}
.team #sidebarBox .resultObject {
	border-top: 1px solid #dddddd;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.team #sidebarBox .resultObject .text {
	font-family: 'Droid Sans', 'sans-serif';
	padding: 0px 0px 5px 0px;
}
.team #sidebarBox .resultObject .title {
	font-size: 20px;
}
.team #contentBox .contentSection {
	width: 468px;
	float: left;
}
.team #contentBox .leftPic {
	padding-left: 30px;
}
.team .spacerBlue {
	margin: 30px 0px 30px 0px;
}
.team .teamSpacer {
	height: 30px;
}

.team input#btnFindByNumberVal {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #009acd;
}
.team #btnFindByNumberList {
	position: relative;
}
.team #addressidList {
	position: absolute;
	z-index: 2;
	width: 100%;
	box-shadow: 3px 3px 7px #A09F9D;
}
.team #addressidList li {
	border-left: 1px solid #A09F9D;
	border-right: 1px solid #A09F9D;
	cursor:	pointer;
	background-color: #ffffff;
}
.team #addressidList li span {
	border-bottom: 1px solid #D3D3D2;
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
	display: block;
}
.team #addressidList li.lastrow span {
	border-bottom: none;
}
.team #addressidList li.lastrow {
	border-bottom: none;
	border-bottom: 1px solid #A09F9D;
}
.team #addressidList li:hover {
	color: #009acd;
}

.team .teamList .telefon {
	padding: 20px 0px 0px 0px;
}

/* ========= LAYOUT: inline popup ========= */
/* ======================================================= */
body.inlinePopup {
	padding: 20px;
	background-color: #ffffff;
	background-image: none;
	/*background-image: url(../../images/site/bkg_popup.gif);*/
	background-repeat: repeat-x;
}


/* ========= LAYOUT: print ========= */
/* ======================================================= */
#printFooterBox {
	display: none;
}
#printHeaderBox {
	display: none;
}
@media print {
	body {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-image: none;
	}
	.noprint {
		display: none !important; /* Alle nicht-druckbaren Elemente ausblenden */
	}
	.print {
		width: auto !important;
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		background: transparent !important;
	}

	/* ---- LAYOUT ----  */
	/* ---------------------------------------------------------  */
	#contentBox {
		width: auto !important;
		padding: 0px !important;
		margin: 0px auto !important;
		margin-bottom: 20px;
		color: #000000;
	}
	#printHeaderBox { /* ---- KOPFZEILE ----  */
		clear: both;
		display: block !important;
		width: auto;
		padding: 5px 10px 5px 10px;
		/* border-top: 1px solid #000000; */
		/* border-bottom: 1px solid #000000; */
		margin-bottom: 15px;
		text-align: center;
	}
	#printFooterBox { /* ---- FUSSZEILE ----  */
		clear: both;
		display: block !important;
		width: auto;
		padding-top: 10px;
		/* border-top: 1px solid #000000; */
		text-align: center;
		margin-top: 20px;
		font-size: 9px;
	}
}



@media screen and (max-width: 767px) {
	/* xs - MOBILE */

	#menuToggle {
		background-color: rgba(0,154,205,0.5);
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
		color: #ffffff;
		z-index: 20;
	}

	#menuToggle i {
		line-height: 50px;
	}

	#menuToggle .fa-times {
		display: none;
	}

	#mainnavBox {
		position: fixed;
		top: 0;
		left: 100%;
		right: 0;
		bottom: 0;
		background-color: #009ACD;
		z-index: 19;
		min-width: 310px;
		transition: all 0.5s;
		overflow: auto;
	}

	#mainnavBox .barMain {
		padding-top: 80px;
	}

	#mainnavBox .barMain ul {
		display: block;
	}

	#mainnavBox .barMain li {
		display: block;
		float: none;
		width: auto;
	}

	#mainnavBox .barMain a {
		padding: 20px 15px 20px 15px;
		border: none;
		border-bottom: 1px dotted #ffffff;
	}

	#mainnavBox .barMain .firstrow a {
		border-top: 1px dotted #ffffff;
	}

	#mainnavBox .barMain a span {
		width: auto;
		padding: 0px 0px 0px 0px;
	}

	body.menuactive {
		overflow: hidden;
	}

	body.menuactive #menuToggle .fa-bars {
		display: none;
	}
	body.menuactive #menuToggle .fa-times {
		display: inline-block;
	}
	body.menuactive #mainnavBox {
		left: 0px;
	}



	body .swcontainer {
    width: auto !important;
	}

	body.index #introBox {
		top: 100px;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		right: auto;
	}

	body.index #introBox .contentWrapper {
    width: auto;
	}

	body.index #introBox .content {
    height: 185px;
	}

	body.index #introBox .innerSliderText {
    font-size: 29px;
    line-height: 29px;
	}

	body.index #introBox .innerSliderLink {
		position: relative;
		margin: 15px 0px 0px 0px;
	}

	body .indexSlide .sliderArrow {
    top: 314px;
	}

	body .indexSlide .next {
    right: 0px;
	}

	body.index #logonBox {
		top: 300px;
		left: 0;
	}

	body #homelinkBox {

	}

	body #imprintBox {
		float: none;
		clear: both;
		padding-top: 30px;
		padding-left: 90px;
	}

	body #logonBox {
		width: 90%;
		max-width: 365px;
	}

	body #logonBox .logonShadow {
		width: 100%;
		background-size: calc(100% + 21px) 100%;
		margin: 30px 0px 0px -21px;
	}

	body #contentBox,
	body #infoBox {
		width: auto;
		float: none;
		padding: 0px 15px 0px 15px;
	}

	body #contentBox .modTeaser {
		padding-left: 0px !important;
	}

	body #infoBox {
		padding: 30px 25px 0px 25px;
	}

	body #footernavBox {
		margin-left: 90px;
		float: none;
	}

	body #addressBox {
		margin-top: 50px;
		margin-left: 90px;
		float: none;
	}

	body #addressBox .swTable,
	body #addressBox .swTableCell {
		display: block;
	}

	body #addressBox .swTableCell.right {
		padding-left: 0;
		padding-top: 30px;
	}

	body.team #contentBox {
    padding-left: 15px;
    padding-right: 15px;
	}

	body.team #contentBox .contentSection {
		width: auto;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}

	body.team .teamSpacer {
		height: 0;
	}

	body #contentBox .leftPic {
		padding-left: 0px;
		padding-right: 15px;
		width: 30%;
	}

	body.team #logonBox {
		right: 25px;
		left: auto;
		width: 90%;
		max-width: 352px;
	}

	body.team .borderBox .innerContent {
		background-image: none;
		position: relative;
	}

	body.team .borderBox .bottomShadow {
		width: 100%;
		background-size: 100% 16px;
		margin-left: -23px;
	}

	body.team #sidebarBox {
    float: none;
		width: auto;
		margin-bottom: 60px;
	}

	body .listPdf .cardItem {
		flex-wrap: wrap;
	}

}



@media screen and (min-width: 768px) and (max-width: 991px) {
	/* sm - TABLET */

	body .swcontainer {
    width: auto !important;
	}

	body.index #introBox {
		top: 100px;
		width: auto;
		padding-left: 15px;
		right: auto;
	}

	body .indexSlide .sliderArrow {
    top: 314px;
	}

	body .indexSlide .next {
    right: 60px;
	}

	body.index #logonBox {
		top: 300px;
		left: 0;
	}

	body #homelinkBox {
		top: 14px;
	}

	body #imprintBox {
		float: none;
		clear: both;
		padding-top: 30px;
		padding-left: 100px;
	}

	body #logonBox .logonShadow {
		width: 365px;
	}

	body #contentBox,
	body #infoBox {
		width: auto;
		float: none;
		padding: 0px 25px 0px 25px;
	}

	body #infoBox {
		padding: 30px 25px 0px 25px;
	}

	body.team #contentBox {
    padding-right: 25px;
	}

	body.team #contentBox .contentSection {
		width: auto;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}

	body.team .teamSpacer {
		height: 0;
	}

	body.team #logonBox {
		right: 25px;
		left: auto;
	}

	body.team .borderBox .innerContent {
		background-image: none;
		position: relative;
	}

	body.team .borderBox .bottomShadow {
		width: 100%;
		background-size: 100% 16px;
		margin-left: -23px;
	}

	body.team #sidebarBox {
    float: none;
		width: auto;
		margin-bottom: 60px;
	}

	body .barMain a {
		line-height: 18px;
		padding: 8px 5px 8px 5px;
	}

	body .barMain a span {
		line-height: 18px;
		padding: 0px 0px 2px 20px;
	}

}



@media screen and (min-width: 992px) and (max-width: 1199px) {
	/* md - DESKTOP */

	body .index #introBox .contentWrapper {
    width: 508px;
	}

	body .indexSlide .next {
    right: calc(50% - 470px);
	}

	body .team .borderBox .bottomShadow {
		width: 372px;
		background-size: 100% 16px;
	}

	body #logonBox .logonShadow {
		width: 372px;
		background-size: 100% 16px;
	}

}



@media screen and (min-width: 1200px) {
	/* lg - DESKTOP LARGE */

}