/* style css
Farbflächen:
Innkliniken dunkelpetrol: #4FA6A0
Innkliniken hellpetrol: #9BCFD4
Navigtion dunkel: #275057
cyan: #01a5ec (ersetzt durch petrol)
hellblau: #ebf8fe (ersetzt durch hellpetrol)
dunkelgrau: #666
schwarz: #000
orange: #f9b416
hellgrau: #ebebeb
Farben:
Text: #275057
rot: #B20000 (ersetzt durch petrol)
*/

/* ========================================================================================================================================= */
/* +++ custom basic styles +++ */
/* ========================================================================================================================================= */

header {
	/*height:20px;*/
	/*background-color: #4FA6A0;*/
	/*border-bottom: 4px solid #f9b416;*/
	border-bottom: 10px solid #4b5f68;
}

.bg_grau {
	background-color:#ebebeb;
	padding-top:20px;
	padding-bottom:20px;
}
.bg_bl {
	background-color:#9BCFD4;
	padding-top:40px;
	padding-bottom:40px;
}
.bg_mbl {
	background-color:#D0ECFC;
	padding-top:40px;
	padding-bottom:40px;
}
.bg_dbl {
	background-color:#4FA6A0;
	padding-top:40px;
	padding-bottom:40px;
}
.borderless {
	padding-left:0;
	padding-right:0;
}

.spacer_small_top {
	height:20px;
}
.spacer_small_btm {
	height:20px;
}
.spacer_big_top {
	height:30px;
}
.spacer_big_btm {
	height:30px;
}
.rc_blockspacer {
	height:15px;
}
.spacer_line_blue {
	margin-top:20px;
	border-top:4px solid #008ECB;
	height:4px;
	margin-bottom:20px;
}
.line_top {
	border-top:1px solid #4FA6A0;
	height:40px;
}
.line_btm {
	border-bottom:1px solid #4FA6A0;
	height:40px;
}
.marginbtm {
	margin-bottom:0;
}



/* Stellenangebote */
/* Headerimg und Navi */
.headerimg_jobs {
	border-right:15px solid #fff;
	border-bottom:15px solid #fff;
	width:66.66666667%;
}
.navi_jobs {
	width:33.33333333%;
	padding-left:15px;
}

/* Stellendetails */
a.sharejob {
	display:block;
	padding: 15px 0;
	margin-top:20px;
	border-top: 4px solid #008ECB;
}
a.bewerben {
	display:block;
	padding: 5px 20px;
	width: 100%;
	text-align:center;
	font-size: 22px;
	color: #fff;
	background-color: #FFC000;
	border: none;
	outline-style: none;
}
a.bewerben:hover {
	background-color: #FFA300;
}

/* ========== Accordion ================ */
.accordion, .accordion_jobs {
	margin: 0 0;
	border-bottom:1px solid #4FA6A0;
}
.accohead { /* Kopfbereich */
	cursor:pointer;
	display:block;
	background:url(/_assets/css/images/plus.gif) no-repeat 0 center;
	background-size: 30px 30px;
	border-top:1px solid #275057;
	font-size:19px;
	line-height:24px;
	font-weight:400;
	min-height:45px;
	padding:10px 5px 10px 35px;
	display: table;
	width: 100%;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.accordion_jobs .accohead {
	font-size:17px;
}
.accordion_jobs .jd_headline {
	color:#275057;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	margin-bottom:10px;
}

.accohead .togglerdate {
	width:100%;
	height:18px;
	font-size:16px;
	margin-bottom:5px;
}
.accohead:last-child {
	border-bottom:1px dotted #999;
}
.accoheadactive {
	background:url(/_assets/css/images/minus.gif) no-repeat 0 center;
	background-size: 30px 30px;
	background-color: #008ECB;
	color:#fff;
	border-top: 1px solid #4FA6A0;
	font-weight:400;
}

.accordion_jobs .accoheadactive {
	background:url(/_assets/css/images/minus.gif) no-repeat 0 center;
	background-size: 30px 30px;
	background-color: #008ECB;
	color:#fff;
	border-top: 1px solid #4FA6A0;
	font-weight:500;
}

.accobody {
	padding:20px 0 15px;
}
.accobody img {
	display: block;
	max-width:100%;
	height:auto;
}
.accosecdivider {
	height:20px;
}
.app_jobs h3 {
	background: #9BCFD4;
	padding:20px 10px;
	margin-bottom:0;
	font-weight: 600;
}


* ========================================================================================================================================= */
/* +++ Responsive +++ */
/* ========================================================================================================================================= */
@media ( max-width: 1199px ) { /* < 1200, md */

}

@media ( max-width: 991px ) { /* < 992, sm */

}

@media ( max-width: 767px ) { /* < 768, xs */

}


@media ( max-width: 575px ) { /* < 576, xxs */
	
}

@media ( max-width: 414px ) { /* < 321, iPhone 6 portrait */

}

@media ( max-width: 321px ) { /* < 321, iPhone 5 portrait */

}

/* Display mobile only
**************************************************************** **/
@media (max-width: 767px) {
	.desktop-only { display:none !important; }
}
@media (max-width: 767px) { /* 575px */
	.hide-xxs { display:none !important; }
}
/* Display on desktop only
**************************************************************** **/
@media (min-width: 768px) {
	.xs-only { display:none !important; }
} 
@media (min-width: 768px) { /* 576px */
	.show-xxs { display:none !important; }
}