* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-family: Arial, sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body {
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	background: url(../img/bg.gif) repeat-x #FFF;
	color: #333;
}

h1, h2 {
    display: none;
}

.wrp {
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 960px;
}

.social-networks {
    border: 1px solid #EEEEEE;
    clear: both;
    float: none;
    height: 20px;
    left: 0;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    top: 0;
}

.social-networks .like {
	float: left;
}

.social-networks .tweet {
	padding-left: 20px;
}

.clear {
	clear: both;
	height: 1px;
}

.arw {
	background-image: url(../img/arrow.gif) !important;
	background-position: 7px 8px !important;
	background-repeat: no-repeat !important;
}

.arw-hi {
	background-image: url(../img/arrow_hi.gif) !important;
	background-position: 7px 8px !important;
	background-repeat: no-repeat !important;
}

.logo {
	display: block;
	position: absolute;
	top: 20px;
	left: 10px;
	height: 104px;
	width: 148px;
	text-indent: -10000px;
	background: url(../img/logo.gif) no-repeat;
}

/* meta - lvl 0 */
.meta {
    list-style: none;
    position: absolute;
    top: 15px;
    right: 0;
    line-height: 11px;
    height: 20px;
    background: url(../img/languages.gif) right top no-repeat;
}

.meta li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: left;
}

.meta li a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    text-transform: uppercase;
    color: #b7b7b7;
    font-weight: bold;
    font-size: 11px;
    border-right: 1px solid #b7b7b7;
    margin-top: 5px;
    height: 11px;
    padding: 0 20px;
    text-align: center;
}

.meta li a:hover {
	text-decoration: underline;
}

.meta .imprint a {
	border: 0;
}

.meta .lang a {
	width: 131px;
	padding: 0;
	border: 0;
	height: 20px;
	color: #FFF;
}

/* meta - lvl 1 */
.meta ul {
    display: none;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 131px;
    height: 45px;
    border-top: 1px solid #FFF;
    background: #83D0F0;
}

.meta li:hover ul {
    display: block;
}

.meta ul li a {
    border: 0;
    float: none;
    padding: 0 19px 0 21px;
    color: #a0a0a0;
    height: 15px;
}

.paging {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 720px;
}

.paging ul {
	list-style: none;
	width: 100%;
}

.paging li {
	display: inline;
}

.paging a, .paging span {
	display: block;
	float: left;
	padding: 2px 5px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}

.paging span {
	color: #666;
}

.paging .info span {
	float: right;
}

#header {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 174px;
    overflow: hidden;
    background: url(../img/de/slogan.gif) right 64px no-repeat;
}

#mainmenu {
    list-style: none;
    position: absolute;
    top: 99px;
    right: 0;
    height: 34px;
    width: 710px;
    background: url(../img/de/mainmenu.gif) no-repeat;
}

#mainmenu li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: left;
}

#mainmenu a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 34px;
    float: left;
    text-indent: -10000px;
    background: url(../img/de/mainmenu.gif) 0 -68px no-repeat;
}

#mainmenu .jobs {
	width: 106px;
}

#mainmenu .jobs:hover, #mainmenu .active .jobs {
	background-position: 0 -34px;
}

#mainmenu .search {
	width: 152px;
}

#mainmenu .search:hover, #mainmenu .active .search {
	background-position: -106px -34px;
}

#mainmenu .offer {
	width: 148px;
}

#mainmenu .offer:hover, #mainmenu .active .offer {
	background-position: -258px -34px;
}

#mainmenu .about {
	width: 174px;
}

#mainmenu .about:hover, #mainmenu .active .about {
	background-position: -406px -34px;
}

#mainmenu .faq{
	width: 42px;
}

#mainmenu .faq:hover, #mainmenu .active .faq {
	background-position: -580px -34px;
}

#mainmenu .network{
	width: 88px;
}

#mainmenu .network:hover, #mainmenu .network .faq {
	background-position: -622px -34px;
}

#middle {
    position: relative;
    min-height: 500px;
    background: url(../img/cnt.gif) bottom left repeat-x transparent;
}

#world {
    position: absolute;
    top: 55px;
    left: 0;
    width: 960px;
    height: 593px;
    background: url(../img/world.jpg) no-repeat #4fafd7;
}

#content {
    position: relative;
    top: 0;
    left: 0;
    width: 960px;
    padding-top: 15px;
}

#tabs {
    position: relative;
    top: 0;
    left: 0;
    height: 40px;
    width: 960px;
    background: url(../img/de/tabs.gif) 0 -40px no-repeat;
}

#tabs li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: left;
}

#tabs a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 40px;
    float: left;
    text-indent: -10000px;
    background: url(../img/de/tabs.gif) 0 -80px no-repeat;
}

