/* @override 
	https://jobs.tempox.ch/files/css/styles.css
*/
/* @group Contao */

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

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

caption,th,td {
	text-align: left;
	text-align: start;
	vertical-align: top;
	font-weight: 700;
}

abbr,acronym {
	font-variant: normal;
	border-bottom: 1px dotted #666;
	cursor: help;
}

blockquote,q {
	quotes: none;
}

fieldset,img {
	border: 0
}

pre,code {
	font: 12px "Lucida Console",Monaco,monospace
}

ul {
	list-style-type: none
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

del {
	text-decoration: line-through
}

ins {
	text-decoration: none
}
:focus {
	outline: 0
}
header,footer,nav,section,aside,article,figure,figcaption {
	display: block
}
.block {
	overflow: hidden
}
.clear,#clear {
	height: .1px;
	font-size: .1px;
	line-height: .1px;
	clear: both
}
.invisible {
	width: 0;
	height: 0;
	left: -1000px;
	top: -1000px;
	position: absolute;
	overflow: hidden;
	display: inline
}
.custom {
	display: block
}
#container:after,
.custom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}


/* @end */



/* @group Basic */

body {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif, Verdana, Helvetica;
	color: #444;
	background: #fff;
}

a {
	text-decoration: none;
	color: #00772d
}
a:hover {
	text-decoration: underline
}

h1 {
	font-size: 30px;
	margin: 30px 0 30px;
	font-weight: 300;
	color: #999;
}
h2 {
	font-size: 20px;
	margin: 30px 0 15px 0;
	font-weight: 400;
}
h3 {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5em;
}
p,li {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	
}
p, ul {
	margin-bottom: 10px;
}

/* Special h2 und h3 *************** */
.home h2 {
	margin-top: 15px;
	margin-bottom: 5px;
}
.home .sponsoring h2 {
	padding: 5px 0 5px 0;
	margin-bottom: 8px;
}
.home h3 {
	margin-top: 0;
	font-size: 14px;
	font-weight: normal;
}
.newslist h2 {
	margin: 5px 0;
}

h2 a {
	display: block;
	background: url(images/arrow-link.png) no-repeat -7px center;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	border: 1px solid #fff;
}
h2 a:hover {
	text-decoration: none;
	border: 1px solid #00772d;
	background: url(images/arrow-link.png) no-repeat  95% center;
}
.ce_image h3 {
	margin-top: 0;
	margin-bottom: 3px;
}

.mobile {
	display: none;
}
.desktop {
	display: block;
}

/* ********************************* */

/* @end*/




/* @group Sticky Footer */

html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
}
#footer {
  	height:78px;
	margin-top: -80px;
	border-top: 1px solid #ddd;
}
#container {
	padding-bottom: 90px !important;
}

/* @end */


/* @group Set Width */
#header .inside,
#footer .inside {
	width: auto;
	margin: 0 auto;
}
#container {
	width: auto;
	margin: 0 auto;
}
/* @end */


/* @group header */

#header {
    background: #fff url(images/bg-header-workers.png) repeat-x center bottom ;
}
#header .inside {
	position: relative;
	height: 180px;
	
}

/** Logo **/
#logo {
    top:35px;
    position:absolute;
}
#logo img {
	width: 250px;
}

/** Topmenu **/
/*
#topmenu {
    position:absolute;
    top: 6px;
    right: 6px;
}
#topmenu form,
#topmenu ul {
    margin-bottom:0;
}
#topmenu li {
    float:left;
    padding:12px 9px;
}
#topmenu,
#topmenu a {
    color:#fff;
}
#topmenu .search {
    padding:9px;
}
#topmenu input.text {
    width:192px;
}
#topmenu input.submit {
    top:2px;
    position:relative;
    vertical-align:top;
}
*/



/* @end */


/* @group footer */

