@CHARSET "UTF-8";

/* GENERAL */
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	text-align:center;
	z-index:1234;
	overflow: auto;
	width: 100px;
	height: 102px; /* +2px to fix IE8 issue */
}

body {
	background: #cfc9c0;
	color: #000000;
	font: 11px verdana, helvetica, arial, sans-serif;
	text-align: left;
}

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
	{
	font: 11px verdana, helvetica, arial, sans-serif;
	color: dimgray;
}

.ui-dialog .ui-dialog-titlebar {
	margin: 10px 10px 10px;
	padding: 5px 5px 5px 5px;
}

.ui-dialog .ui-dialog-content {
	margin: 0px 0px 0px;
	padding: 0px 20px 10px 20px;
}

.ui-dialog-title {
	color: black;
}
.ui-dialog .ui-widget-header {
	background:#D3D3D3 none repeat scroll 0 0;
}

/* Lightbox Hintergrund */
.ui-widget-overlay { background: #000000 url(../images/jqueryui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }

a,a:link,a:visited,a:hover {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}

#logout, #logout:visited, #logout:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}

a.gross {
	font-size: 14px;
}

.generiertesPasswort {
	font-size: 36px;
}

div.errors ul {
	padding-left: 15px;
	margin: 0;
	font-weight: bold;
}

div.hotline-header {
	text-align: right;
	color: white;
	font-size: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.errorpage h1 {
	color: red;
}

.errorpage #errordescription {
	font-weight: bold;
}

.errorpage #exceptionID {
	font-weight: bold;
	font-size: 18px;
}

/* Normaler Header mit Hauptmenu */
div#header {
	width: 970px;
	margin: 0 auto;
	background-color: #333333;
	height: 82px;
}

div#header-logo a,div#header-logo img {
	display: block;
	float: left;
}

ul#mainMenu {
	list-style-type: none;
	margin: 55px 0 0 0;
	padding: 0;
	float: left;
}

ul#mainMenu li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background-color: #8298a0;
}

ul#mainMenu li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	padding: 5px 8px;
	/* 2 * 2px + 27px = 31px */
	height: 17px;
	font-size: 13px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	color: white;
	font-weight: bold;
}

/* Überschriften */
h1,h2,h3,h4,h5,h6 {
	color: dimgray;
}

h1 {
	font-size: 19px;
	font-weight: bold;
}

h2 {
	font-size: 17px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	font-weight: bold;
}

h4 {
	font-size: 11px;
	font-weight: bold;
}

/* select */
select {
	background-color: #fcfcfc;
	font: 11px verdana, arial, helvetica, sans-serif;
	color: dimgray;
	height: 20px;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	display: block;
	float: left;
}

select.postbewerbungOutputType {
	margin: 0.5em 0;
	float: none;
	display: inline-block;
}

/* input */
input {
	color: dimgray;
	width: 220px;
	border: 1px solid dimgray;
	padding: 0;
	margin: 0;
}

textarea {
	color: dimgray;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
	border: 1px solid dimgray;
	background-color: #fcfcfc;
}

input,input[type="text"],input[type="password"],input.text,input.title,textarea {
	font: 11px verdana, arial, helvetica, sans-serif;
	line-height: 13px;
	margin: 0;
}

/* Loesung fuer die 1px-Verschiebung von Titel und Anrede bei den pers. Daten */
input#titel,select#anrede {
	display: block;
	float: left;
}

input.anzeigefeld {
	width: 220px;
	height: 14px;
	margin: 0;
	padding: 2px 3px 2px 3px;
	vertical-align: middle;
}

input.kurz {
	width: 150px;	
}

input.position {
	width: 30px;	
}

textarea.anzeigefeld {
	width: 220px;
	margin: 0;
	padding: 2px 3px 3px 3px;
	vertical-align: middle;
	height: 150px;
}

select.dokumentTyp {
	width: 228px;
}
	
textarea.einspaltig, input.einspaltig {
	width:750px
}

input.bewerbungsBetreff {
	width:740px;
}

textarea.bewerbungstext {
	width:740px;
	height: 250px;
}

