/* --- Standard Layout --- */


/*@MEDIA screen
{*/


/*  1em = 100% der geerbten Schriftgröße (hier 12px)  */
/*  http://pxtoem.com/
	10px = 0.833em  (83% von 12px)
	11px = 0.917em	(usw.)
-->	12px = 1.000em  <--
	13px = 1.083em
	14px = 1.167em
	16px = 1.333em
	18px = 1.500em
	20px = 1.667em
*/

body
{
	font-family: Arial !important;
	color: #222222 !important;
    /*font-size: 101.01%;*/
    /*font-size: 12px;*/
    font-size: 0.75em;
    height: 100%;
    /*margin: 0 auto;
    width: 960px;*/
    margin: 0 auto;
    width: 80%;
    width: 960px;
    background: #eee;
    
/* 	PrimeFaces Klasse für runde Ecken um ein Behavior erweitern,
	damit dies auch im IE (ab Version 6) möglich ist!
	Kann aber anscheinend nicht vererbt werden und muss daher bei jeder CSS3-Angabe geladen werden! */
	behavior: url('#{resource['css/htc:PIE.htc']}');
}

input, button, .button, select, textarea, p, strong, form, acronym, label, span, a, hr, code, pre, hr, td, th, div, table, ul, ol
{
	font-family: Arial !important;
    font-size: 1em !important;
    margin: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	behavior: url('#{resource['css/htc:PIE.htc']}');
}

input, button, .button, select, textarea, p, form, hr, code, pre, hr, div, ul, ol
{
	position: relative;
	float: left;
}

h1, h2, h3, h4
{
	position: relative;
	float: left;
	clear: left;
	width: 100%;
}

p, form, div, hr, table, ul, ol
{
	width: 100%;
}

form
{
    margin: 0;
    padding: 0;
	width: 100%;
}

a
{	
	color: #2C6B82;
	text-decoration: underline;
	cursor: pointer;
}
a img
{
	margin-right: 3px;
	vertical-align: middle;
}

