/* --------------- */
/* Generelle Stile */
/* --------------- */
@media screen {
	.noscreen {
		display: none;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		color: #000000;
		padding: 0;
		margin: 3px;
		height: 100%;
	}
}

@media print {
	.noprint {
		display: none;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		padding: 0;
	}
}

a {
	color: #202040;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.function-link {
	color: #03F;
}

p {
	text-align: center;
}

img {
	border: 0;
	vertical-align: middle;
}

button {
	cursor: pointer;
	background: none;
	/*border:1px solid transparent;*/
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px;
	vertical-align: middle;
	padding: 4px;
	border: 1px dotted #a0a0a0;
	background-color: white;
	width: auto;
	overflow: visible;
}

button:hover {
	/*Claus sagt: Hintergrundfarbe unbedingt (!important) wechseln. Sonst sieht man bei den Buttons der Klassen confirm, close und deny nichts. 
		Die Umrandung sollte dem lokalen Design überlassen bleiben*/
	background-color: #E1E4DC !important;
	border: 1px solid #9CA293;
}

button span {
	vertical-align: middle;
}

input,select {
	vertical-align: middle;
}

form {
	margin: 0;
}

h1 {
	text-align: center;
	/*color: #202040;*/
	font-size: 1.1em;
}

h1.wobinich { /*font-size: 9pt;*/
	font-size: .9em;
	margin: 0.3em auto 0.8em auto;
	padding-right: 1em;
	width: 99%;
	text-align: right;
	font-weight: normal;
	color: #303030;
}

h1.wobinich span {
	font-weight: bold;
}

div.center {
	margin: 0 auto;
}

div.clear {
	clear: both;
}

.unterschrift {
	color: #333333;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

table { /*color: #000000;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
}

th { /*font-size: .9em;*/
	color: #333333;
	text-align: center;
	border: none;
}

td { /*font-size: .9em;*/
	text-align: center;
	border: none;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.greyed {
	color: #7F7F7F;
}

/*Klasse für Ordner-Selektor*/
.folderSelect {
	font-size: 14px;
	border: 1px solid #666666;
}

span.error {
	color: #CC0000;
	font-style: italic;
}

span.error * {
	color: #CC0000;
	font-style: italic;
}

span.greenlight {
	color: #093;
	font-style: italic;
}

span.info {
	padding: 0 0.1em;
	color: #F00;
}

span.hilite {
	color: #94421B;
}

span.greyish {
	color: #999;
}

span.greyish * {
	color: #999;
}

span.empty {
	color: #606060;
	font-style: italic;
	margin-left: 1em;
	line-height: 2em;
}

span.strong {
	font-weight: bold;
}

span.em {
	font-style: italic;
}

/* Das Objekt, das zuerst fokussiert werden soll (leere Klasse, 
	   nur für JS relevant und hier nur der Vollständigkeit halber aufgeführt.) */
.focusFirst {
	
}

ul.item-list {
	margin: 0;
	padding: 0;
}

ul.item-list li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0.1em;
	font-size: 12px;
	border-right: 1px solid #999;
}

ul.item-list li.noborder {
	border: 0px none !important;
}

ul.item-list a {
	color: #0000CC;
	padding: 0em 0.2em;
	text-decoration: none;
}

* html ul.item-list a {
	width: 100%;
	w\idth: 8.8em;
}

ul.item-list a:hover {
	text-decoration: underline;
}

li.signal {
	background-color: #F30;
}

ul.v-enum {
	margin: 0 0 0 5px;
	padding: 0;
}

ul.v-enum li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

/* -------------------- */
/* Generelle Stile Ende */
/* -------------------- */

/* ------------------------------------- */
/* Stile zur Anordnung der Hauptelemente */
/* ------------------------------------- */
div#pageContainer {
	overflow: hidden;
}

#navigation {
	width: 180px;
	margin: 0;
	float: left;
	padding: 0 0 10px 0;
}

#inhalt {
	margin: 0 0 0 200px;
	padding: 5px 0 10px 0;
	min-height: 400px;
	/*border-bottom: #003366 1px solid;*/
}

#inhalt:after {
	content: "clear";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

div.subnav {
	color: #d0d0d0;
	font-size: .85em;
	line-height: 16px;
}

div.subnav img {
	margin-right: .6em;
}

div#feedback {
	margin: 2.5em 0 0 0;
}

div#feedback:hover {
	color: #003366;
	cursor: pointer;
}

div#copyright {
	margin: 1em 0 0 0;
}