textarea.einspaltig-anschreiben, input.einspaltig-anschreiben {
	width:500px
}

textarea.einspaltig-anschreiben {
	height:300px
}

textarea.cmsPage {
	height:480px;
	width:740px;
}

input.cmsPage {
	width:740px;
}

input[type=checkbox] {
	width: auto;
}

input[type=button],input[type=submit] {
	width: auto;
	background-color: lightgray;
	border-color: darkgray;
	/* Auskommentiert weil runde Buttons nicht erwuenscht
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;*/
}

input.dialog {
	width: 220px;
	height: 14px;
	margin: 0;
}

select.lang {
	width: 230px;
}

select.familienstand,select.staatsangehoerigkeit {
	width: 120px;
}

select.anzahlKinder {
	width: 43px;
}

select.fuehrungsErfahrungJahre {
	width: 50px;
	display: inline;
	float: none;
}

select.fuehrungsErfahrungMitarbeiter {
	width: 250px;
	display: inline;
	float: none;
}

div.zeile select.anrede {
	width: 60px;
	margin-right: 5px;
}

textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}

input[type="text"]:focus,input[type="password"]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus {
	border: 1px solid black;
}

div.feld input,div.feld select {
	margin-right: 5px;
}

.body {
	background-color: #ece9e6;
	padding: 0;
}

/* MESSAGES AND ERRORS */
.message {
	background: #f3f8fc url(../images/skin/information.png) 8px 50%
		no-repeat;
	border: 1px solid #b2d1ff;
	color: #006dba;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 30px
}

div.errors {
	background: #fff3f3;
	border: 1px solid red;
	color: #cc0000;
	margin: 0px 0 20px 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
}

div.errors ul {
	list-style: none;
	padding: 0;
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
	line-height: 16px;
	padding-left: 30px;
}

td.errors select {
	border: 1px solid red;
}

td.errors input {
	border: 1px solid red;
}

/* TABLES */
table { /*border: 1px solid #ccc;*/
	border: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;	
}

td.dokumentenlisteTitelZelle {
	border: 1px solid #ccc;
	height: 40px;
	vertical-align: middle;
	border-collapse:collapse;
	background-color: #ddd;
}

td.dokumentenlisteZelle {
	border: 1px solid #ccc;
	height: 30px;
	vertical-align: middle;
	border-collapse:collapse;
	background-color: white;
}

td.photolisteZelle {
	width: 220px;
	border: none;
	vertical-align: baseline;
	text-align: center;
	border-collapse:collapse;
	background-color: white;
}

table.edit-table {
	margin: 5px 0;
}

table#beruflicher-werdegang-preview-table {
	margin: 1.1em 0;
}

tr {
	border: 0;
}

td,th {
	line-height: 12px;
	padding: 0px 6px 5px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

th {
	/*background: #fff url(../images/skin/shadow.jpg);*/
	color: #666;
	font-weight: bold;
	line-height: 17px;
	padding: 2px 6px;
}

th a:link,th a:visited,th a:hover {
	color: #333;
	display: block;
	text-decoration: none;
	width: 100%;
}

th.asc a,th.desc a {
	background: no-repeat right;
}

th.asc a {
	background-image: url(../images/skin/sorted_asc.gif);
}

th.desc a {
	background-image: url(../images/skin/sorted_desc.gif);
}

table.datatable th {
	border: 1px solid #ccc;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: middle;
	border-collapse:collapse;
	background-color: #ddd;
}

table.datatable td {
	border: 1px solid #ccc;
	padding:5px;
	vertical-align: middle;
	border-collapse:collapse;
	background-color: white;
}

table.datatable td.center {
	text-align: center;
}

table.datatable tfoot td {
	border: 1px solid #ccc;
	/*height: 30px;*/
	vertical-align: middle;
	border-collapse:collapse;
	background-color: #ddd;
}

.odd {
	background: #f7f7f7;
}

.even {
	background: #fff;
}

.wrapper {
	width: 60.625em;
	margin: 0 auto;
}

/* LIST */
.list table {
	border-collapse: collapse;
}

.list th,.list td {
	border-left: 1px solid #ddd;
}

.list th:hover,.list tr:hover {
	background: #b2d1ff;
}

/* PAGINATION */
.paginateButtons {
/*	background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;*/
	border: 1px solid #ccc;
	border-top: 0;
/*	color: #666;*/
	overflow: hidden;
	padding: 10px 3px;
}

.paginateButtons a {
	background: #fff;
	border: 1px solid #ccc;
	border-color: #ccc #aaa #aaa #ccc;
/*	color: #666;*/
	margin: 0 3px;
	padding: 2px 6px;
}

.paginateButtons span {
	padding: 2px 3px;
}

/* DIALOG */
#dialog-content {
	margin:0;
	margin-bottom:10px;
	padding: 0;
}
#dialog-content.autoheight {
	min-height: 555px;
}
.dialog table {
	padding: 5px 0;
}

