@charset "utf-8";
/* maXXu Dossiertracking Version 04.2012 */


/**
General-Layout
**/


html, body {
	margin:0;
	padding:0;
	text-align:center;
	background-attachment: scroll;
	background-color: #E5E2D4;
	background-image: url(../image/bgbody.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #767675;
}
html, body, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	font-size: 10pt;
}
img { margin:0 auto; border:0;}
a, a:visited, span.a { color:#AACA42; text-decoration:none;}
span.a { cursor: pointer; }
a:hover { color:#767675 !important;}

#pagewidth{ width:878px; text-align:left; margin:0 auto; position:relative; }
#header{
	position:relative;
	height:100px;
	background-color:#fff;
	width:100%;
	display:block;
	overflow: hidden;

-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px; /* Firefox */
-webkit-border-radius: 0px 0px 40px 40px; /* Safari, Chrome */
-khtml-border-radius:0px 0px 40px 40px; /* Konqueror */
border-radius: 0px 0px 40px 40px; /*CSS3*/
box-shadow:0 0 10px rgba(0,0,0,0.5); /*Schatteneffekt*/
	background-image: url('/image/headtext.png'), url('/image/maxxu.png');
	background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-position-y: 26px, 10px;
    background-position-x: 30px, calc(100% - 29px);
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/*Any Size Slideshow*/
/* ================================================================
Copyright (c) Stu Nicholls. All rights reserved.
=================================================================== */
b.anySize {display:none;}
ul.cssplayAnySize { padding:0; margin:20px auto; list-style:none; width:940px;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
}
ul.cssplayAnySize li { float:left;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
}
ul.cssplayAnySize li.largeImage {width:878px; height:550px; box-shadow:0 0 10px rgba(0,0,0,0.5); position:relative; z-index:10; overflow:hidden; background-color:#eee;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px; /* Firefox */
-webkit-border-radius: 0px 0px 40px 40px; /* Safari, Chrome */
-khtml-border-radius:0px 0px 40px 40px; /* Konqueror */
border-radius: 0px 0px 40px 40px; /*CSS3*/
}
ul.cssplayAnySize li.largeImage div {display:block; position:absolute; left:30px; right:30px; top:15px;
bottom:20px; opacity:0;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);

-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
}

ul.cssplayAnySize li.leftArrow {width:49px; height:98px; background:#767675; border:2px solid #666; border-width:1px 0 1px 1px; margin-top:165px; position:relative; border-radius:50px 0 0 50px; position:relative; z-index:5; margin-left:-50px;

background: #767675; /* Old browsers */
background: -moz-linear-gradient(45deg, #767675 20%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(20%,#767675), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* IE10+ */
background: linear-gradient(45deg, #767675 20%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767675', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
ul.cssplayAnySize li.rightArrow {width:49px; height:98px; background:#767675; border:2px solid #666; border-width:1px 1px 1px 0;  margin-top:120px; position:relative; border-radius:0 50px 50px 0; position:relative; z-index:5;

background: #767675; /* Old browsers */
background: -moz-linear-gradient(45deg, #767675 20%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(20%,#767675), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #767675 20%,#dddddd 100%); /* IE10+ */
background: linear-gradient(45deg, #767675 20%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767675', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
ul.cssplayAnySize li.leftArrow a,
ul.cssplayAnySize li.rightArrow a {display:block; width:50px; height:100px; line-height:85px; font-size:80px; position:absolute; left:0; top:0; background:url(image/trans.gif); text-decoration:none; text-align:center;  color: #fff;
text-shadow: 0 4px 10px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.4);
}
ul.cssplayAnySize li.leftArrow a:active,
ul.cssplayAnySize li.rightArrow a:active { color:#D6F66F;}
ul.cssplayAnySize li.indicators { width:878px; height:45px;  text-align:center; position:relative; z-index:20; box-shadow:0 0 10px rgba(0,0,0,0.4); /*Schatteneffekt*/
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px; /* Firefox */
-webkit-border-radius: 40px 40px 0px 0px; /* Safari, Chrome */
-khtml-border-radius:40px 40px 0px 0px; /* Konqueror */
border-radius: 40px 40px 0px 0px; /*CSS3*/


background: #767675; /* Old browsers */
background: -moz-linear-gradient(top, #767675 20%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#767675), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #767675 20%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #767675 20%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #767675 20%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top, #767675 20%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767675', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
ul.cssplayAnySize li.indicators a, ul.cssplayAnySize li.indicators span {width:18px; height:18px; margin:15px 4px; background:#fff; display:inline-block; border-radius:12px;
-moz-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.9);
-ms-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.9);
-webkit-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.9));
-o-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.9);
box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.9);
cursor: pointer;}
ul.cssplayAnySize li.indicators a:hover, ul.cssplayAnySize li.indicators span:hover {background:#ccc;}


/**
Formatierung & Grafik
**/


/*Head-Bereich*/
div#header p{ margin-top:5px;margin-left: 30px; margin-bottom:10px; font-size: 8pt;}

.headuebersicht {font-size:18pt; font-weight:bold;}
.headtext2 {
	position:relative;
	margin-left:10px;
}

.imgmaxxu { float:right; position:relative; margin-right:30px; margin-top:10px;}
.headtext {
    float: left;
    position: relative;
    padding-left: 110px;
    padding-right: 0;
    padding-top: 11px;
    width: 100%;
    box-sizing: border-box;
}


/*Main-Bereich*/
.span_main {
	position:relative;
	height:320px;
	background-color:#fff;
	width:100%;
	display:block;
	overflow: hidden;
	margin-top:10px;
	color:#000;
	font-size:10pt;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 0px; /* Firefox */
	-webkit-border-radius: 20px 0px 20px 0px; /* Safari, Chrome */
	-khtml-border-radius:20px 0px 20px 0px; /* Konqueror */
	border-radius: 20px 0px 20px 0px; /*CSS3*/
	box-shadow:0 0 30px rgba(0,0,0,0.2); /*Schatteneffekt*/
	;
}
.bewerberfoto {
	margin-right:20px;
	border:#AACA42 solid 1px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 0px; /* Firefox */
	-webkit-border-radius: 20px 0px 20px 0px; /* Safari, Chrome */
	-khtml-border-radius:20px 0px 20px 0px; /* Konqueror */
	border-radius: 20px 0px 20px 0px; /*CSS3*/
	;
}
.main_spalte1 {
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	position: relative;
	border-right: dashed #AACA42 1px;
	height:280px;
	width: 270px;
	overflow:auto;
}
.main_spalte2 {
	margin: 20px 0px 20px 20px;
	float:left;
	position: relative;
	height:280px;
	width: 270px;
	overflow:auto;
}
.bewerbungsmappe {
	position:relative;
	height:140px;
	background-color:#fff;
	width:180px;
	display:block;
	overflow: hidden;
	margin-top:20px;
	color:#767675;
	font-size:10pt;
	float:left;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 20px; /* Firefox */
	-webkit-border-radius: 0px 20px 0px 20px; /* Safari, Chrome */
	-khtml-border-radius:0px 20px 0px 20px; /* Konqueror */
	border-radius: 0px 20px 0px 20px; /*CSS3*/
	box-shadow:0 0 30px rgba(0,0,0,0.2); /*Schatteneffekt*/
	;
}
.bewerbungsmappe_top {
	height:25px;
	background:#767675;
	width:100%;
	float:left;
	color:#fff;
	font-size:12pt;
	padding-left:20px;
	padding-top:5px;
}
.bewerbungsmappe_main {
	height:100%;
	width:180px;
	overflow:auto;
	text-align:center;
	margin-top:10px;
	float:left;
	font-weight:bold;
}
/*Formularbereich*/
.formular {
	position:relative;
	height:140px;
	background-color:#fff;
	width:615px;
	display:block;
	overflow: hidden;
	margin-top:20px;
	color:#000;
	font-size:10pt;
	float:left;
	margin-left:20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 0px; /* Firefox */
	-webkit-border-radius: 20px 0px 20px 0px; /* Safari, Chrome */
	-khtml-border-radius:20px 0px 20px 0px; /* Konqueror */
	border-radius: 20px 0px 20px 0px; /*CSS3*/
	box-shadow:0 0 30px rgba(0,0,0,0.2); /*Schatteneffekt*/
	;
}
.formular_top {
	height:25px;
	background:#767675;
	width:100%;
	float:left;
	color:#fff;
	font-size:12pt;
	padding-left:20px;
	padding-top:5px;
}
.formular_main {
	font-weight:bold;
	height:100%;
	width:615px;
	overflow: auto;
	float:left;
	margin-top:10px;
	padding-left:20px;
}
.textarea_uebersicht {
	width:280px;
	max-width:280px;
	max-height:66px;
	float:left;
	height:66px;
	margin-right:20px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	border: 1px solid #c4c4c4;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 15px; /* Firefox */
	-webkit-border-radius: 15px 15px 0px 15px; /* Safari, Chrome */
	-khtml-border-radius:15px 15px 0px 15px; /* Konqueror */
	border-radius: 15px 15px 0px 15px; /*CSS3*/
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2); /*Schatteneffekt*/
	;
}
.textarea_feedback {
	width:230px;
	max-width:230px;
	max-height:66px;
	float:left;
	height:66px;
	margin-right:20px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	border: 1px solid #c4c4c4;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 15px; /* Firefox */
	-webkit-border-radius: 15px 15px 0px 15px; /* Safari, Chrome */
	-khtml-border-radius:15px 15px 0px 15px; /* Konqueror */
	border-radius: 15px 15px 0px 15px; /*CSS3*/
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2); /*Schatteneffekt*/
	;
}


.senden_uebersicht {border-top: 1px solid #c4c4c4;
   background: #767675;
   background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#767675));
   background: -webkit-linear-gradient(top, #ddd, #767675);
   background: -moz-linear-gradient(top, #ddd, #767675);
   background: -ms-linear-gradient(top, #ddd, #767675);
   background: -o-linear-gradient(top, #ddd, #767675);
   padding: 33px 20px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   text-shadow: rgba(0,0,0,.6) 0 1px 5px;
   font-size: 14pt;
   font-family: Arial, Helvetica, sans-serif:text-decoration: none;float:left;}
.senden_uebersicht:hover {
   border-top-color: #c4c4c4;
   background: #AACA42;
   color: #ffffff;
   }
.senden_uebersicht:active {
   border-top-color: #c4c4c4;
   background: #D5F56F;
   color:#fff;
   }

/*Footer-Bereich*/
div#footer p{ font-size: 11pt;}

/**
PlugIns
**/


/*Status-Hilfe*/
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#help {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor: help;}
/* Container */
#simplemodal-container {height:350px; width:620px; color:#000; background-color:#eee; border:4px solid #AACA42; padding:12px; font-size:10pt;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px; /* Firefox */
-webkit-border-radius: 40px 0px 40px 40px; /* Safari, Chrome */
-khtml-border-radius:40px 0px 40px 40px; /* Konqueror */
border-radius: 40px 0px 40px 40px; /*CSS3*/
box-shadow:0 0 10px rgba(255,255,255,0.5); /*Schatteneffekt*/
}
#simplemodal-container .simplemodal-data {padding:8px;}

#simplemodal-container a {color:#AACA42;}
#simplemodal-container a.modalCloseImg {
	width:48px;
	height:47px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
	background-image: url(../image/x.png);
	background-repeat: no-repeat;
}

#stati1 {float: left; color:#AACA42; font-size:14px; text-align: right; margin-left:110px;}
#stati2 {float: left; color:#AACA42; font-size:14px; text-align: right; margin-left:125px;}

#simplemodal-container h2 {color:#AACA42;}

#container_out {
width: 50%;
height: 50%;
position: absolute;
left: 25%;
top: 25%;
text-align: center;
z-index:200;
}
#container_in {
width: 50%;
height: 50%;
position: absolute;
left: 25%;
top: 25%;
text-align: center;
color:#FFFFFF;
}
 span.spalte_inaktiv {
	opacity: 0.5;
 }

input.fehler, select.fehler {
	background: #ff9797;
}

span.expander {
	display: block;
	text-align: center;
	margin-top: 532px;
	/*opacity: 0;*/
	cursor: pointer;
	color: #AACA42;
    font-weight: bold;
    text-shadow: 0px 0px 3px #AACA42;
}

span.expander:hover {
	opacity: 1;
	text-shadow: 0px 0px 3px #5A6D1C;
}

ul.menu > li {
	float: left;
	margin: 0 20px 0 0;
	background: grey;padding: 5px 10px;border-radius: 10px 10px 0 0;box-shadow: 0 0 5px rgb(0 0 0 / 20%);background: -webkit-linear-gradient(top, #767675 20%,#dddddd 100%);background: linear-gradient(top, #767675 20%,#dddddd 100%);
	font-size: 9pt;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 400px;
}

ul.menu > li > a {color: white;}

span.offer_options {
    column-count: 2;
    width: 100%;
    display: inline-block;
    overflow: auto;
    max-height: 150px;
}

b#target1:target ~ ul.cssplayAnySize li.largeImage .g1 {
	opacity:1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

b#target1:target ~ ul.cssplayAnySize li.indicators .ind1 {
	background:#D6F66F;
}

b#target1:target ~ ul.cssplayAnySize li.leftArrow a, b#target1:target ~ ul.cssplayAnySize li.rightArrow a {
    z-index:10;
}
b#target1:target ~ ul.cssplayAnySize li.rightArrow .a2,
b#target1:target ~ ul.cssplayAnySize li.leftArrow .a3 {
	z-index:100;
}

