/* DIHK v.1.6 / 23.11.2011 - Erg�nzung unterschiedlicher Special Elements */
/* DIHK v.1.6 / 14.11.2011 - Lists */
/* DIHK v.1.5 / 10.11.2011 - ControlBar */
/* DIHK v.1.4 / 12.10.2011 - Sitemap */
/* DIHK v.1.3 / 11.10.2011 - Anlegen von Standardicons */
/* DIHK v.1.2 / 30.07.2011 - Erg�nzung Formularelemente */
/* DIHK v.1.1 / 27.07.2011 - Erg�nzung Hauptnavigation */
/* DIHK v.0.91 / 08.07.2011 - Fertigstellung der drei initialen Sichten */
/* DIHK v.0.9 / 28.06.2011 - Anlegen der Grundstruktur Kachellayout */

/* **********************************************************
	------------- CONTENT -----------
	
	0. DEVELOPMENT SETTINGS
	1. RESET
	2. TOOLS
	3. GENERAL
		3.1 Forms
		3.2 Buttons
		3.3 Links
		3.4 Picture
		3.5 Icons
		3.6 Sitemap
		3.7 Errormessage
	4. MAIN LAYOUT
		4.1 Background Layout
	5. HEAD
		5.1 Breadcrumbs
		5.2 SearchBox
		5.3 UserProfile
		5.4 HomeLink
		5.5 Maintainance
	6. NAVIGATION
	7. MAIN
		7.1 Visual Teaser
		7.2 Grid Layout
			7.2.1 General Grid
			7.2.2 Inner Grid
		7.3 Table
			7.3.1 Standard Table
			7.3.2 Sortable Table
			7.3.3 Sortable Table Pagination
		7.4 Layout Elements
			7.4.1 Login Box
			7.4.2 Main Contentbox 'Berufsdetailsicht'
			7.4.3 Main Contentbox 'Filter nach Berufsgruppe'
			7.4.4 Main Contentbox 'Suche �ndern'
			7.4.5 Main Contentbox 'Ausbildungspl�tze'
			7.4.6 Toolbar
			7.4.7 ControlBar
			7.4.8 FilterBar
		7.5 List
			7.5.1 AttachmentList
			7.5.2 JobDetailList
		7.6 Pagination
	8. FOOTER
	
	A. Special Elements

	----------------------------------	
*********************************************************** */

/********************************* 0. DEVELOPMENT SETTINGS **************************************************************/

