/* ----------------------------------------------------------*/
/*  css style for maxworker
/*  by karolin grosch
/* ----------------------------------------------------------*/

@charset "utf-8";
/* ----------------------------------------------------------*/
/* ---------------- =standards -------------------------------*/
/* ----------------------------------------------------------*/


html[xmlns^="http"] {
	overflow-y:scroll;
}
* {
	padding:0;
	margin:0;
	border:0;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
	float:none;
	font-size:1px;
	height:0;
	line-height:1px;
	overflow:hidden;
}
html, body {
	color:#efefef;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	margin:0px;
	height: 100%;
}
html {
	background:#050505 url(../images/bg-html.jpg) no-repeat top center;
}
body {
	background:url(../images/bg-body.png) no-repeat top center;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* ----------------------------------------------------------*/
/* ---------------- =typo -----------------------------------*/
/* ----------------------------------------------------------*/

p {
	padding-bottom:10px;
}
strong {
	font-weight:bold;
}
a, .escape span {
	text-decoration:underline;
	color:#fcfdfd;
	outline:none;
}
a:hover, a:hover span {
	text-decoration:none;
	color:#c3f207;
}
a.nohover:hover, a.nohover, .nohover a:hover, .nohover a {
	background:none !important;
}
blockquote {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:19px;
	line-height:26px;
	font-style:italic;
	letter-spacing:0.01em;
}
/* ---------------- =headlines -------------------------------*/

h2 {
	font-size:22px;
	font-weight:bold;
	padding-bottom:15px;
	color:#c3f207;
	text-transform:lowercase;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
}
.intro h2 {
	font-size:50px;
	line-height:50px;
	padding-bottom:10px;
}
h3 {
	font-size:18px;
	font-weight:bold;
	text-transform:lowercase;
	padding-bottom:15px;
	color:#fff;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	font-size:16px;
	font-weight:normal;
	text-transform:lowercase;
	padding-bottom:15px;
	color:#c3f207;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------------*/
/* ---------------- =container ------------------------------*/
/* ----------------------------------------------------------*/

div#container {
	clear:both;
	margin:0 auto;
	position:relative;
	width:980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
/* ----------------------------------------------------------*/
/* ---------------- =branding -------------------------------*/
/* ----------------------------------------------------------*/

h1#branding {
	position:absolute;
	left:0;
	top:70px;
}
h1#branding a, h1#branding a:hover {
	background:none;
}
#select {
	height:40px;
	width:750px;
	float:right;
	padding-top:25px;
}
ul#country {
	float:right;
	padding:2px 0 0 0;
}
ul#country li {
	list-style:none;
	float:left;
	padding-right:15px;
	background:url(../images/country-li.png) 0 4px no-repeat;
	padding-left:15px;
}
ul#country li:first-child {
	background: none;
	padding-left: 0;
}
ul#country li.last {
	padding-right:0;
}
ul#country li a {
	text-decoration:none;
}
ul#country li a.active {
	color:#c3f207;
}
#country li.de {
	font-weight:bold;
	background:url(../images/de.png) 0 4px no-repeat!important;
	padding-left:22px;
	color:#fff;
}
#country li.at {
	font-weight:bold;
	background:url(../images/at.png) 0 4px no-repeat!important;
	padding-left:22px;
	color:#fff;
}
#country li.ch {
	font-weight:bold;
	background:url(../images/ch.png) 0 4px no-repeat!important;
	padding-left:22px;
	color:#fff;
}
ul.countrynav li span.countrynavsubhover {
	background-position: center bottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.countrynavsubnav {
	display: none;
	background:none;
	z-index:80;
	position:absolute;
}
ul.countrynavsubnav li {
	background:none!important;
	padding:0!important;
}
ul.countrynav li ul.countrynavsubnav li {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #555;
	clear: both;
	width: 110px;
	background:none;
	float:left;
}
html ul.countrynav li ul.countrynavsubnav li a {
	float: left;
	background: #000;
	padding-left: 20px;
	text-transform:uppercase;
	padding:5px 10px 3px 10px;
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
html ul.countrynav li ul.countrynavsubnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222;
}
#search {
	float:right;
	background:#fcfdfd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px #c6c6c6;
	display:none;
}
#search input {
	background:none;
	padding:6px 8px 2px 8px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9c9c9e;
	width:110px;
}
#search input:focus {
	color:#000;
}
#search input#abschicken {
	width:20px;
	height:20px;
	background:url(../images/search-button.png) top center no-repeat;
	text-indent:-9999px;
	display:inline;
	font-size:0.00001em;
	color:#fff;
	cursor:pointer;
}
#search input#abschicken:hover {
	background:url(../images/search-button.png) bottom center no-repeat;
}
/* ----------------------------------------------------------*/
/* ---------------- =header ---------------------------------*/
/* ----------------------------------------------------------*/