#footer p,
#copyright {
    font-size:11px;
    color:#999;
}
#footer a {
    color:#999;
}
#swissstaffing {
	float: left;
	margin-top: 8px;
	margin-right: 40px;
}
#swissstaffing img {
	width: 140px;
	height: 25px;
}
#charta {
	float: left;
	margin-top: 8px;
}
#charta img {
	width: 140px;
	height: auto;
}
#copyright {
	float: right;
	margin-top: 8px;
}
/* @end */


/* @group Form */

/* Style sheet form */
input,button,textarea {
	font-family: inherit;
	font-weight: inherit;
	font-size: 16px;
}
select {
	font-family: inherit;
	font-weight: inherit;
	font-size: 13px;
}
fieldset.radio_container,fieldset.checkbox_container {
	margin: 0;
	padding: 0;
	border: 0
}
.tableless fieldset.radio_container,.tableless fieldset.checkbox_container {
	margin-top: 1.5em
}
.tableless fieldset.radio_container legend,.tableless fieldset.checkbox_container legend {
	padding-bottom: 3px;
	font-weight: bold;
	color: #444
}
label {
	font-weight: bold;
	color: #999;
}
.checkbox_container label,
.radio_container label {
	font-weight: normal
}
.tableless label {
	display: block;
	margin-top: 1.5em;
	padding-bottom: 3px
}
.tableless .checkbox_container label,.tableless .radio_container label {
	display: inline
}
input[type="text"],
input.text,
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	padding: 12px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	 border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: 94%;
	line-height: 1.2;
}
input.submit,
input[type="submit"] {
	padding: 7px 20px;
	border: 1px solid #ccc;
	font-size: 18px;
	color:#666;
	background: #e6f0dc;
	 border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
input[type="submit"]:hover {
	border: 1px solid #333;
	color: #fff;
	background: #666;
	background-image: linear-gradient(bottom, rgb(102,102,102) 22%, rgb(204,204,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(102,102,102) 22%, rgb(204,204,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(102,102,102) 22%, rgb(204,204,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(102,102,102) 22%, rgb(251,251,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(102,102,102) 22%, rgb(204,204,204) 100%);
	background-image: -webkit-gradient(
	linear, left bottom, left top,
	color-stop(0.22, rgb(102,102,102)),
	color-stop(1, rgb(204,204,204))
	);
}

textarea {
	height: 140px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #e6f0dc;
	border-color: #6b8d1a !important
}
input[type="search"] {
	-webkit-appearance: none
}
select {
	padding: 1px;
	background-color: #f9f9f9;
	border: 1px solid #ccc
}
.checkbox_container>span,
.radio_container>span {
	display: block
}
.checkbox_container+br,
.radio_container+br {
	display: none
}
.checkbox_container label,
.checkbox_container input {
	vertical-align: middle
}
.tableless input[type="checkbox"],
x:-moz-any-link {
	top: -2px;
	position: relative
}
input[type="radio"],x:-moz-any-link {
	top: 2px;
	position: relative
}
.submit_container {
	margin-top: 2em;
	margin-bottom: 1em
}
form table td {
	padding-top: 3px;
	padding-bottom: 3px
}
form table td:first-child {
	width: 28%;
	padding-top: 6px;
	padding-right: 18px;
	padding-bottom: 0;
	text-align: right
}
.tableform table {
	width: 92%;
	margin-top: 1.5em;
	margin-bottom: 0
}
.tableform .formbody,.tableless .formbody {
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em
}
.tableless .formbody {
	padding-top: 0
}
fieldset {
	margin-top: 1em;
	border-top: 1px solid #ddd
}
legend {
	padding-right: 6px;
	background-color: #fff;
	color: #6b8d1a
}
fieldset table {
	width: 92%;
	margin-top: 1em !important;
	margin-bottom: 1em !important
}
fieldset table td:first-child {
	width: 140px;
	text-align: left
}
span.mandatory {
	font-weight: bold;
	color: #f00;
	padding: 0 10px;
}
p.confirm {
	font-size: 16px;
	color: #090
}
p.error {
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: bold;
	color: #f00
}
input[type="text"].error,input[type="password"].error,textarea.error {
	border-color: #ff8000 !important;
	background-color: #ffd
}
input.captcha {
	width: 48px;
	margin-right: 6px
}
span.captcha_text {
	font-weight: normal;
}
*:first-child+html span.captcha_text {
	top: -3px;
	position: relative
}
/* @end */

/* @group Navigation */

/* Style sheet navigation */
#mainmenu {
	position: absolute;
	bottom: 0;
}
#mainmenu li {
	float: left;
	line-height: 1;
	margin-right: -1px;
}
#mainmenu a,
#mainmenu span {
	display: block;
	padding: 14px 18px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-decoration: none;
	/* color: #a4c992; */
	color: #000;
}
#mainmenu a:hover,
#mainmenu span,
#mainmenu a.trail {
	background-color: #fff;
	color: #333;

	/* 
	background-color: #00772d; 
	color: #fff;
	*/
}

#submenu ul {
	margin: 0 10px;
	padding: 5px 0;
}
#submenu li {
	float: left;
	line-height: 1.1;
	margin-right: -1px;
}
#submenu a,
#submenu span {
	display: block;
	padding: 9px 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
	/* color: #a4c992; */
	color: #aaa;
}
#submenu a:hover,
#submenu span.active {
	color: #000;
}
#submenu ul.level_1 ul {
	margin-bottom: 0
}
#submenu a.trail {
	color: #333
}
#submenu .level_2 li {
	padding-left: 18px
}

