/* ************************************************  Default Html Form */
#stellenForm form.defaultForm p {
	margin: 0;
	padding: 0;
	}

#stellenForm form.defaultForm .invalid {
	color: red;
	padding: 0.5em;
	}

#stellenForm form.defaultForm .requiredNote {
	font-size: 0.8em;
	}

#stellenForm form.defaultForm .fieldRow {
	margin-bottom: 16px;
	}

#stellenForm form.defaultForm .fieldRow.alignLeft {
	text-align: left;
	}

#stellenForm form.defaultForm .fieldRow.alignCenter {
	text-align: center;
	}

#stellenForm form.defaultForm .fieldRow.alignRight {
	text-align: right;
	}

#stellenForm form.defaultForm {
	display: block;
	text-align: left;
	width: 100%;
	}

#stellenForm form.defaultForm label {
	font-family: \'BentonSans-Bold\';
	color: #3c506e;
	font-size: 0.8rem
	}

#stellenForm form.defaultForm input[type=\'text\'],
#stellenForm form.defaultForm input[type=\'number\'],
#stellenForm form.defaultForm textarea {
	display: block;
	width: 100%;
	/* background-color: #e9eef5; */
	background-color: #eee;
	/* border: 1px solid #cedffd; */
	border: 1px solid #ddd;		
	border-radius: 2px;
	padding: 10px;	
	}
	
#stellenForm form.defaultForm input[type=\'text\']:hover,
#stellenForm form.defaultForm input[type=\'number\']:hover,
#stellenForm form.defaultForm textarea:hover {
	/* border: 1px solid #a5c1fc; */
	border: 1px solid #aaa;
	}

/* remove spinner on input of number */
/* For Firefox */
#stellenForm form.defaultForm input[type=\'number\'] {
	-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
#stellenForm form.defaultForm input[type=number]::-webkit-inner-spin-button,
#stellenForm form.defaultForm input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
	
#stellenForm form.defaultForm input.formSubmit,
#stellenForm form.defaultForm a.formReset,
#stellenForm form.defaultForm a.formReset:link,
#stellenForm form.defaultForm a.formReset:active,
#stellenForm form.defaultForm a.formReset:visited {
	margin: 4px 0;
	padding: 10px 55px 10px 10px;
	height: 38px;
	font-size: 0.8rem;
	cursor: pointer;
	text-align: right;
	border: 0;
	font-family: \'BentonSans-Bold\';
	display: inline-block;
	line-height: 20px;
	}
	
#stellenForm form.defaultForm input.formSubmit:hover,
#stellenForm form.defaultForm a.formReset:hover,
#stellenForm form.defaultForm a.formReset:focus {
	text-decoration: underline;
	}

#stellenForm form.defaultForm input.formSubmit:focus,
#stellenForm form.defaultForm a.formReset:focus {
	background-color: #3c506e;
	color: #fff;
	}

#stellenForm form.defaultForm input.formSubmit {
	background: transparent url( \'/layout_rwd/images/system_bilder/aero-button_darker.png\' ) no-repeat center right;
	}

#stellenForm form.defaultForm a.formReset {
	background: transparent url( \'/layout_rwd/images/system_bilder/cross-button.png\' ) no-repeat center right;
	}

@media only screen and ( max-width: 959px ) {
	form defaultForm {
		margin: 0 auto 0 auto;
		}

	#stellenForm form.defaultForm div.select {
		margin: 0;
		}
}

@media only screen and ( min-width: 960px ) {
	#stellenForm form.defaultForm div.select {
		margin: 0 2px;
		}
}

#stellenForm form.defaultForm div.select {
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	/* background-color: #e9eef5; */
	background-color: #eee;
	/* border: 1px solid #cedffd; */
	border: 1px solid #ddd;
	border-radius: 2px;
	}
	
#stellenForm form.defaultForm div.select:hover {
	/* border: 1px solid #a5c1fc; */
	border: 1px solid #aaa;
	}
		
#stellenForm form.defaultForm div.select::after {
	content: \'\\25BC\';
	color: #a8a9aa;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 8px 10px;
	/* background-color: #e9eef5; */
	background-color: #eee;
	pointer-events: none;
	}

#stellenForm form.defaultForm div.select:hover::after { color: #23376d; }

#stellenForm form.defaultForm div.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0;
	/* background-color: #e9eef5; */
	background-color: #eee;
	background-image: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	cursor: pointer;
	font-size: 0.9rem;
	}

#stellenForm form.defaultForm div.select select:focus {
	/*
	background-color: #3c506e;
	color: #fff;
	*/
	}
	
#stellenForm form.defaultForm div.select select::-ms-expand { display: none; }