div#header {
	height:140px;
	margin:0 auto;
	padding:0;
	width:980px;
}
.slides_container {
	width:980px;
	display:none;
}
.slides_container div {
	width:980px;
	height:450px;
	display:block;
	margin-bottom:80px;
}
.pagination {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
}
.prev, .next {
	width:25px;
	height:50px;
	background:url(../images/arrow.png);
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:430px;
	z-index:50;
}
.prev {
	background-position:top left;
	right:40px;
}
.prev:hover {
	background-position:bottom left;
}
.next {
	background-position:top right;
	right:0;
}
.next:hover {
	background-position:bottom right;
}
.pagination .current a {
}
.element1 {
	position:absolute;
	top:50px;
	left:750px;
	display:block;
	z-index:11;
}
.element2 {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:10;
}
.element3 {
	position:absolute;
	top:280px;
	left:580px;
	width:400px;
	display:block;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:20px;
	line-height:26px;
	font-style:italic;
	font-weight:300;
	letter-spacing:0.01em;
	text-align:right;
	z-index:12;
}
/* ----------------------------------------------------------*/
/* =navi ----------------------------------------------------*/
/* ----------------------------------------------------------*/

ul.topnav {
	list-style: none;
	height:40px;
	z-index:10;
	position:absolute;
	width:730px;
	right:0;
	top:65px;
}
ul.topnav li {
	float: left;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	margin-left:15px;
}
ul.topnav li a {
	float: left;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-transform:lowercase;
	padding:15px 18px 20px 0;
	color:#fff;
	background: url(../images/subnav.png) no-repeat right top;
}
ul.topnav li a:hover {
	color:#c3f207;
}
ul.topnav li span.subhover {
	background-position: center bottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	right: 0;
	top: 45px;
	margin: 0;
	padding: 0;
	display: none;
	float: right;
	min-width:200px;
	width:auto;
	border-bottom: 1px dotted #555;
	background:#000;
}
ul.topnav li ul.subnav li {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #555;
	clear: both;
	width: 200px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	background: #000;
	padding-left: 20px;
	text-transform:uppercase;
	padding:9px 10px 7px 10px;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222;
}
ul.topnav li a.active {
	color:#c3f207;
}
/* ----------------------------------------------------------*/
/* ---------------- =content --------------------------------*/
/* ----------------------------------------------------------*/

#content-container {
	padding:0;
	z-index:5;
	position:relative;
}
div.column {
	float:left;
	padding:25px 20px 10px 20px;
	width:280px;
	min-height:200px;
	overflow:visible;
	background:url(../images/bg-teaser.png) repeat-x top left;
	margin:0 10px 40px 0;
	position:relative;
}
	div.column.full {
		width: 100%;
		margin-right: 0;
	}