/* Fußzeile entfernt
	#fuss {
		bottom: 0;
		width: 100%;
		height: 2em;
		text-align: center;
		clear: both;
		background-color:#003366;
		color: white;
		vertical-align: middle;
		line-height: 2em;
		margin-top: 2em;
	}
	#fuss p {
		vertical-align: middle;
		padding: 0;
	}
	#fuss a {
		color: white;
	}
	#fuss a:hover {
		color: #a0a0ff;
	}*/
/* ------------------ */
/* Hauptelemente Ende */
/* ------------------ */

/* --------------------------- */
/* Stile für den Titel-Bereich */
/* --------------------------- */
#titel {
	background-color: #003366;
	color: white;
	height: 90px;
	background-image: url('../../img/titel_hintergrund.png') !important;
	background-repeat: no-repeat;
}

#titel a {
	color: #000066;
}

#titel a:hover {
	color: #a0a0ff;
}

#titel #logindaten { /*border: 3px solid #87aacd;
		background-color: #4e82b6;*/
	background-image: url('../../img/titel_login_hg.png');
	background-repeat: no-repeat;
	color: #000066;
	/*width: 380px;*/
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 0 0 0 30px;
	text-align: right;
	font-weight: normal;
	font-size: .9em;
}

#titel #logindaten p {
	margin: 0;
	padding: 0 10px 0 0;
	background-color: white;
	text-align: right;
	min-height: 30px;
}

#titel #logindaten img {
	border: 0;
	margin: 0;
	padding: 0;
	/*vertical-align: middle;*/
}

#titel #pagefunction {
	text-align: right;
	height: 32px;
	position: absolute;
	right: 15px;
	top: 45px;
}

/* ------------------ */
/* Titel-Bereich Ende */
/* ------------------ */

/* ----------------------------------------------- */
/* Stile für besondere Tabellen und Scrolltabellen */
/* ----------------------------------------------- */
div.FolderContent {
	display: block;
	float: inherit;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: center;
	height: 300px;
}

th.sortheader {
	cursor: pointer;
}

th.sortheader:hover {
	background-color: #A7A7A7;
	color: white;
}
/* Standard für 4 Icons */
td.CommandIcons {
	text-align: center;
	/*width:10em; */
	width: 125px;
	padding-left: 3px;
	overflow: hidden;
	white-space: nowrap;
}
/* Hack für IE6 */
* html td.CommandIcons {
	text-align: left;
	width: 132px;
}
/* Hack für IE7 */
*+html td.CommandIcons {
	text-align: left;
	width: 132px;
}

button img {
	margin-right: 0.5em;
}

td.CommandIcons button,span.CommandIcons button,button.CommandIcons {
	cursor: pointer;
	background: none;
	border: 1px solid transparent;
	font-style: normal;
	font-size: 1em;
	padding: 0px 1px;
	vertical-align: middle;
	width: auto;
	overflow: visible;
}

td.CommandIcons button img,span.CommandIcons button img,button.CommandIcons img
	{
	margin: 0;
}

td.CommandIcons button:hover,span.CommandIcons button:hover,button.CommandIcons:hover
	{
	background: #E1E4DC;
	border: 1px solid #9CA293;
}

td.opt {
	font-size: .9em;
	text-align: center;
	background-color: #EEEEEE;
}

th.opt {
	font-size: .9em;
	color: #666666;
	background-color: #EEEEEE;
}

table.cellsleft {
	/* Parent Klasse für links-ausgerichtete Zellen. Siehe td, th für diese Klasse */
	
}

table.cellsleft th {
	text-align: left;
}

table.cellsleft td {
	text-align: left;
}

div.filterbox {
	width: 99%;
	background-color: #CCDDEE;
	margin: 0 auto;
	padding: 0.4em 0;
	border-bottom: 1px solid white;
}
/*div.filterbox div.filterbox_inner {
		border: 2px solid white;
	}*/
div.filterbox th,div.filterbox td {
	padding: 0.1em 0.4em;
}

div.filterbox input.quicksearch {
	width: 20em;
}

table.simpletable { /*border: 1px solid white;*/
	padding: 0px;
	border-collapse: collapse;
}

table.simpletable th,table.simpletable td {
	vertical-align: middle;
	border: 1px solid white;
	border-left: none;
	border-right: 2px solid white;
	border-collapse: collapse;
	height: 1.8em;
}

table.simpletable th {
	background-color: #CCDDEE;
}

table.simpletable th.opt {
	background-color: #EEEEEE;
}

table.simpletable td.hakenfeld {
	height: 20pt;
	width: 30pt;
	border: 2pt solid black;
}

table.simpletable td.pre {
	font-family: "Courier New", Courier, monospace;
}