#tabs .jobs {
	width: 250px;
}

#tabs .active .jobs {
	background-position: 0 0;
}

#tabs .offer {
	width: 240px;
}

#tabs .active .offer {
	background-position: -250px 0;
}

#tabs .about {
	width: 220px;
}

#tabs .active .about {
	background-position: -490px 0;
}

#search {
    position: relative;
    top: 0;
    left: 230px;
    width: 720px;
    padding-top: 15px;
}

#search form {
	width: 720px;
    min-height: 100px;
	background: #4fafd7;
	opacity: .85;
}

#search .quick label {
	display: none;
}

#search .actions {
	position: absolute;
	padding: 5px 20px 20px 20px;
	bottom: 0;
	left: 0;
	background: #4FAFD7;
}

#search .toggle, #search .actions input, #search .submit input {
	display: block;
	padding: 2px 15px;
	margin-right: 60px;
	float: left;
	width: 150px;
	background: #A8DDF4;
	color: #6E2819;
	font-size: 11px;
	font-weight: bold;
}

#search .toggle {
	width: 155px;
	margin-right: 55px;
}

#search .actions input, #search .submit input {
	background: #44bcf0;
	color: #FFF;
	padding: 1px 9px;
	border: 1px solid #FFF;
	text-align: left;
}

#search .col {
	position: relative;
	width: 240px;
	float: left;
}

#search fieldset {
	clear: both;
	position: relative;
	padding: 15px 20px 20px 20px;
}

#search select {
	margin-bottom: 2px;
	width: 200px;
}

#search strong {
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
	letter-spacing: 1px;
}

#search ul {
	list-style: none;
}

#search li {
	line-height: 20px;
	clear: both;
	height: 20px;
}

#search .text input {
	padding: 5px;
	margin: 5px 0;
	width: 450px;
	color: #5CB6DB;
	font-weight: bold;
}

#search .extended {
 	display: none;
	padding-bottom: 20px;
}

#search .open {
 	display: block;
}

#search .extended {
	overflow: hidden;
}

#search .extended fieldset {
	background: #87cdee;
	margin: 0 0 1px 20px;
	padding: 10px;
}

#search .extended label {
	display: block;
	float: right;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	width: 177px;
	color: #592819;
	text-transform: uppercase;
}

#search .extended input {
	width: auto;
}

#search .location label, #search .email label {
	display: none;
}

#search .rss, #search .email {
	width: 195px;
}

#search .email {
	padding-bottom: 40px;
	background: #4CACD3 !important;
}

#search .email p {
	color: #FFF;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
}

#search .rss {
	height: 57px;
	background: none !important;
}

#search .rss a {
	display: block;
	color: #FFF;
	background: url(../img/rss.gif) right top no-repeat;
	height: 21px;
	line-height: 21px;
}

#search .rss span {
	padding-left:8px;
	display: block;
	background-image: url(../img/arrow.gif) !important;
	background-position: 0 8px !important;
	background-repeat: no-repeat !important;
}

#search .submit {
	margin: 10px 0 30px 20px;
}

#search .email, #search .submit {
	visibility: hidden;
}

#container {
    position: relative;
    top: 0;
    left: 0;
    clear: both;
    width: 960px;
    padding-top: 35px;
}

#sidebar {
    position: absolute;
    top: 35px;
    left: 0;
    width: 960px;
    min-height: 560px;
}

#sidebar .jobs {
	margin-top: 65px;
	position: relative;
	background: #FFF;
	width: 220px;
	margin-left: 10px;
	margin-bottom: 50px;
}


#sidebar .jobs h3 {
	background: url(../img/de/filter.gif) 10px 8px no-repeat #FFF;
	text-indent: -10000px;
	height: 24px;
	border-bottom: 1px solid #84d0f0;
}

#sidebar .jobs .info {
	font-size: 11px;
	color: #666;
	padding: 10px;
	background: #FFFFFF url(../img/breadcrumbs.gif) repeat-x;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #4fafd7;
}

#sidebar .jobs .info span {
	font-weight: bold;
}

#sidebar .about {
	position: relative;
	width: 220px;
	margin-left: 10px;
	margin-top: 24px;
	overflow: hidden;
}

#sidebar .about .bg {
	background: #FFF;
	width: 210px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .25;
	filter: alpha(opacity=25);
}

#sidebar .about h3 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 5px 5px 10px;
}

#sidebar .about ul {
	top: 0;
	left: 0;
	position: relative;
	list-style: none;
	z-index: 2;
	width: 210px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
}

