@charset "utf-8";
/* CSS Document */

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

   reset.css
   * Resets default browser CSS.

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	text-align: left;
}
body {
	line-height: 1.5;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img {
	border: none;
}

a {
	outline: none;
}

.container {
	width: 950px;
}

.mcontainer {
	width: 1170px;
}

em {
	font-style: italic;
}

/* Columns
-------------------------------------------------------------- */

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {
	float:left;
	margin-right: 10px;
}

div.mspan-210, div.mspan-770, div.mspan-160, div.mspan-945 {
    float:left;
	margin-right: 15px;
}

div.last {
	margin-right: 0;
}

.mspan-210 {
	width: 180px;
}

.mspan-770 {
    width: 800px;
}

.mspan-160 {
    width: 160px;
}

.mspan-945 {
    width: 975px;
}

.mspan-995 {
    width: 995px;
}

.span-1 {
	width: 150px;
}
.span-2 {
	width: 310px;
}
.span-3 {
	width: 470px;
}
.span-4 {
	width: 630px;
}
.span-5 {
	width: 790px;
}
.span-6, div.span-6 {
	width: 950px;
	margin: 0;
}

.append-1 {
	padding-right: 160px;
}
.append-2 {
	padding-right: 320px;
}
.append-3 {
	padding-right: 480px;
}
.append-4 {
	padding-right: 640px;
}
.append-5 {
	padding-right: 800px;
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
	padding-left: 160px;
}
.prepend-2 {
	padding-left: 320px;
}
.prepend-3 {
	padding-left: 480px;
}
.prepend-4 {
	padding-left: 640px;
}
.prepend-5 {
	padding-left: 800px;
}


.pull-1 {
	margin-left: -160px;
}
.pull-2 {
	margin-left: -320px;
}
.pull-3 {
	margin-left: -480px;
}
.pull-4 {
	margin-left: -640px;
}
.pull-5 {
	margin-left: -800px;
}
.pull-6 {
	margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {
	float:left;
	position:relative;
}
.push-1 {
	margin: 0 -160px 1.5em 160px;
}
.push-2 {
	margin: 0 -320px 1.5em 320px;
}
.push-3 {
	margin: 0 -480px 1.5em 480px;
}
.push-4 {
	margin: 0 -640px 1.5em 640px;
}
.push-5 {
	margin: 0 -800px 1.5em 800px;
}
.push-6 {
	margin: 0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {
	float:right;
	position:relative;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}

.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .container {
	display: inline-block;
}
* html .clearfix, * html .container {
	height: 1%;
}
.clearfix, .container {
	display: block;
}

.clear {
	clear:both;
	font-size:0px;
	 height:0px;
	 line-height:0px;
}



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

   general.css

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

html {
   font-size:100%; 	
}
body {
	font-size:75%;
	background: #fff;
	padding:1em 3em;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
	font-family: Verdana, Geneva, sans-serif;
	color:#000;
}

/* Links
-------------------------------------------------------------- */
a:focus, a:hover {
	color: #e61a08;
	text-decoration:underline
}
a {
	color: #e61a08;
	text-decoration: none;
}
/* Text elements
-------------------------------------------------------------- */
p {
	margin: 0 0 1.5em;
}
p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
.inline-block {
    display:-moz-inline-stack; /* for FF2*/
    display:inline-block; /* normal browsers */
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
}


input[type="radio"], input[type="checkbox"] { border-style:none; }
input[type="text"], input[type="password"], select, textarea { border:1px solid #ccc;}

input, textarea, select { padding:3px}
button {
background-color:#CCCCCC;
border:1px solid #999999;
color:#000000;
padding:4px 14px;
text-decoration:none;
}

/* Logo
-------------------------------------------------------------- */
.h-logo {
	margin-top:1.5em
}

h1.b-logo-ch a {
	width:154px;
	height:71px;
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-300px;
	border:none
}

h1.b-logo-de a {
	width:154px;
	height:60px;
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-300px;
	border:none
}

h1.b-logo-at a {
	width:154px;
	height:59px;
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-300px;
	border:none
}

h1.b-logo-ch a span {
	position:absolute;
	width:154px;
	height:71px;
	top:0;
	left:0;
	background:transparent url(../images/logo_ch.gif) no-repeat 0 0;
}

h1.b-logo-de a span {
	position:absolute;
	width:154px;
	height:60px;
	top:0;
	left:0;
	background:transparent url(../images/logo_de.gif) no-repeat 0 0;
}

h1.b-logo-at a span {
	position:absolute;
	width:154px;
	height:59px;
	top:0;
	left:0;
	background:transparent url(../images/logo_at.gif) no-repeat 0 0;
}

.b-country-selector ul {
	list-style:none;
}
.b-country-selector ul li {
	float:left;
	line-height:1em;
	position:relative
}
.b-country-selector ul li span {
	display:block;
	position:absolute;
	width:7px;
	height:4px;
	background:url(../images/u_arrow_down.gif) no-repeat top left;
	top:-5px;
	left:15px;
	margin-bottom:-5px
}
.b-country-selector ul li a {
	display:block;
	padding:3px;
}
.b-country-selector ul li a img {
	display:block
}
.b-country-selector ul li a:hover {
	background-color:#CCC
}

#leftColumn .box { padding-right:10px}

.h-top-search-form { padding-top:1.5em;}
.b-top-search-form { float:left}
.b-top-adv-search { float:left; padding:1.8em 0 0 15px}

.b-left-facebook {float:left; padding:15px 0 0 5px}

.box {
	overflow:hidden;
	margin-bottom:1em;	
}
.box h3 {
	display:block;
	background-color:#e61a08;
	padding:3px 8px;
	color:#fff;
	font-weight:bold
}
.box .boxContent {
	padding:1em 0
}

.h-page-nav {margin-top:1em}
.b-search-pagenavi {
 margin-bottom:50px;
 text-align:center
}

.b-search-pagenavi .prev {
margin-right:30px;
}

.b-search-pagenavi .next {
margin-left:30px;
}

.b-search-pagenavi .page {
margin:0 3px;
}

.b-search-pagenavi .page.current {
font-weight:bold
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 901;
    display: none;
	background-color:#000;
}

.l-header-subtop-container {border-bottom:1px solid #cccccc;}
.l-header-top-container { border-bottom:1px solid #cccccc; padding-top:5px}

.b-main-menu .navigation { list-style:none; overflow:hidden}
.b-main-menu .navigation li { float:left}
.b-main-menu .navigation li a { display:block; padding:4px 0.8em 6px 0.8em; color:#999999; text-decoration:none; font-size:1.3em; font-weight:bold}
.b-main-menu .navigation li a:hover {color:#000;}
.b-main-menu .navigation li.active a {background-color:#999999; color:#fff}

.titleContainer {padding:10px; background-color:#f0f0f0; margin-bottom:0.5em; border:1px solid #CCC}
.titleContainer span {font-size:1.5em;}
.titleContainer div {float:right; font-size:1em}

.vacancyDetail {position:relative}
#topLetters {
	margin-bottom:1em
}
#topLetters ul {
	list-style:none
}
#topLetters ul li {
	float:left;
	display:block;
	line-height:1em
}
#topLetters ul li a {
	display:block;
	padding:5px 8px
}
#topLetters ul li.showAll {
	padding-right:10px;
	border-right:1px solid #000;
	margin-right:10px;
}
#topLetters ul li a:hover {
	background-color:#F00;
	color:#fff;
	text-decoration:none
}
#topLetters ul li.selected {
	background-color:#e61a08;
	color:#fff;
	position:relative
}
#topLetters ul li.selected span {
	width:7px;
	height:4px;
	display:block;
	position:absolute;
	background:url(../images/u_arrow_down.gif) no-repeat 0 0;
	bottom:0px;
	left:10px;
	margin-bottom:-4px
}
#topLetters ul li.showAll.selected {
    background:none;
}

#topLetters ul li.showAll.selected a {
   background-color:#e61a08;
	color:#fff;
}

