/* copyright ArtProLog 2007 Ursula Bartels */

/* BLANK */
#blank {
	text-align:left;
}

#blank #content {
	padding:0;
	padding-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* FORM */
csc-mailform,
form,
fieldset {
	border-style: none;
	margin:0;
	padding:0;
	width: auto;
}

label {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	width: 200px;
}

.csc-mailform-field {
	display:block;
	line-height: 23px;
	min-height: 23px;
	clear: left;
	padding: 3px 10px 0;
}

input,
textarea,
select {
	background-color: #fff;
	color: #666666;
	padding: 1px;
	width: 250px;
	border: 1px solid #ccc;
}

.csc-mailform-submit {
	display: block;
	margin-left: 210px;
	margin-top: 10px;
	width: 254px;
	border: 1px solid #ccc;
}

.submitbutton {
	margin-top:10px;
	width: 254px;
	font-weight:bold;
}

/* LOGINBOX */

/* box3 LOGIN */
#loginbox {
	display: block;
	width:250px;
	background-color: #3399cc;
	background-image: url(../images/layout/bgrd_login.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	color:#FFFFFF;
	margin-bottom:10px;
}

#login {
	padding: 10px;
}

#login a,
#login a:link,
#login a:visited,
#login a:hover,
#login a:active {
	color: #FFFFFF;
	text-decoration: none
}

.loginbox-row label,
.logoutbox-row label,
.forgot-passw-row label,
.loginbox-submit-row label {
	width: 65px;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}

.loginbox-row input,
.loginbox-submit-row input,
.forgot-passw-row input {
	float: left;
	width:150px;
	margin-bottom:2px;
	border-style: none;
}

.loginbox-row,
.logoutbox-row,
.forgot-passw-row,
.loginbox-submit-row {
	clear:left;
}

.loginbox-submit-row input.submitbutton,
.logoutbox-row input.submitbutton,
.forgot-passw-row input.submitbutton {
	width: 152px;
	border-style: none;
}

* html .loginbox-submit-row input.submitbutton,
* html .logoutbox-row input.submitbutton,
* html .forgot-passw-row input.submitbutton {
	width: 150px;
}

.msg_error {
	width: 280px;
	display: block;
	margin-bottom: 5px;
}

.forgot-passw,
.anmeldung {
	clear:left;
	display: block;
	margin-top:5px;
	line-height: 12px;
}

.forgot-passw {
	margin-bottom:15px;
	margin-left:65px;
}

/* box3 ANZAHL STELLEN / AVIS BOX*/
#stellenanzahlbox,
#avisinnerbox,
#top10jobsbox,
#top10jobsbox2 {
	display: block;
	width:250px;
	background-color: #fff;
	background-image: url(../images/layout/bgrd_body.gif);
	background-repeat: repeat-x;
	background-position: left -30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #39c;
}

#top10jobsbox,
#top10jobsbox2 {
	text-align:left;
	background-image: url(../images/layout/bgrd_content.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#stellenanzahl,
#avis,
#top10jobs,
#top10jobs2 {
	padding: 5px;
}

#stellenanzahl h2,
#avis h1,
#top10jobs h2,
#top10jobs2 h2 {
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom:10px;
	color:#FFFFFF;
	background-color: #3399cc;
	background-image: url(../images/layout/bgrd_login.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height:1.6em;
	text-transform:none
}

#top10jobs h2,
#top10jobs2 h2 {
	text-align:center;
	background-color: #336699;
	background-image: none;
}

#avisinnerbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fe0000;
	background-image: url(../images/layout/bgrd_content.gif);
	background-repeat: repeat-x;
	background-position: 0px -30px;
}

#avisinnerbox a {
	color: #fe0000;
}

#avis h1 {
	background-color: #fe0000;
	background-image: none;
}

*+html #stellenanzahl h2,
*+html #avis h1,
*+html #top10jobs h2,
*+html #top10jobs2 h2 {
	margin-top: -10px;
	padding-top: 3px
}

* html #stellenanzahl h2,
* html #avis h1,
* html #top10jobs h2,
* html #top10jobs2 h2 {
	margin-top: -10px;
	padding-top: 3px
}

/* FORMULAR REGISTRIERUNG */

.user-forms .pbweiss {
	color:#FFFFFF;
	font-weight:bold;
	line-height:23px;
}

.user-forms div.zeile,
.user-forms div.zeile-odd,
.user-forms div.zeile-kopf,
.user-forms div.zeile-form-spacer {
	line-height: 23px;
	min-height: 23px;
	clear: left;
	padding: 3px 10px 0;
	border-top: 1px solid #e7e7e7
}