#stellenForm form.defaultForm div.select select option {
	font-weight: normal;
	font-size: 0.8rem;
	text-align: left;
	}


	
/* ************************************************ Default Pagination */
#stellenPagination div.defaultPagination {
	font-size: 0.9em;
	left: 2px;
	text-align: right;
	margin: 2px 0 0 0px;
	}
	
#stellenPagination div.defaultPagination div.paginationInfo	{
	display: inline-block;
	margin-right: 8px;
}

#stellenPagination div.defaultPagination ul,
#stellenPagination div.defaultPagination ul li {
	display: inline-block;
	list-style-type: none;
	background-image: none;
	padding: 0;
	margin: 0;
	/*white-space: nowrap;*/
	}

#stellenPagination div.defaultPagination ul li a,
#stellenPagination div.defaultPagination ul li a:link,
#stellenPagination div.defaultPagination ul li a:visited,
#stellenPagination div.defaultPagination ul li a:active,
#stellenPagination div.defaultPagination ul li a:hover ,
#stellenPagination div.defaultPagination ul li a.active,
#stellenPagination div.defaultPagination ul li a.active:link,
#stellenPagination div.defaultPagination ul li a.active:visited,
#stellenPagination div.defaultPagination ul li a.active:active,
#stellenPagination div.defaultPagination ul li a.active:hover {
	display: inline-block;
	padding: 3px 6px;
	border: 1px solid #bbd6e6;
	margin: 0 2px;
	color: #002f73;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
	}

#stellenPagination div.defaultPagination ul li a:hover,
#stellenPagination div.defaultPagination ul li a.active,
#stellenPagination div.defaultPagination ul li a.active:link,
#stellenPagination div.defaultPagination ul li a.active:visited,
#stellenPagination div.defaultPagination ul li a.active:active,
#stellenPagination div.defaultPagination ul li a.active:hover {
	color: #fff;
	background-color: #3c506e;
	}	

@media only screen and (max-width: 959px) {
	#stellenPagination div.defaultPagination { text-align: left; }
	#stellenPagination div.defaultPagination div.paginationInfo	{ display: block; margin-bottom: 4px; }
	#stellenPagination div.defaultPagination ul li { margin-bottom: 8px; }
}	



/* ************************************************ Stellen Liste */
#stellenList div.stellenItem {
	/* background-color: #e9eef5; */
	background-color: #eee;
	/* border: 1px solid #cedffd; */
	border: 1px solid #ddd;
	margin-bottom: 1em;
	padding: 1.5em;
	}

#stellenList div.stellenItem p {
	margin: 0;
	padding: 0;
	}
	
#stellenList strong.stellenFlag {
	display: inline-block; 
	font-size: 0.75rem;
	background-color: #233755;
	color: #fff;
	padding: 2px 8px;
	}
	
#stellenList strong.stellenFlag.berufseinstieg { background-color: #233755; }
#stellenList strong.stellenFlag.berufswechsler { background-color: #233755; }
#stellenList strong.stellenFlag.berufseinstieg_berufswechsler { background-color: #233755; }
#stellenList strong.stellenFlag.ausbildung { background-color: #006625; }
#stellenList strong.stellenFlag.duales_studium { background-color: #614516; }
	
#stellenList h4 {
	margin-top: 0;
	padding-top: 0;
	}
	
#stellenList div.ym-grid { margin-bottom: 0.5em; }	

@media only screen and (max-width: 959px) {
	#stellenList strong.stellenFlag { margin-bottom: 1em; }
}

@media only screen and (min-width: 960px) {
	#stellenList div.ym-gl { padding-right: 1em; }
}



/* ************************************************ Stellen-Detail */
.stelle_behoerde,
.stelle_pdf {
	margin-top: 3em;
	}

#inhalt div.bodyAttrib div#stelleDetails p {
	margin: 0;
	padding: 0;
	}

.stelle_bemerkung {
	margin-bottom: 3em;
}

#inhalt a:link.stelle_pdflink,
#inhalt a:visited.stelle_pdflink,
#inhalt a:hover.stelle_pdflink,
#inhalt a:focus.stelle_pdflink,
#inhalt a:active.stelle_pdflink {
	display: inline-block;
	background-color: #3c506e;
	color: white;
	padding: 0.5em 1em;
	margin-top: 0.5em;
	}

#stelleDetails div.stelleDetail { margin-bottom: 1em; }


@media only screen and (max-width: 959px) {
	/* Nothing to do */
}

@media only screen and (min-width: 960px) {
	#stelleDetails div.ym-gl.stelleDetail { padding-right: 2em; }
}