#topLetters ul li.showAll.selected span {
    left:10px;
}


#topLetters ul li.selected a {
	text-decoration:none;
	color:#fff
}
.pageNavi { list-style:none; margin-bottom:0.5em; overflow:hidden; clear:both}
.pageNavi li { display:block}
.pageNavi .amount { float:left}
.pageNavi .pages { float:right}
.pageNavi a { padding:2px 5px}
.pageNavi span { padding:2px 5px; background-color:#F00; color:#fff}
.pageNavi span { font-weight:bold}
.pageNavi a:hover { background-color:#F00; color:#fff}
.pageNavi .prev { margin-right:10px}
.pageNavi .next { margin-left:10px}

a.help {
	background:url(../images/u_help.gif) no-repeat center left;
	padding-left:17px;
	position:absolute;
	left:350px;
}

a.back {
	background:url(../images/arrow_left.gif) no-repeat center left;
	padding-left:9px;
}

a.b-jobmail-link {
    background:url(../images/oj_brief.gif) no-repeat center left;
	padding:2px 0px 2px 20px;
	margin-left:5px;
}

a.pdf {
    background:url(../images/pdf.gif) no-repeat center left;
	padding:2px 0px 2px 20px;
}

a.ext {
    background:url(../images/external.gif) no-repeat center right;
	padding-right:15px;
}


#header {
	margin-bottom:15px;
}
#main {
	
}
#footer {
	border-top:1px solid #cccccc;
	font-size:0.9em;
	padding:0.5em 0;
}

.searchAmount { background-color:#F0F0F0; border-top:1px solid #ccc; padding:5px}

.widget_msg_container { }
.widget_msg_ok {display:none; color:white; background-color:green; font-weight:bold; padding:0 1em;}
.widget_msg_nok {display:none; color:red; font-weight:bold}
.b-top-title-panel {
    background-color:#F0F0F0;
    border-top:1px solid #E61A08;
    margin-bottom:10px;
    padding:2px;
    font-weight:bold;
}

.b-error-block { padding:50px 0px}
.b-error-block h2 { font-size:1.8em}
.b-dev-info { border:1px solid #ccc; padding:5px; font-size:1em; background-color:#f0f0f0; margin-bottom:50px; }

.b-form-subscribe-confirm { padding:50px 0}
.empty {padding:15px 0px}

.l-bottom-after-icons {padding:4px 0px}
.b-vacancies-amount { float:left}
.b-customer-login { float:right; padding-right:10px}


/* Ajax cover */

div#cover {text-align:center;z-order:10000;background-color:transparent;position:absolute;cursor:wait;display:none;}
div#cover img {display:none; vertical-align:middle;}
div#cover.wait_state img {display:inline;}
div#cover.wait_state {background-color:#ffffff;-moz-opacity:0.4;filter:alpha(opacity:40);opacity: 0.4;}
div#cover.wait_state span img {height:100%;display:inline;}

/* Left side bar */
.txtinfo {
    font-size: 9px;
}

.top-banner div embed, .top-banner div object {
    margin-bottom: 10px;
}