/* @end */

/* @group Content */
/* Style sheet content */
.ce_table,
.ce_gallery,
.ce_dfGallery {
	margin-top: 1em
}
.ce_table,
.ce_image,
.ce_download,
.ce_downloads,
.ce_code,
.ce_dfGallery {
	margin-bottom: 1em
}
.ce_text p,
.ce_text pre,
.ce_hyperlink,
.ce_list,
.teaser,
.comment {
	line-height: 1.5
}
.ce_text ul {
	margin-left: 17px;
}
.ce_text li {
	list-style-type: square;
	line-height: 1.5em
}
.ce_hyperlink.back .hyperlink_txt {
	padding: 10px 0;
	display: block;
}

.pdf_link {
	top: 21px;
	position: relative;
	font-size: 11px
}
.ce_text pre {
	padding: 9px;
	background-color: #f9f9f9;
	border: 1px solid #ddd
}
.hyperlink_txt {
	padding-left: 24px;
}
.image_container {
	float: left
}
.image_container img {
	background-color: #fff;
}
.image_container .caption {
	margin-top: 0;
	padding: 5px 0;
	font-size: 10px;
	border-bottom: 1px solid #ddd;
}
*:first-child+html .image_container .caption {
	margin-top: 1px
}
.ce_gallery li {
	padding: 0 9px 12px 0
}
.ce_list ol {
	margin-left: 3em
}
.ce_list ol li {
	list-style: decimal outside
}
.ce_list ul {
	margin-left: 1.5em
}
.ce_list ul li {
	padding-left: 18px;
	background: url("../../files/modern_green/images/arrow.jpg") left center no-repeat
}

.ce_download img,.ce_downloads img {
	vertical-align: top
}
.ce_downloads p {
	margin-bottom: 3px
}


.ce_accordion_first .toggler {
	border-top: 1px solid #ddd
}
.ce_accordion .accordion div {
	padding: 9px 9px 0;
	background-color: #fcfcfc;
	border: 1px solid #ddd
}
.ce_code {
	margin-top: 1.5em;
	padding: 0 2px 0 0
}
/* @end */

/* @group Modules */
/* Style sheet modules */
.mod_randomImage {
	margin-bottom: 1em
}
.mod_rss_reader div,.listing table.single_record td,.mod_search .context,.mod_faqlist li {
	line-height: 1.5
}
.mod_login .formbody {
	width: 64%
}
.mod_login p.login_info {
	margin-top: 1.5em
}
.mod_login p.error {
	position: relative;
	top: 12px;
	left: 26%
}
.logout table {
	margin-top: 0.5em
}
.logout form table td:first-child {
	text-align: left
}