* html .user-forms div.zeile,
* html .user-forms div.zeile-odd,
* html .user-forms div.zeile-kopf,
* html .user-forms div.zeile-form-spacer {
	height: 23px;
}

.user-forms div.zeile-odd {
	background-color: #f4f4f4;
}

.user-forms div.zeile-form-spacer {
	background-color: #3399cc;
	padding: 0 10px 0
}

.user-forms .clearer {
	font-size: 0.3em;
	line-height: 0.3em;
}

.user-forms input,
.user-forms select,
.user-forms textarea {
	width: 250px;
	border: 1px solid #ccc;
}

.user-forms .checkbox {
	width: auto
}

.user-forms select {
	width: 254px
}

.user-forms .submitbutton {
	margin-top:10px;
	width: 254px;
	background-color: #3399cc;
	color:#FFFFFF;
	font-weight:bold;
	border-style: none;
}

.user-forms .zeile .spalte0,
.user-forms .zeile .spalte1,
.user-forms .zeile-odd .spalte0,
.user-forms .zeile-odd .spalte1,
.user-forms .zeile-form-spacer .spalte0,
.user-forms .zeile-form-spacer .spalte1 {
	float:left;
	width:45%;
}

.user-forms .zeile-form-spacer .spalte0 {
	width:85%;
}

.user-forms .zeile-form-spacer .spalte1 {
	width:5%;
}

/*SCHALTUNGEN*/

.sortbox,
.searchbox {
	background-color: #d8ebf5;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #3399cc;
	border-bottom: 1px solid #3399cc;
}

.searchbox {
	margin-bottom: 5px
}

/* STELLENANGBEOTE SCHALTUNGEN FORM */
#schaltungen {
	min-width:500px;
}

#schaltungen input,
#schaltungen textarea,
#schaltungen select {
	font-weight: normal;
	color: #666;
	background-color: #fff;
	padding: 1px;
	border: solid 1px #3399cc;
	width: 300px;
	margin-bottom:3px;
	margin-top:3px;
}

#schaltungen select {
	width: 380px;
}

#schaltungen .checkbox {
	width: auto
}

#schaltungen div.zeile,
#schaltungen div.zeile-odd {
	min-height: 23px;
	clear: left;
	padding-left: 10px;
	padding-right:10px;
	line-height:20px;
}

#schaltungen div.zeile-odd {
	background-color: #f4f4f4;
}

#schaltungen .list-header {
	font-weight:bold;
	background-color: #3399cc;
	color:#fff;
	line-height:1.8em;
	margin-bottom:5px;
}

#schaltungen .submitbutton {
	margin-top:10px;
	width: 304px;
	background-color: #3399cc;
	color:#FFFFFF;
	font-weight:bold;
	border-style: none;
}

#schaltungen .sortbox input,
#schaltungen .sortbox textarea,
#schaltungen .sortbox select,
#schaltungen .searchbox input,
#schaltungen .searchbox textarea,
#schaltungen .searchbox select {
	width: 200px;
}

/* SUCHE FORM */
#search {
	background-image: url(../images/misc/suche/bgrd_suche.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height:50px;
}

* html #search {
	height:50px;
}

#search input,
#search textarea,
#search select {
	font-weight: normal;
	color: #666;
	background-color: #fff;
	padding: 1px;
	width: 50%;
	margin:0px;
	float:left;
	border-style:none;
	height:18px;
}

#search select {
	width: 51%;
	height:auto;
}

#search div.zeile {
	clear: left;
	background-image: none;
	margin-bottom:5px;
}

#search .search-spalte1,
#search .search-spalte2 {
	float:left;
	width:48%;
	display:block;
}

#search label {
	width: 28%;
	line-height:22px;
	margin-left:20px;
	padding:0px;
	color:#FFFFFF;
	min-width:80px;
}

#search a {
	margin-left:20px;
	color:#d8ebf5;
	font-weight:bold;
}

* html #search label {
	margin-left:10px;
	width:85px;
}

#search input.submitbutton {
	width: 51%;
	background-color: #d8ebf5;
	font-weight: bold;
	border: solid 1px #fff;
	height:auto;
}

#search2 {
	margin: 0px;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height:50px;
}

#search2 input,
#search2 textarea,
#search2 select {
	font-weight: normal;
	color: #666;
	background-color: #fff;
	padding: 1px;
	width: 55%;
	margin:0px;
	float:left;
	height:18px;
}

#search2 select {
	width: 57%;
	height:auto;
}

#search2 label {
	width: 28%;
	line-height:22px;
	margin-left:0px;
	padding:0px;
	color:#666666;
	min-width:90px;
}

* html #search2 label {
	margin-left:0px;
	width:80px;
}

#search2 div.zeile {
	clear: left;
	background-image: none;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