div.last {
	margin-right:0;
}
div.double {
	width:610px;
	margin-right:0;
}
div.full {
	width:940px;
	margin-right:0;
}
div.full p {
	width:570px;
}
.box {
	margin:0 20px 30px 0;
	float:left;
}
a.button {
	float:right;
	padding:5px 10px;
	background:url(../images/bg-linkbutton.png) repeat top left;
	display:block;
	text-decoration:none;
	z-index:10;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c3f207;
	float:right;
	margin-top:20px;
	margin-right:-20px;
}
a.left {
	float:left;
	margin-right:0;
	margin-left:-20px;
}
div.column img {
	position:absolute;
	bottom:0;
	right:0;
	z-index:9;
}
a.button:hover {
	color:#fff;
}
div.column blockquote {
	padding:5px;
	background:#151414;
	margin-bottom:15px;
}
div.column blockquote em {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-style:italic;
	padding:0;
}
div.intro {
	width:480px;
	min-height:430px;
	overflow:visible;
	padding:40px 500px 30px 0;
}
div.impressum {
	min-height:50px;
}
div.intro blockquote {
	padding-bottom:20px;
}
.eule {
	background:url(../images/tierisches/eule.jpg) 0 0 no-repeat;
}
.schmetterling {
	background:url(../images/tierisches/schmetterling.jpg) 0 0 no-repeat;
}
.tiger {
	background:url(../images/tierisches/tiger.jpg) 0 0 no-repeat;
}
.pfau {
	background:url(../images/tierisches/pfau.jpg) 0 0 no-repeat;
}
.bewerbung {
	height:auto!important;
	padding-bottom:50px;
}
div.hr {
	margin:10px 0;
	border-bottom:1px dotted #666;
}
div.hr hr {
	display:none;
}
.image {
	float:left;
	margin:2px 15px 15px 0;
	border:1px dotted #ccc;
	cursor:url(../images/zoomin.cur), pointer;
}
.image:hover {
	border:1px dotted #000;
}
dd {
	float:left;
	width:175px;
	padding:0 0 10px 0;
}
dt {
	float:left;
	width:95px;
	padding:0 10px 10px 0;
	color:#ccc;
}
dl {
	margin-bottom:20px;
}
.pdf {
	background:url(../images/pdf.png) 0 0 no-repeat;
	padding:1px 0 12px 25px;
}
/* ----------------------------------------------------------*/
/* ---------------- =standorte ---------------------------------*/
/* ----------------------------------------------------------*/

div.standorte {
	width:420px;
	float:left;
	height:350px;
	padding-right:10px;
}
.tabs {
	width: 360px;
	padding-top:20px;
}
ul.standorte {
	background: url(../images/karte.png) no-repeat scroll 0 0 transparent;
	height: 660px;
	position: relative;
	list-style: none outside none;
	margin:30px 0 10px 0;
	width:550px;
	float:left;
}
ul.standorte li {
	list-style-position: inside!important;
	list-style-type: none!important;
	position:absolute;
}
ul.standorte li a {
	position:absolute;
	text-indent: -999em;
	display:block;
	width:10px;
	height:10px;
	background: url(../images/icon-standort.png) no-repeat top left;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	outline:none;
	z-index: 10;
}
ul.standorte li a.selected, ul.standorte li a:hover {
	background: url(../images/icon-standort.png) no-repeat bottom left;
	z-index: 100;
}
ul.standorte li a:hover span {
	position: absolute;
	margin: -20px 0 0 15px;
	text-indent: 0px;
	display:block;
	background: #fff;
	font-size: 12px;
	font-weight:normal;
	padding: 2px;
	text-decoration: none;
	color:#333;
	border: solid 1px #ccc;
	line-height: 15px;
	white-space: nowrap;
	width:auto;
}
ul.standorte li a.indent {
	display:none;
}
/* Germany */
.Standort-Berlin {
	top: 190px;
	left: 359px;
}
.Standort-Bielefeld {
	top: 206px;
	left:155px;
}

.Standort-Muenster {
	top: 206px;
	left:110px;
}