/********************************* 1. RESET *****************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0 none;
	vertical-align: top;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

button {
	padding: 0;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

:focus {
	outline: 0 none;
}

/********************************* 2. TOOLS ****************************************************************************/
.hidden {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	/* display: inline-block; */
	
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.cll {
	clear: left;
}

.clr {
	clear: right;
}

.clb {
	clear: both;
}

.ib {
	display: inline-block;
}

.db {
	display: block;
}

.oh {
	overflow: hidden;
}

.w55 {
	width: 55%
}

.mt5 {
	margin-top: 5px;
}

.mt20 {
	margin-top: 20px;
}

.mbt5 {
	margin: 5px 0;
}

/* custom margin for images in public views*/
.mnl5 {
	margin: 5px 5px 11px 0px !important;
}

.normal {
	font-weight: normal;
}

.center {
	text-align: center;
}

.small {
	font-size: 0.917em;
}

.green {
	color: green;
}

.red {
	color: red;
}

.contentBox img.fll {
	padding-right: 10px;
	margin-bottom: 9px;
}

.contentBox img.width {
	width: 66px
}

@font-face {
	font-family: 'PeaSarahlooRegular';
	src: url('fonts/peasarahloo-webfont.eot');
	src: url('fonts/peasarahloo-webfont.eot?#iefix')
		format('embedded-opentype'), url('fonts/peasarahloo-webfont.woff')
		format('woff'), url('fonts/peasarahloo-webfont.ttf')
		format('truetype'),
		url('fonts/peasarahloo-webfont.svg#PeaSarahlooRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/********************************* 3. GENERAL **************************************************************************/
html {
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 1em;
}

body {
	background: #d6dce3 url(../images/bg_body.png) repeat-x top left;
	color: #303336;
	font: 0.75em/1.4em verdana, sans-serif;
	text-align: left;
}

a, a:link, a:visited, a:active, a:hover, a:focus {
	color: #0b66cb;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:focus, a:hover span, a:focus span {
	text-decoration: underline;
}

h1 {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
}

h2, h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
	padding: 4px 0 5px;
}

h2.large {
	font-size: 1.250em;
}

h4 {
	font-size: 1.083em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 1.1em 0 0.1em;
}

hr {
	height: 2px;
	background-color: #C4DCF6;
	color: #c4dcf6;
	border: none;
	margin: 25px 0 20px;
}

em {
	font-style: italic;
}

p {
	line-height: 1.5em;
}

.required-info {
	font-size: 0.917em;
}

/* ** 3.1 Forms ** */
.disable input {
	cursor: default !important;
}

legend { /*border-bottom: 1px dotted #b7cde7;*/
	background: transparent url(../images/legend_row_bg.png) repeat-x left
		bottom;
	font-weight: bold;
	line-height: 1.5em;
	padding: 8px 0 4px;
	width: 100%;
}

fieldset {
	border: 0 none;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

fieldset ul {
	list-style: none outside none;
	margin-top: 10px;
}

fieldset ul li {
	clear: left;
	float: left;
	padding-bottom: 10px;
	margin-right: 30px;
}

fieldset ul li label, fieldset ul li .label {
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom: 3px;
	padding-right: 10px;
	position: relative;
	text-align: left;
	top: 0;
	vertical-align: top;
	width: auto;
}

fieldset input, fieldset select, fieldset textarea {
	border: 1px solid #dae7f7;
	background-color: #dae7f7;
	font: 100.01%/1.5em verdana, sans-serif;
	margin-bottom: 5px;
}

fieldset select {
	height: 22px;
	padding: 2px 1px 1px;
}

fieldset select+select, input.inputPar {
	margin-left: 10px;
}

fieldset select.multiple {
	height: 200px;
	max-height: 200px;
}

fieldset select option {
	padding: 2px 5px
}

fieldset textarea {
	margin-top: 1px;
	padding: 2px 5px;
}

fieldset input[type="text"], fieldset input[type="password"] {
	font-size: 1em;
	line-height: 1.5em;
	font-family: verdana, sans-serif;
	height: 1.5em;
	margin-bottom: 5px;
	padding: 1px 5px;
}

fieldset input[type="radio"], fieldset input[type="checkbox"] {
	margin-right: 8px;
	position: relative;
	top: 2px;
}

fieldset input[type="radio"]+input[type="radio"] {
	margin-left: 15px;
}

fieldset input[type="radio"]+label, fieldset input[type="checkbox"]+label,
	fieldset input[type="radio"]+input[type="hidden"]+label, fieldset input[type="checkbox"]+input[type="hidden"]+label
	{
	display: inline-block;
	max-width: 90%;
	padding-top: 0px;
	text-align: left !important;
	width: auto;
}

fieldset input[type="file"] {
	
}

fieldset input[disabled="disabled"] {
	background-color: #FFF;
	color: #4A4F54;
	border: 1px solid #fff;
}

fieldset li.labelLess input[type="radio"], fieldset li.labelLess input[type="checkbox"]
	{
	margin-left: 0;
}

fieldset li.inputPar {
	clear: none;
	margin-right: 0px;
}

fieldset li.datatype {
	clear: none;
	margin-right: 0px;
	width: 450px;
}

fieldset li .inputBlock {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	padding-bottom: 5px;
}

fieldset li .inputBlock input[type="text"] {
	margin-top: 1px;
	margin-bottom: 5px
}

fieldset li .inputBlock input[type="radio"], fieldset li .inputBlock input[type="checkbox"]
	{
	top: 6px;
}

fieldset li .inputBlock label {
	font-weight: normal;
	text-align: right;
	padding-top: 4px;
	display: inline-block;
}

fieldset input+span.inputAdditional {
	margin-left: 5px;
}

fieldset input[disabled="disabled"]+span.inputAdditional {
	color: #AFAFAF;
}


/* Width Define */
fieldset ul li {
	width: 305px;
}

li.contactConsent {
	font-weight: bold;
}

fieldset ul li.oversize {
	width: 100%;
	margin-right: 0;
}

fieldset ul li input.smallWidth {
	width: 20px;
}

fieldset ul li input.mediumWidth {
	width: 100px;
}

fieldset ul li input.wideWidth {
	width: 293px;
}

fieldset ul li select.wideWidth {
	width: 305px;
}

fieldset ul li textarea.wideWidth {
	width: 293px;
}

.grid9Col fieldset ul li select.autoWidth {
	max-width: 638px;
}

/* Dynamic Width */
.inputContainer {
	display: block;
	margin-right: 32px;
	padding-top: 1px;
}

.inputContainer input {
	margin: 0;
	width: 100%;
}

.selectContainer {
	display: block;
	margin-right: 20px;
	padding-top: 1px;
}

.selectContainer select {
	margin: 0;
	width: 100%;
}

fieldset ul li.col2left {
	width: 75%;
	margin-right: 0;
}

fieldset ul li.col2right {
	clear: none;
	width: 25%;
	margin-right: 0;
}

fieldset ul li.col3left {
	width: 15%;
	margin-right: 0;
}

fieldset ul li.col3middle {
	clear: none;
	width: 45%;
	margin-right: 0;
}

fieldset ul li.col3right {
	clear: none;
	width: 40%;
	margin-right: 0;
}

/* selectCollect */
.pickListWrapper .pickListButtons {
	float: left;
	margin: 55px 0 0 -10px;
	padding-top: 6px;
	width: 14px;
}

.pickListWrapper .pickList {
	border: 1px solid #FFFFFF;
	margin-right: 17px;
	width: 305px;
}

.pickListWrapper button {
	background: url(../images/icon_pagination_sprite.png) no-repeat left top
		transparent;
	border: 3px solid #1D76DE;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 18px;
	line-height: 11px;
	margin: 2px -1px;
	text-indent: -9999px;
	padding: 0;
	vertical-align: middle;
	width: 18px;
}

.pickListWrapper .removeAllButton {
	
}

.pickListWrapper .removeButton {
	background-position: -12px 0;
}

.pickListWrapper .addButton {
	background-position: -24px 0;
}

.pickListWrapper .addAllButton {
	background-position: -36px 0;
}

.showAllSelect {
	overflow: auto;
	width: 150px;
}

/* ** 3.2 Buttons ** */
.buttonBlue.flr+.buttonBlue.flr {
	margin-right: 5px;
}

button.fll {
	margin-right: 5px;
}

button span {
	font: 1em/1.3em verdana, sans-serif;
	line-height: 1em;
	cursor: pointer;
}

.buttonYellow, .buttonBlue {
	height: 30px;
	cursor: pointer;
	padding: 3px 8px 5px;
}

.buttonBlue {
	padding: 2px 8px 5px;
}

.buttonYellow {
	background: url(../images/bg_button_yellow.png) repeat-x left top
		#FFFFFF;
	border: 1px solid #fff;
	text-transform: uppercase;
	-moz-box-shadow: 3px 3px 5px #DDD;
	-webkit-box-shadow: 3px 3px 5px #DDD;
	box-shadow: 3px 3px 5px #DDD;
}

.buttonYellow span {
	font-weight: bold;
	margin: 0;
}

.buttonBlue {
	background: url(../images/bg_button_blue.png) repeat-x left top #FFFFFF;
	height: 25px;
	border: 1px solid #165DB0;
	font-size: 1em;
}

.buttonBlue span {
	font-weight: bold;
	color: #fff;
	line-height: 1em;
	margin: 0;
}

a.buttonBlue {
	height: 16px;
	text-decoration: none !important;
}

a.buttonBlue span {
	line-height: 1.5em;
}

a.buttonBlue:hover span, a.buttonBlue:hover {
	text-decoration: none;
}

.buttonBlue.boxButton {
	margin: 10px 0 -5px;
}

.buttonBlue.small {
	height: 22px;
	padding: 3px 8px 5px;
	margin-left: 5px;
}

a.favorite:hover, a.favorite:hover span {
	text-decoration: none;
}

.favorite input {
	background: url(../images/icon_set_sprite.png) no-repeat 0 -140px
		transparent;
	border: none;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.favorite.disable input {
	background: url(../images/icon_set_sprite.png) no-repeat 0 -160px
		transparent;
}

/* ** 3.3 Links ** */
.linkExt {
	background: transparent url(../images/icon_link_ext.png) no-repeat left
		7px;
	display: inline-block;
	margin-top: 5px;
	padding: 2px 0 0 15px;
}

.linkFile {
	background: transparent url(../images/icon_set_sprite.png) no-repeat
		left -40px;
	display: inline-block;
	margin-top: 5px;
	padding: 2px 0 0 20px;
}

.backLink {
	float: right;
	font-size: 0.917em;
}

button.link {
	border: none;
	background: none;
	cursor: pointer;
	color: #0b66cb;
	padding: 0;
	margin: 0 0 0 -2px;
}

button.link span {
	font-weight: bold;
}

button.link:hover span {
	text-decoration: underline;
}

/* ** 3.4 Picture ** */
.picture {
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.picture:last-child {
	margin-right: 0;
}

/* ** 3.5 Icons ** */

/* 3.5.1 Button Icons */
a.iconButton:hover {
	text-decoration: none;
}

.iconButton.flr {
	margin-left: 5px;
}

li.oversize .iconButton.flr {
	margin-right: -15px;
}

a.iconButton span {
	background: transparent url(../images/icon_set_sprite.png) no-repeat
		scroll top left;
	text-indent: -9999px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
}

button.iconButton {
	background: none;
	height: 20px;
	width: 20px;
	border: none;
	cursor: pointer;
	margin-left: 9px;
	padding: 0;
	position: relative;
	top: -4px;
}

button.iconButton span {
	background: transparent url(../images/icon_set_sprite.png) no-repeat
		scroll top left;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
}

a span.iconCopy, button span.iconCopy {
	background-position: 0 0;
}

a span.iconEdit, button span.iconEdit {
	background-position: 0 -60px;
}

a span.iconMatches, button span.iconMatches {
	background-position: 0 -20px;
}

a span.iconTrash, button span.iconTrash {
	background-position: 0 -80px;
}

a span.iconNotice, button span.iconNotice {
	background-position: 0 -220px;
}

a span.iconPrint, button span.iconPrint {
	background-position: 0 -180px;
}

a span.iconView, button span.iconView {
	background-position: 0 -120px;
}

a span.iconNew, button span.iconNew {
	background: transparent url(../images/Icon_Inaktiv.png) no-repeat scroll
		top left;
	background-position: 0 0px;
}

a span.iconActive, button span.iconActive {
	background: transparent url(../images/Icon_Aktiv.png) no-repeat scroll
		top left;
	background-position: 0 0px;
}

/* 3.5.2 Status Icons */
span.iconStatus {
	background: transparent url(../images/icon_set_sprite.png) no-repeat
		scroll top left;
	text-indent: -9999px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
}

span.ja.iconStatus {
	background-position: 0 -260px;
}

span.nein.iconStatus {
	background-position: 0 -240px;
}

span.disabledIconMatches.iconStatus {
	background-position: 0 -280px;
}

/* ** 3.6 Sitemap ** */
ul.sitemap {
	margin: 8px 0 0 15px;
}

ul.sitemap li {
	background: url(../images/icon_link_ext.png) no-repeat left 7px
		transparent;
	padding: 2px 0 2px 13px;
}

ul.sitemap li.subLevel {
	background: none;
}

ul.sitemap li ul a {
	font-weight: normal;
}

/* ** 3.7 Errormessage ** */
.errorMessage {
	background-color: #FFDFDF;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0 20px;
	padding: 5px 8px;
}

.error textarea {
	border: solid 1px red;
}

.error input {
	border: solid 1px red;
}

.error select {
	border: solid 1px red;
}

.errorDescription {
	color: red;
	font-size: 0.917em;
	display: none;
}

.error .errorDescription {
	display: inline-block;
}

.additionalInfo {
	color: silver;
	font-size: 0.917em;
	display: block;
}

.error .chzn-container {
	border: solid 1px red;
}
/* ** 3.8 Lists ** */
ul.listStyle, ol.listStyle {
	margin-left: 25px;
}

ul.listStyle li {
	list-style: disc outside none;
	margin-right: 0;
	padding-bottom: 0;
}

ol.listStyle li {
	list-style: decimal outside none;
	margin-right: 0;
	padding-bottom: 0;
}

/* ** 3.9 InformationsMessages ** */
.infoMessage {
	background-color: #DAE7F7;
	border: 1px solid #0b66cb;
	color: #0b66cb;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0 20px;
	padding: 5px 8px;
}
/********************************* 4. MAIN LAYOUT **********************************************************************/

/* ** 4.1 Background Layout ** */
.page_margins {
	background: transparent url(../images/bg_head_outer.png) no-repeat top
		left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1001px;
}

#head {
	height: 139px;
	width: 100%;
	padding: 0 20px
}

#main {
	background: transparent url(../images/bg_foot_outer.png) no-repeat
		bottom left;
}

#footer {
	height: 60px;
	width: 100%;
}

/********************************* 5. HEAD *****************************************************************************/
.head_content {
	background: transparent url(../images/bg_head_teaser.jpg) no-repeat top
		left;
	border-bottom: 1px solid #cedae7;
	height: 138px;
	width: 961px;
}

/* ** 5.1 Breadcrumbs ** */
#breadcrumb {
	color: #0b66cb;
	margin: 0 20px;
	background: transparent url(../images/bg_breadcrumb.png) repeat-x left
		top;
	height: 36px;
}

#breadcrumb li {
	background: transparent url(../images/bg_breadcrumb.png) repeat-x left
		top;
	display: inline-block;
	float: left;
	height: 36px;
	margin-left: -10px;
	position: relative;
	z-index: 20;
}