input[type="text"],
input[type="password"],
textarea,
select
{
	border: 1px solid lightgray;
	border-radius: 4px;
	padding: 2.5px;
	resize: none;
    /*box-shadow: 0 2px 2px #8F8F8F inset;*/
}
input[type="text"],
input[type="password"]
{
	width: 13em;
}
textarea
{
	width: 13em;
	height: 5.5em;
}
select
{
	width: auto;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus
{	
	border: 1px solid #A3A3A3;
}

input[type="submit"],
input[type="button"],
button,
.button,
input[disabled][type="submit"],
input[disabled][type="button"],
button[disabled],
.button[disabled],
input[disabled][type="submit"]:hover,
input[disabled][type="submit"]:focus,
input[disabled][type="button"]:hover,
input[disabled][type="button"]:focus,
button[disabled]:hover,
button[disabled]:focus,
.button[disabled]:hover,
.button[disabled]:focus
{
	background-image: url('#{resource['img/layout:bgBtn.png']}');
	background-repeat: repeat-x;
	background-position: center;
	background-color: #EEEEEE;
	/*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;*/
	border: 1px solid #A3A3A3;
	color: #222222 !important;
	border-radius: 4px;
	height: 2.35em;
	padding: 0 6px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus
{
	/*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) repeat scroll 0 0 #85B2CB;*/
	/*opacity: 0.7;*/
	/*border-color: gray;*/
	
	/*background: #eee;*/
	color: #2C6B82 !important;
}

input[disabled][type="submit"],
input[disabled][type="button"],
button[disabled],
.button[disabled],
input[disabled][type="submit"]:hover,
input[disabled][type="submit"]:focus,
input[disabled][type="button"]:hover,
input[disabled][type="button"]:focus,
button[disabled]:hover,
button[disabled]:focus,
.button[disabled]:hover,
.button[disabled]:focus
{
	opacity: 0.5;
	cursor: inherit !important;
}

input[type="radio"],
input[type="checkbox"]
{
	margin: 2px 4px 3px 0;
}

/* muss noch als IE8-Hack (nur für IE8) deklariert werden
input[type="radio"],
input[type="checkbox"]
{
	margin-top: 0 !important;
}
*/

img
{
    border: none;
}

h1
{
	position: relative;
	float: left;
    border-bottom: 2px solid #D3D3D3;
    font-size: 1.3em;
    font-weight: bold;
    /*font-style: italic;*/
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0.2em;
}
h2, h3, h4
{
	position: relative;
	float: left;
    font-size: 1em;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

p
{
	margin-bottom: 1em;
}

ul
{
	list-style: square;
}

select
{
	/*
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 2px #8F8F8F inset;
    color: #555555;
    border: 1px solid #D3D3D3;
    font-weight: normal;
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    border-radius: 4px 4px 4px 4px;
    */
}




#main
{
	
}
#header
{
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat;
    border: 0 solid #000000;
	background-color: white;
	border: 1px solid lightgray;
	border-bottom: none;
    padding: 10px;
}

#logo
{

}
	
#images
{
	background-color: white;
	border: 1px solid lightgray;
	border-top: none;
	border-bottom: none;
}

#counter
{

}

#content
{
	border: 1px solid lightgray;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: white;
	padding: 0.8em 1.5em;
}

#contentMain
{
	background-color: #F7F7F7;
	border: 1px solid lightgray;
	border-radius: 4px;
	padding: 15px;
	overflow-x: auto;
}
#contentMain p
{

}

#messages
{
	margin-bottom: 1em;
}
#messages,
.item .msg
{
	background-color: #F7EFEF;
	/*border: 1px solid #B94A48; <-- nicht BITV-konform! */
	border: 1px solid #A94A48;
	color: #913D3B;
	border-radius: 4px;
}
#messages ul
{
	margin: 0;
	padding: 0.8em 0.8em 0.8em 2.2em;
}

#mandatory,
#contentRemarks,
#mandatoryKatalog
{
	margin-top: 0.3em;
}

#mandatoryKatalog
{
	margin-bottom: 1.0em;	
}

#footer
{
	text-align: right;
}







/* --- USERINFO + BREADCRUMP --- */

#userInfo
{
    border-bottom: 1px solid lightgray;
    padding-bottom: 4px;
    margin-bottom: 4px
}
#userInfo .item,
#userInfo .item .name,
#userInfo .item .value,
#breadcrumb .item,
#breadcrumb .item .name,
#breadcrumb .item .value
{
    margin: 0;
    padding: 0;
}
#userInfo .item .value
{
    font-weight: bold;
}
/*
#userInfo .left,
#userInfo .right
{
	width: auto;
}
*/
#userInfo .left
{
	width: 54em;
}
#userInfo .right
{
	width: 22em;
}
#userInfo .right span
{
	position: relative;
	float: left;
}
#userInfo .left,
#userInfo .left .item,
#userInfo .left .item,
#userInfo .left .item .name,
#userInfo .left .item .value
{
	position: relative;
	text-align: left;
	float: left;
}
#userInfo .right,
#userInfo .right .item,
#userInfo .right .item,
#userInfo .right .item .name,
#userInfo .right .item .value
{
	position: relative;
	text-align: right;
	float: right;
}
#userInfo .left .item .name,
#breadcrumb .item .name
{
	width: 5.5em;
}
#userInfo .item .value,
#userInfo .right .item .name,
#breadcrumb .item .value
{
	width: auto;
	max-width: none;
}
#userInfo .right .item .value input[type="image"]
{
	top: -0.01em;
}

	
	
#breadcrumb
{
    /*font-size: 0.9em !important;*/
    margin-bottom: 1em;
}
#breadcrumb ul
{
    margin: 0;
    padding: 0;
}
#breadcrumb li
{
    display: inline;
    font-weight: normal;
}
#breadcrumb li:first-child
{
    /*font-weight: bold;*/
}

/* --- USERINFO + BREADCRUMP - Ende --- */





/* --- MENU --- */

.menu,
.menuSub
{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #D3D3D3;
    border-top: none !important;
    border-bottom: none !important;
}
.menu
{
    background-color: white;
	padding-top: 5px;
}
.menuSub
{
	background-color: #555555;
}
.menu input[type="submit"],
.menu input[type="button"],
.menu button,
.menuSub input[type="submit"],
.menuSub input[type="button"],
.menuSub button
{
    /*font-size: 0.75em;*/
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 4px 6px;
    height: auto;
}
.menu input[type="submit"],
.menu input[type="button"],
.menu button
{
    margin: 4px 2px 0 0;
    border-radius: 5px 5px 0 0;
    border: 1px solid #A3A3A3;
    border-bottom: none !important;
}
.menuSub input[type="submit"],
.menuSub input[type="button"],
.menuSub button
{
	border-radius: 0;
	border-left: none;
	border-right: 1px solid #A3A3A3;
	border-top: 1px solid #555 !important;
	border-bottom: 1px solid #555 !important;
	background-color: #555555;
    background-image: none !important;
	/*color: #B3B3B3 !important; <-- nicht BITV-konform! */
	color: #D0D0D0 !important;
	text-transform: none !important;
}
.menuSub>:first-child input[type="submit"],
.menuSub>:first-child input[type="button"],
.menuSub>:first-child button
{
	border-left: 1px solid #A3A3A3 !important;
}
.menu input.active[type="submit"],
.menu input.active[type="button"],
.menu button.active,
.menuSub input.active[type="submit"],
.menuSub input.active[type="button"],
.menuSub button.active,
.menu input.active[type="submit"]:hover,
.menu input.active[type="submit"]:focus,
.menu input.active[type="button"]:hover,
.menu input.active[type="button"]:focus,
.menu button.active:hover,
.menu button.active:focus,
.menuSub input.active[type="submit"]:hover,
.menuSub input.active[type="submit"]:focus,
.menuSub input.active[type="button"]:hover,
.menuSub input.active[type="button"]:focus,
.menuSub button.active:hover,
.menuSub button.active:focus
{
	background-image: none !important;
	background-color: #555555 !important;
	color: white !important;
}
.menu a
{
    text-decoration: none;
}
.menu input[type="submit"]:hover,
.menu input[type="submit"]:focus,
.menu input[type="button"]:hover,
.menu input[type="button"]:focus,
.menu button:hover,
.menu button:focus
{
	background-color: #EEEEEE; 
}
.menuSub input[type="submit"]:hover,
.menuSub input[type="submit"]:focus,
.menuSub input[type="button"]:hover,
.menuSub input[type="button"]:focus,
.menuSub button:hover,
.menuSub button:focus
{
	background-image: none !important;
	background-color: #EEEEEE !important;
	color: #2C6B82 !important;
}

.menu .active a
{
    text-decoration: none;
}

/* --- MENU - Ende --- */




/* --- INPUT --- */

input[type="text"].anrede,
input[type="text"].sortierung,
input[type="text"].date  		{ width: 5.850em !important; }
input[type="text"].time  		{ width: 2.800em !important; }
input[type="text"].dateTime		{ width: 8.300em !important; }
input[type="text"].plz,
input[type="text"].telVorwahl 	{ width: 3.650em !important; }
input[type="text"].telNummer 	{ width: 8.000em !important; }
input[type="text"].dstCode	 	{ width: 5.000em !important; }
input[type="text"].dstBezKurz,
input[type="text"].dstBezLang,
select.dstTyp				 	{ width: 15.000em !important; }

/* --- INPUT - Ende --- */

	
.charCount
{
	color: inherit;	
	/*padding: 7px 0 0 6px;  <-- mit 7px Abstand nach oben ist es auf gleicher Höhe mit dem Text im input, sieht aber irgendwie doof aus...*/
	padding: 5px 0 0 6px;
}



.calendarButton
{
	margin: 0 0 0 0.3em;
}



/* Tabellen */

.dataTable
{
	border-collapse: collapse;
}
.dataTable th
{
	background-image: url('#{resource['img/layout:bgBtn.png']}');
	background-repeat: repeat-x;
	background-position: center;
	background-color: #EEEEEE;
	text-align: left;
	white-space: nowrap;
}
.dataTable th,
.dataTable td
{
	border: 1px solid lightgray !important;
	padding: 0.35em 0.7em;
}
.dataTable td
{
	background-color: #F7F7F7;
}
.dataTable .odd td
{
	background-color: #F7F7F7;
}
.dataTable .even td
{
	background-color: #EEE;
}

/* Tabellen - Ende*/








.item,
.item .name,
.item .value,
.itemInner
{
	position: relative;
	float: left;
}

.item,
.itemInner
{
    width: 100%;
}
.item
{
    margin: 0.25em 0 0.35em;
}
.itemInner
{
    margin: 0.5em 0 0;
}
	
.item .name
{
    /*width: 13em;*/
    width: 16%;
    max-width: 12.5em;
    overflow: auto;
}
.item .value
{
    /*width: auto;*/ /* Die Breite richtet sich dann nach dem Input-Element usw. -> sieht nicht aus, wenn z.B. span mit zu viel Text => Zeilenumbruch! */
    /*max-width: 72.666em;*/
    width: 84%;
}

.item .longvalue
{
    width: 652px;
}	
	
.item.radio .name
{
    /*width: 13em;*/
    width: 84% !important;
    max-width: none !important;
    margin-right: 25px;
}
.item.radio .value
{
    /*width: auto;*/ /* Die Breite richtet sich dann nach dem Input-Element usw. -> sieht nicht aus, wenn z.B. span mit zu viel Text => Zeilenumbruch! */
    /*max-width: 72.666em;*/
    width: 10% !important;
}
	
.item .value input[type="text"],
.item .value input[type="password"],
.item .value textarea,
.item .value select,
.item .msgContainer,
.item .komp_value input[type="text"],
.item .komp_value input[type="password"],
.item .komp_value textarea,
.item .komp_value select
{
    top: -0.26em;
}
.item .value table
{
    width: auto;
}

.item .msgContainer
{
    width: auto !important;
    max-width: 52em;
}
.item .msg
{
    width: auto !important;
    padding: 2.5px 4px;
    margin-left: 10px;
}


.staatsangehoerigkeit .item .value input[type="text"],
.staatsangehoerigkeit .item .value input[type="password"],
.staatsangehoerigkeit .item .value textarea,
.staatsangehoerigkeit .item .value select,
.staatsangehoerigkeit .item .msgContainer
{
	top: 0 !important;
}

.schulabschluss .name
{
	width: auto !important;
	min-width: 2.5em;
	margin-right: 0.5em;
	max-width: none;
}
.schulabschluss .value
{
	width: auto !important;
}

.wunschdienststelle .name
{
	width: 30% !important;
	margin-right: 0.5em
	max-width: none;
}
.wunschdienststelle .value
{
	width: 70% !important;
}

.noteFOR .name
{	
	width: 58.6em !important;
	max-width: none;
} 
.noteFOR .value
{	
	width: auto !important;
} 


input[type="text"].required,
input[type="password"].required,
textarea.required,
select.required
{
    background-color: #FFFFDD;
}

input[type="text"].possible,
textarea.possible,
select.possible
{
    background-color: #DDFFDD;
}

input[type="text"].error,
input[type="password"].error,
textarea.error,
select.error
{
	/*border-color: #B94A48; <-- nicht BITV-konform! */
	border-color: #A94A48 !important;
	background-color: #F7EFEF !important;
	color: inherit !important;
}
.error
{
	/*color: #B94A48; <-- nicht BITV-konform! */
	color: #A94A48 !important;
}
.produktiv
{
	color: green !important;
}
/*
.produktiv
{
	color: #6D8E30 !important
}
*/





.selectRegistrierungLogin .title
{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.selectRegistrierungLogin input[type="radio"]
{
	position: relative;
	float: left;
	margin-top: 0.2em;
}
.selectRegistrierungLogin label
{
	margin-left: 0.4em;
	position: relative;
	float: left;
	width: 90%;	
}


	
	
	
	
	
.selectVonBis
{
	width: 22.2em;
}	
.selectVonBisValueOnly
{
	width: auto;
}
.selectVonBis .von,
.selectVonBis .bis,
.selectVon,
.selectBis
{
	width: 10.3em;
}
.selectVonBisValueOnly .von,
.selectVonBisValueOnly .bis,
.selectVon,
.selectBis
{
	width: 9em;
}
.selectVonBis .bis
{
	margin-left: 1.6em;
}
.selectVonBis .monat
{
	
}
/*.selectVonBis */.slash
{
	position: relative;
	float: left;
	font-size: 1.3em !important;
    text-align: center;
    width: 0.8em;
    top: 0.24em;
}
.slashValueOnly
{
	position: relative;
	float: none;
    text-align: center;
    width: 0.8em;
}
.selectVonBis .jahr
{
	
}
	
	



div.weiterButtons
{
    margin-bottom: 6px;
    margin-top: 20px;
    text-align: right;
}

	
	
	
.noDisplay {
    display: none;
}
.farbschema {
    background-color: #FFFFFF;
    border-bottom: 1px solid gray;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.farbschemaGrau, .farbschemaBlau, .farbschemaRot {
    border: 1px solid gray;
    cursor: pointer;
    margin: 2px;
    padding: 2px;
}
.farbschemaGrau
{
    background-color: #E0E0E0;
}
.farbschemaBlau
{
    background-color: #C0C0FF;
}
.farbschemaRot
{
    background-color: #FFE0E0;
}







.ie7_trenner
{
    padding: 4px;
}
.reiterrahmen
{
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 2px #CCCCCC;
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 10px 0;
    min-height: 450px;
    padding: 8px 25px;
    text-align: left;
}
.reiterueberschrift
{
    border-bottom: 2px solid #DDDDDD;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0.2em;
}
.reitertext
{
    padding: 2px 0 10px;
}
	
.ueberschrift
{
    border-bottom: 2px solid #DDDDDD;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0.2em;
}
	
.pflichtfeldanzeige
{
    font-style: italic;
    padding: 0.3 em 0 0.8em;
}
.start_header1
{
    font-size: 0.01em;
    padding: 8px;
}
.start_bild_links
{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
}
.start_bild_rechts
{
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 49.5%;
}
.startseite_item
{
    padding-bottom: 15px;
    padding-top: 10px;
}
.startseite_text ul
{
    line-height: 1.2em;
    margin: 0;
}
#bildContainer
{
    clear: both;
    position: relative;
}





.registration .laufbahnen
{
    margin-bottom: 1.9em;
}
.registration .laufbahnuebersicht td
{
    border-bottom: 1px solid white;
}
.registration .clock,
.registration .Info
{
    width: 5%;
}

.registration .bezeichnung
{
    padding-left: 25px;
    width: 80%;
}
.registration .laufbahnAktiv
{
    background-image: url("../resources/css/img:clock_play.png");
    background-repeat: no-repeat;
}
.registration .laufbahnInAktiv
{
    background-image: url("../resources/css/img:clock_stop.png");
    background-repeat: no-repeat;
}

.registration .title
{
    font-weight: bold;
}

/*
.registration .registrierung,
.registration .anmeldung
{
    float: left;
    margin: 10px 2px 20px;
    position: relative;
    width: 49%;
}
.registration .regUeberschrift,
.registration .anmUeberschrift
{
    border-bottom: 2px solid #DDDDDD;
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0.2em;
    text-align: center;
}
.registration .regCheckbox,
.registration .anmCheckbox
{
    float: left;
    position: relative;
    width: 20px;
}
.registration .regErlaeuterung,
.registration .anmErlaeuterung {
    float: left;
    position: relative;
    width: 95%;
}
*/
/*
.registration .item
{
    margin-bottom: 0.8em;
    width: 100%;
}
.registration .item .name
{
    width: 13em;
}
.registration .item .value
{
    width: 15em;
}
.registration .item .msg
{
    width: 15em;
}
*/
.registration .bewerbungVorjahrUeberschrift .name,
.registration .einverstanden1 .name,
.registration .einverstanden2 .name,
.registration .bewerbungVorjahrUeberschrift .value,
.registration .einverstanden1 .value,
.registration .einverstanden2 .value
{
    width: 100%;
}
.registration .bewerbungVorjahrJa input[type="radio"],
.registration .bewerbungVorjahrNein input[type="radio"]
{
    margin-left: -20px;
    margin-right: 2px;
    margin-top: 10px;
}
.registration .einverstanden1 .value input[type="radio"],
.registration .einverstanden2 .value input[type="radio"] {
    margin-left: 60px;
    margin-right: 2px;
    margin-top: 10px;
}
	
.sonstiges textarea,
.bemerkungNoten textarea
{
	height: 20em;
	width: 100%;
}



.aktenfuehrungWerte name
{
	width: 10%;
}
.aktenfuehrungWerte value
{
	width: 90%;
}
.aktenfuehrungWerte input[type="text"],
.aktenfuehrungWerte input[type="password"],
.aktenfuehrungWerte textarea
{
	width: 25em;
}



/* --- Schullaufbahn --- */

#tableSchullaufbahn td
{
	vertical-align: top;
}

/* --- Schullaufbahn - ENDE --- */



/* --- Zeugnis --- */

#tableZeugnis td
{
	min-width: 16em;
}

#tableZeugnis input,
#tableZeugnis select
{
	max-width: 90%;  /* damit Sternchen usw. nicht umgebrochen werden */
}

#tableZeugnis .zhjd select
{
	margin-bottom: 4px;
}

/* --- Zeugnis - ENDE --- */


	
/* --- Übersicht --- */

.reiterdaten
{
	margin-bottom: 2em;
}
.reiterdaten h2.reiterTitle
{
	font-size: 1.1em !important;
	background: url("#{resource['img/layout:bgBtn.png']}") repeat scroll center center transparent;
	padding: 5px 16px 5px 15px;/*5px 15px;*/
	left: -16px; /*-15px*/
}
.reiterdaten:first-child h2.reiterTitle
{
	margin-top: 0;
}
.reiterdaten h3.reiterTitle
{
	margin-bottom: 1em;
}
/*.reiterdaten .title h3 div
{
	margin: 5px;
	font-size: 1.1em !important;*/
}
.reiterdaten .content
{
	width: 100%;
}
.reiterdaten .backTo
{
	margin-top: 1.4em;
}

/* --- Übersicht - ENDE --- */
	
	
	
	
.z_item_bewerbungVorjahre {
    clear: both;
    margin-left: 30px;
}
.z_valueBez_bewerbungVorjahre {
    margin-left: 30px;
}
.z_item_bewerbungVorjahre .reg_bei,
.z_item_bewerbungVorjahre .reg_fuerLaufbahn,
.z_item_bewerbungVorjahre .reg_fuerEinstellungsjahr
{
    float: left;
    min-width: 150px;
    position: relative;
}
.lb_alt,
.lb_neu
{
    margin-top: 20px;
}
.lb_uebersichtAlt,
.lb_uebersichtNeu
{
    border: 2px solid #DDDDDD;
    margin-top: 5px;
    width: 100%;
}
.lb_uebersichtAlt thead tr,
.lb_uebersichtNeu thead tr
{
    background-image: url("../resources/css/img/grau/verlauf_box_unten.png");
    height: 25px;
}
.lb_altfooter,
.lb_neufooter
{
    background-image: url("../resources/css/img/grau/verlauf_box_unten.png");
    height: 25px;
    text-align: right;
}
.lb_altBezeichnung,
.lb_neuBezeichnung {
    width: 50%;
}
.lb_altInfo,
.lb_neuInfo
{
    width: 5%;
}
.lb_uebersichtAlt td,
.lb_uebersichtNeu td {
    padding: 2px;
}
.rg_allg
{
    margin-top: 20px;
}
.rb_uebersicht
{
    border: medium none;
    border-collapse: collapse;
    margin-top: 5px;
}
.rb_uebersicht td
{
    padding: 5px;
}
.rb_uebersicht .spalte1
{
    background-color: #EEEEEE;
    font-weight: bold;
    height: 25px;
    width: 150px;
}
.best_allg
{
    margin-top: 20px;
}
.best_erlaeuterung
{
    border: medium none;
    border-collapse: collapse;
    margin-top: 50px;
}
.best_erlaeuterung td
{
    padding: 5px;
}
.best_erlaeuterung .spalte1
{
    background-color: #EEEEEE;
    font-weight: bold;
    height: 25px;
    width: 150px;
}
.best_erlaeuterung .footer
{
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat-x;
    font-size: 0.75em;
    overflow: hidden;
    text-align: left;
}
.footer ul li a:link,
.footer ul li a:visited
{
    text-decoration: none;
}
.footer ul li a:hover,
.footer ul li a:focus
{
    text-decoration: underline;
}
.bookmarks
{
    background-attachment: scroll;
    background-position: left top;
    background-repeat: repeat-x;
    font-size: 0.75em;
    overflow: hidden;
    padding: 5px;
}
.pd_item100
{
    padding: 4px;
}
.pd_name
{
    display: inline-block;
    vertical-align: top;
    width: 13em;
}
.pd_value
{
    display: inline-block;
}
.value input[disabled]
{
    display: inline-block;
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4 !important;
    opacity: 1.00 !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
}
.pd_msg
{
    display: inline-block;
}
.sa_item_ebene0
{
    margin: 8px 0;
}

.sa_item_ebene1, .sa_item_ebene2
{
    margin: 5px 0;
    padding-left: 40px;
}

.sa_name
{
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
.sa_checkbox
{
    display: inline;
}
.sa_zusatz
{
	
}
.sa_bezeichnung_ebene0
{
    display: inline;
    font-weight: bold;
}
.sa_bezeichnung_ebene1,
.sa_bezeichnung_ebene2
{
    display: inline;
}
.bk_item
{
    margin: 8px 0;
}
.bk_name
{
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    width: 90%;
}
.bk_zusatzmodul
{
    padding-left: 40px;
}
.bk_zusatzmodulInput
{
    padding-left: 40px;
}
.bk_zusatzmodul Input
{
    margin-left: 10px;
}
.bk_zusatzmodulInput Input
{
    margin-left: 10px;
}
.bk_hinweistext
{
    display: inline;
}
.bk_imgButton {
    cursor: pointer;
}

.komp_name
{
	width: auto;
	margin: 2px 0;
	vertical-align: top;
}

.komp_value
{
	width: auto;
	padding-left: 20px;
	margin: 2px 0;
	vertical-align: top;
}

.komp_extra
{
    padding-left: 50px;
}

.wd_itemSystemkatalog,
.wd_itemAnzeige,
.wd_itemRadiobox
{
    margin: 8px 0;
}
.wd_itemSystemkatalog .wd_name50,
.wd_itemRadiobox .wd_name50,
.wd_itemAnzeige .wd_name50
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.wd_itemSystemkatalog .wd_value50,
.wd_itemRadiobox .wd_value50,
.wd_itemAnzeige .wd_value50
{
    display: inline-block;
    margin: 8px 0;
}
.wd_itemSystemkatalog select
{
    min-width: 150px;
}
.wd_itemAnzeige
{
    display: inline;
}
.wd_itemAnzeige .wd_name50
{
    margin-right: 10%;
    width: 40%;
}
.wd_itemKarte
{
    cursor: pointer;
    display: inline-block;
}
.wd_itemRadiobox .wd_value50
{
    vertical-align: bottom;
}
.schullaufbahn .schullaufbahn, .ab_ausbildung
{
    margin: 8px 0;
}
.schullaufbahn .itemBezeichnungUeberschrift,
.schullaufbahn .itemNameUeberschrift,
.schullaufbahn .itemOrtUeberschrift,
.schullaufbahn .itemAbschlussUeberschrift,
.schullaufbahn .itemNoteUeberschrift,
.ab_itemBezeichnungUeberschrift,
.ab_itemNameUeberschrift,
.ab_itemOrtUeberschrift,
.ab_itemArtUeberschrift,
.ab_itemArbeitgeberUeberschrift,
.ab_itemAbschlussUeberschrift
{
    display: inline-block;
    font-weight: bold;
    padding-bottom: 10px;
    width: 170px;
}
.schullaufbahn .itemVonUeberschrift,
.schullaufbahn .itemBisUeberschrift,
.ab_itemVonUeberschrift,
.ab_itemBisUeberschrift {
    display: inline-block;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100px;
}
.schullaufbahn .itemBezeichnung,
.schullaufbahn .itemName,
.schullaufbahn .itemOrt,
.schullaufbahn .itemAbschluss,
.schullaufbahn .itemNote,
.ab_itemBezeichnung,
.ab_itemName,
.ab_itemOrt,
.ab_itemArt,
.ab_itemArbeitgeber,
.ab_itemAbschluss
{
    display: inline-block;
    width: 170px;
}
.schullaufbahn .itemVon,
.schullaufbahn .itemBis,
.ab_itemVon,
.ab_itemBis
{
    display: inline-block;
    width: 100px;
}
.schullaufbahn .zeilenwechsel .ab_zeilenwechsel
{
    clear: both;
}
.am_aufmerksam
{
    margin: 8px 0;
}
.am_item
{
    display: inline-block;
    padding: 10px;
    white-space: nowrap;
    width: 25%;
}
.am_textfeld
{
    margin-left: 20px;
}
.z_zeugnis
{
    width: 100%;
}
.z_zeugnis thead th
{
    white-space: nowrap;
}
.z_zeugnis .z_zeugnisDatum,
.z_zeugnis .z_zeugnisSchultyp,
.z_zeugnis .z_zeugnisHalbjahr
{
    font-style: italic;
    font-weight: normal;
    text-align: right;
    vertical-align: bottom;
}
.z_zeugnis .z_spalteHj
{
    text-align: center;
    width: 170px;
}
.z_zeugnis_hjSpalte
{
    vertical-align: top;
}
.z_zeugnis th .z_schulform,
.z_zeugnis th .z_halbjahr
{
    width: 100%;
}
.z_zusatzeingabefeld
{
    width: 150px;
}
.z_ergebnisse
{
    margin-top: 35px;
    width: 100%;
}
.z_nameErgebnis
{
    font-weight: bold;
    margin-top: 10px;
    padding: 2px 5px;
    white-space: nowrap;
}
.z_zusatzmodul_ergebnisAbitur,
.z_zusatzmodul_ergebnisFOSDurchschnitt
{
    padding-bottom: 5px;
    padding-left: 5px;
}
.z_valueUeberschriftFach, .z_valueFach
{
    display: inline-block;
    width: 40%;
}
.z_valueUeberschriftPunkteS,
.z_valueUeberschriftPunkteM,
.z_valuePunkteS,
.z_valuePunkteM
{
    display: inline-block;
    padding: 3px 0;
    width: 150px;
}
.z_valueBez_ergebnisFOSDurchschnitt
{
    display: inline-block;
    padding: 3px 0;
    white-space: nowrap;
    width: 70%;
}
.z_zusatzmodul_ergebnisFOSDurchschnitt .z_valueFach
{
    display: inline-block;
    width: 20%;
}
.er_link
{
    padding: 5px 20px;
}
.er_checkbox
{
    display: inline-block;
    padding: 10px 20px;
}
.er_checkBoxText
{
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.er_nameErgebnis
{
    font-weight: bold;
    padding-top: 30px;
}
.er_zusatzmodul_akteneinsicht�D,
.er_zusatzmodul_akteneinsichtOeD,
.er_zusatzmodul_akteneinsichtRef
{
    padding-top: 5px;
}
.er_behoerde,
.er_aktenzeichen
{
    display: inline-block;
    padding-right: 15px;
    padding-top: 5px;
}
	
.errorDatenSchutzKurz
{
	color: red;
}







#infoWindow
{	
	position: relative;
	float: left;
	margin: 10px!important;
	width: auto!important;
	min-width: auto!important;
	height: auto!important;
	background-color: #eeeeee!important;
}
#infoWindow #content
{
	border-radius: 4px;
}
#infoWindow h1
{
	margin-top: 0.4em;
}
#infoWindow form
{	
	margin: 0!important;
	padding: 0!important;
}
	
	
.infoBtn
{
	position: relative;
	vertical-align: top;
	margin-left: 1px;
	display: inline;
}	
td .infoBtn
{
	margin-left: 0px;
}
	
.cbBox
{
	width: 2.2%;
}	
.cbLabelSub
{
	padding-left: 2.2%;
}
.cbLabel
{
	width: 97.8%;	
}
.cbLabel label,
.cbLabel span
{
	position: relative;
	float: left;	
}
.cbLabel input
{
	margin-left: 0.5em;
	top: -0.3em;
}	

.marginTop
{
	margin-top: 1.8em;
}
.marginBottom
{
	margin-bottom: 1.8em;
}
	
	
	
#contentButtons,
.buttons
{
	margin-top: 1.3em;
}
#contentButtons input[type="submit"],
#contentButtons input[type="button"],
#contentButtons button,
#contentButtons .button,
.buttons input[type="submit"],
.buttons input[type="button"],
.buttons button,
.buttons .button
{
	margin-right: 0.4em;
}
#contentButtons a,
.buttons a,
#print a
{
	text-decoration: none;
}
.btnInfo .item
{
	margin-bottom: 1em;
}
.btnInfo .name
{
	width: 8.5%;
	font-weight: bold;
}
.btnInfo .value
{
	width: 91.5%;
}
#print a img
{
	text-decoration: none;
	margin-right: 0;	
	margin-left: 3px;
}
#print
{
	width: auto;
	float: right;
}
#print .button
{
	width: auto;
	float: right;
	margin-right: 0;
	margin-left: 0.4em;
}
	
	
	
.admin
{
	background-color: lightyellow !important;
	border: 1px dashed red !important;
}

/* Ausgabe der Reg-Infos anders formatieren, da sonst das kleine l
   und das große i nicht unterschieden werden können! */
#ri span
{
	font-family: Verdana !important;	
}



/* --- MESSAGES --- */

.anwendungsHinweis {
	margin-bottom: 10px;
}

.anwendungsHinweis .msgBox {
	margin-top: 0px;
}

.msgBox
{
	padding: 3px 5px 3px 28px;  /* oben und unten 5px - 2px, da ".item {padding: 2px 0;}" ??? */
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-size: auto 16px;
	margin: 10px 0;
	list-style: none;
}

.msgList
{
	list-style: disc !important;
	padding-left: 45px !important;
}

.msgBox.info
{
	background-color: #E4F7DC;
	border-color: #2A8E00;
	/*color: #2A8E00;*/
	background-image: url('#{resource['img/general/msg:success.png']}');
}

.msgBox.warn
{
	background-color: #FFECC1;
	border-color: #D88C00;
	/*color: #D88C00;*/
	background-image: url('#{resource['img/general/msg:warning.png']}');
}

.msgBox.error,
.msgBox.fatal
{
	background-color: #F7EFEF;
	/*border-color: #B94A48; <-- nicht BITV-konform! */
	border-color: #A94A48;
	/*color: #A94A48;*/
	background-image: url('#{resource['img/general/msg:error.png']}');
}

.msgBox .item
{
	padding: 2px 0;
	margin: 0;
}

#passwort .name
{
	width: 12em;
}

#passwort .item
{
	padding: 2px 0;
	margin: 0;
}

/* --- MESSAGES - ENDE --- */
	
	
	
	

/* --- PrimeFaces-Styles --- */
	
.ui-widget-content,
.ui-widget-content a,
.ui-widget-header,
.ui-widget-header a,
.ui-state-default,
.ui-state-default,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-highlight,
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-state-hover,
.ui-state-focus,
.ui-inputfield
{
	/*color: #222222 !important;*/
	color: black !important;
	text-shadow: none !important;
	font-weight: normal !important;
}

.ui-menu,
.ui-menu-parent,
.ui-menu-child,
.ui-menuitem-link
{
	border-radius: 0px !important;
}
.ui-menu .ui-menu-parent .ui-menu-child
{
	width: 14em !important;
}
.ui-menu
{
	padding: 0.4em 1.2em !important;
}
.ui-menu,
.ui-menu-child
{
	border: 1px solid lightgray !important;
}
.ui-menu,		
.ui-menubar .ui-menu-child .ui-menuitem-link
{
	width: 100% !important;
}
	
	
.ui-datatable table
{
	width: 100% !important;
}		

	
.ui-inputfield
{
	box-shadow: none !important;
	border: 1px solid lightgray !important;
	border-radius: 4px !important;
	padding: 2.5px !important;
	resize: none !important;
}
	
	
.ui-button
{
	background-image: url('#{resource['img/layout:bgBtn.png']}') !important;
	background-repeat: repeat-x !important;
	background-position: center !important;
	border: 1px solid #A8A8A8 !important;
	color: #222222!important !important;
	border-radius: 4px !important;
	height: 2.35em !important;
	background-color: white !important;
	padding: 0 6px !important;
	font-weight: bold !important;
	box-shadow: none !important;
}
.ui-button:hover,
.ui-button:focus
{
	/*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) repeat scroll 0 0 #85B2CB;*
	/
	/*opacity: 0.7;*/
	/*border-color: gray;*/
	background: #eee !important;
	box-shadow: none !important;
}
	
.ui-datepicker-next,
.ui-datepicker-prev
{
	z-index: 999 !important;
}
.ui-datepicker-month, 
.ui-datepicker-year
{
	width: 38% !important;
}


.ui-galleria-filmstrip-wrapper {
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
}

.ui-galleria-nav-prev, .ui-galleria-nav-next {
	visibility: hidden !important;
}


.ui-picklist
{
	width: 50em !important;
}
.ui-picklist td
{
	width: 30px !important;
}
.ui-picklist td:first-child,
.ui-picklist td:last-child
{
	width: 24em !important;
}
.ui-picklist .ui-picklist-list
{
	width: 100% !important;
}


.ui-panel .item .name span
{
	float: none !important;
}

.ui-autocomplete-panel
{
    width: 200px !important;
}

.jqplot-table-legend
{
	width: auto !important;
}

.ui-outputlabel-rfi
{
	float: none !important;
}

/* --- PrimeFaces-Styles - ENDE --- */



/* --- Primefaces Extensions --- */

.cke_reset
{
	width : 100% !important;
}

/* --- Primefaces Extensions - ENDE --- */


/* --- BV-CONFIG --- */

.katEdit .value input[type="text"],
.katEdit .value textarea
{
	width: 35em;
}

.colSort	{ width: 7.5em; }
.colUse		{ width: 5.5em; }
.colReq		{ width: 6.4em; }
.colAnonym	{ width: 7.9em; }
.colDate	{ width: 7em; }
.colEdit	{ width: 6.7em; }





/* --- HEADER-SLIDESHOW --- */

.visible,
.invisible
{
	position: absolute;
	top: 0;
	left: 0;
}
.visible
{
	opacity: 1;
	filter: alpha(opacity=100);
}
.invisible
{
	opacity: 0;
	filter: alpha(opacity=0);
}
#headerSlideshow
{
 	position: relative;
 	overflow: hidden;
 	height: 200px;
}
#slideshowButtons
{	
 	position: relative;
 	float: right;
 	text-align: right;
 	width: auto;
 	padding-right: 20px;
 	top: 165px;
 	z-index: 1000;
}
#slideshowButtons .button
{
	height: 2em;
	width: 2em;
	padding-top: 0.25em;	
 	margin-left: 5px;
 	text-align: center;
 	opacity: 0.9;
 	filter: alpha(opacity=90);
}
#slideshowButtons .button.disabled
{
	opacity: 0.5;
 	filter: alpha(opacity=50);
 	cursor: default;
}
	        
/* --- HEADER-SLIDESHOW - ENDE --- */