/* ---------------------------- B A S I S ---------------------------- */ * { box-sizing:border-box; } *:focus { outline: none; } body { font-family: 'Arial', sans-serif; font-size: 14px; 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 -1px; } #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: 2px 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 1px #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 {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: 16px; } .KundenlogoWrapper, .PositionszusatzText { display: none; } }