#breadcrumb li:last-child {
	background: transparent url(../images/bg_breadcrumb.png) no-repeat left
		-36px;
}

#breadcrumb li.breadcrumb_separator:first-child {
	padding-left: 6px;
}

#breadcrumb li.breadcrumb_separator {
	background-color: #fff;
	background-image: none;
	margin-left: 0;
}

#breadcrumb li a {
	height: 100%;
	display: block;
	background: transparent url(../images/bg_breadcrumb.png) no-repeat right
		bottom;
	padding: 0 25px 0 15px;
}

#breadcrumb li a span {
	line-height: 36px;
	padding-left: 0;
	background: none;
}

#breadcrumb li span {
	padding-left: 15px;
	line-height: 36px;
}

/* ** 5.2 SearchBox ** */
#searchbox_top {
	position: absolute;
	top: 140px;
	right: 47px;
	width: 200px;
}

#searchbox_top fieldset {
	margin: 0;
}

#searchbox_top input.searchContent {
	background: none repeat 0 0 #fff;
	border: 1px solid #fff;
	color: #666;
	font-size: 1em;
	line-height: 1.7em;
	height: 20px;
	margin: 0;
	padding-right: 30px;
	width: 170px;
}

#searchbox_top input.btnSearchSubmit {
	background: url(../images/icon_set_sprite.png) no-repeat 0 -120px
		transparent;
	border: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: -5px;
	top: 2px;
}