.prop {
	padding: 5px;
}

.prop .name {
	text-align: left;
	vertical-align: middle;
	width: 15%;
	white-space: nowrap;
}

.prop .value {
	text-align: left;
	width: 85%;
}

/* ACTION BUTTONS */
.buttons {
	/*background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
	 border: 1px solid #ccc;*/
	color: #666;
	margin-top: 5px;
	overflow: hidden;
	padding: 0;
}

div.dialogButtons {
	text-align: right;
	margin-bottom: 0px;
	margin-right: 0px;
}

.buttons input {
	background: lightgray;
	border-width: 1px;
	color: black;
	cursor: pointer;
	margin-left: 3px;
	overflow: visible;
	padding: 2px 6px;
	width: auto;
	height: 25px;
}

.buttons input.delete {
	border: 1px solid black;
	background: #d3d3d3 url(../images/icons/delete_16.png) 5px 50%
		no-repeat;
	padding-left: 28px;
}

.buttons input.edit {
	background: #d3d3d3 url(../images/skin/database_edit.png) 5px 50%
		no-repeat;
	padding-left: 28px;
}

.buttons input.save {
	background: #3cb5d1 url(../images/icons/diskette_16.png) 5px 50% no-repeat;
	width: 100px;
	color: white;
	border: 1px solid white;
	padding-left: 28px;
}

.buttons input.saveWithoutWidth {
	background: #3cb5d1 url(../images/icons/diskette_16.png) 5px 50% no-repeat;
	color: white;
	border: 1px solid white;
	padding-left: 28px;
}

.buttons input.back {
	background: #d3d3d3 url(../images/icons/back_16.png) 5px 50% no-repeat;
	width: 100px;
	border: 1px solid black;
	padding-left: 28px;
}

.buttons input.next {
	background: #d3d3d3 url(../images/icons/next_16.png) 5px 50% no-repeat;
	width: 100px;
	border: 1px solid black;
	padding-left: 28px;
}

.buttons input.cancel {
	background: #d3d3d3 url(../images/icons/close_b_16.png) 5px 50% no-repeat;
	width: 100px;
	border: 1px solid black;
	padding-left: 28px;
}

.buttons input.muster {
	background: #d3d3d3 url(../images/icons/write_16.png) 5px 50% no-repeat;
	border: 1px solid black;
	padding-left: 28px;
}

.buttons input.search {
	background: #d3d3d3 url(../images/icons/binoculars_16.png) 5px 50% no-repeat;
	width: 100px;
	border: 1px solid black;
	padding-left: 28px;
}

.buttons input.ok {
	background: #d3d3d3 url(../images/icons/ok_16.png) 5px 50% no-repeat;
	padding-left: 28px;
	align: right;
}

img#profilstatus {
	width: 950px;
	height: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.eineBox { /*color: #666666;*/
	background-color: white;
	border: 1px solid #666666;
	margin-bottom: 10px;
	padding: 10px;
	height: 193px;
	position: relative;
}

div.eineBox h2 {
	font-size: 20px;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 1px 0;
}

div.smallbox { /*color: #666666;*/
	background-color: white;
	border: 1px solid #666666;
	padding: 10px;
	margin-bottom: 10px;
	height: 158px;
	position: relative;
}

div.smallbox div.content {
	
}

