/*
// *****************************************************************
//  Copyright (c) 2004 ORISA Software GmbH All Rights Reserved.
// ORISA Software GmbH
// www.orisa.de
// *****************************************************************
*/
	body {
		color: #333333;
		font-size: 10px;
		font-family: verdana,arial,helvetica,sans-serif;
		border:0;
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		text-align:center;
		scrollbar-3dlight-color:#89A0C6;
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-darkshadow-color:#e1e4f3;
		scrollbar-face-color:#bbd2ee;
		scrollbar-highlight-color:#bbd2ee;
		scrollbar-shadow-color:#89A0C6;
		scrollbar-track-color:#e1e4f3;
	}
	
	big {
		font-size:18px;
		font-weight: bold;
	}
	a {
		color:#89A0C6;
		font-family: verdana,arial,helvetica,sans-serif;
		text-decoration:underline;
		font-size: 10px;
		border:0;
	}

	img {
		border:0px;
		margin:0px;
	}
	
	table
	{
		margin:0;
		border:0;
 		border-collapse:collapse;
		font-family: verdana,arial,helvetica,sans-serif;
	}
	
	td {
		vertical-align:top;
	}
	
	iframe {
		position:relative;
		display:block;
		margin:0px;
		padding:0px;
	}

	iframe.containerWB {
		margin:5px 0px 0px 5px;
		border:0;
	}
	iframe.container {
		margin:5px 0px 0px 5px;
	 	border-top:2px solid #FFFFFF;
	 	border-right:2px solid grey;
	 	border-bottom:2px solid grey;
	 	border-left:2px solid #FFFFFF;
	}
	.splittedContainer
	{
		position:	absolute;
	    top:	0px;
	    left:	0px;
	    height:100%;
		margin:0;
		padding:0;
		border:0;
	}
	
	.splitter
	{ 
		position:	absolute;
	    top:0px;
	    left:	0px;
	    width:	10px;
	    background: #89A0C6;
	    cursor:     w-resize;
	    z-index:	10;
	}
	/* weiß */
	.bg1 
	{
		background-color:#FFFFFF;
	}
	.bg2 
	{
		background-color:#FAFAFA;
	}
	/* blau */
	.bg3 
	{
		background-color:#89A0C6;
	}
	/* button */
	.bg4 
	{
		background-color:#E7DCD0;
	}
	.bg5 
	{
		background-color:#EEEEEE;
	}
	.bg6 
	{
		background-color:#DDDDDD;
	}
	/* orange */
	.bg7 
	{
		background-color:#F5C600;
	}
	
	table.simple
	{
		width:100%; 
	}

	table.container10
	{
		margin:10px 0px 0px 10px; 
		width:100%;
	}
	
	.lImg
	{
		cursor:hand;
	}
	/* pointer only for the newer guys */
	html>body img.lImg {
		cursor:pointer;
	}
	.tree {
		padding:0px 5px 10px 5px;
		text-align:left;
	}
	
	.group {
		position:relative;
		margin-top:15px;
		border:1px solid #89A0C6;
		border-width:1px 0px 1px 1px;
	}
	
	.hl {
		padding-right:4px;
	}
	.hl img {
		position:relative;
		top:-6px;
		background-color:#FFFFFF;
		border:0px solid #FFFFFF;
		border-width:0px 2px;
	}
	
	.groupTitleEmpty {
		position:relative;
		top:-8px;
		margin:0px 5px 0px 5px;
		border:0px hidden;
		width:175px;
		overflow:hidden;
	}
	.groupTitle {
		position:relative;
		top:-8px;
		margin:0px 5px 0px 5px;
		border:0px hidden;
		width:175px;
		overflow:hidden;
		/*background-color:#FFFF00; test*/
	}
	.groupTitleEmpty span{
		color:#A5A4A4;
		background-color:#FFFFFF;
		padding:0px 2px 0px 2px;
		font-size:12px;
		font-weight:bold;
	}
	.groupTitle span{
		background-color:#FFFFFF;
		padding:0px 2px 0px 2px;
		font-size:12px;
		font-weight:bold;
	}
	.group_container {
	 	width:217px;
	 	overflow:hidden;
	 }
	
	.noContent {
		display:none;
	}
	
	.att {
		border:1px solid #FFFFFF;
		margin:0px 0px 1px 2px;
		padding: 0px 0px 0px 2px;
		cursor:hand;
	}
	/* pointer only for the newer guys */
	html>body .att {
		cursor:pointer;
	}	
	.attActive {
		background-color:#FEF6D6;
		border:1px solid #F5C600;
		margin:0px 0px 2px 2px;
		padding: 0px 0px 0px 2px;
		cursor:hand;
	}	
	/* pointer only for the newer guys */
	html>body .attActive {
		cursor:pointer;
	}	
	.attTitle {
		font-size: 11px;
	}
	
	.attVals {
		font-size: 10px;
		margin:0px;
		padding: 0px;
	}

	.attLDesc {
		padding:10px 5px 0px 5px; 
	}
	.link {
		color:#89A0C6;
		text-decoration:underline;
		font-size: 11px;
		border:0;
		cursor:hand;
	}
	/* pointer only for the newer guys */
	html>body .link {
		cursor:pointer;
	}
	.link_disabled {
		color:#888888;
		/*text-decoration:underline;*/
		font-size: 11px;
		border:0;
	}
	.infoAttribute {
		color:#888888;
		font-size: 11px;
		font-weight:normal;
		margin:10px 10px 0px 10px; 
		height:40px;
		overflow:auto;
	}

	.infoValue {
		color:#888888;
		margin-top:3px;
		font-size: 11px;
		font-weight:normal;
		vertical-align:top;
		padding-bottom:12px;
	}

