/* --------------- */
/* 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.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;	
	}
	
	span.fixed {
		font-family:"Courier New", Courier, monospace;	
	}
		
	/* 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;
	}
	
	
	/*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;
	}
	
/* -------------------- */
/* 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(../../img/icons_klein/edit_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.confirm {
		background: white url(../../img/icons_klein/check_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.close {
		background: white url(../../img/icons_klein/stop_16.png) right no-repeat;
		padding-right:18px;
		border:thin #FC3 solid;
	}
	
	button.deny {
		background: white url(../../img/icons_klein/del_16.png) right no-repeat;
		padding-right:18px;
		border:thin #C30 solid;
	}
	
	button.new {
		background: white url(../../img/icons_klein/add_16.png) right no-repeat;
		padding-right:18px;
		border:thin #C30 solid;
	}
	
	button.toggle {
		background: white url(../../img/icons_klein/refresh_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.filter {
		background: white url(../../img/icons_klein/window_prev_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.reload {
		background: white url(../../img/icons_klein/refresh_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.role {
		background: white url(../../img/icons_klein/user_next_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.attach {
		background: white url(../../img/icons_klein/attach_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.print {
		background: white url(../../img/icons_klein/print_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
	button.download {
		background: white url(../../img/icons_klein/filesystem_save_16.png) right no-repeat;
		padding-right:18px;
		border:thin #093 solid;
	}
	
		button.next {
		background: white url(../../img/icons_klein/arrow_next_16.png) right no-repeat;
		padding-right:18px;
		border:thin #09F solid;
	}
	
	button.back {
		background: white url(../../img/icons_klein/arrow_back_16.png) left no-repeat;
		padding-left:18px;
		border:thin #09F solid;
	}
		
	button.filterActive {
		background:#FF6;
	}	
	
	button.smallSaveButton {
		background: white url(../../img/icons_klein/check_16.png) no-repeat;
		padding-right:0px;
		border:thin #093 solid;
	}
	
	button.smallCancelButton {
		background: white url(../../img/icons_klein/stop_16.png) no-repeat;
		padding-right:0px;
		border:thin #093 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, 
	div.rowContent div.rowItemMarginless:after,  
	div.rowContentNoHover div.rowItemMarginless:after {
		content:"clear"; 
		clear:both; 
		display:block; 
		height:0; 
		overflow:hidden; 
		visibility:hidden;
	}
	
	div.rowContent:hover {
		background-color:#E6F1FF;
	}
	

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

.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;	
}

div.headPanel {
		background-color:#CDE;
	}
	
table.headPanelInfo th {
	color:#666;
	font-weight:normal;
	text-align:right;
	padding:1px 2px;
}

div.repres-info {
	width:100%;
	display:block;
	text-align:center;	
}

table.headPanelInfo td {
	color:black;
	font-weight:normal;
	text-align:left;
	padding:1px 2px;
}

table.max-third tr th:first-child {
	width: 20%;
	max-width:33%;	
}


/*-----------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:1px #CCC solid;
	margin:2px 2px 1px 1px;
}

div.ui-menu-bar button:hover {
	border:1px #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(../../img/icons_klein/refresh_16.png) right no-repeat;
}

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



/*Autocompleter formatting*/
div.autocomplete {
  position:absolute;
  /*width:250px;*/
  max-width:400px;
  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;	
}