/* ** 5.3 UserProfile ** */
#user_profile {
	font-size: 0.917em;
	position: absolute;
	text-align: right;
	top: 10px;
	right: 39px;
}

#user_profile .noticeList .icon {
	background: url(../images/icon_set_sprite.png) no-repeat 0 -220px
		transparent;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 5px -5px 0;
}

/* ** 5.4 HomeLink ** */
#homeLink {
	height: 120px;
	left: 40px;
	position: absolute;
	top: 10px;
	width: 320px;
}

#homeLink a {
	display: block;
	width: 100%;
	height: 100%;
}

#homeLink a span {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* ** 5.6 Maintainance ** */
#maintainance_info {
	position: absolute;
	text-align: right;
	right: 20px;
	background-color: red;
	color: white;
	top: 72px;
	font-weight: bold;
	padding: 2px 5px;
}

/********************************* 6. NAVIGATION ***********************************************************************/
#navigation {
	background: url(../images/bg_body_stripe.png) no-repeat -20px 0
		transparent;
	margin: 0 20px;
	z-index: 900;
	position: relative;
}

#main-nav {
	background: url("../images/bg_mainnav_firstlevel.png") repeat-x scroll
		left top #043D7C;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
}

#main-nav li {
	background: url("../images/bg_mainnav_firstlevel.png") repeat-x scroll
		left top #043D7C;
	display: inline;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0;
	border-right: 1px solid #fff;
	padding: 0 12px;
	position: relative;
	vertical-align: middle;
}

#main-nav li:hover, #main-nav li.selected, #main-nav li.active {
	background: url(../images/bg_mainnav_firstlevel_active.png) repeat-x
		left bottom #FEF800;
}

#main-nav li a {
	background: none;
	color: #FFFFFF;
	height: 100%;
	text-transform: uppercase;
}

#main-nav li:hover a, #main-nav li.selected a {
	color: #000;
	text-decoration: none;
	border: none !important;
}

#main-nav li a span, #main-nav li.selected a span {
	color: #FFFFFF;
	line-height: 1.2em;
	margin-top: 15px;
	padding: 0 25px;
}

#main-nav li ul {
	display: block;
	left: -5000px;
	min-width: 100%;
	padding: 1px 0 0;
	position: absolute;
	top: 36px;
	width: auto;
	z-index: 999;
}

#main-nav li:hover ul {
	left: 0;
}

#main-nav li ul li {
	background-color: #074a93;
	background-image: none;
	border: 1px solid #FFFFFF;
	border-left: none;
	border-right: none;
	display: block;
	float: left;
	height: auto;
	line-height: 1.4em;
	margin: -1px 0 0;
	min-width: 150px;
	max-width: 200%;
	padding: 5px 0;
	width: 100%;
}

#main-nav li ul li:hover, #main-nav li ul li.active {
	background: url(../images/bg_mainnav_firstlevel_active.png) repeat-x
		left bottom #FEF800;
}

#main-nav li:hover ul li a, #main-nav li ul li a, #main-nav li.selected ul li a,
	#main-nav li ul li.active a {
	color: #fff;
	display: block;
	font-weight: normal;
	line-height: 1.4em;
	padding: 0 13px;
	text-transform: none;
	width: auto;
}

#main-nav li ul li:hover a {
	line-height: 1.4em;
	width: auto;
	color: #000;
}

/********************************* 7. MAIN *****************************************************************************/
.main_bg_wrapper {
	background: transparent url(../images/bg_body_stripe.png) repeat-y
		bottom left;
}

.main_content {
	background: transparent url(../images/bg_foot_inner.png) no-repeat 20px
		bottom;
	min-height: 500px;
	padding: 20px 40px 15px;
}

.color {
	display: inline-block;
	float: left;
}

.sqare1 {
	background-color: #180;
	height: 200px;
	width: 300px;
}

.sqare2 {
	background-color: #188;
	height: 200px;
	width: 300px;
}

.sqare3 {
	background-color: #880;
	height: 400px;
	width: 300px;
	float: right;
}

.sqare4 {
	background-color: #108;
	height: 200px;
	width: 600px;
}

/* ** 7.1 Visual Teaser ** */
#visualTeaser {
	height: 173px;
	margin: 0 20px;
	position: relative;
	width: 961px;
	z-index: 10;
	overflow: hidden;
}

#visualTeaser img {
	left: 0;
	position: absolute;
	top: -10%;
	z-index: -1;
	height: 220px;
}

.visualTeaser_content {
	background: transparent url(../images/bg_visual_teaser.png) repeat-x
		left -21px;
	color: #fff;
	float: left;
	height: 100%;
	width: 100%;
	z-index: 30;
}

.visualTeaser_content p {
	line-height: 1.8em;
	margin: 0px 65px 19px 457px;
}

@-moz-document url-prefix() {
	.visualTeaser_content p {
		line-height: 1.8em;
		margin: 0px 60px 19px 457px;
	}
}

.visualTeaser_content h1 {
  /*font-family: haboro;*/
  font-size: 1.4em;
  margin: 12px 0px 8px 457px;
}

@font-face {
  font-family: haboro;
  src: /zlsb-web/src/main/resources/fonts/HaboroSans-NormRegular.otf;
}



/* ** 7.2 Grid Layout ** */

/* 7.2.1 General Grid */
.container {
	display: inline-block;
	padding: 0;
	position: relative;
	margin: 0 15px 0px 0px;
}

.container .contentBox {
	display: block;
	margin: 0 0 15px;
	padding: 10px 15px 20px;
}

.contentBox {
	background-color: #fff;
	display: inline-block;
	margin: 0 15px 15px 0px;
	padding: 10px 15px;
}