/* 2005-07-28, snf: keep the following block equivalent to .infoValue, 
so that template authors won't have to add "class=infoValue" to any td they declare*/
	.infoValue td {
		color:#888888;
		margin-top:3px;
		font-size: 11px;
		font-weight:normal;
		vertical-align:top;
		padding-bottom:12px;
	}

	.cEE {
		color:#333333;
		padding:0px 0px 2px 0px;
		font-size: 12px;
		font-weight:bold;
		border:0;
		display:inline;
	}
	
	.cEE2 {
		color:#777777 !important;
		padding:0px 0px 2px 0px;
		font-size: 12px;
		font-weight:bold;
		border:0;
		display:inline;
	}

/* 2005-07-27, tsc: keep the following two blocks equivalent to .cEE and .cEE2, respectively, 
	so that template authors won't have to add "class=cEE" to any td they declare (see #31014) */
	.cEE td {
		color:#333333;
		padding:0px 0px 2px 0px;
		font-size: 12px;
		font-weight:bold;
		border:0;
		display:inline;
	}
	
	.cEE2 td {
		color:#777777;
		padding:0px 0px 2px 0px;
		font-size: 12px;
		font-weight:bold;
		border:0;
		display:inline;
	}

/* 2005-07-27, tsc: keep the following block equivalent to .cEE, but without font-weight:bold,
	so that template authors won't have to add "class=cEE" to any td they declare (see #31014) */
	.moduleText td {
		color:#89A0C6;
		padding:0px 0px 2px 0px;
		font-size: 12px;
		border:0;
		display:inline;
	}


	input {
		border:1px solid #89A0C6;
		font-size: 10px;
		height: 18px;
		}

	input.disabled {
		border:1px solid #89A0C6;
		font-size: 10px;
		height: 18px;
		background-color: #EEEEEE;
		}

	input.value
	{
	    text-align:right;
	}
	
	.modules {
		font-size: 12px;
	}
	.modulesB {
		font-size: 12px;
		padding:2px;
	}
	.modulesB td{
		border:1px solid #89A0C6;
		border-width:0px 0px 1px 0px;
	}
	.moduleText {
		text-align:left;
		padding:2px;
		/*border:1px solid red;*/
	}

	.modulePrice {
		text-align:right;
		padding:2px;
		/* 20051212; tsc; #30125 */
		padding-right:7px;
		width:75px;
	}
	
	.moduleAmount {
		/* 20051212; tsc; getrennt von modulePrice wg. #30125 */
		text-align:right;
		padding:2px;
	}
	
