@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*/
}
.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 7px; 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 {float: right; position:relative; margin-left:10px; }

.imgmaxxu { float:right; position:relative; margin-right:30px; margin-top:10px;}
.headtext { float:left; position:relative; margin-left:30px; margin-right:10px;}


/*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;
}

span.expander:hover {
	opacity: 1;
}

.kompetenzen {
    position: absolute;
    top: 0;
    left: 0;
    width: 820px;
    height: 475px;
    display: block;
    transition: none;
    background: white;
    box-sizing: border-box;
    padding: 10px;
}

#open_komps {
    margin: 15px 7px;
    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;
	padding: 3px 10px;
}

#close_komps {
    margin: 15px 7px;
    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;
	padding: 3px 10px;
	float: right;
}

.komp_remove {
    margin: 0 7px;
    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;
	padding: 3px 10px;
	float: right;
}