table.simpletable caption { /*background: #CCDDEE;*/
	border-top: dotted #666 1px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

table.infotable {
	border: 0px none;
	padding: 0px;
	border-collapse: collapse;
}

table.infotable th,td {
	padding: 1px 2px;
}

table.infotable th {
	font-weight: bold;
}

table.noborder {
	border: 0px none;
}

table.noborder th,td {
	border: 0px none;
}

tr.focused {
	background-color: #C7E7BC;
}

tr.active {
	color: #090;
}

/* -------------------------- */
/* Nutzer / Rollenübersichten */
/* -------------------------- */
.nutzerrolle {
	color: #707070;
	font-style: italic;
}
/* ------------------------------- */
/* Nutzer / Rollenübersichten Ende */
/* ------------------------------- */

/* -------------- */
/* Scrolltabellen */
/* -------------- */
#scrollerDiv {
	height: 500px;
}

table.ScrollTable {
	width: 100%;
	border-collapse: collapse;
}

table.ScrollTable tr {
	cursor: default;
}

table.ScrollTable tr:hover {
	background-color: #E6F1FF;
}

table.ScrollTable tr.detail {
	cursor: auto;
}

table.ScrollTable tr.detail:hover {
	background-color: transparent;
}

table.ScrollTable td,table.ScrollTable th {
	vertical-align: middle;
	border-top: 1px solid white;
	/*border-left: 2px solid white;*/
	border-left: none;
	border-right: 2px solid white;
	border-collapse: collapse;
	height: 1.8em;
}

table.ScrollTable th {
	background-color: #CCDDEE;
}

table.ScrollTable thead.invisible {
	display: none;
}

table.ScrollTable tfoot {
	visibility: hidden;
	font-weight: bold;
}

th.asc {
	background: url(../../img/asc.gif) no-repeat right;
	background-color: ##FAFAFA;
}

th.desc {
	background: url(../../img/desc.gif) no-repeat right;
	background-color: ##FAFAFA;
}

/* ------------------- */
/* Scrolltabellen Ende */
/* ------------------- */

/*.Content { 
		vertical-align:middle; 
		border: 1px solid white; 
		border-left: 2px solid white;
		border-right: 2px solid white;
		border-collapse:collapse
	}*/
/*
	th.Content {
		background-color: #CCDDEE;
		height: 1.6em;
	}*/
tr.ar_0 {
	background-color: white;
}

tr.ar_1 {
	background-color: #e6e6e6;
}

/*Editor-Tabelle*/
table.edit {
	border: 1px solid #CCCCCC;
	padding: 0px;
	border-collapse: collapse;
}

table.edit th {
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	background-color: #CCDDEE;
	font-weight: bold;
}

table.edit th.opt {
	background-color: #EEEEEE;
}

table.edit td {
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

/* ------------- */
/* Tabellen Ende */
/* ------------- */

/* -------------------------------- */
/* Stile für Buttons und Multimenüs */
/* -------------------------------- */
div.subnav {
	color: #d0d0d0;
	font-size: .85em;
	line-height: 16px;
}

div.button-bar {
	padding: 1em 0em;
	text-align: center;
}

/*Frei positionierer Container für das Menü*/
div.menuContainer {
	z-index: 2147483647;
	position: absolute;
}

div.bubble {
	border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #CF6;
	text-align: center;
	padding: 5px 2px 5px 2px;
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity = 95);
}

/* List container */
div.listContainer {
	
}

div.marginedListContainer {
	margin: 0 0 0 2em;
}

button.active {
	/*Zusätzliche Klasse zum Hervorheben eines Buttons während sein Menü geöffnet ist*/
	background: #E1E4DC !important;
	border-color: #333333 #333333 #E1E4DC #333333 !important;
	border-width: 1px !important;
	border-style: solid !important;
}