ul.cssplayAnySize li.indicators a {
	width: auto;
	height: auto;
	padding: 2px 10px;
	color: #767675;
}

.span_main {
	height: 475px;
}

.main_spalte1, .main_spalte2 {
	height: 450px;
}

.main_login_block {
	margin-left: 200px;
	width: 400px
}

.main_search_block {
    margin-left: 100px;
    width: calc(100% - 120px);
    box-sizing: border-box;
}

a.vorschlagbox {
    display: inline-block;
    padding-right: 20px;
    border-bottom: #AACA42 dashed 1px;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.hide_desktop {
	display: none;
}

.textarea_feedback {
    width: 474px;
    max-width: 433px;
    height: 90px;
}

.textarea_feedback_offer {
	width: 225px;
}

.mainframe.longlist {
	width: calc(100% - 40px);
}

.detailView .span_main > span {
	float: left;
	height: 280px;
}

.greeninfo {
	color: #AACA42;
	font-weight: bold;
}

.cookiebanner {
	background: white;
	border-top: solid 1px #AACA42;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	z-index: 999;
}

.cookietext {display: inline-block;width: calc(100% - 200px);text-align: left;box-sizing: border-box; font-weight: bold; color: #AACA42;}

.cookieok {display: inline-block;width: 100px;box-sizing: border-box;border: solid 1px #AACA42;cursor: pointer;padding: 3px;}

.span_main_register > span {
	margin-left: 250px;
	width: 370px;
}