div.beraterBewerberDokumentationBox { /*color: #666666;*/
	background-color: white;
	border: 1px solid #666666;
	padding: 10px;
	margin-bottom: 10px;
	height: 166px;
	width: 448px;
	position: relative;
}

div.beraterBewerberDokumentationBoxSmall {
	width: 208px;
}

div.beraterBewerberDokumentationBox div.content {

}

div.beraterBewerberDokumentationBox h3 {
	border-width: 0 0 1px;
	border-color: #666666;
	border-style: solid;
}

div.kenntnisauswahl {
	text-align: right;
	right: 0;
	top: 0;
	margin-right: 0px;
	margin-top: 10px;
}

td.kenntnis_cell {
	width:33%;
}
	
td.kenntnis_cell * {
	vertical-align: middle;
	padding-left: 10px;
	display: inline;
}

div.stellenart {
	width: 23%;
	display: inline;
}

div.bool * {
	vertical-align: middle;
	display: inline;
}

div.smallbox div.linkarea,div.eineBox div.linkarea,div.listelementbox div.linkarea, div.beraterBewerberDokumentationBox div.linkarea {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.smallbox div.punktevollstaendig {
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
}

div.punktevollstaendigLebenslauf {
	position: absolute;
	right: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.listelementbox {
	clear: both;
	position: relative;
	background-color: white;
	border: 1px solid #666666;
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px;
}

.table-filter-box {
	height: 20px;
}

.table-filter-box>form>div>label {
	float: left;
	margin-top: 3px;
}

.table-filter-box>form>* {
	float: left;
	vertical-align: middle;
}

div.bigbox {
	font-size: 11px;
	height: 258px;
	background-color: white;
	border: 1px solid #666666;
	padding: 10px;
	max-width: 100%;
}

div.whitebox {
	font-size: 11px;
	background-color: white;
	border: 1px solid #666666;
	padding: 10px;
	max-width: 100%;
}

hr {
	color: #c6c5c6;
	border: none;
	background-color: #c6c5c6;
	height: 1px;
}

#breadcrumb-bar {
	background-color: #2DA6C8;
}
#breadcrumbs {
	height: 28px;
	position: relative;
	padding-top: 6px;
	padding-bottom: 6px;
}
.breadcrumb-beginning, .breadcrumb-end , .breadcrumb-between {
	display: table-cell;
}
.breadcrumb-content {
	background-image: url('../images/breadcrumb_middle.png');
	color: white;
	height: 28px;
	display: table-cell;
	vertical-align: middle;
	margin-top: 6px;
	margin-bottom: 6px;
}
.breadcrumb-content a {
	color: white;
}

div#content-area {
	padding: 10px 0 10px 0;
	min-height: 635px;
	clear: both;
}

div#footer {
	background-color: #5c5c5c;
	clear: both;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

div#footer div {
	padding: 10px 12px;
	color: white;
	font-size:9px; 
}

div#footer-left {
	float:left;
}

div#footer-right {
	text-align:right;
}

div#footer a {
	color: white;
	font-size: 9px;
	font-weight: normal;
}

.container {
	margin-left: 10px;
	margin-right: 10px;
}

div#dialog div.border {
	border-style: solid;
	border-color: black;
}

/* Dialog */
div.dialog-spaltentrennlinie {
	height: 30px;
	padding-right: 4px;
	margin-right: 5px;
	border-color: black;
	border-right: 1px solid;
}

div.dialog-spaltentrennlinie-fuehrerschein {
	height: 25px;
	padding-right: 4px;
	margin-right: 5px;
	border-color: black;
	border-right: 1px solid;
}

/* Felder für Anzeige-Seiten */
div.anzeigefeld {
	background-color: white;
	padding: 3px;
	min-height: 14px;
}

div.mehrzeiligesAnzeigefeld {
	background-color: white;
	padding: 3px;
	min-height: 14px;
	overflow-y: auto;
}

div.mehrzeiligesAnzeigefeldSpan-20 {
	background-color: white;
	padding: 3px 6px 3px 6px;
	min-height: 14px;
	overflow-y: auto;
	width: 778px;
}