.mod_search input.text {
	width: 100%;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.mod_search .radio_container {
	margin-top: 10px;
	padding-left: 2px;
}
.mod_search .radio_container span {
	display: inline;
	padding-right: 12px
}

/* Search Results */

.mod_search p.header{
	margin-top: 1.1em;
	font-size: 14px;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.mod_search > div {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.mod_search h3 {
	margin-top: 10px;
	font-size: 14px
}
.mod_search p {
	margin-bottom: 5px
}
.mod_search .relevance {
	color: #999
}
.mod_search .url {
	color: #999
}
.mod_search .highlight {
	font-weight: bold
}
.mod_search .pagination {
	margin-top: 2em
}
.mod_subscribe .checkbox_container,.mod_unsubscribe .checkbox_container {
	margin-top: 1em;
	margin-bottom: 1em
}
*:first-child+html .mod_subscribe input.text {
	width: 120px
}
/* @end */

/* @group Inserate */

/* Job List*/
.mod_tempox_job_list form {
	overflow: auto;
	height: 50px;
}

.mod_tempox_job_list .widget-select{
	float: left;
	margin-right: 20px;
}
.mod_tempox_job_list .widget-select label.select{
	margin-right: 5px;
}
.mod_tempox_job_list .submit_container {
	float: left;
	margin: 0;
}
.mod_tempox_job_list .submit_container input.submit {
	background: #e6f0dc;
	font-size: 13px;
	padding: 2px 10px;
	text-shadow: none;
	color: #000;
}





.layout_tablelist {
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	overflow:  hidden;
}
.layout_tablelist.allJobs a {
	display: inline-block;
	padding-left: 20px;
	background: url(images/arrow-link.png) no-repeat -7px center;
	font-weight: 700;
}
.layout_tablelist.last {
	border-bottom: 1px solid #ccc;
}
.layout_tablelist.title {
	font-weight: bold;
}
.layout_tablelist > div {
	float: left;
}
.layout_tablelist .info {
	width: 12%;
}
.layout_tablelist .headline {
	width: 23%;
}
.layout_tablelist .location {
	width: 15%;
}
.layout_tablelist .location_region {
	width: 15%;
}
.layout_tablelist .sector {
	width: 13%;
}
.layout_tablelist .ad_type {
	width: 10%;
}
.layout_tablelist .ad_ID {
	width: 5%;
}
.layout_tablelist .more{
	padding-left: 10px;
	background: url(images/arrow-more.png) no-repeat right center;
	overflow: hidden;
	width: 5%;
}
.layout_tablelist .more a {
	display: block;
	text-indent: -200px;
}
.layout_tablelist.title .more{
	background: none;
}

/* Job List Home */
.home .layout_tablelist.title {
	display: none;
}
.home .layout_tablelist .info {
	width: 45%;
}
.home .layout_tablelist .ad_ID {
	width: 27%;
	float: right;
}
.home .layout_tablelist .headline {
	clear: left;
	width: 45%;
}
.home .layout_tablelist .location_region {
	width: 28%;
}
.home .layout_tablelist .ad_type {
	width: 21%;
}

.home .grid3  .layout_tablelist .ad_ID {
	text-align: right;
}
.home .grid3 .layout_tablelist .headline {
	clear: left;
	width: 100%;
}
.home .grid3 .layout_tablelist .location_region {
	width: 100%;
}
.home .grid3 .layout_tablelist .ad_type {
	width: 100%;
}



/* Pagination */
.home .pagination {
	display: none;
}

.pagination {
	border: 1px solid #ccc;
	border-top: none;
}
.pagination p {
	float: left;
	padding: 10px;
	margin: 0;
}
.pagination ul {
	float: right;
	margin: 0;
}
.pagination li {
	float: left;
	padding: 10px;
}

/* Job Reader*/
.mod_tempox_job_reader .left {
	float: left;
	width: 49%;
}
.mod_tempox_job_reader .right {
	float: right;
	width: 49%;
}
.mod_tempox_job_reader p,
.mod_tempox_job_reader li,
.mod_tempox_job_reader h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-top: 0;
}
.mod_tempox_job_reader p,
.mod_tempox_job_reader ul,
.mod_tempox_job_reader h3 {
	margin-bottom: 10px;
}
.mod_tempox_job_reader p span {
	display: block;
}
.mod_tempox_job_reader p b {
	display: inline-block;
	width: 120px;
}

.mod_tempox_job_reader p.tl_confirm {
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #00772d;
	color: #00772d;
	font-size: 20px;
}


.mod_tempox_job_reader ul {
	margin-left: 17px;
	margin-bottom: 20px;
}
.mod_tempox_job_reader li{
	list-style: circle;
	margin-left: 5px;
}

.mod_tempox_job_reader .form .widget-text,
.mod_tempox_job_reader .form .widget-textarea{
	margin-bottom: 20px;
}
.mod_tempox_job_reader .form .widget-upload {
	margin-bottom: 10px;
}
.mod_tempox_job_reader .form .widget-text label,
.mod_tempox_job_reader .form .widget-textarea label,
.mod_tempox_job_reader .form .widget-upload label {
	display: block;
	padding-bottom: 5px;
	font-size: 16px;
}


/* @end */



/* @group news/stellen */
/* Style sheet info */

.mod_tempox_job_reader .headline {
	min-height: 140px;
}

.mod_tempox_job_reader .headline h1 {
	margin-bottom: 15px;
	color: black;
	font-weight: bold;
}

#job-reader .ce_hyperlink {
	position: absolute;
	top: 45px;
	right: 10px;
	font-size: 16px;
}




/* homepage */

.layout_short {
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.layout_short.last {
	border-bottom: 1px solid #ccc
}
.layout_short h3 {
	margin: 0;
	font-size: 13px;
}
.layout_short .info {
	margin: 0;
}
.layout_short .more {
	display: none;
}

.mod_tempox_job_reader p.info {
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #ccc ;
}

/* Detailansicht*/
.layout_full p.pict {
	float: left;
	margin-right: 10px;
}


/* @end*/

/* @group Filialen */

#filiale-baden .ce_text.first,
#filiale-pratteln .ce_text.first,
#filiale-steffisburg .ce_text.first,
#filiale-zug .ce_text.first
{
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#filiale-zuerich .address h2,
#filiale-baden .address h2,
#filiale-pratteln .address h2,
#filiale-steffisburg .address h2,
#filiale-zug .address h2
{
	display: none;
}

.mod_customnav.filialen li {
	font-size: 20px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.home .mod_customnav.filialen li {
	font-size: 14px;
}
.mod_customnav.filialen li.last {
	border-bottom: 1px solid #ccc;
}

#ueber-tempox h2 {
	margin-top: 0;
}
		
#ueber-tempox hr {
    border: 0;
    height: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}		




/* @end*/

/* @group Homepage */

.keyvisual p {
	border: 1px solid #ccc;
	padding: 10px;
	height: 300px;
}
.ce_accordion {
	width: 292px;
	float: right;
	clear: both;
	margin-left: 36px
}

.mod_quicknav,.mod_eventlist {
	margin-right: auto;
	margin-left: auto
}
.mod_rss_reader .rss_items_only h2 {
	margin: 0;
	padding: 6px 0;
	font-size: 14px;
	list-style: circle;
	padding-left: 17px;
	background: url(images/bg-arrow.png) no-repeat left 5px;
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}

#blogposts>div,.mod_rss_reader>div {

	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc
}
#blogposts p.more,#blogposts .teaser,.mod_rss_reader .description {
	margin-bottom: 6px;
	font-size: 11px;
	display: none;
}
.mod_quicknav .formbody {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	border-top: 1px solid #ccc
}
.mod_quicknav form {
	margin-bottom: 0
}
.mod_quicknav select {
	width: 75%;
	background-color: #fff
}
.mod_eventlist {
	padding-bottom: 6px
}
.mod_eventlist h1 {
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc
}
.mod_eventlist .event {
	padding-right: 6px;
	padding-left: 6px
}
.mod_eventlist .time {
	display: none
}

