/* ---------------------------------  GENERAL  ----------------------------- */
body {
    height: 100%;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #333333;
    background-color: white;
	margin: 0px auto 0px auto;
    padding: 0;
}

p {
    margin: 0px 0px 0px 0px;
}

a {
	color: #00a4e1;
}

img {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: underline;
	color: #005bba;
}

a:focus {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
	color: #0081cf;
}


/* ---[ layout ]------------------------------------------------------------ */


/* ---[ EKZ specific ]------------------------------------------------------ */

#advertisement {
	width: 600px;
    min-height:644px;
    padding: 0;
	margin: 10px auto 10px auto;
	border: #000000 1px solid;
}

#advertisementImage {
	width: 104px;
	height: 191px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementEKZtop.jpg');
    background-repeat: no-repeat;
	background-position: top left;
	float: left;
}

#advertisementImageBottom {
	width: 102px;
	height: 379px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementEKZbottom.jpg');
    background-repeat: no-repeat;
	background-position: bottom left;
    float: left;
	position: relative;
	bottom: 379px;
}

* html #advertisementImageBottom {
	width: 102px;
	height: 379px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementEKZbottom.jpg');
    background-repeat: no-repeat;
	background-position: bottom left;
    float: left;
	position: relative;
	bottom: 369px;
    padding: 0;
    margin: 0px 0px -379px 0px;
}

*+html #advertisementImageBottom {
	width: 102px;
	height: 379px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementEKZbottom.jpg');
    background-repeat: no-repeat;
	background-position: bottom left;
    float: left;
	position: relative;
	bottom: 369px;
    padding: 0;
    margin: 0px 0px -379px 0px;
}

#advertisementTop {
	width: 450px;
	margin: 0px 0px 0px 130px;
}

/* ---[ Bildertausch ]------------------------------------------------------ */
div#ekzlogo {
	width:107px;
	height:50px;
    margin: 20px 10px 20px 332px;
}

.EKZLogo {
    background: url('http://internet8.refline.ch/655467/@@/img/ekz_logo.gif');
    background-repeat: no-repeat;
}

.EltopLogo {
    background: url('http://internet8.refline.ch/655467/@@/img/eltop_logo.gif');
    background-repeat: no-repeat;
}

#advertisementEKZlogo {
	margin: 20px 10px 20px 343px;
}


#advertisementBottom {
	width: 439px;
	margin: 0px 0px 10px 130px;
}

#advertisementHeadEnd {
	clear: both;
    margin: 0;
    padding: 0;
}

#ekzPositionDescription {
    margin: 0;
    padding: 0;
}

#positionDescriptionCertum {
    margin: 20px 20px 20px 20px;
}

#positionTitle {
    margin: 8px 20px 20px 20px;
    color: #333333;
    font-size: 25px;
    font-weight: bold;
	height: 31px;
}

#ekzPositionContact {
	margin: 0px 0px 10px 0px;
}

.positionPiece {
	margin: 0px 0px 20px 0px;
}

#websiteLink a {
	text-decoration: none;
    color: #333333;
}

#websiteLink a:hover {
    text-decoration: none;
	color: #00a4e1;
}

#websiteLink a:focus {
    text-decoration: none;
}

#websiteLink a:active {
    text-decoration: none;
	color: #00a4e1;
}

#websiteLink {
	margin: 27px 0px 0px 0px;
    float: left;
}

#applyLink {
	margin: 0px opx 0px 0px;
    float: right;
}

#applicationLink {
    margin: 10px 0px 0px 0px;
    width: 220px;
    height: 30px;
    background-color: #005bba;
    line-height: 30px;
}

#applicationLink a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#applicationLink a:hover {
    color: #00a4e1;
}

#advertisementEnd {
	clear: both;
    margin: 0;
    padding: 0;
}

/* ---[ Certum specific ]--------------------------------------------------- */

#advertisementCertum {
	width: 600px;
    min-height:660px;
    height:auto !important;
    height:660px;
	margin: 10px auto 10px auto;
	border: #000000 1px solid;
}

