/* ---------------------------------------------

	JOBONLINE.JS
	Basic-Stylesheet f�r job-online.ch. Hier wer-
	den auch alle weiteren Stylesheets included.

	Autor:				FM
	Erstellungsdatum:	21.09.2006
	Update:				08.01.2008, UC
	
	Index:				Imports
						Element Selektoren
						Layout Containers
						Quicknavigation
						Suchen Box
						Lyout Elemente
						Bewerben Form
						Jobletter
--------------------------------------------- */

/* ---------------------------------------------
	Imorts
--------------------------------------------- */

	@import url("jobonline.navigation.css");
	@import url("jobonline.content.css");


/* ---------------------------------------------
	Element Selektoren
--------------------------------------------- */

	* {
		padding: 0;
		margin: 0;
	}
	
	/* --- Scrollbar immer anzeigen (F�r Gecko Browser) --- */
	
	html > body {
		/*overflow-y: scroll; --- muss weg fuer IE 7 */
	}
	
	body {
		margin-top: 25px;
	}
	
	body, input, textarea, select {
		font: 11px/normal Arial, Helvetica, sans-serif;
	}
		
	h2 {
		font-size: 1.7em;
		color: #322c4f;
	}
	
	h3 {
		font-size: 1.4em;
		color: #9b9b9b;
	}
	
	h4 {
		font-size: 1.2em;
		color: #322c4f;
		background: url(../images/content/dots-3px.gif) bottom left repeat-x;
		padding-bottom: 1px;
		margin: 6px 0;
	}
	
	h5 {
		font-size: 1em;
		color: #322c4f;
		font-weight: bold;
		margin: 2px 0 6px 0;
	}
	
	p {
		line-height: 15px;
		margin-bottom: 12px;
	}
	
	img {
		border: 0;
	}
	
	address {
		font-style: normal;
		margin-bottom: 12px;
	}

	/* --- Versteckte Elemente -------------- */

	hr {
		display: none;
	}
	
	
/* ---------------------------------------------
	Layout Containers
--------------------------------------------- */
	
	div#main-container {
		width: 922px;
		margin: 38px auto 0 auto;
	}
	
	div#header-top {
		height: 97px;
	}
	
	div#column-left {
		float: left;
		width: 229px;
	}
	
	div#column-right {
		float: left;
		width: 693px;
	}
	
	/* Style fuer das Layout des Vorschau Layers */
	div#preview {
		position:absolute;
		background:#E84224;
		padding:10px 30px;
		color:#fff;
		top:0;
		right:0;
	}

	/* --- Header Links --------------------- */
	
	div#column-left-header-top {
		background: url(../images/header/header-left-top.gif) no-repeat;
		height: 32px;
	}
	
	div#column-left-header-left {
		float: left;
		background: url(../images/header/header-left.gif) no-repeat;
		width: 28px;
		height: 108px;
	}
	
	/* --- F�r Internet Explorer ------------ */
	
	div#column-left-header-right {
		float: left;
		text-align: center;
		background: url(../images/nav/nav-bg.gif) top no-repeat;
		width: 201px;
		height: 229px;
	}
	
	/* --- F�r Gecko Browser ---------------- */
	
	html > body * div#column-left-header-right {
		height: auto;
		min-height: 229px;
	}
	
	div#column-left-content {
		clear: both;
		margin: 30px 0 0 30px;
	}
	
	/* --- Header Rechts -------------------- */
	
	div#column-right-header {
		height: 140px;
	}
	
	div#column-right-header-top {
		background: url(../images/header/header-right.jpg) no-repeat;
		height: 128px;
	}
	
	div#column-right-header-bottom {
		background: url(../images/header/header-line-gray-bg.gif) repeat-x;
		height: 12px;
	}
	
	div#column-right-header-bottom-shadow {
		background: url(../images/header/header-line-gray-shadow.gif) top left no-repeat;
		height: 12px;
	}

	/* --- Content -------------------------- */

	div#content-container {
		width: 673px;
		margin: 20px 0 20px 20px;
	}
	
	div#content-container-left {
		float: left;
		width: 408px;
		margin-right: 30px;
	}
	
	div#content-container-right {
		float: left;
		width: 235px;
	}

	/* --- Footer --------------------------- */
	
	span#footer {
		color: #aaa;
	}
	
	/* --- Classes -------------------------- */

	.clear {
		clear: both;
	}
	
	div.empty-container {
		line-height: 0;
		font-size: 0;
	}
	
	div.spacer-8px {
		height: 8px;
	}
	
	div.spacer-12px {
		height: 12px;
	}

/* ---------------------------------------------
	Quicknavigation
--------------------------------------------- */
	
	ul#header-quicknav {
		float: left;
		height: 20px;
		margin-top: 36px;
	}

	/* --- Elemente ------------------------- */

	div.header-quicknav-seperator {
		float: left;
		width: 1px;
		height: 20px;
	}

	ul#header-quicknav li {
		display: block;
		float: left;
		background: url(../images/misc/helpnav-seperator.gif) left no-repeat;
	}

	/* --- Links ---------------------------- */

	ul#header-quicknav li a {
		color: #aaa;
		text-decoration: none;
		padding-left: 20px;
		margin: 3px 20px 0 10px;
	}
	
	ul#header-quicknav li a:hover { color: #c91717; }
		
	a#quicknav-link-home 			{ background: url(../images/icons/icon-home.gif) center left no-repeat; }
	a#quicknav-link-contact 		{ background: url(../images/icons/icon-contact.gif) center left no-repeat; }
	a#quicknav-link-impressum 		{ background: url(../images/icons/icon-impressum.gif) center left no-repeat; }

	a#quicknav-link-home:hover 		{ background: url(../images/icons/icon-home-red.gif) center left no-repeat; }
	a#quicknav-link-contact:hover 	{ background: url(../images/icons/icon-contact-red.gif) center left no-repeat; }
	a#quicknav-link-impressum:hover { background: url(../images/icons/icon-impressum-red.gif) center left no-repeat; }