.home .sponsoring p,
.home .news p {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

/* @end */


/* @group team*/

.responsibility {
	overflow: auto;
}
.responsibility h3{
	padding-bottom: 10px;
}
.team {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	overflow: auto;
	clear: left;
}
.team figure {
	margin-right: 10px;
}
.team .regions {
	display: none;
}

/* @end */


/* @group Grid*/


*[class*="grid"] {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-left: 10px
}
.mod_article>* {
	margin-left: 10px;
	margin-right: 10px
}
.mod_article.grid1, .mod_article.grid2, .mod_article.grid3, .mod_article.grid4,
.mod_article.grid5, .mod_article.grid6, .mod_article.grid7, .mod_article.grid8,
.mod_article.grid9, .mod_article.grid10, .mod_article.grid11, .mod_article.grid12 {
	margin-left: 0;
	margin-right: 0
}
#main .inside {
	overflow: hidden
}
.grid1 {
	width: 60px
}
.grid2 {
	width: 140px
}
.grid3 {
	width: 220px
}
.grid4 {
	width: 300px
}
.grid5 {
	width: 380px
}
.grid6 {
	width: 460px
}
.grid7 {
	width: 540px
}
.grid8 {
	width: 620px
}
.grid9 {
	width: 700px
}
.grid10 {
	width: 780px
}
.grid11 {
	width: 860px
}
.grid12 {
	width: 940px
}
.mod_article.grid1 {
	width: 80px
}
.mod_article.grid2 {
	width: 160px
}
.mod_article.grid3 {
	width: 240px
}
.mod_article.grid4 {
	width: 320px
}
.mod_article.grid5 {
	width: 400px
}
.mod_article.grid6 {
	width: 480px
}
.mod_article.grid7 {
	width: 560px
}
.mod_article.grid8 {
	width: 640px
}
.mod_article.grid9 {
	width: 720px
}
.mod_article.grid10 {
	width: 800px
}
.mod_article.grid11 {
	width: 880px
}
.mod_article.grid12 {
	width: 960px
}
.offset1 {
	margin-left: 90px
}
.offset2 {
	margin-left: 170px
}
.offset3 {
	margin-left: 250px
}
.offset4 {
	margin-left: 330px
}
.offset5 {
	margin-left: 410px
}
.offset6 {
	margin-left: 490px
}
.offset7 {
	margin-left: 570px
}
.offset8 {
	margin-left: 650px
}
.offset9 {
	margin-left: 730px
}
.offset10 {
	margin-left: 810px
}
.offset11 {
	margin-left: 890px
}
.offset12 {
	margin-left: 970px
}

