﻿
/*
 * General styles.
 */

div.module
{
	clear: both;
    float: none;
    margin: 0;
    width: 626px;
}
html* div.module {
	width: 628px;
}
td.mainZone div.treeQuarterWidth
{
	/*width: 624px;*/
	float: none;
}
td.mainZone div.oneQuarterWidth
{
	float: none;
	display: none;
}



/*
 * Layout styles.
 */

/*
    Referenznummer und Datum
*/
div.module div.miniHeader
{
	float: right;
	padding: 5px 5px 5px 10px;
}

div.module div.miniHeader div.label
{
	float: left;
	margin-left: 16px;
}

div.module div.miniHeader div.value
{
	float: left;
	font-weight: bold;
	margin-left: 8px;
}
/*
    Titel der Stellenanzeige
*/
div.module div.vacancyTitle
{
	clear: both;
	background-color: #E6E3DA;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 5px 5px 10px;
}
/*
    Name der Firma
*/
div.module div.companyName
{
	clear: both;
	background-color: #E6E3DA;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}
/*
    Adresse der Firma
*/
div.module div.companyAddress
{
	clear: both;
	background-color: #E6E3DA;
	padding: 5px 5px 10px 10px;
}
/*
    Eintrittsdatun, Arbeitszeit, Vertragsart
*/
div.module div.vacancyDataShort
{
	clear: both;
	float: left;
	width: 604px;
	background-color: #E4E8EE;
	padding: 10px;
	margin: 10px 0 0 0;
}

div.module div.vacancyDataShort div.label
{
	clear: both;
	float: left;
	width: 20%;
	padding-bottom: 5px;
}

div.module div.vacancyDataShort div.value
{
	float: right;
	width: 75%;
	font-weight: bold;
	padding-bottom: 5px;
}
/*
    Beschreibung des Unternehmens
*/
div.module div.companyDescription
{
	clear: both;
	background: #ffffff;
	float: left;
	width: 100%;
	margin-top: 10px;
}
/* Überschrift */
div.module div.companyDescription div.label
{
	background-color: #CFD0C2;
	padding: 5px 0 5px 10px;
	float: none;
	font-weight: bold;
	width: auto !important;
}
/* Beschreibung */
div.module div.companyDescription div.value
{
	float: none;
	padding: 20px 5px 20px 10px;
	width: auto;
}

div.module div.vacancyLocation
{
	background: #ffffff;
	float: left;
	width: 100%;
}

div.module div.vacancyLocation div.label
{
	background-color: #CFD0C2;
	padding: 5px 0 5px 10px;
	float: none;
	font-weight: bold;
	width: auto;
}

div.module div.vacancyLocation div.value
{
	float: none;
	padding: 20px 5px 20px 10px;
	width: auto;
}

/*
    Ihr Tätigkeitsfeld / Ihr Profil
*/
div.module div.vacancyDescription
{
	background: #ffffff;
	float: left;
	width: 100%;
}
/* Überschrift */
div.module div.vacancyDescription div.label
{
	background-color: #CFD0C2;
	padding: 5px 0 5px 10px;
	float: none;
	font-weight: bold;
	width: auto;
}
/* Beschreibung */
div.module div.vacancyDescription div.value
{
	float: none;
	padding: 20px 5px 20px 10px;
	width: auto;
}
/*
    Kontaktadresse
*/
div.module div.contactAddress,
div.module div.captionOnTop
{
	background: #ffffff;
	float: left;
	width: 100%;
}
/* Überschrift */
div.module div.contactAddress div.label
{
	background-color: #CFD0C2;
	padding: 5px 0 5px 10px;
	float: none;
	font-weight: bold;
	width: auto !important;
}
/* Beschreibung */
div.module div.contactAddress div.value
{
	float: none;
	padding: 20px 5px 20px 10px;
	width: auto;
}

div.module div.contactAddress div.value span.referenceNumber
{
	font-weight: bold;
}



div.module div.vacancyData
{
	background-color: #e0e5e8;
	float: left;
	padding: 5px 5px 5px 10px;
	width: 451px;
}

/* Bereich zur Datstellung deS Firmen Logos */
.oneQuarterWidth {
    clear: none;
    display: block !important;
    float: right !important;
    position: relative;
}
.oneQuarterWidth img {
    position: absolute;
}