/* print page */
	.printheader {
		font-size: 15px;
		font-weight:bold;
		padding-bottom:10px;
	}
	.pricetext {
		font-size:15px;
		border:0;
		text-align:right;
	}
	.pricetextbrutto {
		font-size: 15px;
		font-weight: bold;
		border:0;
		text-align:right;
		padding-bottom: 10px;
	}
	.printDef
	{
		font-size: 12px;
		margin:5px 0px 0px 5px;
	}
	
	.printDef th {
		vertical-align:top;
	}
	
	.printDef td {
		border:1px solid #89A0C6;
		border-width:1px 0px 1px 0px;
	}
	
	.printDef tr.priceRow td {
		border:0px none;
	}
	
	.printLeft {
		text-align:left;
		padding: 5px;
		vertical-align:top;
	}
	.printRight {
		text-align:right;
		padding-left:5px;
		padding-right:5px;
	}
	
	.error{
		color: #DE3121;
		font-size: 14px;
		font-weight: bold;
		border:0;
	}
	
	td .borderTop {
		border-top:3px double #89A0C6;
	}
	
	.status_msg {
		margin:4px;
		color: #333333;
		font-family: arial,helvetica,sans-serif;
		font-size: 12px;
		vertical-align:middle;
		padding:5px;
		/*font-weight:bold;
		text-align:center;*/
	}
	
	.status_msg.incomplete {
		color:red;
	}
	
	.status_msg.complete {
	}

	/* tabs (from views.jsp */
	.tabs
	{
		margin:0;
		border:0;
 		border-collapse:separate;
		font-family: verdana,arial,helvetica,sans-serif;
	}
	 .tab_active {
	 	padding:5px 5px 5px 10px;
	 	cursor:hand;
	 	background-color:#C0C0C0;
		border-top:1px  solid #89A0C6;
		border-right:0px  solid #C0C0C0;
		border-left:1px  solid #C0C0C0;
		border-bottom:1px  solid #C0C0C0;
		font-size:12px;
		font-weight:bold;
	 }
	 .tab_activeAlert {
	 	padding:5px 5px 5px 10px;
	 	cursor:hand;
	 	background-color:#bbd2ee;
	 	/*background-color:#C0C0C0;*/
	 	/*color:#BE1600; rot */
		border-top:1px  solid #89A0C6;
		border-right:0px  solid #C0C0C0;
		border-left:1px  solid #C0C0C0;
		border-bottom:1px  solid #C0C0C0;
		font-size:12px;
		font-weight:bold;
	 }
	/* pointer only for the newer guys */
	html>body .tab_active {
		cursor:pointer;
	}
	 .tab_inactive {
	 	padding:5px 5px 5px 10px;
	 	cursor:auto;
	 	color:#FFFFFF;
	 	background-color:#C0C0C0;
		border-top:1px  solid #89A0C6;
		border-right:0px  solid #FFFFFF;
		border-left:0px  solid #FFFFFF;
		border-bottom:1px  solid #C0C0C0;
		font-size:12px;
		font-weight:bold;
	 }
	 .tab {
	 	padding:5px 5px 5px 10px;
	 	background-color:#DDDDDD;
	 	cursor:auto;
		border:1px  solid #FFFFFF;
		border-bottom-width:0px;
	 	font-size:12px;
		font-weight:bold;
	 }
	
	/* comboboxes begin */
	.combobox {
		margin:0px;
		margin-top:5px;
		padding:0px;
		padding-left:3px;
		border:1px solid #98ACCD;
		text-align:left;
		height:22px;
		overflow:hidden;
		white-space:nowrap;
	}
	
	/*
	fix for firefox; IE does not understand attribute selectors, so the following rules
	will not be applied to it
	*/
	.combobox[id] {
		padding-bottom:2px;
		position:relative;
		top:1px;
	}
	.combobox[id] input {
		padding-top:2px;
	}
	/* end fix */

	/*
	fix for opera; sadly, it breaks firefox
	*/
	/*
	.combobox[id^=c] {
		position:static;
		display:inline-block;
		padding-bottom:0px;
		height:20px;
	}
	.combobox[id^=c] input {
		margin-top:1px;
	}
	*/
/* end fix */


	.combobox * {
		vertical-align:top;
		border:0px none;
	}
	
	.comboButton {
		margin-left:2px;
	}
	
	.combobox input {
		margin:0px;
		margin-top:1px;
		border:0px none;
	}
	
	.combobox input, .combocontent *, .listbox * {
		font-size:8pt;
		font-weight:bold;
		text-decoration:none;
		color:#000000;
	}
	
	.combocontent {
		border:1px solid #98ACCD;
		position:absolute;
		background-color:#FFFFFF;
		text-align:left;
		display:none;
		overflow:auto;
		z-index:20000;
	}

	.listbox {
		border:1px solid #98ACCD;
		background-color:#FFFFFF;
		text-align:left;
		overflow:auto;
	}

	.combocontent a, .listbox a {
		display:block;
		width:100%;
		padding:2px;
	}

	.selected {
		background-color:Highlight !important;
		color:HighlightText !important;
	}

	.combocontent a:hover, .combocontent a:active, .listbox a:hover, .listbox a:active {
		background-color:Highlight;
		color:HighlightText;
		filter:Alpha(Opacity=66);
		opacity:0.66;
	}

	/*
	.combocontent a:hover, .combocontent a:active, .combocontent .selected, .listbox a:hover, .listbox a:active, .listbox .selected {
		background-color:Highlight;
		color:HighlightText;
	}
	*/

	/* make the color lighter when selected AND hovered */
	/*
	.combocontent .selected:hover, .combocontent .selected:active, .listbox .selected:hover, .listbox .selected:active {
		filter:Alpha(Opacity=66);
		opacity:0.66;
	}
	*/

	.combocontent .selected, .listbox selected {
		background-color:Highlight;
		color:HighlightText;
	}	
	
	.combocontent td, .listbox td {
		vertical-align:middle;
		white-space:nowrap;
	}
	
	.combocontent tr.inactive *, .listbox tr.inactive * {
		color:gray !important; /*wird auch bei :hover nicht überschrieben */
	}
	
	.combocontent tr.conflict, .listbox tr.conflict {
	}
		
	/* comboboxes end */