/*
@media (min-width:768px) and (max-width:979px) {

#wrapper{
	width: 744px
}
.grid1 {
	width: 42px
}
.grid2 {
	width: 104px
}
.grid3 {
	width: 166px
}
.grid4 {
	width: 228px
}
.grid5 {
	width: 290px
}
.grid6 {
	width: 352px
}
.grid7 {
	width: 414px
}
.grid8 {
	width: 476px
}
.grid9 {
	width: 538px
}
.grid10 {
	width: 600px
}
.grid11 {
	width: 662px
}
.grid12 {
	width: 724px
}
.mod_article.grid1 {
	width: 62px
}
.mod_article.grid2 {
	width: 124px
}
.mod_article.grid3 {
	width: 186px
}
.mod_article.grid4 {
	width: 248px
}
.mod_article.grid5 {
	width: 310px
}
.mod_article.grid6 {
	width: 372px
}
.mod_article.grid7 {
	width: 434px
}
.mod_article.grid8 {
	width: 496px
}
.mod_article.grid9 {
	width: 558px
}
.mod_article.grid10 {
	width: 620px
}
.mod_article.grid11 {
	width: 682px
}
.mod_article.grid12 {
	width: 744px
}
.offset1 {
	margin-left: 72px
}
.offset2 {
	margin-left: 134px
}
.offset3 {
	margin-left: 196px
}
.offset4 {
	margin-left: 258px
}
.offset5 {
	margin-left: 320px
}
.offset6 {
	margin-left: 382px
}
.offset7 {
	margin-left: 444px
}
.offset8 {
	margin-left: 506px
}
.offset9 {
	margin-left: 568px
}
.offset10 {
	margin-left: 630px
}
.offset11 {
	margin-left: 692px
}
.offset12 {
	margin-left: 754px
}
}

@media (max-width:767px) {
	#wrapper {
		width: aut0
	}
	*[class*="grid"] {
		float: none;
		display: block;
		width: auto
	}
}
*/

