/*	@group	XS devices (portrait phones, less than 576px), default styles 	*/

/* @group Basics */

#mc div,	#mc span,	#mc object,	#mc iframe,	#mc h1,	#mc h2,	#mc h3,	#mc h4,	#mc h5,	#mc h6,	#mc p,	#mc blockquote,	#mc pre,	#mc abbr,	#mc address,	#mc cite,	#mc code,	#mc del,	#mc dfn,	#mc em,	#mc img,	#mc ins,	#mc kbd,	#mc q,	#mc samp,	#mc small,	#mc strong,	#mc sub,	#mc sup,	#mc var,	#mc b,	#mc i,	#mc dl,	#mc dt,	#mc dd,	#mc ol,	#mc ul,	#mc li,	#mc fieldset,	#mc form,	#mc label,	#mc legend,	#mc table,	#mc caption,	#mc tbody,	#mc tfoot,	#mc thead,	#mc tr,	#mc th,	#mc td		{
	font-size:	100%;
}

/* @end */

/*	@group	Structure	*/

#job_list		{
	padding:	5px !important;
}

#job_list .jn-icon		{
	border-radius:	10%;
	background-color:	#FFD440;
	color:	#FFF;
	width:	27px;
	display:	inline-block;
	text-align:	center;
	vertical-align:	middle;
	text-transform:	uppercase;
	font-weight:	600;
	font-size:	13px;
	line-height:	13px;
	padding-top:	7px;
	height:	19px;
	text-indent:	inherit !important;
}

.jn_icons		{
	position:	absolute;
	top:	0px;
	right:	2px;
}

#mpg		{
	width:	795px;
}

/*	@end	*/

/* @group Datentabelle */

#job_list #joblist_table		{
	width:	100%;
	height:	auto;
	margin:	0;
	border-top:	1px solid #DDD;
	border-right:	1px solid #DDD;
	border-left:	1px solid #DDD;
 /*border-collapse: collapse;*/
	border-spacing:	0px;
}

#job_list #joblist_table td,	#job_list #joblist_table th		{
	padding:	5px;
	margin:	0px;
	font-size:	15px;
	border-bottom:	1px solid #DDD;
	text-align:	left;
	vertical-align:	top;
	line-height:	18px;
	position:	relative;
}

#job_list #joblist_table tr:first-child td		{
	padding-top:	15px;
}

#job_list #joblist_table tr td:first-child,	#job_list #joblist_table tr td:nth-child(2)		{
	display:	none;
	visibility:	hidden;
}

#job_list #joblist_table td		{
	background-color:	white;
}

#job_list #joblist_table tr:hover td		{
	background-color:	#FAFAFA;
 /*cursor: pointer;*/
}

#job_list #joblist_table tr:hover a		{
	background-color:	#b4df9c;
}

#job_list #joblist_table a		{
	font-weight:	400;
	border-bottom:	1px solid #b4df9c;
	color:	black;
	text-decoration:	none;
	/*	background-color: white;*/
}

/*#job_list tr:hover a {
	background-color: #ffd440;
}*/

#job_list p.copyright		{
	font-weight:	400;
	font-size:	12px;
	text-align:	center;
}

/* @end */

/* @group Paginierung */

.mpg_paginator		{
	border-top:	1px solid #DDD;
	border-right:	1px solid #DDD;
	border-left:	1px solid #DDD;
	overflow:	hidden;
	position:	relative;
	background-color:	#fafafa;
}

.mpg_di		{
	margin:	0;
	padding:	0;
	font-size:	15px;
	line-height:	15px;
	float:	right;
	position:	inherit;
	z-index:	30;
}

.mpg_di li		{
	list-style:	none;
	list-style-type:	none;
	display:	inline;
	margin:	0;
	padding:	0;
}

.mpg_di li a,	.mpg_di li span		{
	float:	left;
	text-align:	center;
	padding:	5px 10px;
	border-bottom:	0px;
	text-decoration:	none;
	border-right:	1px solid #DDD;
	background-color:	#efefef;
	color:	#585858;
	font-weight:	400;
}

.mpg_di li a:hover		{
	background-color:	#b4df9c;
	color:	white;
}

.mpg_di .active a:hover		{
	background-color:	#DDD;
	color:	black;
	cursor:	default;
}

.mpg_di .active a		{
	background-color:	#DDD;
	color:	black;
}

/* @end */

/* @group Select */

.mpg_paginator label		{
	position:	absolute;
	margin:	0px;
	top:	0px;
	left:	0;
	padding-left:	15px;
}

.mpg_paginator label:hover *,	.mpg_paginator label:hover:after,	.mpg_paginator label:hover:before		{
	background-color:	#FAFAFA;
}

.mpg_paginator label:before		{
	content:	'';
	top:	0px;
	width:	18px;
	height:	25px;
	background-color:	#FAFAFA;
	position:	absolute;
	display:	block;
	z-index:	20;
	right:	0;
}