.contentBox.flr, .container.flr {
	margin-right: 0px;
}

.contentBox.grid3Col {
	width: 189px;
}

.container.grid3Col {
	width: 219px;
}

.contentBox.grid4Col {
	width: 267px;
}

.containerBox.grid4Col {
	width: 297px;
}

.contentBox.grid8Col {
	width: 579px;
}

.containerBox.grid8Col {
	width: 609px;
}

.contentBox.grid9Col {
	width: 657px;
}

.container.grid9Col {
	width: 687px;
}

.container.grid12Col {
	width: 921px;
}

.contentBox.grid12Col {
	width: 891px;
}

.contentBox.teaserSmallRow {
	height: 139px;
}

.contentBox.teaserMediumRow {
	height: 216px;
}

.contentBox.teaserLargeRow {
	height: 255px
}

.contentBox.teaserSmallRow.teaserMediumRow {
	height: 390px;
}

.contentBox img {
	margin: 8px 0 11px;
}

.contentBox .picture img {
	margin-bottom: 7px;
}

.contentBox p {
	margin-bottom: 6px;
}

.contentBox p.last {
	margin-bottom: 0px;
}

.contentBox.grid4Col input[type="text"], .contentBox.grid4Col input[type="password"]
	{
	width: 255px;
}

.contentBox.grid4Col .jqTransformInputWrapper {
	width: 266px !important;
}

.contentBox.grid4Col .jqTransformInputInner input[type="text"] {
	width: 248px !important;
}

/* 7.2.2 Inner Grid */
.contentBox.innerGridOneCol, .contentBox.innerGridTwoCol {
	padding: 0;
	margin: 0;
}

.contentBox.innerGridOneCol, .contentBox .innerGridOneCol {
	width: 100%;
}

.contentBox.innerGridTwoCol {
	margin-right: 15px;
}

.contentBox.innerGridTwoCol.flr {
	margin-right: 0px;
}

/* ** 7.3 Table ** */

/* 7.3.1 Standard Table */
.standardTable {
	margin: 0 0 5px;
	width: 100%;
}

.standardTable tr { /*border-bottom: dotted 1px #0b66cb;*/
	background: transparent url(../images/table_row_bg.png) repeat-x left
		bottom;
	height: 1.9em;
}

.standardTable tr.lastChild {
	border-bottom: none;
}

.standardTable.noHead thead, .standardTable.noHead .ui-table-cell-label
	{
	display: none;
}

.breakTableCell {
	word-break: break-all;
}

/* 7.3.2 Sortable Table */
.sortableTable {
	margin-top: 5px;
	margin-bottom: 25px;
	width: 100%;
}

.sortableTable td {
	padding: 6px 7px;
}

.sortableTable td a {
	font-weight: normal;
}

.sortableTable th {
	font-weight: bold;
	font-size: 0.917em;
	padding: 5px 7px 4px;
	text-transform: uppercase;
	background-color: #d9e4f0;
}

.sortableTable tr { /*border-bottom: dotted 1px #0b66cb;*/
	background: transparent url(../images/table_row_bg.png) repeat-x left
		bottom;
}

.sortableTable tr.blueRow {
	background-color: #f7f8fb;
}

.sortableTable .sortElement a {
	background: url(../images/icon_sort.png) no-repeat right 3px transparent;
	padding-right: 12px;
}

.sortableTable .sortElement .desc {
	background: url(../images/icon_sort_desc.png) no-repeat right 3px
		transparent;
	padding-right: 15px;
}

.sortableTable .sortElement .asc {
	background: url(../images/icon_sort_asc.png) no-repeat right 3px
		transparent;
	padding-right: 15px;
}

.sortableTable .buttonBlue.small {
	font-size: 0.917em;
	height: 19px;
	padding: 1px 3px 3px;
	margin-left: 0;
}

/* 7.3.3 Sortable Table Pagination */
.sortableTablePaginationWrapper {
	margin: 15px 0 10px;
	padding: 20px 0 45px;
	position: relative;
}

.sortableTablePaginationWrapper .sortableTable {
	margin: 0;
}

.sortableTablePaginationWrapper .pagination.top {
	top: -2px;
}

.sortableTablePaginationWrapper .pagination.bottom {
	bottom: 20px;
}

.sortableTablePaginationWrapper .results {
	font-size: 0.917em;
	left: 0;
	position: absolute;
	top: -5px;
}

.sortableTablePaginationWrapper .results span {
	font-size: inherit;
	padding: 0 3px;
}

/* ** 7.4 Layout Elements ** */

/* 7.4.1 Login Box */
.contentBox.loginBox form {
	z-index: 100;
	position: relative;
}

.contentBox.loginBox {
	background: url(../images/bg_note.png) no-repeat left top transparent;
	color: #fff;
	height: 405px !important;
	margin-bottom: 0;
	margin-right: -40px;
	position: relative;
	width: 307px;
}

.contentBox.loginBox a {
	color: #fff;
	font-weight: normal;
	font-size: 0.917em;
	text-decoration: underline;
	line-height: 1.5em;
}

.contentBox.loginBox fieldset {
	margin-bottom: 2px;
}

.contentBox.loginBox fieldset input[type="text"], .contentBox.loginBox fieldset input[type="password"]
	{
	border-color: #fff;
	background-color: #fff;
}

.contentBox.loginBox button.buttonBlue {
	-moz-box-shadow: 3px 3px 5px #1760b4;
	-webkit-box-shadow: 3px 3px 5px #1760b4;
	box-shadow: 3px 3px 5px #1760b4;
}

.contentBox.loginBox .graffiti {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	height: 120px;
	left: 46px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	top: 123px;
	width: 223px;
}

.no-csstransforms .contentBox.loginBox .graffiti {
	-sand-transform: rotate(-40deg);
}

.contentBox.loginBox .graffiti .peanuts {
	font-family:Verdana, serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em  !important;
	color: #fcf70c;
	top: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.contentBox.loginBox .graffiti {
		top: 270px;
	}
	.contentBox.loginBox .graffiti .peanuts {
		line-height: 0em;
	}
	
	@-moz-document url-prefix() {
		.contentBox.loginBox .graffiti .peanuts {
			line-height: 2em;
		}
	}
	
	@supports (-ms-ime-align:auto) {
    	.contentBox.loginBox .graffiti .peanuts {
			line-height: 2em;
		}
	}
}