/* @end*/


@media (max-width:900px){
/* Style sheet iphone */



#header .inside {
	width: 700px;
	margin: 0 auto;
}

#container {
	width:auto;
	margin: 0;
	padding: 0;
}
#main {
	width: 720px;
	margin: 0 auto;
}

/* Sticky Footer */

#footer {
	margin-top: -120px;
    background:url("files/modern_green/images/footer.jpg") center top no-repeat;
  	height:118px;
}
#container {
	padding-bottom: 130px !important;
}


#footer .inside {
	width: 700px;
}

#logo h1 {
	font-size: 38px;
}


.sitemap .main-left {
	float: left;
}
.sitemap .main-right {
	float: right;
}

#footer .inside {
	margin: 0 auto;
}
#copyright {
	clear: left;
	float: left;
	margin: 0;
	padding-top: 20px;
}
/* Stellenangbote */ 


.layout_tablelist .info {
	width: 15%;
}
.layout_tablelist .headline {
	width: 25%;
}
.layout_tablelist .location {
	width: 15%;
	display: none;
}
.layout_tablelist .location_region {
	width: 15%;
}
.layout_tablelist .sector {
	width: 17%;
}
.layout_tablelist .ad_type {
	width: 13%;
}
.layout_tablelist .ad_ID {
	width: 6%;
}
.layout_tablelist .more{
	padding-left: 10px;
	background: url(images/arrow-more.png) no-repeat right center;
	overflow: hidden;
	width: 5%;
}

.team .ce_accordion.first{
	padding-right: 15px;
}


.team .ce_accordion.first{
	padding-right: 15px;
}


.inside #kontakt .dlh_googlemap {
	overflow: hidden !important;
	float: none;
	width: auto !important;
}
.grid3 {
	width: 160px;
}
.grid6 {
	width: 340px;
}


}


@media (max-width:568px) {
/* Style sheet iphone */


.mobile {
	display: block;
}
.desktop {
	display: none;
}

body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	background: none !important;
	color: #444;
}
*[class*="grid"] {
	float: none;
	width: 100%;
	display: block;
	margin-right: 0;
	margin-left: 0
}
#main {
	width: auto;
	float: none;
	margin-bottom: 0; 
}
#main,
#header .inside,
#features .inside,
#footer .inside {
	width: auto;
	margin: 0 auto;
	padding: 0 10px;
}
#container {
	width: auto;
	margin: 0 auto;
	padding: 0;
}
#header {
	height: auto;
	position: relative;
	background: #fff url(images/bg-header.png) repeat-x bottom;
}
#header .inside {
	height: 140px;
	padding: 0;
}


h1 {
	font-size: 24px;
	margin-left: 0 !important;
}
#logo {
	top: 20px;
	left: 10px;
	margin: 0 ;
}
#logo img {
	width: 200px;
}







#mainmenu {
	position: absolute;
	bottom: 0;
}
#mainmenu ul{
	margin: 0;
}

#mainmenu li {
	float: left;
	line-height: 1;
	margin-right: -1px;
}
#mainmenu a,
#mainmenu span {
	padding: 10px;
}

#submenu ul {
	margin: 0 -20px 0 -10px;
	padding: 5px 0;
}
#submenu a,
#submenu span {
	padding: 10px ;
}



