/* DIHK v.1.7 / 25.04.2013 - Initial

/* **********************************************************
	------------- 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
		4.2 Mobile View Elements
	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 **************************************************************/

/********************************* 2. TOOLS ****************************************************************************/

/********************************* 3. GENERAL **************************************************************************/

body {background: none;}
p + h2 {margin-top: 20px;}

fieldset select {width: 100%; height: 2.8em; padding: 6px 1px;}
fieldset input[type="text"], fieldset input[type="password"] {width: 96%; height: 2.3em; padding: 1px 4px 1px 5px;}
fieldset ul li {width: 100%; margin-right: 0;}
fieldset ul li input.wideWidth,
fieldset ul li textarea.wideWidth {width: 96%;}
fieldset .label {display: block !important; font-weight: bold;}

#jobPaging {font-weight: bold; margin: 0; font-size: 1em; font-weight: bold; margin: 0; text-transform: none; position: relative; text-align: left;}
#jobPaging.paging {text-align: center;}
#jobPaging span {display: block; margin-bottom: 20px; padding: 0 40px; position: relative; vertical-align: middle;}
#jobPaging a.fll,
#jobPaging a.flr {position: absolute; background: transparent url(../images/icon_next.png) no-repeat left top; height: 33px; width: 33px; right: 0; top: 0; left: auto; text-indent: -9999px;}
#jobPaging a.fll {right: auto; left: 0; background: transparent url(../images/icon_prev.png) no-repeat left top;}

/* ** 3.2 Buttons ** */
	.buttonBlue.boxButton,
	.grid3Col .buttonBlue  {float: left; margin: 10px 0;}

/********************************* 4. MAIN LAYOUT **********************************************************************/

/* ** 4.1 Background Layout ** */
	.page_margins {background: url(../images/bg_body_stripe.png) repeat-y -40px top transparent; width: 100%; min-width: 320px; padding-bottom: 40px;}
	.main_bg_wrapper {background: none;}
	.main_content {padding: 20px 10px 10px; min-height: 0; background: none; display: block;}
	
	#breadcrumb + #main .main_content {padding-top: 0;}

	#head {width: 100%; padding: 0; height: 101px;}
	#main {background: none;}
	#footer {}
	
	.head_content,
	#visualTeaser {width: 100%;}
	
	#visualTeaser,
	.mobileHide {display: none !important;}
	
	#main .contentBox {width: 94%; float: none; height: auto; margin: 0 0 15px; padding: 10px 3%;}
	#main .contentBox.arbeitsplatz {padding-top: 90px; background-position: left -5px;}
	