/* Fix for IE0 und IE11 */
@media all and (-ms-high-contrast:none) { 
    .contentBox.loginBox .graffiti {
        top: 270px;
    }
}


.contentBox.loginBox .note {
	left: 63px;
	position: absolute;
	top: 257px;
	width: 244px;
}

.contentBox.loginBox .note a {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

.contentBox.loginBox .note a:hover {
	text-decoration: underline;
}

.contentBox.loginBox .note 	img {
	margin: 4px 10px 15px 0;
}

.contentBox.loginBox button {
	margin: 5px 39px 0 0;
}

.note .facebookLink {
	display: block;
	transform: rotate(6.5deg);
}

.note .facebookLink img {
	box-shadow: 0 0 4px #FFF;
}

.note .facebookLink:hover img, .note .facebookLink:focus img {
	box-shadow: 0 0 4px #FCF70C;
}

.note .facebookLink span {
	color: #FCF70C;
	display: inline-block;
	font-size: 1.45em;
	font-weight: bold;
	line-height: 1.35em;
	padding: 11px 0 0 5px;
	width: 150px;
}

.note .facebookLink:hover span, .note .facebookLink:focus span {
	text-decoration: none;
}

.instagramLink {
	margin-left: -9px;
}

.instagramLink img {
	border-radius: 16px;
}

/* 7.4.2 Main Contentbox 'Berufsdetailsicht' */
.jobDetailView h2.title, .profile h2.title {
	text-transform: uppercase;
	font-size: 0.833em;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0;
}

.jobDetailView h3, .profile h3 {
	font-size: 1.250em;
}

.jobDetailView .picture {
	-moz-box-shadow: 2px 0px 4px #DDD, 0px 2px 4px #DDD, -2px 0px 4px #DDD,
		0px -2px 4px #DDD;
	-webkit-box-shadow: 2px 0px 3px #DDD, 0px 2px 3px #DDD, -2px 0px 3px
		#DDD, 0px -2px 3px #DDD;
	box-shadow: 2px 0px 3px #DDD, 0px 2px 3px #DDD, -2px 0px 3px #DDD, 0px
		-2px 3px #DDD;
	border: 1px solid #ccc;
	margin: 8px 8px 0px -1px;
}

.jobOfferAdvice {
	border: 2px solid #0b66cb;
}

.jobDetailView .picture:last-child {
	margin-right: -1px;
}

.jobDetailView .picture img {
	margin: 0;
}

.jobDetailView p {
	margin-bottom: 3px;
}

.jobDetailView input[type="text"] {
	width: 268px;
}

.jobDetailView button {
	float: right;
	margin-right: 41px;
}

.jobDetailView .sb.selectbox {
	width: 185px !important;
}

.jobDetailView .contentBox.innerGridTwoCol {
	width: 321px;
}

/* 7.4.3 Main Contentbox 'Filter nach Berufsgruppe' */
.innerGridTwoCol.innerContentBoxBlue {
	background-color: #ecf1f7;
	display: block;
	padding: 10px 15px;
}

.innerGridTwoCol.innerContentBoxBlue fieldset {
	margin: 0;
}

.innerGridTwoCol.innerContentBoxBlue h2 {
	text-transform: uppercase;
	margin-bottom: 11px;
}

.contentBox .filterSearch.innerGridTwoCol {
	width: 330px;
	height: 230px;
}

.contentBox .changeSearch.innerGridTwoCol {
	background: url(../images/bg_contentbox_change_search.png) no-repeat
		left top transparent;
	height: 230px;
	position: relative;
	width: 486px;
}

/* 7.4.4 Main Contentbox 'Suche aendern' */
.changeSearch ul {
	display: block;
	width: 510px;
	margin-top: 0;
	overflow: visible;
}

.changeSearch ul li {
	clear: none;
	display: inline-block;
	float: left;
	margin-right: 20px;
	padding-bottom: 5px;
	width: 235px;
}

.changeSearch input[type="text"] {
	width: 225px;
}

.changeSearch .jqTransformInputWrapper {
	width: 235px !important;
}

.changeSearch .jqTransformInputInner input[type="text"] {
	width: 218px !important;
}

.changeSearch select {
	width: 237px;
}

.changeSearch .jqTransformSelectWrapper, .changeSearch .jqTransformSelectWrapper ul
	{
	width: 234px !important;
}

.changeSearch .jqTransformSelectWrapper>div>span {
	width: 200px !important;
}

.changeSearch button {
	margin-right: 19px;
	margin-top: 16px;
}

.changeSearch .sb.selectbox {
	margin-bottom: 3px;
	width: 236px !important;
}

.changeSearch .links {
	position: absolute;
	right: 0;
	top: 12px;
}

.changeSearch .links a {
	font-size: 0.917em;
	font-weight: normal;
	text-decoration: underline;
}

/* 7.4.5 Main Contentbox 'Ausbildungsplaetze' */
.jobList {
	padding-top: 40px;
	position: relative;
}

.jobList h2 {
	font-size: 1.250em;
	margin-bottom: 10px;
}

.jobList .sortableTablePaginationWrapper {
	margin: -20px 0 -10px;
}

.jobList .results {
	font-size: 0.917em;
	left: auto;
	position: absolute;
	right: 0;
	top: -40px;
}

.jobList .results span {
	font-size: inherit;
	padding: 0 3px;
}

/* 7.4.6 Toolbar */
.toolbar {
	position: absolute;
	display: inline-block;
	top: 36px;
	right: 15px;
}

.toolbar li {
	background: url(../images/icon_set_sprite.png) no-repeat left top
		transparent;
	height: 20px;
	width: 25px;
	display: inline-block;
	float: left;
}

.toolbar li.favorite {
	background-position: 0 -220px;
}

.toolbar li.email {
	background-position: 0 -200px;
	margin-right: 3px;
}

.toolbar li.print {
	background-position: 0 -180px;
}

.toolbar a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/* 7.4.7 ControlBar */
.controlBar {
	margin-bottom: 15px;
}

.controlBar a {
	font-size: 0.917em;
}

/* 7.4.8 FilterBar */
.filterBar {
	overflow: hidden;
}

/* ** 7.5 List ** */
.scrollList {
	height: 166px;
	overflow-x: hidden;
	overflow-y: auto;
}

.scrollList ul {
	margin: 0;
}

.scrollList li {
	border-top: 2px solid #67a3e9;
	overflow: hidden;
	padding-left: 2px;
}

.scrollList li a, .scrollList li strong, .scrollList li a {
	margin: 4px 0;
	display: block;
}

.scrollList li.active {
	background-color: #fff;
	font-weight: bold;
}

.scrollList li ul {
	margin-left: 15px;
	border-bottom: 1px solid #67a3e9;
}

.scrollList li ul li {
	border-top: 1px solid #67a3e9;
}

.resetSelection {
	display: block;
	padding: 0 0 3px 0;
}

.linkList {
	
}

.linkList li {
	font-weight: normal;
	background: transparent url(../images/icon_link_ext.png) no-repeat left
		5px;
	padding-left: 13px;
	margin: 2px 0 3px;
}

.linkList li a {
	font-weight: normal;
}

/* 7.5.1 AttachmentList */
.attachmentList {
	margin-bottom: 20px;
	overflow: hidden;
}

.attachmentList li {
	background: transparent url(../images/icon_link_file.png) no-repeat left
		top;
	padding-left: 21px;
	padding-top: 2px;
}

/* 7.5.2 JobDetailList */
.jobDetailList, .profileList {
	position: relative;
	margin: 20px 0px 10px;
	width: 100%;
}

.jobDetailList .label, .profileList .label {
	font-weight: bold;
}

.jobDetailList td, .profileList td {
	padding: 8px 10px;
	vertical-align: top;
}

.jobDetailList tr:nth-of-type(2n), .profileList tr:nth-of-type(2n) {
	background-color: #E8EFF9;
}

.jobDetailList li, .profileList li {
	list-style: disc inside;
}

.jobDetailList thead, .jobDetailList .ui-table-cell-label {
	display: none !important;
}

/* ** 7.6 Pagination ** */
.pagination {
	position: absolute;
	right: 0;
}

.pagination>span {
	font-size: 0.917em;
	float: left;
	line-height: 1em;
	padding: 0 3px;
}

.pagination a {
	background: url(../images/icon_pagination_sprite.png) no-repeat left top
		transparent;
	display: inline-block;
	float: left;
	height: 12px;
	line-height: 11px;
	margin: 0 2px;
	text-indent: -9999px;
	vertical-align: middle;
	width: 12px;
}

.pagination .fastBack {
	
}

.pagination .back {
	background-position: -12px 0;
}

.pagination .forward {
	background-position: -24px 0;
}

.pagination .fastForward {
	background-position: -36px 0;
}

/* ** 7.7 Tabbed Container ** */
.container .contentBox.tabbed {
	margin-top: 30px;
	position: relative;
}

.tabbedContainer {
	
}

.tabbedContainer .tabbedHead {
	background: #DAE7F7;
	display: inline-block;
	float: left;
	color: #0b66cb;
	padding: 9px 15px 12px;
	margin-top: 3px;
}

.tabbedContainer .tabbedHead:hover {
	text-decoration: underline;
	cursor: pointer;
}

.tabbedContainer.active .tabbedHead {
	background: #FFF;
	color: #303336;
	font-weight: bold;
	padding: 12px 15px;
	margin-top: 0;
}

.tabbedContainer.active .tabbedHead:hover {
	text-decoration: none;
	cursor: default;
}

.tabbedContent {
	display: none !important;
	background: #FFFFFF;
	display: block;
	left: 0;
	position: absolute;
	top: 40px;
}

.tabbedContainer.active .tabbedContent {
	display: block !important;
}

/*
 .container .contentBox.tabbed {margin-top: 30px; position: relative;}
	.tabbedContainer {}
	.tabbedContainerHead {background: #DAE7F7; display: inline-block; float: left; color: #0b66cb; padding: 9px 15px 12px; margin-top: 3px;}
	.tabbedContainerHead:hover {text-decoration: underline; cursor: pointer;}
	.tabbedContainerHead.active {background: #FFF; color:#303336; font-weight: bold; padding: 12px 15px; margin-top: 0;}
	.tabbedContainerHead.active:hover {text-decoration: none; cursor: default;}
	.tabbedContent {display: none !important; background: #FFFFFF; display: block; left: 0; position: absolute; top: 40px;}
	.tabbedContainer.active .tabbedContent {display: block !important;}
 * */

/********************************* 8. FOOTER ***************************************************************************/
.footer_content {
	color: #666;
	font-size: 0.917em;
	padding: 10px 23px;
}

.footer_content a {
	color: #666;
	font-weight: normal;
}

/********************************* A. Special Elements ***************************************************************************/
.trustinfo {
	min-height: 70px;
}

.ui-loader {
	display: none !important;
}

.contactBox h2 {
	background-color: #E8EFF9;
	padding-left: 5px;
	margin: 0 -5px 10px;
}

.contactBox p+h2 {
	margin-top: 20px;
}

.contactBox .email {
	word-wrap: break-word;
}

.contentBox.arbeitsplatz {
	background: transparent url(../images/bg_teaser_arbeitsplatz.png)
		no-repeat top left;
	height: 242px;
	margin-bottom: -90px;
	overflow: visible;
	padding-top: 90px;
}

.contentBox.arbeitsplatz select {
	margin-right: 5px;
	width: 150px;
	max-width: 150px;
	min-width: 150px;
}

.contentBox.beruf {
	background: transparent url(../images/bg_teaser_beruf.png) no-repeat top
		left;
	position: relative;
	min-height: 156px;
}

.contentBox.azubi {
	background: transparent url(../images/bg_teaser_azubi.png) no-repeat top
		left;
	position: relative;
	min-height: 136px;
}

.contentBox.beruf button {
	bottom: 32px;
	position: absolute;
	right: 15px;
}


.contentBox.berufTeaser {
	height: 175px;
	margin-bottom: -90px;
	overflow: visible;
	padding-top: 90px;
}


.loggedInMessage {
	background: url(../images/bg_login_message.png) no-repeat left top
		#E8EFF9;
	color: #303336;
	margin-right: 40px;
	padding: 12px 14px 7px;
}

.loggedInMessage p {
	
}

.skills {
	margin-top: 10px;
}

.skills li {
	background-image: url(../images/icon_skills.png);
	background-repeat: no-repeat;
	height: 105px;
	display: block;
	margin: 0 -15px;
	padding: 0 15px;
	position: relative;
}

.skills li a {
	display: block;
	height: 100%;
	width: 100%;
}

.skills li span {
	position: absolute;
	text-indent: -9999px;
}

.skilldisabled {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.skillsOverview {
	overflow: hidden;
	margin: 20px 0 10px;
}

.skillsOverview li {
	float: left;
	display: inline-block;
	margin: 0 -1px 7px;
	height: 103px;
	padding: 0;
	width: 220px;
}

/* zahlen und fakten */
.skill_1 {
	background-position: 0px -315px;
}

/* forschen und entdecken */
.skill_2 {
	background-position: 0px -419px;
}

/* umgang mit menschen */
.skill_3 {
	background-position: 0px -209px;
}

/* handwerkliches arbeiten */
.skill_4 {
	background-position: 0 -525px;
}

/* kreativit�t */
.skill_5 {
	background-position: 0px -1px;
}

/* organisieren */
.skill_6 {
	background-position: 0px -104px;
}

form.ansprechpartnerFinden {
	margin-top: 15px;
}

form.ansprechpartnerFinden .label {
	margin-bottom: 5px;
	display: inline-block;
}

form.ansprechpartnerFinden input[type="text"] {
	width: 96px;
	background-color: #dae7f7;
	border: none;
	height: 23px;
}

form.ansprechpartnerFinden button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.topTenBox {
	height: 266px;
	margin-top: 6px;
	overflow: hidden;
	padding: 9px 16px;
	width: 240px;
}

.topTenBox.selection_1 {
	background: transparent url(../images/bg_toptenbox_left.png) no-repeat
		top left;
}

.topTenBox.selection_2 {
	background: transparent url(../images/bg_toptenbox_right.png) no-repeat
		top left;
	display: none;
}

.topTenBox a {
	cursor: pointer;
}

.topTenBox h3 {
	margin: 0;
}

.topTenBox ol {
	margin: 19px 0 0 30px;
}

.topTenBox ol li {
	list-style-type: decimal-leading-zero;
	font-weight: bold;
	margin: 4px 0;
}

.topTenBox ol li span {
	font-weight: normal;
}

.jobOfferID {
	margin-bottom: 20px;
}

.professionsJobList {
	width: 100%;
}

.professionsJobList li {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 3%;
	max-width: 30%;
	overflow: hidden;
	vertical-align: top;
	width: 30%;
}

*+html .professionsJobList li {
	display: inline;
}

.formPreview {
	margin: 20px 10px 15px;
	border: 1px solid #ccc;
	padding: 10px;
}

.ui-datepicker-trigger {
	margin: 3px 3px 0 !important;
}

/* Import ProgressBar */
.importStatus {
	margin-bottom: 15px;
}

.importStatus strong {
	padding-right: 10px;
}

.importStatus .resultLink {
	display: block;
	position: relative;
}

.importStatus .progressBar {
	margin: 10px 0;
	border: 1px solid #C4DCF6;
	font-size: 0.917em;
	height: 2em;
	line-height: 1.9em;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.importStatus .progressBar span {
	z-index: 10;
	position: relative;
}

.importStatus .progressBar .progressBarInner {
	background-color: #00BA00;
	width: 0%;
	height: 90%;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
}

/* iFrame Integration */
body.iframeContent {
	background: none;
}

.iframeContent .jobList {
	float: none;
}

.iframeContent .iframeContentWrapper {
	margin: 0 20px;
}

.meldungenBox {
	border-bottom: dotted 1px #0b66cb;
	margin-bottom: 15px;
}

.meldungenBox:after {
	clear: both;
	display: block;
	content: '';
	width: 0px;
	height: 0px;
}

.meldungenBox:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.meldungenBox .gesehen {
	text-align: right;
	float: right;
}

.meldungenBox .gesehen button {
	margin: 10px 0 10px 10px;
}

/********************************* B. Print Preview ***************************************************************************/
.printPreview, .printPreview .page_margins, .printPreview #main,
	.printPreview .main_bg_wrapper, .printPreview .main_content {
	background: none;
}

.printPreview .iconButton {
	display: none;
}

.triangle-container {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 62px;
	height: 62px;
	display: block;
}

.triangle-container .triangle-button {
	background: url(../img/tri.png) no-repeat;
	height: 62px;
	width: 62px;
	border: none;
	display: block;
	cursor: pointer;
}

.triangle-info-box {
	display: none;
	width: 228px;
	height: 300px;
	background-color: #003167;
}

.triangle-info-box.active {
	display: block;
	position: fixed;
	background-color: #0b66cb;
	color: #333;
	padding: 8px 8px 8px 8px;
	left: 60px;
	bottom: 20px;
	margin: 0px;
	z-index: 10;
}

.triangle-info-box .close-button {
	color: #f9f9f9;
	position: absolute;
	right: 0px;
	text-decoration: none;
	top: 0px;
	cursor: pointer;
	font-size: 14px;
	padding: 0px 4px 1px 4px;
	background-color: #003167 !important;
}

.triangle-info-box iframe {
	border: 0;
	height: 265px;
	width: 223px;
	/* 	min-height: 200px !important; */
}

.triangle-info-box .datenschutz-info h2 {
	color: #fff !important;
	margin-left: 8px;
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
}

.contentBox.praktikumsplatz {
	background: transparent url(../images/bg_teaser_praktikumsplatz.png)
	no-repeat top left;
	height: 136px;
	margin-bottom: -90px;
	overflow: visible;
	padding-top: 90px;
}

.contentBox.praktikumsplatz select {
	margin-right: 5px;
	width: 150px;
	max-width: 150px;
	min-width: 150px;
}

.socialMedia{
	position: absolute;
	bottom: 20px;	
}
.socialMedia a { display: inline-block; } 
.socialMedia a + a { padding-left: 15px; }

.loginBoxInfo{
	position: absolute;
	top: 30px;
	line-height:250%;
}

li.oversize.is-bordered {
    position: relative;
}

li.oversize.is-bordered::before {
    content: '';
    position: absolute;
    left: -7px;
    top: -5px;
    right: -7px;
    bottom: 8px;
    border: 2px solid #008000; /* lieber den hexcode verwenden */
    background-color: #e1fbe1; /* hier kannst du auch eine Hintergrundfarbe setzen */
}

li.oversize.is-bordered > * {
    position: relative;
}