#sidebar .about a {
	color: #592819;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	display: block;
	line-height: 25px;
	height: 25px;
	padding: 0 0 0 10px;
}

#sidebar .about a:hover {
	text-decoration: underline;
}

#sidebar .about .active a {
	color: #8e665c;
}

#sidebar .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 380px;
	width: 960px;
	background: url(../img/sidebar.jpg) bottom left no-repeat #4fafd7;
}

#filter .quick {
	display: none;
}

#filter strong {
	color: #666;
	letter-spacing: 1px;
}

#filter .col {
	width: 220px;
}

#filter fieldset {
	clear: both;
	position: relative;
	background: #FFFFFF url(../img/breadcrumbs.gif) repeat-x;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #4fafd7;
}

#filter select {
	margin-bottom: 2px;
	width: 200px;
	border: 1px outset;
}

#filter strong {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

#filter ul {
	list-style: none;
}

#filter li {
	line-height: 20px;
	clear: both;
	height: 20px;
}

#filter .text input {
	padding: 5px;
	margin: 5px 0;
	width: 450px;
}

#filter .extended fieldset {
	padding: 10px;
}

#filter .extended label {
	display: block;
	float: right;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	width: 175px;
	color: #592819;
	text-transform: uppercase;
}

#filter .extended input {
	width: auto;
}

/* hide search only fields in filter */
#filter .location label, #filter .email label, #filter .submit, #filter .email, #filter .actions a {
	display: none;
}

#filter .rss {
	background: none !important;
}

#filter .rss a {
	display: block;
	color: #84cfec;
	height: 21px;
	line-height: 21px;
}

#filter .rss span {
	padding-left:10px;
	display: block;
	background-image: url(../img/arrow_hi.gif) !important;
	background-position: 0 8px !important;
	background-repeat: no-repeat !important;
}

#filter .actions {
	padding: 10px;
	padding-bottom: 150px;
}

#filter .actions input {
	width: 200px;
	background: #4FAFD7;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}

#page {
    position: relative;
    top: 0;
    left: 230px;
    width: 720px;
    min-height: 600px;
    z-index: 2;
}

#page h3 {
	font-size: 20px;
	line-height: 20px;
	padding: 5px;
	margin-top: 10px;
	float: left;
	clear: both;
}

#page h4 {
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 35px 0 10px 0;
	clear: both;
}

#page h5, #page h5 a {
	color: #4fafd7;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: block;
	clear: both;
}

#page h5 {
	padding: 7px 0 3px 0;
}

#page .hl {
	height: 18px;
	text-indent: -10000px;
}

#page .block {
	position: relative;
    background: url(../img/breadcrumbs.gif) top left repeat-x #FFF;
    border: 1px solid #4fafd7;
    border-top: 4px solid #592819;
    padding: 10px 10px 50px 10px;
    min-height: 700px;
}

#page .block .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
    background: url(../img/block.gif) repeat-x #FFF;
}

#page #breadcrumbs {
	/*border-bottom: 1px solid #4fafd7;*/
	padding: 5px 0 10px 0;
}

#page #breadcrumbs span {
	display: none;
}

#page #breadcrumbs a {
	color: #4fafd7;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#page #breadcrumbs a:hover {
	text-decoration: underline;
}

#page #rss-all {
	display: block;
	float: right;
	padding-right: 30px;
	height: 29px;
	line-height: 21px;
	background: url(../img/rss2.gif) top right no-repeat;
}

#page #rss-all, #page #jobs-open {
	text-transform: none !important;
}

#page #rss-all span {
	display: block;
	padding-left: 15px;
}

#page #jobs-open, #page #back-to-list {
	padding-left: 15px;
	display: block;
	float: left;
	height: 29px;
	line-height: 21px;
}

#page .spcr {
    height: 80px;
}

#page label {
	clear: both;
	float: left;
	display: block;
	width: 150px;
	color: #666666;
	text-transform: uppercase;
	padding-right: 20px;
	font-size: 12px;
}

#page label.after {
	clear: none;
	width: auto;
	float: none;
	display: inline;
	padding: 0;
	margin: 0 10px;
}

#page .error-message {
	margin-left: 170px;
	color: #F00;
	display: block;
	padding-bottom: 5px;
}

#page input, #page textarea, #page select {
	border: 1px solid #99ccff;
	color: #666666;
	margin-bottom: 5px;
	font-size: 12px;
}
#page .submit input {
	margin-left: 170px;
	border: 1px outset #000;
}

#page #JobPublicEmail {
	width: 200px;
}

#page legend {
	color: #663300;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
}

#page .required {
	font-weight: bold;
}

#page .abstract {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #CCC;
	padding: 20px 0;
}

#page p {
	clear: both;
	padding: 0 0 5px 0;
}