button.edit {
	background: white url(../../imagepool/16/normal/edit_16.png) right no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.confirm {
	background: white url(../../imagepool/16/normal/check_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.close {
	background: white url(../../imagepool/16/normal/stop_16.png) right no-repeat;
	padding-right: 18px;
	border: thin #FC3 solid;
}

button.deny {
	background: white url(../../imagepool/16/normal/del_16.png) right no-repeat;
	padding-right: 18px;
	border: thin #C30 solid;
}

button.new {
	background: white url(../../imagepool/16/normal/add_16.png) right no-repeat;
	padding-right: 18px;
	border: thin #C30 solid;
}

button.toggle {
	background: white url(../../imagepool/16/normal/refresh_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.filter {
	background: white url(../../imagepool/16/normal/window_prev_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.reload {
	background: white url(../../imagepool/16/normal/refresh_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.role {
	background: white url(../../imagepool/16/normal/user_next_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.attach {
	background: white url(../../imagepool/16/normal/attach_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.print {
	background: white url(../../imagepool/16/normal/print_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.copy {
	background: white url(../../imagepool/16/normal/copy_16.png) right no-repeat;
	padding-right: 18px;
	border: thin #093 solid;
}

button.filterActive {
	background: #FF6;
}

button.smallSaveButton {
	background: white url(../../imagepool/16/normal/check_16.png) no-repeat;
	padding-right: 0px;
	border: thin #093 solid;
}

button.smallCancelButton {
	background: white url(../../imagepool/16/normal/stop_16.png) no-repeat;
	padding-right: 0px;
	border: thin #093 solid;
}

button.next {
	background: white url(../../imagepool/16/normal/arrow_next_16.png) right
		no-repeat;
	padding-right: 18px;
	border: thin #09F solid;
}

button.back {
	background: white url(../../imagepool/16/normal/arrow_back_16.png) left
		no-repeat;
	padding-left: 18px;
	border: thin #09F solid;
}

.rowContentHiLite { /*Allgemeines Zeilen-Highlighting*/
	background-color: #E6F1FF !important;
}

ul.command-list {
	margin: 0;
	padding: 0;
	background: #E1E4DC;
	border: 1px solid #333333;
	width: 11em;
	/*z-index:2.14748e+009;*/
	/*position:absolute;*/
}

ul.command-list li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999999;
	font-size: 12px;
}

ul.command-list a {
	color: #0000CC;
	display: block;
	padding: 0.2em 0.5em;
	text-decoration: none;
}

* html ul.command-list a {
	width: 100%;
	w\idth: 8.8em;
}

ul.command-list a:hover {
	background-color: #CCCCCC;
}

ul.command-list li.flyout {
	padding: 0.2em 0.5em;
	background: #CBDBE2;
}

ul.command-list li.flyout ul {
	margin-left: 0.5em;
	width: 100%;
	padding: 0;
	display: none;
	background: #E1E4DC;
}

ul.command-list li.flyout:hover ul {
	display: block;
}

ul.command-list li.flyout ul:hover {
	display: block;
}

ul.command-list img {
	margin-right: 0.5em;
}

ul.enumeration {
	margin: 0;
	padding: 0;
}

ul.enumeration li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

/* --------------------------- */
/* Buttons und Multimenüs Ende */
/* --------------------------- */

/* --------------- */
/* Stile für Bäume */
/* --------------- */
div.rowContainer {
	font-size: 13px;
	padding: 0em;
	border: 0px none;
	border-collapse: collapse;
	overflow: hidden;
}
/*Row*/
div.rowContent,div.rowContentNoHover {
	padding: 0em;
	margin: 0;
	border-bottom: 1px dotted silver;
}

/* Doc Type Container*/
div.rowContent div.listIconContainer,div.rowContentNoHover div.listIconContainer
	{
	float: left;
	width: 2em;
	margin: 0;
	padding: 0.3em 0.2em;
	text-align: left;
}
/* Commandlist Container*/
div.rowContent div.commandContainer,div.rowContentNoHover div.commandContainer
	{
	float: right;
	width: 12em;
	margin: 0;
	padding: 0.1em;
	/*text-align:center;*/
	text-align: left;
}
/* Document label a.s.o. */
div.rowContent div.rowItem,div.rowContentNoHover div.rowItem {
	margin: 0 12em 0 2.3em;
	padding: 0.3em 0em;
	min-height: 1%; /*Den Ghost-Bug in IE (bis 7) fixen*/
}

/* Document label a.s.o. */
div.rowContent div.rowItemMarginless,div.rowContentNoHover div.rowItemMarginless
	{
	margin: 0 12em 0 0em;
	padding: 0.3em 0em;
	min-height: 1%; /*Den Ghost-Bug in IE (bis 7) fixen*/
}

/* Document label a.s.o. */
div.rowContent div.headRow,div.rowContentNoHover div.headRow {
	color: #666;
	font-stretch: semi-expanded;
}

/* Zusatz-Pseudoelement für das korrekte Aufheben des Floatens */
div.rowContent div.rowItem:after,div.rowContentNoHover div.rowItem:after
	{
	content: "clear";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

div.rowContent:hover {
	background-color: #E6F1FF;
}

div.loading_dots {
	margin: 0.5em 1em;
	text-align: center;
}

/*Zusätzliche DIV-Klasse, die als Hintergrundbild (rechts ausgerichtet) eine Ladeanimation zeigt. 
	Wird aktuell bei SortableGrid und ScrollableList verwendet*/
div.loading { /*background: url(../../img/dots32.gif) right no-repeat;*/
	background: url(../../img/loaderb32.gif) right no-repeat;
}
/* ---------- */
/* Bäume Ende */
/* ---------- */

/* ----------- */
/* Login-Stile */
/* ----------- */
div.login {
	background-image: url(../../img/back6.jpg);
	background-repeat: no-repeat;
	width: 610px;
	height: 460px;
	padding-top: 30px;
	margin: 5% auto 0 auto;
	position: relative;
}

div.logout {
	background-image: url(../../img/logout.jpg);
	background-repeat: no-repeat;
	width: 610px;
	height: 460px;
	padding-top: 30px;
	margin: 5% auto 0 auto;
	position: relative;
}

div#anmeldung {
	text-align: right;
	position: relative;
	top: 346px;
	padding-right: 20px;
}

.login_fehler {
	color: #FF0000;
	font-weight: bold;
	width: 300px;
	margin: 0 auto;
	padding: 10px;
	border: 8px solid #FF0000;
}

.login_version {
	color: #FFFFFF;
	padding: 0 10px 0 0;
	font-size: .8em;
	text-align: right;
	position: relative;
	top: 370px;
}
/* ---------------- */
/* Login-Stile Ende */
/* ---------------- */

/* ------------------------- */
/* Stile für die Fehlerseite */
/* ------------------------- */
#fehler {
	margin: 5em auto;
	width: 600px;
	border: 2px solid #B00000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B00000;
}

#fehler img {
	border: 0;
}

#fehler #info {
	float: right;
	margin: 1em 1em;
}

#fehler h1 {
	width: 50%;
	margin: 1em auto;
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#fehler p {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

#fehler p#fehlercode {
	font-size: 1.6em;
	font-weight: bold;
}
/* ---------------- */
/* Fehlerseite Ende */
/* ---------------- */

/* ---------------- */
/* Fieldset-Stile   */
/* ---------------- */
fieldset.optionfieldset {
	width: 400px;
	w\idth: 420px; /*IE override mal wieder*/
	margin: 0 auto;
	text-align: left;
	border-width: 2px;
	border-color: #CCCCCC;
	border-style: solid;
}

fieldset.optionfieldset legend {
	color: #666666;
}

fieldset.category {
	margin: 0 0 8px 0;
	text-align: left;
	border-width: 2px;
	border-color: #CCCCCC;
	border-style: solid;
}

fieldset.category legend {
	color: #666666;
}

.bold {
	font-weight: bold;
}

.rotated {
	display: block;
	rotation: 90deg !important; /*CSS 3*/
	/* Non-CSS 3-Hacks */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );
}

span.subdata {
	font-size: smaller;
}

/*-----------Ein paar neue Elemente-----------*/
label.top {
	display: block;
	margin-left: 2px;
}

label.optional {
	color: #666;
}

div.ui-inputblock {
	margin-top: 5px;
}

table.ui-bordered-grid { /*max-width: 400px;*/
	border: 1px solid #CCCCCC;
	padding: 0px;
	border-collapse: collapse;
}

table.ui-bordered-grid  th {
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	background-color: #CCDDEE;
}

table.ui-bordered-grid  th.opt {
	background-color: #EEEEEE;
}

table.ui-bordered-grid  td {
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

table.ui-noborder-grid {
	border: 0px none;
}

table.ui-noborder-grid th,td {
	border: 0px none;
}

table.ui-formlayout-lr {
	
}

table.ui-formlayout-lr th {
	text-align: right;
	font-weight: normal;
}

table.ui-formlayout-lr td {
	text-align: left;
}

div.ui-menu-bar {
	text-align: left;
}

div.ui-menu-bar button {
	padding-right: 18px;
	border: thin #CCC solid;
}

div.ui-menu-bar button:hover {
	border: thin #999 solid;
}

div.ui-menu-bar button.new {
	background: white url(../../img/addklein.png) right no-repeat;
}

div.ui-menu-bar button.reload {
	background: white url(../../imagepool/16/normal/refresh_16.png) right
		no-repeat;
}

div.ui-menu-bar button.resetFilter {
	background: white url(../../imagepool/16/normal/stats_close_16.png) right
		no-repeat;
}

/*Autocompleter formatting*/
div.autocomplete {
	position: absolute;
	/*width:250px;*/
	max-height: 200px;;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: white;
	border: 1px solid #888;
	margin: 0;
	padding: 0 10px 0 0;
	z-index: 999;
	text-align: left;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	/*height:32px;*/
	cursor: pointer;
}

div.autocomplete span.informal {
	color: #999;
}

input.autocomplete {
	background: white url(../../img/menu.png) right no-repeat;
}