#search2 input.submitbutton {
	width: 51%;
	background-color: #fff;
	font-weight: bold;
	border: solid 1px #666;
	height:auto;
}

/* SEARCH RESULT LIST */
#resultlist {
	min-width:500px;
}

#resultlist .list-header {
	font-weight:bold;
	background-color: #3399cc;
	color:#fff;
	line-height:1.8em;
	margin-bottom:5px;
	padding-left: 20px;
}

#resultlist div.zeile,
#resultlist div.zeile-odd {
	min-height: 23px;
	clear: left;
	padding-left: 20px;
	padding-right:10px;
	line-height:20px;
}

#resultlist div.zeile-odd {
	background-color: #f4f4f4;
}

#resultlist .spalte1,
#resultlist .spalte2,
#resultlist .spalte3,
#resultlist .spalte4 {
	float:left;
	width:37%;
	margin-right:20px;
}
 * html #resultlist .spalte1, * html #resultlist .spalte2, {
 width:34%;
}

#resultlist .spalte3 {
	width:10%;
}

#resultlist .spalte4 {
	width:3%;
	margin-right:0px;
}

#resultlist .browseresults {
	padding-bottom:10px;
	padding-top:10px;
}

#resultlist .browseresults a.browselink,
#resultlist .browseresults a.browselink:link,
#resultlist .browseresults a.browselink:visited,
#resultlist .browseresults a.browselink:hover,
#resultlist .browseresults a.browselink:active #resultlist .browseresults a.browselink-act,
#resultlist .browseresults a.browselink-act:link,
#resultlist .browseresults a.browselink-act:visited,
#resultlist .browseresults a.browselink-act:hover,
#resultlist .browseresults a.browselink-act:active {
	border: 1px solid #3399cc;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left:3px;
}

#resultlist .browseresults a.browselink:hover,
#resultlist .browseresults a.browselink:active,
#resultlist .browseresults a.browselink-act,
#resultlist .browseresults a.browselink-act:link,
#resultlist .browseresults a.browselink-act:visited,
#resultlist .browseresults a.browselink-act:hover,
#resultlist .browseresults a.browselink-act:active {
	background-color:#3399cc;
	color:#FFFFFF;
}

#resultlist .zeileDazwischen {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:113px;
}

/* RESULT LIST EXPERTEER*/

#resultlist #kasten_experteer {
	border:1px solid #bbcd20;
	background-color:#fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#resultlist #kasten_experteer .list-header {
	font-weight:bold;
	background-color: #bbcd20;
	color:#fff;
	line-height:1.8em;
	margin-bottom:5px;
	padding-left: 20px;
}

#resultlist #kasten_experteer div.zeile-odd {
	background-color: #f7fae0;
}

#resultlist #kasten_experteer a,
#resultlist #kasten_experteer a:link,
#resultlist #kasten_experteer a:visited,
#resultlist #kasten_experteer a:hover,
#resultlist #kasten_experteer a:active {
	color: #8d9c02;
	text-decoration: none;
}


/* RESULT LIST JOBWARE*/

#resultlist #kasten_jobware {
	border:1px solid #163d57;
	background-color:#fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#resultlist #kasten_jobware .list-header {
	font-weight:bold;
	background-color: #163d57;
	color:#fff;
	line-height:1.8em;
	margin-bottom:5px;
	padding-left: 20px;
}

#resultlist #kasten_jobware div.zeile-odd {
	background-color: #ebf5fc;
}

#resultlist #kasten_jobware a,
#resultlist #kasten_jobware a:link,
#resultlist #kasten_jobware a:visited,
#resultlist #kasten_jobware a:hover,
#resultlist #kasten_jobware a:active {
	color: #163d57;
	text-decoration: none;
}


/* RESULT SCHWEIZ MIX*/

#resultlist #kasten_chmix {
	border:1px solid #c70003;
	background-color:#fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#resultlist #kasten_chmix .list-header {
	font-weight:bold;
	background-color: #c70003;
	color:#fff;
	line-height:1.8em;
	margin-bottom:5px;
	padding-left: 20px;
}

#resultlist #kasten_chmix div.zeile-odd {
	background-color: #ebf5fc;
}

#resultlist #kasten_chmix a,
#resultlist #kasten_chmix a:link,
#resultlist #kasten_chmix a:visited,
#resultlist #kasten_chmix a:hover,
#resultlist #kasten_chmix a:active {
	color: #c70003;
	text-decoration: none;
}



/* SEARCH DETAILS LIST */
#search-details-box img.logo_stellenangebote {
	border: 1px solid #e5e4e4;
}