#page .job {
	border-top: 3px solid #4fafd7;
	padding: 5px 0;
	position: relative;
	clear: both;
}

#page .job p {
	padding: 5px 0;
}

#page .job .published, #page .job .category {
	color: #83d0f0;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	letter-spacing: 1px;
}

#page .job .published span {
	float: left;
	display: block;
	background: #4fafd7;
	color: #FFF;
	padding: 0 10px;
	margin-right: 10px;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
}

#page .job .category {
	float: right;
	clear: none;
}

#page .job .clogo {
	position: absolute;
	top: 35px;
	right: 0;
	height: 100px;
	width: auto;
}

#page .job .flag {
	position: absolute;
	top: 35px;
	right: 220px;
}

#page .job .company {
	clear: both;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
}

#page .job .company a {
	color: #333;
}

#page .job .description {
	border-top: 1px solid #999;
}

#page .job .footer {
	clear: both;
	float: none;
}

#page .job .animate {
	display: none;
}

#page .job .toggle {
	background-color:#4FAFD7;
	padding: 2px 10px 2px 15px;
	color: #FFF;
	font-size: 11px;
	background-position: 7px 6px !important;
}

#page .finish {
	border-top: 3px solid #4fafd7;
}

#page .faq {
	border-bottom: 1px solid #ccc;
}

#page .document h3 {
	background: #592a18;
	color: #FFF;
}

#footer {
    position: relative;
	background: #592819;
	height: 210px;
}

#footer .logo {
	background-position: 0 -104px;
}

#footer .meta {
	top: 65px;
	right: 0;
	z-index: 100;
	background-image: url(../img/languages2.gif);
}

#footer .meta li a {
	color: #FFF;
	border-right: 1px solid #FFF;
}

#footer .meta ul {
	border-top: 1px solid #592819;
}

#footer .meta ul li a {
	color: #FFF;
	border-left: 0;
}

#footer .meta .imprint a {
	border: 0;
}

#footer .meta .lang a {
	border: 0;
	color: #FFF;
}

#footer .copy {
	color: #e1e1e1;
	margin-right: 20px;
}

#footer .related {
	position: absolute;
	top: 107px;
	right: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer .related, #footer .related a {
	color: #83d0f0;
}

/* language specific images */
#page.jobs .hl {
	background: url(../img/de/jobs.gif) no-repeat;
}

#page.jobs .block {
	min-height: 850px;
}

#page.jobs h3 {
	display: none;
}

#page.jobs h4 {
	float: left;
	width: 450px;
	padding: 8px 0;
}

#page.jobs h4 a {
	background: #592a18;
	color: #FFF;
	padding: 2px 5px;
	font-size: 20px;
	line-height: 22px;
	text-transform: none;
}

#page.jobs h5 {
	color: #333;
	text-transform: none;
	padding: 10px 0 0 0;
}


#page.jobs.details .hl {
	background: url(../img/de/details.gif) no-repeat;
}

#page.step1 .hl {
	background: url(../img/de/offer_step1.gif) no-repeat;
}

#page.faqs .hl {
	background: url(../img/de/faq.gif) no-repeat;
}

#page.faqs h3, #page.faqs h3 a, #page.document h3, #page.offer h3, #page.document h3 a  {
	background: #592a18;
	color: #FFF;
}

#page.document .about .hl {
	background: url(../img/de/about.gif) no-repeat;
}

#page.document .tos .hl {
	background: url(../img/de/tos.gif) no-repeat;
}

#page.document .why .hl {
	background: url(../img/de/why.gif) no-repeat;
}

#page.document .prices .hl {
	background: url(../img/de/prices.gif) no-repeat;
}

#page.document .imprint .hl {
	background: url(../img/de/imprint.gif) no-repeat;
}

#page.document .contact .hl {
	background: url(../img/de/contact.gif) no-repeat;
}

#page.document ol, #page.document ul {
	padding: 0 0 0 25px;
}

#page.offer .list {
	width: 100%;
}

#page.offer td {
	text-transform: uppercase;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #999999;
	width: 30%;
	font-weight: bold;
	color: #666;
}

#page.offer a {
	color: #4FAFD7;
}

#page.offer a:hover {
	text-decoration: underline;
}

#page.offer .price {
	text-align: right;
	color: #4fafd7;
	width: 40%;
}

#page.offer .price strong {
	font-size: 24px;
}

#page.offer .text input, #page.offer .textarea textarea,
#page .contact .text input, #page .contact .textarea textarea {
	width: 400px;
}

#page.offer .select select {
	width: 200px;
}

#page.offer form, #page .contact form {
	padding-left: 20px;
	}