div.firmaBeschreibung {
	height: 150px;
}

div.weitereInformationen {
	min-height: 80px;
	max-height: 160px;
	word-wrap:break-word;
	overflow:auto; 
}

div.feld-breit {
	width: 230px;
}

div.strasse {
	width: 179px;
	float: left;
	margin-right: 5px;
}

div.hausnummer {
	width: 34px;
	float: left;
}

div.anrede {
	width: 50px;
	float: left;
	margin-right: 5px;
}

div.plz {
	width: 37px;
	float: left;
	margin-right: 5px;
}

div.ort {
	width: 176px;
	float: left;
}

input[type="radio"], input[type="checkbox"] {
	border: none;
	text-align: left;
}

div.zeile input[type=checkbox] {
	width: 13px;
	height: 13px;
	margin-bottom: 7px;
}

div.fuehrungsErfahrungJahre {
	width: 80px;
	display: inline;
	margin-right: 20px;
	padding: 3px 5px;
}

div.fuehrungsErfahrungMitarbeiter {
	width: 250px;
	display: inline;
}
	
input.strasse {
	width: 177px;
	float: left;
	margin: 0 5px 0 0;
}

input.hausnummer {
	width: 30px;
	float: left;
}

input.titel {
	width: 56px;
}

input.plz {
	width: 40px;
	margin-right: 4px;
	float: left;
}

input.ort {
	width: 168px;
}

input#dauerInTagen {
	width: 46px;
}

div.feld-schmal {
	width: 43px;
}

input.feld-schmal {
	width: 33px;
}

div.uhrzeit {
	width: 48px;
}

input.uhrzeit {
	width: 38px;
}

div.tag {
	width: 30px;
	float: left;
	margin: 0 5px 0 0;
}

div.monat {
	width: 137px;
	float: left;
	margin: 0 5px 0 0;
}

div.jahr {
	width: 35px;
	float: left;
}

div.datum select {
	margin-right: 5px;
}

.pflichtfeldStern {
	color: #800000;
}

.markierungSollFeld {
	color: #FF0000;
	font-weight: bold;
}

input[type="radio"] {
	width: 10px;
}
.zeile * {
	text-align: left;
}

/*  ###############################################################
	Statusbar													  
	############################################################### */
div#statusBar {
	height: 26px;
	background-color: GhostWhite;
	border: 2px solid #3abcd6;
	background-image: url('../images/hatch.jpg');
	background-repeat: repeat-x;
	margin-bottom: 10px;
	position: relative;
}

div#statusBar div#status {
	position: absolute;
	background-color: #dceff5;
	height: 26px;
	border-color: #3abcd6;
	border-style: solid;
	border-width: 0 2px 0 0;
}

div#statusBar div.title {
	position: absolute;
	font-size: 20px;
	color: #3abcd6;
	white-space: nowrap;
	margin-left: 6px;
}

div#statusBar div.value {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	width: 98%;
	text-align: right;
	margin-top: 6px;
}

/* Formatierung der Textfelder */
textarea.freitext {
	border-color: #666666;
	padding: 3px;
	/*color: #808080;*/
}

freitext-label {
	text-align: left;
}

div#validationErrorDialog p span {
	color: red;
}

textarea.bemerkung {
	height: 70px;
	width: 335px;
}

textarea.weitereInformationen {
	height: 80px;
}

textarea.mobilitaet {
	height: 70px;
	width: 335px;
}

.freitext-anzeige {
	background-color: white;
	min-height: 70px;
	width: 335px;
	word-wrap: break-word;
}

form {
	text-align: left;
}

.automatic-cut-off {
	white-space: nowrap
}

input.registrieren {
	width: 200px;	
}

.scrollable-dialog-content {
	height: 656px;
	overflow: auto;
	border: 1px solid #666;
	padding: 8px;
}

/* Globales Menü */
.sf-menu * {
	z-index: 1;
}

.sf-menu ul {
	width:			200px; /* left offset of submenus need to match (see below) */
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			23px; /* match top ul list item height */
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

.sf-menu a {
	text-align: left;
	border:         0px;
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
	text-decoration: none;
}

.sf-menu a.disabled, .sf-menu a.disabled:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			silver;
	text-decoration: none;
	cursor: default;
}