#toggleView {
	display: none;
}
#mobileNavi {
	display: block;
	left: 2px;
	top:15px;
	position:absolute;
    font-size: 13px;
    z-index: 100;
    text-indent: -900px;
    width: 18px;
    background: url(images/icon-sitemap.png) repeat-x;
	background-position: 0 -200px;
    cursor: pointer;
}
#mobileNavi:active,
#mobileNavi:hover {
	background-position: 0 -100px;
}



.sitemap a {
	color: #e52713;
}
#sitemaplink {
	display: block;
	left: 23px;
	top:15px;
	position:absolute;
    font-size: 13px;
    z-index: 100;
    text-indent: -900px;
    width: 18px;
    background: url(images/icon-sitemap.png) repeat-x;
}
#sitemaplink:hover {
	background-position: 0 -100px;
}
#sitemaplink a {
	display: block;
}
#startlink {
    position:absolute;
    left: 50px;
    top:18px;
    font-size: 13px;
    z-index: 100;
}
.ce_download a,
.ce_downloads a {
	color: #e52713;
}
.extern .hyperlink_txt{
	color: #e52713;
	background-position: 4px -102px;
}


.ce_hyperlink.showForms {
	margin-top: 10px;
	clear: both;
	background: url(images/bg-showForms-grey.png) repeat right center;
}
.ce_hyperlink.showForms a {
	padding:5px 30px;
	background: url(images/icon-docs-black.png) no-repeat 5px center;
	color: #fff;
	display: inline-block;
}


/* Job List*/
.layout_tablelist .more {
	position: absolute;
	top: 10px;
	right: 10px;
}
.layout_tablelist > div {
	float: none;
	width: auto !important;
	margin-bottom: 2px;
}

.mod_tempox_job_list .title {
	display: none;
}
.mod_tempox_job_list {
	margin: 0;
}
.mod_tempox_job_list form {
	overflow: auto;
	height: auto;
}

.mod_tempox_job_list .widget-select{
	float: none;
	margin-right: 0;
	padding-bottom: 8px;
	width: 100%;
}
.mod_tempox_job_list .widget-select select{
	float: none;
	margin-right: 0;
	padding-bottom: 8px;
	width: 50%;
}
.mod_tempox_job_list .widget-select label.select{
	display: inline-block;
	width: 30%;
	margin-right: 0;
}
.mod_tempox_job_list .submit_container {
	float: left;
	margin: 0;
	margin-bottom: 10px;
}
.mod_tempox_job_list .submit_container input.submit {
	background: #e6f0dc;
	font-size: 13px;
	padding: 2px 10px;
	text-shadow: none;
	color: #000;
}


/* Job Reader */
.mod_tempox_job_reader {
	margin: 0;
	width: auto;
}

.mod_tempox_job_reader .left,
.mod_tempox_job_reader .right {
	float: none;
	width: auto;
}


/* footer */

#footer {
	margin-top: 0;
  	height:auto;
  	clear: both;
}
#footer:after {
	content: "";
	display: table;
	clear: both;
	height: 0;
}
#swissstaffing,
#charta,
#copyright {
	float: none;
	margin: 0;
	padding: 10px 0;
}
#copyright {
	margin-top: 20px;
}


.slider-wrapper .image_container img {
	max-width: 100% !important;
	height: auto;
}



.allekontakte .desktop {
	display: block;
	width: 50%;
	margin-bottom: 20px;
	min-height: 150px;
}


#logo .homelink {       
	font-size: 28px;
}

.lead p {
	font-size: 16px;
	line-height: 1.4;
}
.lead p strong {
	font-size: 20px;
	line-height: 1.2;
}


.map-text td a {
	color: #f00;
	background: url(images/arrow-hover.png) no-repeat;
}

.map-pict {
	display: none;
}

/* @group accordion */
.ce_accordion .toggler {
	background-position:0 -98px;
}
.ce_accordion .toggler.ui-state-active {
	background-position: 0 -148px;
}
.ce_accordion .toggler h3:hover {
	border-bottom: 1px dotted #666;
}
.lead p strong{
	color: #444;
}
/* @end */

}