#advertisementBody {
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#advertisementHeading {
    margin: 20px 20px 20px 20px;
}

#certumHeaderImage {
    float: right;
	width: 572px;
	height: 196px;
	margin: 0px 0px 0px 0px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementCertum.jpg');
    background-repeat: no-repeat;
}

#positionTitleCertum {
    margin: 15px 20px 15px 20px;
    color: #333333;
    font-size: 25px;
    font-weight: bold;
}

#advertisementCertumlogo {
	float: left;
    margin: 0px 0px 0px 20px;
}

#advertisementBeforePosition {
	margin: 20px 20px 0px 20px;
}

/* common */

#advertisementFooter {
	margin: 10px 20px 20px 20px;
}

#positionDescription {
	margin: 0px 20px 20px 20px;
}

#positionRequirements {
	margin: 0px 20px 20px 20px;
}

#positionDirect {
	margin: 0px 20px 20px 20px;
}

#positionDutyHeader {
	margin: 0px 20px 0;
}

#positionContact {
	margin: 0px 20px 10px 20px;
}

#positionCode {
	margin: 10px 0px 20px 0px;
	font-weight: bold;
}

#positionDuty ul {
	margin-top: 0px;
}


#positionDutyCertum {
    margin: 0px 20px 20px 20px;
}

#certumLink a {
	text-decoration: none;
    color: #333333;
}

#certumLink a:hover {
    text-decoration: none;
	color: #00a4e1;
}

#certumLink a:focus {
    text-decoration: none;
}

#certumLink a:active {
    text-decoration: none;
	color: #00a4e1;
}

#certumLink {
	margin: 0px 0px 0px 0px;
}

#applyCertumLink {
	margin: 0px 20px 0px 0px;
    float: right;
}

#certumAppLink {
    margin: 10px 0px 0px 0px;
    width: 220px;
    height: 30px;
    background-color: #005bba;
    line-height: 30px;
}

#certumAppLink a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#certumAppLink a:hover {
    color: #00a4e1;
}

#clearer01, #clearer02, #clearer03 {
	clear: both;
    width:0;
    height:0;
    margin: 0;
    padding: 0;
}

/* ---[ Enera specific ]---------------------------------------------------- */

#advertisementEnera {
	width: 600px;
	margin: 10px auto 10px auto;
	border: #000000 1px solid;
}

#eneraHeaderImage {
    float: right;
	width: 600px;
	height: 100px;
	margin: 0px 0px 0px 0px;
    background: url('http://internet8.refline.ch/655467/@@/img/advertisementEnera.jpg');
    background-repeat: no-repeat;
}

#advertisementHeadingEnera {
    margin: 20px 20px 0px 20px;
    line-height: 17px;
}

#positionDescriptionEnera {
    margin: 0px 20px 20px 20px;
    line-height: 17px;
}

#positionTitleEnera {
    margin: 15px 20px 15px 20px;
    font-size: 34px;
}

#positionDutyEnera {
    margin: 20px 20px 20px 20px;
    line-height: 17px;
}

#positionRequirements {
    margin: 20px 20px 20px 20px;
    line-height: 17px;
}

#bottomEnera {
    margin: 0px 0px 20px 20px;
}

#eneraLink a {
	text-decoration: none;
    color: #333333;
}

#eneraLink a:hover {
    text-decoration: underline;
}

#eneraLink a:focus {
    text-decoration: none;
}

#eneraLink a:active {
    text-decoration: underline;
}

#eneraLink {
	margin: 0px 0px 0px 0px;
}

#applyEneraLink {
	margin: 0px 20px 0px 0px;
    float: right;
}

#eneraAppLink {
    margin: 0px 0px 10px 0px;
    width: 220px;
    height: 30px;
    background-color: #006EAB;
    line-height: 30px;
}

#eneraAppLink a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#eneraAppLink a:hover {
    text-decoration: underline;
}


/* ---[ List Style ]-------------------------------------------------------- */
ul {
    color:#333333;
    font-size:12px;
    margin:0 0 0 15px;
    padding:0;
}