/* ---------------------------------------------
	Suchen Box
--------------------------------------------- */
	
	div#header-search {
		float: right;
		text-align:right;
		width: 178px;
	}
	
	/* --- Elemente ------------------------- */
	
	div#header-search form {
		margin-top: 33px;
	}
	
	div#header-search input {
		color: #aaa;
		background: #fafafa;
		padding: 3px;
		border-color: #c8c8c8;
		border-style:solid;
		border-width: 1px 0 1px 1px;
	}
	
	div#header-search input#btn-submit {
		background: url(../images/misc/btn-search.gif) bottom no-repeat;
		width: 23px;
		height: 23px;
		border: 0;
	}


/* ---------------------------------------------
	Layout Elemente
--------------------------------------------- */

	/* --- Header --------------------------- */
	
	h1#header-logo-mt {
		float: left;
		cursor: pointer;
		/*background: url(../images/header/header-logo-mt.gif) no-repeat;*/
		width: 222px;
		height: 56px;
		margin-right: 47px;
	}
	
	h1#header-logo-mt span {
		display: none;
	}

	div#header-faces {
		float: right;
		background: url(../images/header/header-faces.jpg) no-repeat;
		width: 190px;
		height: 86px;
		margin-top: 11px;
	}

	/* --- Navigation Links --------------------------- */
	
	h2#h2-stellenliste, h2#h2-personalliste {
		width: 197px;
		height: 22px;
		margin-bottom: 12px;
	}
	
	h2#h2-stellenliste {
		background: url(../images/misc/h2-meinestellenliste.gif) no-repeat;
	}
	
	h2#h2-personalliste {
		background: url(../images/misc/h2-meinepersonalliste.gif) no-repeat;
		margin-top: 45px;
	}
	
	h2#h2-stellenliste span, h2#h2-personalliste span {
		display: none;
	}
	
	div#stellenliste-content, div#personalliste-content {
		margin-left: 9px;
	}
	
	div#stellenliste-content ul#stellenliste-list, div#personalliste-content ul#personalliste-list {
		margin: 0 0 12px 0;
		padding: 0 0 0 20px;
		list-style: url(../images/misc/ul-dot-jobliste.gif);
	}
	
	div#stellenliste-content a, div#personalliste-content a {
		color: #332c4f;
	}
	
	div#stellenliste-content a:hover, div#personalliste-content a:hover {
		color: #c91717;
	}
	
	a#link-stellen-trash, a#link-personal-trash {
		text-decoration: underline;
		background: url(../images/icons/icon-trash.gif) center left no-repeat;
		padding-left: 13px;
		margin-left: 2px;
	}
	
	a#link-stellen-trash:hover, a#link-personal-trash:hover {
		background: url(../images/icons/icon-trash-red.gif) center left no-repeat;
	}
	
/* ---------------------------------------------
	Div Formulare
--------------------------------------------- */

	/* --- Fileinput --------------------------- */
	.flup-browse-text {
		width: 231px !important; /* 170px Firefox */
		margin-right: 2px !important;
		float:right;
	}
	
	div#locatorHelper {
		width:16px;
		height:16px;
		float:right;
		padding-top:0px !important;
		padding-right:8px;
	}

/* ---------------------------------------------
	Jobletter, uc
--------------------------------------------- */
	div.jobletter label{
		width:100px;
		display:block;
		float:left;
		padding:5px 0 0 0;
	}
	div.label-spacer{
		width:100px;
		display:block;
		float:left;
		padding:5px 0 0 0;
	}
	div.jobletter input.jl-felder{
		color: #000;
		padding: 3px;
		border:1px solid #c8c8c8;
		margin:1px;
	}
	div.jobletter select.jl-select{
		width:127px;
		margin:1px;
		border:1px solid #c8c8c8;
	}
	div.jobletter select.jl-select option{
		padding:0 0 0 4px;
	}
	#fcode{text-transform:uppercase;}
	div.jobletter img.captcha{padding:2px 0 0 1px;}
	div.jobletter input[type="text"],div.jobletter input[type="password"]{ width:119px;}
	form#profileform input.abstand{margin-top:5px;}
	
	
	/* --- MSG --------------------------- */
	div.jobletter p.alert{
		background-color:#FCD6D6;
		border:1px solid #EC8484;
		padding: 7px 9px 9px 9px;
	}
	div.jobletter p.alertOK{
		background-color:#7BC2A3;
		border:1px solid #69B695;
		padding: 7px 9px 9px 9px;
	}
	
	/* --- Berufsbilder auflisten --------------------------- */
	table#berufsbilder{
		border:1px solid #D5D5D5;
	}
	table#berufsbilder tr.berufsbild_gray{
		background-color:#F1F1F1;		
	}
	table#berufsbilder td{
		padding:6px 4px;
	}