.mpg_paginator label:after		{
	content:	"<>";
	font:	15px "Consolas",monospace;
	color:	#585858;
	background-color:	#FAFAFA;
	-webkit-transform:	rotate(90deg);
	-moz-transform:	rotate(90deg);
	-ms-transform:	rotate(90deg);
	transform:	rotate(90deg);
	left:	15px;
	top:	-2px;
	padding:	5px;
	margin-left:	-15px;
	position:	absolute;
	pointer-events:	none;
	border-bottom:	1px solid #FAFAFA;
	z-index:	20;
}

.mpg_paginator select		{
	padding:	0px 23px;
	background:	#FAFAFA;
	color:	#585858;
	border:	none;
	outline:	none;
	display:	inline-block;
	margin:	0px;
	font:	350 15px/15px "Source Sans Pro",sans-serif;
	border-left:	1px solid #FAFAFA;
	border-top-style:	none;
	border-right-style:	none;
	border-bottom-style:	none;
	outline:	none;
	outline-style:	none;
	font-weight:	400;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	appearance:	none;
	cursor:	pointer;
	margin-left:	-16px;
}

.mpg_paginator select:focus		{
	outline:	none;
}

.mpg_paginator select::-ms-expand		{
	display:	none!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0)		{
	.mpg_paginator select		{
		padding:	4px 18px 10px 20px;
		line-height:	18px;
		display:	inline-block;
	}
}

.mpg_paginator select option		{
	font-weight:	400;
	padding-top:	3px;
	padding-bottom:	3px;
	font:	350 15px/15px "Source Sans Pro",sans-serif;
}

.mpg_paginator select option:first-child		{
	padding-top:	0px;
	padding-bottom:	0px;
}

.mpg_paginator select:focus option:first-child		{
	display:	none;
	visibility:	hidden;
}

ul.mpg_filter		{
	float:	right;
	/*margin: 0 !important;*/
	margin:	0px 0px 0px 0px !important;
	padding:	0 !important;
	font-size:	15px;
	line-height:	16px;
	background-color:	white;
	width:	100%;
}

ul.mpg_filter li		{
	background-image:	none !important;
	display:	inline;
	float:	left;
	padding-top:	6px;
	padding-bottom:	3px;
	margin:	0 !important;
	position:	relative;
	cursor:	pointer;
	font-weight:	400;
	width: calc(10% - 1px);
	text-align:	center;
	z-index:	21;
}
/*ul.mpg_filter li:hover {
	background-color: #e4d1d1;
	border-right: 1px solid #cfaeae;
	color: #cd2a2a;
}*/

.lihidden		{
	background-color:	#e4d1d1;
	border-right:	1px solid #cfaeae;
	color:	#cd2a2a;
}

.lishown		{
	background-color:	#e2ede0;
	border-right:	1px solid #bbd5b6;
	color:	black;
}

ul.jn-download-section {
	margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  float: right;
  position: inherit;
  z-index: 30;
  margin-left: 25px;
}

ul.jn-download-section li {
	background-image: none !important;
  display: inline;
  float: left;
	padding: 5px 7px 4px;
  margin: 0 !important;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  z-index: 21;
	background-color: #006f1a;
}
ul.jn-download-section li.lishown {
	border-right: none;
}

ul.jn-download-section li a.jn-xls-download {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 16px;
	font-weight: 600;
	color: #FFFFFF;
}

ul.jn-download-section li a.jn-xls-download:focus {
	outline: none;
}

/*
.lishown:hover {
	background-color: #e4d1d1;
	border-right: 1px solid #cfaeae;
	color: #cd2a2a;
}

.lihidden:hover {
	background-color: #e2ede0;
	border-right: 1px solid #bbd5b6;
	color: black;
}
*/

/* @end */

/* @end */

/*	@group	M devices (tablets, 768px and up) 	*/

@media (min-width: 768px)		{

	/* @group Datentabelle */

	#job_list #joblist_table tr td:first-child,	#job_list #joblist_table tr td:nth-child(2)		{
		display:table-cell;
		visibility:	visible;
	}

	/* @end */

	/*	@group	Select	*/

	ul.mpg_filter		{
		margin:	0px 25px 0px 0px !important;
		width:	auto;
	}

	ul.mpg_filter li		{
		width: 23px;
	}

	/*	@end	*/
}

/*	@end	*/

@media screen and (max-width: 700px) {
    .jn-download-section {display: none;}
    .joblist_date {font-size: 0.8em !important;}
    .joblist_address_firm {font-size: 0.8em !important;}
    #job_list #joblist_table a {font-size: 1em !important;}
    #job_list #joblist_table td, #job_list #joblist_table th {padding: 1px;}
    .joblist_bottom {
    font-size: 0.9em;
    height: auto;
    }
    .fancybox-close {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
}