#search-details-box,
#search-details-header-box,
#search-details-footer-box,
#direkt-bewerben-box {
	margin: auto;
	text-align: center;
	height: 80%;
	overflow: hidden;
	position:absolute;
	left: 0px;
	top: 5%;
	z-index:10;
	width:100%;
}

#search-details-header-box {
	height: 5%;
	top:0px;
	z-index:20;
}

#search-details-header-box img.direktbewerben,
#search-details-header-box img.direktkontakt {
	position:relative;
	top:-1px;
}

#search-details-footer-box {
	height: 15%;
	top: 85%;
	z-index:20;
	background-image: url(../images/layout/searchresult/footer_left.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#search-details-footer-bgrd2 {
	background-image: url(../images/layout/searchresult/footer_right.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:absolute;
	left: 50%;
	top: 0px;
	height: 50px;
	width:50%;
	z-index:22;
}

#search-details,
#search-details-footer,
#direkt-bewerben {
	width: 600px;
	margin: auto;
	text-align:left;
	display:block;
	overflow: auto;
	height: 100%;
	position:relative;
	z-index:25;
}

#search-details-footer {
	overflow: hidden;
}

#search-details div.zeile {
	clear: left;
	background-image: none;
	margin-bottom:0px;
	line-height:1.4em;
}

#search-details .search-spalte1,
#search-details .search-spalte2 {
	float:left;
	width:60%;
	display:block;
}

#search-details .search-spalte1 {
	font-weight:bold;
	width:25%;
	margin-right:5%;
}

#search-details .headline {
	font-weight:bold;
	background-color: #3399cc;
	color:#fff;
	line-height:1.8em;
	margin-bottom:2px;
	padding-left: 20px;
}

#search-details-header2{
	display:none
}
#search-details-footer2{
	height:20px;
}

.sta-details-pruefsiegel{
	color:#709e55;
	font-weight:bold;
	padding-bottom:10px;
	display:block;
	height:30px;
}

.sta-details-pruefsiegel img{
	position:relative;
	top:5px;
}

/* RECHNER */ 
table.rechner input,
table.rechner textarea,
table.rechner select {
	width: auto;
}

/* BERUFE REGISTER */ 

#berufe-register a.browselink,
#berufe-register a.browselink:link,
#berufe-register a.browselink:visited,
#berufe-register a.browselink:hover,
#berufe-register a.browselink:active #berufe-register a.browselink-act,
#berufe-register a.browselink-act:link,
#berufe-register a.browselink-act:visited,
#berufe-register a.browselink-act:hover,
#berufe-register a.browselink-act:active {
	border: 1px solid #3399cc;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left:3px;
}

#berufe-register a.browselink:hover,
#berufe-register a.browselink:active,
#berufe-register a.browselink-act,
#berufe-register a.browselink-act:link,
#berufe-register .browseresults a.browselink-act:visited,
#berufe-register a.browselink-act:hover,
#berufe-register a.browselink-act:active {
	background-color:#3399cc;
	color:#FFFFFF;
}

/* DIEKT BEWERBEN*/
#direkt-bewerben div.zeile,
#direkt-bewerben div.zeile-odd,
#direkt-bewerben div.zeile-kopf,
#direkt-bewerben div.zeile-form-spacer {
	line-height: 23px;
	min-height: 23px;
	clear: left;
	padding: 3px 10px 0;
	border-top: 1px solid #e7e7e7
}

* html #direkt-bewerben div.zeile,
* html #direkt-bewerben div.zeile-odd,
* html #direkt-bewerben div.zeile-kopf,
* html #direkt-bewerben div.zeile-form-spacer {
	height: 23px;
}

#direkt-bewerben div.zeile-odd {
	background-color: #f4f4f4;
}

#direkt-bewerben div.zeile-form-spacer {
	background-color: #3399cc;
	padding: 0 10px 0
}

#direkt-bewerben .clearer {
	font-size: 0.3em;
	line-height: 0.3em;
}

#direkt-bewerben .submitbutton {
	margin-top:10px;
	width: 254px;
	background-color: #3399cc;
	color:#FFFFFF;
	font-weight:bold;
	border-style: none;
}

#direkt-bewerben .pbweiss {
	color:#FFFFFF;
	font-weight:bold;
	line-height:23px;
}


/* AJAX */
.ajax-popup {
	background-color: #3399cc;
	margin-top:7px;
	color:#fff;
	font-weight:normal
}
.ajax-popup li{
	border-bottom: 1px dotted #fff;
}


#search-details {
	width: 800px;
	margin: auto;
	text-align:left;
	display:block;
/*	overflow: auto;
	height: 100%;*/
	position:relative;
	z-index:25;
}


#search-details-inner {
	
	float:left;
	width:600px;
	overflow: auto;
	height: 100%;
	margin-right:20px;	
}