/* ---------------------------- B A S I S ---------------------------- */
* {
	box-sizing:border-box;	
}
*:focus {
    outline: none;
}
body {
	margin: 50px;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#f7f7f7;
}
p {
	margin: 0;	
}
.dropshadow {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
#target{
	border:none;
}
.saLogo{
	margin-bottom:10px;
	text-align:right;
}
/* ---------------------------- S U C H B O X ---------------------------- */
#suchwidgetSuchbox {
	background-color: #ffffff;	
	padding:20px;
	margin-bottom:20px;
}
#suchwidgetFormular {
	margin: 0px -10px;	
}
#suchwidgetFormular:after {
	display: table;
	content:'';
    display:block;
    clear: both;
}
#suchwidgetFormular > div {
	float:left;
	padding: 0px 10px;
	width:25%;	
}

#suchwidgetFormular .jobfindbtn {
	line-height:30px;
}
#suchwidgetFormular input,
#suchwidgetFormular select,
#suchwidgetFormular .jobfindbtn{
	width:100%;
    height: 35px;
    font-size: 14px;
}
#suchwidgetFormular input[type="text"],
#suchwidgetFormular select,
#suchwidgetFormular .jobfindbtn {
    color: #000000;
    padding: 0 10px;
    border: 3px solid #2989d8;
    background: #ffffff;
}
#suchwidgetFormular .jobfindbtn {
    text-align: center;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	border-radius: 5px;
	border: 2px solid #2989d8;
	background: #2989d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2989d8 0%, #2ca8ea 49%, #2989d8 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(49%,#2ca8ea), color-stop(50%,#2989d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2989d8 0%,#2ca8ea 49%,#2989d8 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2989d8 0%,#2ca8ea 49%,#2989d8 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2989d8 0%,#2ca8ea 49%,#2989d8 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #2989d8 0%,#2ca8ea 49%,#2989d8 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
	margin-bottom: 20px;
}
#suchwidgetFormular > div p {
	margin: 8px 0 15px 0;
	font-weight:bold;
}
@media (max-width: 960px) {   
	#suchwidgetFormular > div {
		width:50%;	
	}
}
@media (max-width: 580px) {   
	#suchwidgetFormular > div {
		width:100%;	
	}
	#suchwidgetFormular input[type="submit"] {
		margin-bottom: 0px;
	}
}

/* ---------------------------- E R G E B N I S L I S T E ---------------------------- */
#suchwidgetErgebnisliste {
	display:none; /* clesma */
	background-color: #ffffff;	
	padding:20px;
}
#suchwidgetErgebnisliste hr {
    clear: both;
    margin: 20px 0;
    border-top: solid 3px #2989d8;
}
#suchwidgetErgebnisliste .AnzeigenContent {
    overflow: hidden;
}
.keineSuchtreffer{
	color:#2CA8EA;
}
.PositionsTitel {
    overflow: hidden;
   	position: relative;
}
.anzeigenLink {
	color: #2989d8;
    font-weight: normal;
    text-decoration: none;
	font-size: 24px;
	margin-right: 30px;
}
.anzeigenLink:hover {
    color: #2ca8ea;
}
.iconMerken {
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 -25px;
    width: 17px;
    height: 17px;
}
.AnzeigenContent a {
    color: #2989d8;
	text-decoration: none;
}
.AnzeigenContent a:hover {
    color: #2ca8ea;
}
.Positionszusatz  {
    margin-top: 0px;
    padding-right: 1px;
}
.PositionszusatzText {
    margin-top: 10px;
    padding-right: 1px;
}
.KundenlogoWrapper {
    margin: 10px 0 10px 40px;
    float: right;
    width: 100px;
    padding: 10px 0;
    background-color: #ffffff;
}
.KundenlogoWrapper img {
	height:45px;
}
#EndlosLoader {
	display:none;
    margin: 40px auto 20px auto;
    width: 50px;
    height: 50px;
    background: url('https://app.stellenanzeigen.de/widget/images/loader.gif') no-repeat;
}

/* ---------------------------- P A G I N A T I O N  ---------------------------- */
ul.simple-pagination {
	list-style: none;
}
.simple-pagination {
	overflow: hidden;
	margin: 0;
	width:auto;
	display: inline-block;
}
.paginationWrapper{
	text-align:center;	
}
.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
.basic a, .basic span {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	margin-right:8px;
	color:#2989d8;
	border:solid 2px #2989d8;
	transition:all 0.5s;
	text-decoration:none;
	outline:none;
}
.basic a:hover {
	text-decoration:none;
	outline:none;
	background-color:#DDDDDD;
	border:solid 2px #2CA8EA;
}
.basic .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}
.basic .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.current.next,
.current.prev{
	display:none;
}

/* ---------------------------- L I V E   S E A R C H  ---------------------------- */
.autosuggest_container{
	position:relative;
	min-height:35px;
}
#suchwidgetFormular input[type="text"]#cityInput{
	position: absolute;
	z-index: 2;
	background: transparent !important;
}
#suchwidgetFormular input[type="text"]#cityInput-x{
	color: #CCCCCC;
	position: absolute;
	z-index: 1;
	background: transparent;
}
.container { width: 800px; margin: 0 auto; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/* ---------------------------- R E S P O N S I V E  ---------------------------- */
@media (max-width: 580px) {
    .PositionsTitel {
        padding-right: 30px;
		margin-bottom: 5px;
    }
	.anzeigenLink {
		font-size: 20px;
	}
	.KundenlogoWrapper,
	.PositionszusatzText {
		display: none;	
	}
}