.sf-menu li, .sf-menu li li, .sf-menu li li li {
	background:		#38B0CE;
	z-index: 1000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#303030;
}

.sf-sub-indicator {
	background:		url('../images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-shadow ul {
	background:	url('../images/superfish/shadow.png') no-repeat bottom right;
}

.menue-button {
	background-image: url('../images/submenu-bewerber.png');
	height: 18px; 
	width: 145px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important; 
	padding-right: 0px !important;
	padding-left: 5px !important;
	border: 0px; 
	text-decoration: none;
	color: #fff;
}

.verlasse-bewerber-button {
	background-image: url('../images/submenu-bewerber.png');
	height: 18px;
	width: 145px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	padding-left: 5px !important;
	border: 0px;
	text-decoration: none;
	color: #fff;
}

.leave-switched-user-button {
	background-image: url('../images/button-leaveswitched-bewerber.png');
	height: 18px;
	width: 150px !important;
	border: 0px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding-top: 5px;
}

.leave-switched-user-button a {
	text-decoration: none;
	color: #fff;
}

.ellipsis {
	overflow: hidden;
	display: block;
	position: relative;
	padding-right: 15px
}

.ellipsis:after {
	position: absolute;
	right: 0px;
	bottom: 0px;
	content: "(...)";
}

.bewerbergalerie td img {
	border:1px solid #ccc;
    max-width:200px;
    max-height:250px;
}

table.bewerbergalerie {
	table-layout: fixed;
}

img.mobilitaet-piktogramm {
	width: 68px;
	height: 18px;
}

.bewerbergalerie {
	border-collapse:collapse;
	border-style:none;
}

.bewerbergalerie td a{
    text-decoration:none;
}

.bewerbergalerie td a span {
	display: block;
	overflow-x: hidden;
}

.bewerbergalerie tbody td {
    text-align:center;
	vertical-align:top;
    border: 1px solid #ccc;
    padding: 10px 7px;
 	background-color: transparent !important;
	width:25%;
	word-wrap: break-word;
}

.bewerbergalerie tbody td a div {
	height:250px;
}

p#loggedInText {
	margin: 2px 0 8px 0; color: white; line-height: 13px;
}
p#loggedInText span {
	color: white;
}

div#backgroundBar1 {
	background-color:#908371;
}

div#backgroundBar3 {
	background-color: #cfc9c0;
}

div#content4 {
	background-color: #ece9e6;
}
h2#anzUeberschrift1 {
	clear:both;
}
h2#anzUeberschrift3 {
	clear:both;
}
h2#anzUeberschrift2 {
	clear:both;
}

.redborder {
    border-color: red !important;
}

.bewerbungsfoto img {
	max-height:300px;
	max-width:230px;
}

/* Autocomplete Komponte (JQuery UI) */
.ui-autocomplete{
	max-height: 200px;
	overflow-y: auto; /* vertikale Scrollleisten wenn nötig */
	overflow-x: hidden;
}

.autocomplete-box {
	width:390px;
	padding:0;
	margin:0 auto;
	border:none;
}

.autocomplete-box-input {
	width: 382px;
	margin: 0 0 2px 0 !important;
	padding: 2px 3px;
	position: relative;
	height: 14px;
    display:block;
}

.autocomplete-box span {
	display: block;
	margin: 0 0 3px 0;
	padding: 3px 20px 4px 8px;
	position: relative;
	float: none;
	background-color: #eee;
	border: 1px solid #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #333;
	font: normal 11px Verdana, Sans-serif;
}

.autocomplete-box span a {
	top: 2px;
	color: #666;
	font: bold 12px Verdana, Sans-serif;
	text-decoration: none;
	margin-left:5px;
}

.autocomplete-box span a:hover {
	color: #ff0000;
}

.ui-menu .ui-menu-item {
	whitewhite-space: nowrap;
	padding: 0 10px 0 0;
}

.bewerbungversenden {
	width:250px;
}