/* ** 4.2 Mobile View Elements ** */
	.advancedSearch {margin-bottom: 20px;}
	.advancedSearch .focusItem {font-weight: bold;}
	.advancedSearch .resetSelection {font-size: 0.9em; font-weight: bold; margin: 0 0 9px; text-transform: uppercase;}
	
	.mobileNext {background: url(../images/icon_link_next.png) no-repeat right center #fcf70c; border: none; display: block; font-family: verdana,sans-serif; font-weight: bold; margin-bottom: 2px; padding: 7px 10px; text-align: left; text-transform: uppercase; width: 100%; cursor: pointer;}
	.mobileNext .focusItem {font-weight: 0.9em; font-weight: normal; display: block; text-transform: none;}
	.mobilePrev {background: url(../images/icon_link_prev.png) no-repeat 10px center #fff; border: none; display: inline-block; font-family: verdana,sans-serif; padding: 3px 10px 3px 22px; text-align: left; cursor: pointer; color: #0B66CB;}
	
	.contactBox {/*background: url(../images/bg_box_highlight.png) repeat-x left top #00499A; border: 1px solid #165DB0; color: #fff;*/ }
	
/********************************* 5. HEAD *****************************************************************************/

.head_content {background: url(../images/bg_head_teaser_mobile.jpg) no-repeat left top transparent; border: none; height: 100%;}
#homeLink {height: 101px; left: 0; top: 0; width: 100%;}

/* ** 5.1 Breadcrumbs ** */
	#breadcrumb {background: none; height: auto; margin: 0 10px;}
	#breadcrumb li {height: auto; float: none;}
	#breadcrumb li a {background: none; height: auto; padding: 0;}
	#breadcrumb li a span {line-height: 1.9em;}
	#breadcrumb .breadcrumb_separator {display: none;}
	#breadcrumb .breadcrumb_separator.last {display: inline-block; background: url(../images/icon_link_prev.png) no-repeat 10px center #dae7f7; border: none; display: inline-block; padding: 3px 10px 3px 22px; text-align: left; cursor: pointer; color: #0B66CB; margin-top: 10px;}
	#breadcrumb .breadcrumb_separator.last:first-child {padding-left: 22px;}
	#breadcrumb .breadcrumb_separator.last a {font-weight: normal;}
	
	#breadcrumb li.title {background: #fff; display: block; margin: 10px 0 0; padding: 0 3% 5px; }
	#breadcrumb li.title span {padding: 13px 0; line-height: 1em; color: #000; font-size: 1em; text-transform: uppercase; border-bottom: 1px dotted #000; display: block;}

/********************************* 6. NAVIGATION ***********************************************************************/

/********************************* 7. MAIN *****************************************************************************/

.contentBox.arbeitsplatz {margin-bottom: 15px; background-color: #fff;}

.contentBox.grid4Col input[type="text"], 
.contentBox.grid4Col input[type="password"] {width: 96%; height: 24px;}

.contentBox.arbeitsplatz select {max-width: 100%; min-width: 100%; width: 100%; height: 26px; padding: 3px 1px;}

#main .contentBox .contentBox {padding: 0; width: 100%;}

/* ** 7.2 Grid Layout ** */

	/* 7.2.1 General Grid */
	.container.grid9Col,
	.container.grid3Col {width: 100%; margin: 0;}

/* ** 7.3 Table ** */
		#main .linkContainer {background: url(../images/icon_link_ext.png) no-repeat 97% center transparent;}
		
		.sortWidget {background: url(../images/table_row_bg.png) repeat-x left top transparent; padding: 13px 0 0; text-align: left;}
		.sortWidget .selectSort {background-color: #DAE7F7; border: 1px solid #DAE7F7; height: 25px; padding: 2px; margin-bottom: 10px;}
		.sortWidget .typeSort {font-size: 0.9em;}

	/* 7.3.1 Standard Table */
		.standardTable.ui-table-reflow {background: url(../images/table_row_bg.png) repeat-x left top transparent; margin-top: 5px;}
		.standardTable.ui-table-reflow td {padding: 10px 0 3px;}
		.standardTable.ui-table-reflow td + td {padding: 0 0 10px;}

	/* 7.3.2 Sortable Table */
		.sortableTablePaginationWrapper {text-align: center; margin: 0; padding: 0;}
		.sortableTablePaginationWrapper .results,
		.sortableTablePaginationWrapper .pagination {display: none;}
		
		.sortableTable.ui-table-reflow {background: url(../images/table_row_bg.png) repeat-x left top transparent;}
		.sortableTable.ui-table-reflow td { display: block; overflow: hidden; padding: 0; width: 100%; font-size: 90%; line-height: 1.4em;}
		.sortableTable.ui-table-reflow td:last-child {background: url(../images/table_row_bg.png) repeat-x left bottom transparent;}
		
		.sortableTable.ui-table-reflow td:first-child .ui-table-cell-label,
		.sortableTable.ui-table-reflow td:first-child a {padding-top: 10px;}
		.sortableTable.ui-table-reflow td:last-child .ui-table-cell-label,
		.sortableTable.ui-table-reflow td:last-child a {padding-bottom: 10px;}
		.sortableTable.ui-table-reflow .ui-table-cell-label {display: inline-block; float: left; font-weight: normal; margin: 0; padding: 1px 0; text-align: right; width: 32%;}
		.sortableTable.ui-table-reflow .ui-table-cell-label:after {content: ":";}
		.sortableTable.ui-table-reflow td a {display: inline-block; float: left; padding: 1px 0; width: 54%; margin-left: 10px;}
		
		.infinityLoadButton {background: url(../images/icon_more.png) no-repeat left center transparent;  border: none; padding: 10px 0 10px 15px; cursor: pointer;}
		.infinityLoadButton span {background: url(../images/icon_more.png) no-repeat right center transparent; display: block; height: 100%; color: #0B66CB; font-weight: bold; padding-right: 17px;}
	
		
/* ** 7.4 Layout Elements ** */

	/* 7.4.2 Main Contentbox 'Berufsdetailsicht' */
		.jobDetailView h2.title, .profile h2.title {margin: 10px 0 5px;}
		.jobDetailView .paging h2.title, .profile .paging  h2.title {text-transform: none; font-size: 1em; font-weight: bold; margin: 0; padding: 0 40px;}
		.jobDetailView .picture {box-shadow: none; border: none;}
		.jobDetailView .picture img {width: 100%; height: auto;}
	
		.jobDetailView input[type="text"] {width: 96%;}
		.jobDetailView select {width: 100% !important;}
		.jobDetailView button {margin: 10px 0 0;}
	
	/* 7.4.3 Main Contentbox 'Filter nach Berufsgruppe' */
		#main .contentBox .filterSearch {display: none;}
		
		.filterSearchView #main .advancedSearch,
		.filterSearchView #main .contentBox > div,
		.filterSearchView #breadcrumb, 
		.filterSearchView #footer {display: none;}
		
		.filterSearchView #main {padding-top: 20px;}
		.filterSearchView #main .contentBox {padding: 0; margin: 0; width: auto;}
		.filterSearchView #main .contentBox .filterSearch {display: block; background: url(../images/bg_contentbox_change_search_m.png) no-repeat right top #e5ecf4; width: auto; height: auto;}
		.filterSearchView #main .contentBox .filterSearch h2 {border-bottom: 1px dotted #000;}
		.filterSearchView #main .contentBox .filterSearch .scrollList {height: auto; margin-bottom: 20px;}
		.filterSearchView #main .contentBox .filterSearch .scrollList ul {margin-bottom: 20px;}
		.filterSearchView #main .contentBox .filterSearch .scrollList li {border: none; padding-left: 0;}
        .filterSearchView #main .contentBox .filterSearch .scrollList li a {margin: 0 0 4px;}
        .filterSearchView #main .contentBox .filterSearch .scrollList li.active {background-color: transparent;}
		.filterSearchView #main .contentBox .filterSearch .scrollList li ul {border: none; margin-left: 0;}
		.filterSearchView #main .contentBox .filterSearch .scrollList strong {display: none;}
		.filterSearchView #main .contentBox .filterSearch .resetSelection {display: none;}
		
		.filterSearchView #main .contentBox .filterSearch a {background: url(../images/icon_link_next.png) no-repeat right center #fcf70c; color: #000; padding: 10px 30px 10px 10px; text-transform: uppercase;}
		
	
	/* 7.4.4 Main Contentbox 'Suche aendern' */
		#main .contentBox .changeSearch {display: none;}
		
		.changeSearchView #main .advancedSearch,
		.changeSearchView #main .contentBox > div,
		.changeSearchView #breadcrumb, 
		.changeSearchView #footer {display: none;}
		
		.changeSearchView #main {padding-top: 20px;}
		.changeSearchView #main .contentBox {padding: 0; margin: 0; width: auto;}
		.changeSearchView #main .contentBox .changeSearch {display: block; background: url(../images/bg_contentbox_change_search_m.png) no-repeat right top #e5ecf4; width: auto; height: auto;}
		.changeSearchView #main .contentBox .changeSearch h2 {border-bottom: 1px dotted #000;}
		.changeSearchView #main .contentBox .changeSearch .links {right: 15px;}
		
		.changeSearchView #main .contentBox .changeSearch ul {width: auto; margin-bottom: 20px;}
		.changeSearchView #main .contentBox .changeSearch li {margin: 0; display: block; width: auto; clear: both; float: none;}
		.changeSearchView #main .contentBox .changeSearch input[type="text"] {width: 95%; height: 2.3em; background-color: #fff;}
		.changeSearchView #main .contentBox .changeSearch select {width: 100%; height: 2.8em; background-color: #fff; padding: 6px 1px;}
		.changeSearchView #main .contentBox .changeSearch button {margin: 16px 2px 0 0;}
				
	/* 7.4.5 Main Contentbox 'Ausbildungsplaetze' */	
		.jobList {padding: 0;}
		.jobList .sortableTablePaginationWrapper {margin: 0;}
		
	/* 7.4.6 Toolbar */
		.toolbar,
		.controlBar {display: none;}


/* ** 7.5 List ** */

	.linkList {margin: 10px 0;}
	
	/* 7.5.2 JobDetailList */
		.jobDetailList, .profileList {background: url(../images/table_row_bg.png) repeat-x  left top transparent;}
		.jobDetailList tr, .profileList tr {background: url(../images/table_row_bg.png) repeat-x left bottom transparent;}
		.jobDetailList tr:nth-of-type(2n), .profileList tr:nth-of-type(2n){background-color: inherit;}
		
		.jobDetailList td, .profileList td {margin: 4px 0 10px; padding: 0;}
		.jobDetailList .label, .profileList .label {margin: 10px 0 0;}
		
		
/********************************* 8. FOOTER ***************************************************************************/

.footer_content {background-color: #DAE7F7; font-size: 1em; margin: 0 3%; padding: 10px 3%; width: 88%;}
.footer_content a {display: block; color: #0B66CB; background-color: #fff; padding: 10px; margin-bottom: 10px;}
.footer_content a:last-child {margin-bottom: 0;}

#footer {height: auto;}
#footer .footerOpener {background-color: #DAE7F7; margin: 0 3%; padding: 3%; text-align: center; width: 88%; color: #0B66CB; cursor: pointer;}

/********************************* A. Special Elements ***************************************************************************/

form.ansprechpartnerFinden input[type="text"] {height: 2.3em; width: 96%;}

.professionsJobList {}
.professionsJobList li { display: block; float: none; margin-right: 0; max-width: 100%; width: 100%; text-align: left;}
.professionsJobList li img {width: 100% !important; height: auto !important;}

.tabbedContainer {margin-top: 10px;}
.tabbedContent {top: 50px;}

/** A.1 Reflow Table jqMobile **/
	
	.ui-loader {display: none !important;}
	
	.ui-table-reflow td .ui-table-cell-label, 
	.ui-table-reflow th .ui-table-cell-label {display: none;}
	.ui-table-reflow thead td, .ui-table-reflow thead th {display: none;}
	.ui-table-reflow td, .ui-table-reflow th {display: block; text-align: left;}
	.ui-table-reflow tbody th {margin-top: 3em;}
	.ui-table-reflow td .ui-table-cell-label,
	.ui-table-reflow th .ui-table-cell-label {display: inline-block; margin: -0.4em 1em -0.4em -0.4em; min-width: 30%; padding: 0.4em;}
	.ui-table-reflow th .ui-table-cell-label-top, 
	.ui-table-reflow td .ui-table-cell-label-top {display: block; font-size: 0.9em; font-weight: normal; margin: 0.4em 0; padding: 0.4em 0; text-transform: uppercase;}
	
	/*
	.ui-table-reflow.ui-responsive {display: table-row-group;}
	.ui-table-reflow.ui-responsive td, .ui-table-reflow.ui-responsive th, .ui-table-reflow.ui-responsive tbody th, .ui-table-reflow.ui-responsive tbody td, .ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {display: table-cell; margin: 0;}
	.ui-table-reflow.ui-responsive td .ui-table-cell-label, 
	.ui-table-reflow.ui-responsive th .ui-table-cell-label {display: none;}
	.ui-table-reflow.ui-responsive td, .ui-table-reflow.ui-responsive th {-moz-box-sizing: border-box; clear: left; float: left; width: 100%;}
	*/

/** A.2 Infinite Load **/
	#infscr-loading .scrollNotice {color: #666666; font-style: normal; font-size: 0.8em;}

.topTenBox {background: none !important; padding: 0; height: auto; width: 100%;}
.topTenBox .oh {border: 1px solid #DAE7F7; padding: 0 10px; margin: 10px 0; overflow: hidden;}
.topTenBox ol {margin: 0;}
.topTenBox li {background: url(../images/table_row_bg.png) repeat-x left bottom transparent; padding: 10px 0; list-style-position: inside;}
.topTenBox li:last-child {background: none;}

.topTenBox .w55 {width: auto;}
.topTenBox .fll h3 {background-color: #DAE7F7; padding: 10px 15px;}
.topTenBox .fll a {padding: 10px 15px; display: block;}

/********************************* B. Print Preview ***************************************************************************/