.Standort-Braunschweig {
	left: 249px;
	top: 190px;
}
.Standort-Bremen {
	left:180px;
	top:137px;
}
.Standort-Freiburg {
	left:107px;
	top:498px;
}
.Standort-Dortmund {
	top: 232px;
	left: 117px;
}
.Standort-Dresden {
	top: 292px;
	left: 377px;
}
.Standort-Duesseldorf {
	top: 249px;
	left: 80px;
	z-index:12 !important;
}
.Standort-Erfurt {
	left:245px;
	top:297px;
}
.Standort-Essen {
	left:100px;
	top:244px;
}
.Standort-Frankfurt {
	left:140px;
	top:355px;
}
.Standort-Hamburg {
	left:232px;
	top:107px;
}
.Standort-Hannover {
	left: 221px;
	top: 179px;
}
.Standort-Heilbronn {
	left:163px;
	top:421px;
}
.Standort-Hof {
	left: 299px;
	top: 343px;
}
.Standort-Kassel {
	left:199px;
	top:276px;
}
.Standort-Kiel {
	left: 239px;
	top: 54px;
}
.Standort-Koeln {
	left:89px;
	top:280px;
}
.Standort-Leipzig {
	left:321px;
	top:268px;
}
.Standort-Luebeck {
	left:251px;
	top:84px;
}
.Standort-Muenchen {
	left:280px;
	top:491px;
}
.Standort-Nuernberg {
	left:253px;
	top:411px;
}
.Standort-Oberhausen {
	left:34px;
	top:107px;
}
.Standort-Stuttgart {
	left:155px;
	top:454px;
}
.Standort-Siegen {
	left:142px;
	top:275px;
}
.Standort-Soest {
	left:150px;
	top:232px;
}
.Standort-Ulm {
	left:181px;
	top:484px;
}
.Standort-Viersen {
	top: 253px;
	left: 57px;
}
.Standort-Wuppertal {
	top: 256px;
	left: 105px;
}
.Standort-Wuerzburg {
	left:107px;
	top:166px;
}
/* Austria */
.Standort-Graz {
	left:460px;
	top:578px;
}
.Standort-Klagenfurt {
	left:408px;
	top:602px;
}
.Standort-Linz {
	left:202px;
	top:212px;
}
.Standort-Pill {
	left:137px;
	top:251px;
}
.Standort-Salzburg {
	left:351px;
	top:515px;
}
.Standort-Wien {
	left:495px;
	top:494px;
}
/* Switzerland */
.Standort-Basel {
	left:85px;
	top:527px;
}
.Standort-Bern {
	left:73px;
	top:565px;
}
.Standort-Luzern {
	left:118px;
	top:559px;
}
.Standort-StGallen {
	left:160px;
	top:541px;
}
.Standort-Zuerich {
	left:131px;
	top:545px;
}


.Standort-Giessen {
	left:165px;
	top:290px;
}

.Standort-Linz {
	left:435px;
	top:500px;
}


select#standorte {
	display:none;
}
select#standorte {
	width: 280px;
	padding: 3px;
	border: solid 1px #ccc;
	display:block;
	font:0.9em "PT Sans", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
select#standorte option {
	border-bottom: solid 1px #eee;
	background: #fff;
	cursor: pointer;
	color: #0d4774;
}
/* ----------------------------------------------------------*/
/* ---------------- =footer ---------------------------------*/
/* ----------------------------------------------------------*/

div#footer {
	background:#fff;
	clear:both;
	padding:0;
	width:100%;
	height:30px;
	font-size:11px;
}
div#footer-container {
	width:980px;
	margin:0 auto;
	padding:0;
}
/* ----------------------------------------------------------*/
/* =navi-add ------------------------------------------------*/
/* ----------------------------------------------------------*/

ul#navi-add {
	height:auto;
	width:auto;
	padding:0;
	float:left;
}
ul#navi-add li {
	display:inline;
	list-style:none;
	position:relative;
	float:left;
}
ul#navi-add li a {
	display:block;
	background:url(../images/navi-add.png) center right no-repeat;
	padding:5px 10px 4px;
	color:#131313;
	font-size:11px;
	text-decoration:none;
}
ul#navi-add li a:hover, ul#navi-add li a.active {
	text-decoration:underline;
}
div#footer-container p {
	float:right;
	color:#131313;
	padding:5px 0 0;
}
.push {
	height:30px;
}
#no-js {
	background:#c3f207;
	color: #000;
	display: block;
	padding: 65px 0 50px;
	position: absolute;
	text-align: center;
	top: 300px;
	width: 100%;
	z-index: 1112;
}
#no-js h2 {
	color: #000;
}
#no-js a {
	color: #000;
}
#no-js a:hover {
	color: #000;
}

/* ----------------------------------------------------------*/
/* done & sayonara ^^
/* ----------------------------------------------------------*/