/* td,div {unselectable: on } */
/* * {direction: RTL;} */
/* Diese styles werden fuer das ruckelfreie Switching im Editmode benoetigt */

html				{height:100%;}
body				{position:relative;}
input,textarea		{font-size: 100%; margin:0; padding:0}
.borderdummy 		{padding: 1px 1px 1px 0;}
.block				{display:block;}
/*.clearClass:after 	{height:0; clear: both; content: "."; display: block; xvisibility: hidden; border:1px solid;}*/
  
.error			 {font-family: verdana, Arial, sans-serif; font-size: 9px; color: red;}

.valign			{vertical-align: middle}
.clear			{clear:both;}



.imgpreload				{width:0px;height:0px;display:none;}
.rtl					{direction:rtl; text-align:right;}
.ltr					{direction:ltr;}
.htmlmarker 			{position:absolute; left:0; top:0; border:0px solid red; width:300px; height:70px; background: url(../images/marker_arrow_stick.png) 0 0 no-repeat;}
.htmlmarker_text		{float:left; font-size:11px; font-family: tahoma; color:black; margin:70px 0 0 30px; background:white; border:1px solid #CCCCCC; padding:0px 2px 0px 3px;}

/* R E P O R T */
.report								{font-size:9px; font-family:verdana; text-align:left}
table.report						{border-collapse: collapse; table-layout:fixed;}
table.report td, table.report th 	{font-size:9px; font-family:verdana; border:1px solid #CCCCCC; overflow:hidden; vertical-align:top;}
table.report th						{font-eight:bold;}

.draggable_tmp						{cursor:move;} /* fuer dragObj */

/* V O N   C A R G O  */
.cw						{position:absolute; left:150px; top:150px; z-index:1000000; border:0px solid red;}
.cwtable				{}
/* mit Glaseffekt
.cw						{position:absolute; left:150px; top:150px; z-index:1000000; border:0px solid red;}
.cwlt					{width:30px; height:30px; 	background: url(/cargo/images/cwlt.png) 0 0 no-repeat;}
.cwct					{ 			 height:30px;	background: url(/cargo/images/cwmt.png) 0 0 repeat-x;}
.cwrt					{width:30px; height:30px;	background: url(/cargo/images/cwrt.png) 0 0 no-repeat;}
.cwlm					{width:30px; 				background: url(/cargo/images/cwlm.png) 0 0 repeat-y;}
.cwmm					{							border:1px solid #AAAAAA;}
.cwrm					{width:30px;				background: url(/cargo/images/cwrm.png) 0 0 repeat-y;}
.cwlb					{width:30px; height:30px; 	background: url(/cargo/images/cwlb.png) 0 0 no-repeat;}
.cwcb					{			 height:30px;	background: url(/cargo/images/cwmb.png) 0 0 repeat-x;}
.cwrb					{width:30px; height:30px; 	background: url(/cargo/images/cwrb.png) 0 0 no-repeat;}
*/
/* mit Schatten */
.cwlt					{width:30px; height:30px; 	}
.cwct					{ 			 height:30px;	}
.cwrt					{width:30px; height:30px;	}
.cwlm					{width:30px; 				}
.cwmm					{							border:1px solid #AAAAAA; background:white;}
.cwrm					{width:30px;				background: url(../../cargo/images/popup_sh_rt.png) 0 0 no-repeat}
.cwlb					{width:30px; height:30px; 	}
.cwcb					{			 height:30px;	background: url(../../cargo/images/popup_sh_lb.png) 0 0 no-repeat;}
.cwrb					{width:30px; height:30px; 	background: url(../../cargo/images/popup_sh_rb.png) 0 0 no-repeat;}
/* end von cargo */





.bgcol			{background:#EEEEEE;}
.cargo9		 	{font-family: verdana, tahoma, sans-serif; font-size: 9px; color:#000000; line-height:1.3em;}
.cargo10		{font-family: tahoma, verdana, sans-serif; font-size: 10px;}
.cargo11		{font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.cargo12		{font-family: tahoma, verdana, sans-serif; font-size: 12px;}
.cargomin		{font-family: Arial, sans-serif; font-size: 10px;}
.cargo10		{font-family: verdana, tahoma, sans-serif; font-size: 10px;}
.cargohead		{font-family: verdana, sans-serif; font-size: 12px; font-weight:bold;}
.cargolink		{font-family: tahoma, verdana, sans-serif; color:#000000; text-decoration:none}
.cargolink:hover{font-family: tahoma, verdana, sans-serif; color:#999999; text-decoration:none}
.dateselect 	{width:auto; font-family:tahoma, verdana, sans-serif;} 
.cargolabel		{vertical-align:middle; font-family: tahoma, verdana, sans-serif; font-size: 11px;}


.grey			{color:#999999}
.grey2			{color:#666666}
.middle			{vertical-align: middle}
.bold			{font-weight: bold}
.red			{color:red}
.orange			{color:orange}
.blue			{color:blue}
.italic			{font-style: italic}
.trans75		{filter: alpha(opacity = 75);-moz-opacity: 0.75;}
.trans70		{filter: alpha(opacity = 70);-moz-opacity: 0.70;}
.trans65		{filter: alpha(opacity = 65);-moz-opacity: 0.65;}
.trans60		{filter: alpha(opacity = 60);-moz-opacity: 0.60;}
.trans55		{filter: alpha(opacity = 55);-moz-opacity: 0.55;}
.trans50		{filter: alpha(opacity = 50);-moz-opacity: 0.50;}
.trans45		{filter: alpha(opacity = 45);-moz-opacity: 0.45;}
.trans40		{filter: alpha(opacity = 40);-moz-opacity: 0.40;}
.trans35		{filter: alpha(opacity = 35);-moz-opacity: 0.35;}
.trans30		{filter: alpha(opacity = 30);-moz-opacity: 0.30;}
.trans25		{filter: alpha(opacity = 25);-moz-opacity: 0.25;}
.trans20		{filter: alpha(opacity = 20);-moz-opacity: 0.20;}
.trans15		{filter: alpha(opacity = 15);-moz-opacity: 0.15;}
.trans10		{filter: alpha(opacity = 10);-moz-opacity: 0.10;}
.trans7			{filter: alpha(opacity = 7) ;-moz-opacity: 0.07;}
.trans5			{filter: alpha(opacity = 5) ;-moz-opacity: 0.05;}
.trans3			{filter: alpha(opacity = 3) ;-moz-opacity: 0.03;}

.cargobuttons   {font-family: tahoma, verdana, sans-serif; font-size: 11px; padding: 0 2px 0 2px;}
.cargobuttons2  {font-family: tahoma, verdana, sans-serif; font-size: 9px;}
.cargofields    {font-family: verdana, tahoma, sans-serif; font-size: 12px; margin-left: 0px; padding:2px;}
.cargofields2   {margin:0; font-family: tahoma, verdana, tahoma, sans-serif; font-size: 11px; xline-height:1.3em; background-color: #FFFFFF; border: 1px solid; border-color: #BBBBBB #F6F6F6 #F6F6F6 #BBBBBB; padding:1px;}
.cargofields2grey   {font-family: tahoma, verdana, tahoma, sans-serif; font-size: 11px; border: 1px solid; background-color: #F8F8F8; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB; padding:2px;}
.cargofieldsgrey    {font-family: verdana, tahoma, sans-serif; font-size: 12px; margin-left: 0px; background-color: #F8F8F8; padding:2px;}

.cargopulldownbig {}
.cargopulldown  {font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.cargopulldown2 {font-family: tahoma, verdana, sans-serif; font-size: 9px;}
.cargoaddbutton {background:#EEEEEE; border: 1px solid; border-color: #FFFFFF #D0D0D0 #D0D0D0 #FFFFFF; font-family: tahoma, verdana, sans-serif; font-size: 9px;}
.cargocheck		{}

.cargomessage   {font-family: tahoma, verdana, tahoma, sans-serif; font-size: 11px; line-height:14px; color:#000000;}
.border1		{border: 3px solid; border-color:#FFFF00;}
.bordergrey		{border: 1px solid; border-color:#666666;}

.benennung      {font-family: Arial, Arial, sans-serif; font-size: 10px; color: #FF0000;}
.benennungblack {font-family: Arial, Arial, sans-serif; font-size: 10px; color: #000000;}
#infobar input {margin: 2px; margin-left:6px;}



.flaeche   		{background:#EEEEEE; border: 1px solid; border-color: #FFFFFF #D0D0D0 #D0D0D0 #FFFFFF;}
.flaechedark   	{background:#6C6C6C; border: 1px solid; border-color: #222222 #D0D0D0 #D0D0D0 #222222;}
.flaecheinset   {background:#EEEEEE; border: 1px solid; border-color: #D0D0D0 #D0D0D0 #FFFFFF #FFFFFF;}
.flaecheinset2  {background:#EEEEEE; border: 1px solid; border-color: #D0D0D0 #D0D0D0 #FFFFFF #FFFFFF;}
.flaechedark   	{background:#DDDDDD; border: 1px solid; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;}
.flaechedark2   {background:#CCCCCC; border: 1px solid; border-color: #CCCCCC #DDDDDD #DDDDDD #CCCCCC;}
.flaechehell   	{background:#F8F7F6; border: 1px solid; border-color: #FFFFFF #D0D0D0 #D0D0D0 #FFFFFF;}
.flaechebar 	{background:#FFFF00; border: 1px solid; border-color: #FFFFCC #D2D200 #D2D200 #FFFFCC; padding:0px; }
.flaechebaricon	{background:#FFFF00; border: 1px solid; border-color: #FFFFCC #D2D200 #D2D200 #FFFFCC; padding:0px; }
.flaechebardark {background:#EAEB00; border: 1px solid; border-color: #FFFFCC #D2D200 #D2D200 #FFFFCC; padding:0px; }
.blackbar       {font-family: verdana; color:#FFFFFF; font-size: 10px;}
._sinputsmall   {font-family: Arial, Helvetica, verdana; font-size: 9px;}
.cbutton 		{font-family: tahoma, verdana,arial; font-size:11px;}
.hrule			{background:#EEEDEA; border: 1px solid; border-color: #D0D0D0 #FFFFFF #FFFFFF #D0D0D0;}
.vrule			{background:#EEEDEA; border: 1px solid; border-color: #D0D0D0 #FFFFFF #FFFFFF #D0D0D0; width:0px;}
.sreiter2       {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}

.smallfonts {
	font-family: verdana, arial,small fonts, sans-serif;
	font-size: 9px;
}

/* 
styles fuer edit-felder, sollen den Einstellunge in jscript entsprechen 
nur tyles für border und background
*/
.cargoedit         {border: 1px solid; background-color: #EEEEEE; border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;}
.Cargoeditsmall    {border: 1px solid; background-color: #F6F6F6; border-color: #BBBBBB #BBBBBB #FFFFFF #FFFFFF;}
.cargo_logout		{color:black; text-decoration:none;}

.wheader		{padding-left:3px;padding-top:3px;line-height:11px}
.standardEditFieldClass  {font-family: Arial, verdana; font-size: 95%; text-decoration: none; border: 1px solid; background-color: #EEEEEE; border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;}



/* btn ohne Größenangaben */
.btnX {
	padding-top: 0px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; 
	background: #EEEEEE; border: 1px solid;
	border-color: #FFFFFF #D0D0D0 #D0D0D0 #FFFFFF;
	cursor: pointer;
	}
.btnX_hover { 
	padding-top: 0px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; 
	background: #E5E5E5;border: 1px solid;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	cursor: pointer;
	}
.btnX_active {
	padding-top: 1px; padding-right: 1px; padding-bottom: 0px; padding-left: 3px; 
	background: #DDDDDD;border: 1px solid;
	border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
	cursor: pointer;
	}


/* btn normal */
.btnvisible {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #EEEEEE;
	border: 1px solid;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	cursor: pointer;
	}
.btn {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #EEEEEE;
	border: 1px solid;
	border-color: #EEEDEA #EEEDEA #EEEDEA #EEEDEA;
	cursor: pointer;
	}
.btn_hover { 
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #E5E5E5;
	border: 1px solid;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	cursor: pointer;
	}
.btn_active {
	/* height: 22px; */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 1px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 4px; 
	background: #DDDDDD;
	border: 1px solid;
	border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
	cursor: pointer;
}

	
	
/* btnhell, Buttons auf hellem Hintergrund*/
.buttonleiste {

}
.btnhell {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #F8F7F6;
	border: 1px solid;
	border-color: #F8F7F6 #F8F7F6 #F8F7F6 #F8F7F6;
	cursor: pointer;
}
.btnhell_hover { 
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #EEEEEE;
	border: 1px solid;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	cursor: pointer;
	}
.btnhell_active {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 1px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 4px; 
	background: #FFFFFF;
	border: 1px solid;
	border-color: #FFFFFF #BBBBBB #BBBBBB #FFFFFF;
	cursor: pointer;
	}
	


/* btntop, Buttons auf Fensterrahmenfarbe*/
.btntop {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	border: 1px solid;
	border-color: #FFFF00 #FFFF00 #FFFF00 #FFFF00;
	cursor: pointer;
	}
.btntop_hover { 
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 1px; 
	padding-left: 3px; 
	background: #EAEB00;
	border: 1px solid;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	cursor: pointer;
	}
.btntop_active {
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	padding-top: 1px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 4px; 
	background: #FFFFFF;
	border: 1px solid;
	border-color: #FFFFFF #BBBBBB #BBBBBB #FFFFFF;
	cursor: pointer;
	}


	
	
	
.buttonDisabled img {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	border: 1px solid ButtonFace;
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
}


.sinputsmall     {font-family: Arial, Helvetica; font-size: 9px; font-style: normal; border: 1px solid; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;}

/* Formulargenerator */
.sformgen       	{font-family: Arial, Helvetica, verdana; font-size: 80%; font-style: normal; line-height: normal; text-decoration: none; border: 1px solid; background-color: #FAFAFA; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;}
.sformgen2      	{font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 85%; font-style: normal; line-height: normal; text-decoration: none; border: 1px solid; background-color: #FAFAFA; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;}
.formmessage  		{background-color: #FFFF00; border: 1px solid; border-color: #CCCCCC;}
.verify_rahmen  	{font-size:100%;color:#FF0000; font-weight:bold; background-color: #FFFFFF; border: 1px solid; border-color: #FF0000;}
.formgen_optional	{color:#CCCCCC; font-size:80%;}
.formgen_mandatory	{color:red;     font-size:80%;}

/*  L O A D I N G B A R   */
.loadingbar {background:#EEEEEE; border: 1px solid; background:#EAEAEA; border-color: #D0D0D0 #FFFFFF #FFFFFF #D0D0D0; }


/* D R A G  */
.drag_dummy 					{cursor:move; opacity: 0; filter: alpha(opacity = 0); position:absolute; background:transparent; z-index:1; border:2px solid red;}
.draggable_tmp					{cursor:move;}
.ghost							{}
	
	
/*  W I N D O W   C L A S S E S  Popupd  */
.windowbody label		{font-family: tahoma, verdana, sans-serif; font-size: 11px; vertical-align:middle;}
.window_height1			{height:100%} /* fuer moz*/
.window_height2			{height:100%} /* fuer moz*/

/*  V I E W   C L A S S E S     */
/* Anm: Damit die Inputfelder exakt in die td's passen, muss man fuer die IE Browser unter XHTML ein negative margin definieren 
.classname input {margin-top:-1px; margin-bottom:-1px}
Wenn die rowcheckbox angeschaltet ist, muss man ebefalls eine  negative margin definieren, allerdings als inline-Style (wird scheinbar als class nicht akzeptert?)


*/


/* generelle viewstyles */
/*
Bei Verwendung einer tAbelle mit "border-collapse:collapse" und td {border:1px solid...} gibt es evtl. Probleme mit der Suchzeil, die keine sichtbare Border haben soll
Hier muß der fehlende Pixel fuer die Border in der HAupttabelle


*/
/*	
		.view .view_ce_addresses_elements
			.wrapper
				1) .searcharea
					.areaheader
					.viewtable
						.searchbarheaderrow
						.searchbarrow
							.cell .row0 .viewname_fieldname
						.searchbuttonrow 
				2) .dataarea
					.areaheader
					.dataelement .view_dataelement_viewname
						.viewtable
							.subclasses fuer headerrow (headerwrapperdiv,dataheader)  -> kann man evtl. noch optimieren
							.row 
								.cell .row0 .viewname_fieldname
							.buttonbar
				3) .addarea
					.areaheader
					.viewtable
						.addbarheaderrow
						.addbarrow
							.cell .row0 .viewname_fieldname
						.addbuttonrow
				
*/
.view							{width:100%; border:0px solid red; font-size: 11px; font-family: verdana, tahoma; overflow-x:auto; overflow-y:hidden; position: relative; zoom:1}
.view .wrapper 					{width:auto; float:left;} /* enthaelt den Scrollbar fuer das view Element, border-rigth: sonst fehtl bei Moz die rechte Abschlusslinie */
.view .dataelement				{position: relative;}
.view .viewtable				{table-layout:fixed; border-collapse:collapse; border-spacing:0; } /* Achtung: IE 6 muss die Width=100% deaktivert bekommen */
.view tr						{}
.view td 						{} /* vorher: overflow:hidden;, Probleme mit headerborder, die verschwand partiell*/

/* font: */
.view input, .view textarea, .view select,.view .moveablewrap, .view .numrows		{font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.view .areaheader, .view .addheader div, .view .searchheader div,.view .dataheader	{font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.view .areaheader																	{font-family: tahoma, verdana, sans-serif; font-size: 11px; font-weight: bold; padding:0 0 0 16px; border:0px solid red;}
.view label																			{font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.view .cell	div																		{font-family: tahoma, verdana, sans-serif; font-size: 11px;}
.view .moveablewrap				{width:100%; overflow:hidden;} /* wrapping div, wird benoetigt, damit input felder mit padding nicht ueber den td rand hinausragen! td overflow:hidden reicht nicht! */

/* Hover style wurde deaktivert, mus in individuelle stylesheets zugeschltet werden.
	Es gibt 2 Moeglichkeiten: roll im TD, oder roll in den Inputelementen
	.view tr:hover input, .view tr:hover select, .view tr:hover textarea		{background-color:#F4F4F4}
	.view tr:hover td {background-color:#F4F4F4}
*/ 
.view .cell input				{width:100%; height:auto; padding: 1px 0 1px 1px; margin:0; border: 1px solid; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;}
.view .cell select 				{width:100%; height:auto; padding:0; margin:0; border: 1px solid; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;} 		/* IE: select separat eimnstellen fuer */
.view .cell textarea 			{width:100%; padding:0; margin:0; border: 1px solid; border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;} 		/* IE: select separat eimnstellen fuer */
.view .cell .contentdiv			{padding: 1px 0 1px 3px; }	/* das div hinter dem wrapperdiv */
.view .cell 					{vertical-align:top;}		
.view .lastcell					{}
.view .lastrow					{}
.view button					{white-space: nowrap}
.view .head						{margin: 0px;}											
.view .cell .dateselect 		{width:auto; font-family:tahoma, verdana, sans-serif;} 
.view .rowcheckbox				{width:13px; height:13px; margin:0; padding:0; border:0;}
.view .rowcheckboxtd			{width:13px; vertical-align:middle;}
.view .form_checkbox 			{text-align:center; vertical-align:middle;}				/* xtra Style fuer checkboxen: Platzierung im td */		
.view .form_checkbox input		{width:13px; height:13px; height:auto; margin:1px;}		/* xtra Style fuer checkboxen: checkbox selbst */		
.view .message					{table-layout:auto;}
/*.view .stripe input, view .stripe td {background-color: #F8F8F8;}*/

.view .searchbarrow				{border:0px solid red;}
.view .searchbarheaderrow 		{border:0px solid red;}
.view .searchbuttonrow 			{border:0px solid red; padding-left:14px; margin-bottom: 0px;}
.view .searchheader div			{padding: 2px 0 1px 2px;}

.view .addbarrow				{border:0px solid red;}
.view .addbarheaderrow			{border:0px solid red;}
.view .addbuttonrow 			{border:0px solid red; padding-left:14px; margin-bottom: 0px;}
.view .addheader    div			{padding: 1px 0 1px 2px; border:0px solid red; }

.view .limit					{margin: 5px 0 6px 0px; border:0px solid red; font-family: tahoma;}
.view .limit_select				{}
.view .limit_select select		{position:relative; font-size:11px; font-family:tahoma; border:1px solid grey; background:white;}
.view .pages_activ				{text-decoration: none; border:1px solid; padding: 0 1px 0 2px; color:#666666}
.view .pages					{text-decoration: none; color:#666666}
.view .numrows					{padding-left:16px; padding-top:10px; padding-bottom:3px;}
.view .showfields				{margin: 8px 0 0px -2px;}
.view .showfields input			{margin: 1px 4px 1px 3px;}
.view .showfields select		{margin: 10px 0 0 0px; border:0px solid red;}
.view .showfields td			{}
.view .addnew_standard .cell input, 
.view .addnew_standard .cell textarea, 
.view .addnew_standard .cell select {font-weight:bold; background-color:#FFFFCC;}
.view .addnew_bottom			{background-color:#FFFFCC;}
.view .addnew_infotext 			{font-family: tahoma; padding:5px;}
.view .addnew_buttons			{margin-left:14px; margin-bottom:20px;}
.view .addnew_mandatory			{background-color:#FFFF00;}
.view .csvexport				{padding:6px; padding-left:12px;}
.view .csvexport		input	{margin: 1px 4px 1px 3px;}
.view_messages					{border: 0px solid red;}
.view .buttonrow 				{padding-top:0px; width:1%; table-layout:auto}
.view .buttonbar div			{}
.view .buttonbar input			{}
.view .checkboxarrow			{padding-left:14px}
.view .activeordercolumn, .view .activeordercolumn input, .view .activeordercolumn .contentdiv {background-color:#F8F8F8;} /* das div hinter dem wrapperdiv */
.view .arrownav					{}    /* previous next */
.view .view_b_delete	div		{background: url(../images/icon_deletecrosssmall_red.gif) 50% -1px no-repeat; cursor:pointer}
.view .view_b_edit		div		{background: url(../images/icon_write.gif) 50% -1px no-repeat; cursor:pointer}

/* Info: overflow:visible wird benoetigt, sonst reagiert diese Celle nicht mehr auf Rollover (.moveablewrap {overflow :hidden}, blockt mouseover beim Draggen in Moz...)*/
.view .view_b_add		div		{overflow:visible; background: white url(../images/icon_add_grey.gif) 2px 0 no-repeat; height:16px; margin-top:1px; cursor:pointer;}

.view .view_b_drag	div			{overflow:visible; background: url(../images/riffel.gif)}
.view .b_dragrangholder			{float:left; width:22px; height:13px;}
.view .b_dragrankover			{cursor:move; border:1px solid red; border-bottom:0; width:20px; height:6px;}
.view .b_dragrankunder			{cursor:move; border:1px solid red; border-top:0;    width:20px; height:6px;  xmargin-top:1px}
.view .b_dragsub				{cursor:move; border:1px solid orange; width:20px; height:12px; float:left; }
	/*.b_dragrankoverh			{background: url(/cms/images/icon_drag_over.gif)  0 0 no-repeat; cursor:move;}
	.b_dragrankunderh			{background: url(/cms/images/icon_drag_under.gif) 0 0 no-repeat; cursor:move;}
	.b_dragsubh					{background: url(/cms/images/icon_drag_sub.gif)   0 0 no-repeat; cursor:move; border:2px solid orange; width:18px; height:10px; float:left; }
 */
	 .b_dragrankoverh			{background: url(../images/icon_drag_over.gif)  0 0 no-repeat; cursor:move; border:1px solid red; border-bottom:0; width:20px; height:4px; border-top: 3px solid red;}
	  .b_dragrankunderh			{background: url(../images/icon_drag_under.gif) 0 0 no-repeat; cursor:move; border:1px solid red; border-top:0;    width:20px; height:4px; border-bottom: 3px solid red; xmargin-top:1px}
	  .b_dragsubh				{background: url(../images/icon_drag_sub.gif)   0 0 no-repeat; cursor:move; border:2px solid orange; width:18px; height:10px; float:left; }

.view .view_b_edit_search		{background:transparent;}
.view .headercell 				{-moz-user-select:none;}
.view .headercell 		div		{background: url()} /* keine delete, edit Icons im Header */
.view .headercell 		div		{background: url()}
.view .view_t_spacer,	.view .view_t_spacer_header	{cursor:default;}

.view .dataheader			{border: 1px solid; border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF; background-color: transparent; padding: 1px 0 2px 4px; overflow:hidden}
.view .dataheadersortable	{cursor:pointer;} 
.view .dataheadertspacer	{cursor:default;}
.view .headerwrapperdiv   	{border: 1px solid #666666; border-right:0}
.view .headercell_down	.dataheader	{background: url(../images/view_innerborder_dark_down.gif) right bottom no-repeat; }
.view .headercell_up	.dataheader	{background: url(../images/view_innerborder_dark_up.gif)   right bottom no-repeat;}
.view .headercell_first 	{border-left:0px solid #666666;}
.view .headercell_last 		{border-right:1px solid #666666;}

/* Schlichter header */
/*
.view .dataheader			{border: 0px solid}
.view .headerwrapperdiv   	{border: 0px solid}
.view .headercell_down	.dataheader	{background: url()}
.view .headercell_up	.dataheader	{background: url()}
.view .headercell_first 	{border-left:0px solid #666666;}
.view .headercell_last 		{border-right:0px solid #666666;}
*/
.view .selectall			{padding:2px 2px 3px 2px}
.view .selectall	a		{text-decoration: none; color:black;}

.view .moveablegridhandle	{background-color:transparent; } /* transparent | red Moz: kein alpha (performance)  filter: alpha(opacity = 40);-moz-opacity: 0.40;*/
.view .moveablegridhandle	{position:absolute; z-index:100; top:0px; width:8px; height:10px; cursor:e-resize;}
.view .areahead				{padding-left:16px; font-size:12px; font-weight:bold;}
/*
.textareanoscroll	{overflow:scroll;}
.textareanoscroll1	{overflow:hidden; height:100%;}
.textareanoscroll2	{margin:0 -56px -18px 0; height:100%; border:0px solid yellow}
*/
.view .textareanoscroll1		{overflow:hidden; xwidth:100%; xheight:100%; border:0px solid red;}
.view .textareanoscroll2		{margin:0 -18px 0 0; height:100%;}
.view .cell .textareanoscroll	{overflow:scroll; width:100%; height:100%; overflow-x:hidden; padding-right:18px;} 
/* Achtung: IE braucht: .textareanoscroll {margin-top:-1px}, evtl. auch height:2000px; */





.php				{font-weight:bold; background: url(../images/icon_warning.gif) no-repeat 0 -1px; padding:0 2px 0 18px; margin:0 0px 0 3px;}
.formgen			{font-weight:bold; background: url(../images/icon_warning.gif) no-repeat 0 -1px; padding:0 2px 0 18px; margin:0 0px 0 3px;}

/* tabellen im Editor mit dottet line */
.dotted td {border: 1px dotted #FF0000; border-collapse:collapse;} /* muss hier in desem Stylesheet stehen */


/*  V I E W   C L A S S E S     */
.small			{font-family: Arial, Helvetica, sans-serif; font-size: 80%;         	text-decoration: none; line-height: 130% ; color: #000000;} 
.smallv			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;    text-decoration: none; line-height: 130% ; color: #000000;} 
.claptdfirst	{width:16px;}


.statuslight	{font-family:tahoma, verdana, sans-serif; font-size:11px; vertical-align:middle;}

/* 	W I D G E T S 
	styles für die Widget classes   */

/* T R E E */


.tree 							{}
.tree 	ul						{border:0px solid red; list-style: none; list-style-image: none; background: url(../../xxxcms/images/tree_dots_ul.gif) 0 bottom no-repeat; margin-left:16px; padding:0;}
.tree 	li						{list-style: none; list-style-image: none; margin:0; padding:0; margin-top:0px; border:0px solid red;}
.tree 	ul li					{background: url(../images/tree_dots_li.gif) 2px 0 no-repeat; }
.tree 	ul .lifolder			{background: url(../images/tree_dots_li_folder.gif) 0 0 repeat-y; border:0px solid;}
.tree 	ul .lifolderlast		{background: url(../images/tree_dots_li_folder.gif) 0 0 no-repeat; border:0px solid;}
.tree 	ul .lilast				{background: url(../images/tree_dots_li_last.gif) 0 0 repeat-y; border:0px solid;}

.tree 	a						{display:block; height:100%; border:0px solid red; padding-left:20px;text-decoration:none; font-family: tahoma, sans-serif; font-size:11px; padding-top: 0 0 0 0; color:black}
.tree   .file					{background: url(../images/tree_icon_page.gif) 0 0.1em no-repeat;}
.tree   .folder					{background: url(../images/tree_icon_folder.gif) 0 0.1em no-repeat;}
.tree 	.activeelement	a		{background-color:yellow;}
.tree	li div					{padding-left:16px; height:16px; border:0px solid blue; padding-top:2px}
.tree	.switch					{background: url(../images/tree_icon_dirplus.gif) 0 0.25em no-repeat; cursor:pointer; }





/* A R E A  */
.area 					{border:0px solid blue;   position:relative; left:0; top:0; height:100%; width:100%;}
.areadiv 				{border:0px solid blue; }
.area .area_1v  		{border:0px solid black;  position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden; background:red}
.area .area_2v  		{border:0px solid black;  position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden; background:orange}
.area .area_sliderv  	{border:0px solid yellow; position:absolute; left:0; top:0; width:100%; background:yellow; cursor:pointer;}
.area .area_1h  		{border:0px solid black;  position:absolute; float:left; left:0; top:0; height:100%; overflow:hidden; background:red}
.area .area_2h  		{border:0px solid black;  position:absolute; float:left; left:0; top:0; height:100%; overflow:hidden; background:orange}
.area .area_sliderh  	{border:0px solid yellow; position:absolute; float:left; left:0; top:0; height:100%; cursor:pointer; background:yellow;}
.area .contentdiv 		{width:100%; height:100%; border:0px solid green}
/* slider fuer horizontale Bewegung, werden per javascript nachgestylt */
.area .area_overlay1h 	{border:0px solid red; position:absolute; width:100%; cursor:pointer; background: yellow url(../../xxxcms/images/area_slider_v_bg.gif) center center repeat-y;}
.area .area_overlay2h 	{border:0px solid red; position:absolute; width:100%; top:100%; cursor:pointer; background: yellow url(../../xxxcms/images/area_slider_v_bg.gif) center center repeat-y;}
/* slider fuer vertikale Bewegung, werden per javascript nachgestylt */
.area .area_overlay1v 	{border:0px solid red; position:absolute; cursor:pointer; background: yellow url(../../xxxcms/images/area_slider_v_bg.gif) center center repeat-y;}
.area .area_overlay2v 	{border:0px solid red; position:absolute; left:100%; cursor:pointer; background: yellow url(../../xxxcms/images/area_slider_v_bg.gif) center center repeat-y;}

.area .areaframe			{width:100%; height:100%;}
.area .lt  					{background: url(../images/area_lt.gif) left top no-repeat; 		padding-left:2px; padding-top:2px; height:2px}
.area .lm  					{background: url(../images/area_lm.gif) left top repeat-y; 		padding-left:2px; padding-top:2px}
.area .lb  					{background: url(../images/area_lb.gif) left bottom no-repeat; 	padding-left:2px; padding-top:2px}
.area .ct  					{background: url(../images/area_ct.gif) left top repeat-x;  		padding-left:2px; padding-top:2px}
.area .cb  					{background: url(../images/area_cb.gif) left top repeat-x;  		padding-left:2px; padding-top:2px}
.area .rt  					{background: url(../images/area_rt.gif) right top no-repeat; 		padding-left:2px; padding-top:2px}
.area .rm  					{background: url(../images/area_rm.gif) right top repeat-y; 		padding-left:2px; padding-top:2px}
.area .rb  					{background: url(../images/area_rb.gif) right bottom no-repeat; 	padding-left:2px; padding-top:2px; height:2px}
 /*.area .areaframe img 	{width:1px; height:1px;}*/
.area .cm					{}





/* C L A P S  */
.clap .clap_opened  		{cursor: pointer; background: url(../images/clap_opened.gif) -2px -1px no-repeat; padding: 0 0 0 14px; margin: 2px 0 2px 0; -moz-user-select:none;} 
.clap .clap_closed  		{cursor: pointer; background: url(../images/clap_closed.gif) -2px -1px no-repeat; padding: 0 0 0 14px; margin: 2px 0 2px 0; -moz-user-select:none;} 
.claptarget_opened  		{border:0px solid; }
.claptarget_closed  		{border:0px solid; display: none !important;}
.clap .clap_hrule			{background:#EEEDEA; border: 1px solid; border-color: #D0D0D0 #FFFFFF #FFFFFF #D0D0D0;; margin: 0 0 0 0;}
.clap_opener				{font-family: verdana, arial, sans-serif; font-size:11px; -moz-user-select:none;}



/* P I C K E R  */
.picker						{width:18px; height:18px; border:1px solid #9CFF00; position:absolute; cursor:pointer;}
.pickerlayer 				{width:240px; height:133px; top:-1px; left:0px; display:none;position:absolute; z-index:100;}
.pickerinnerlayer 			{border:1px solid #9CFF00; margin-left:18px;}

/* R E N D E R T A B L E  */
.renderTableDivider 		{border-bottom:1px solid #CCCCCC; padding-bottom: 2px;}


/* T A B S  */
/* die JS Schaltung geht nicht mit active, inactive, sondern mit li_active, li_inactive ("active" ist in "inactive" enthalten, d.h. repalce erzeugt "ininactive" */
.tabs li					{display:block; position:relative; margin:0 0px 0 0px; cursor:pointer; }
.tabs li a					{padding:3px 25px 3px 35px; display:block; position:relative; margin:0 -6px 0 0px; float:left; cursor:pointer; }

.tabs .li_inactive 			{background: url(../images/tabs_inactive1n.gif) 0 0 no-repeat; } /* filter: alpha(opacity = 70);-moz-opacity: 0.70;*/
.tabs .li_inactive a 		{background: url(../images/tabs_inactive2n.gif) right 0 no-repeat; color:black;}

.tabs .li_active 			{background: url(../images/tabs_active1n.gif) 0 0 no-repeat; z-index:10}
.tabs .li_active a 			{background: url(../images/tabs_active2n.gif) right 0 no-repeat; color:black}

.tabs .li_inactive:hover  	{background: url(../images/tabs_inactive1r.gif) 0 0 no-repeat;}
.tabs .li_inactive a:hover  {background: url(../images/tabs_inactive2r.gif) right 0 no-repeat;}
.tabs .tabs_layer			{border:0px solid black; clear:both; top}



/* R E S I Z E  */
.resizer_holder				{left:0px; top:0px; position:absolute;}
.resizer_frame				{left:0px; top:0px; position:absolute; cursor:move; z-index:20; background-color:orange; border: 1px dotted #000000; width:100px; height:100px;}
.resizer_handle				{width:20px; height:20px; z-index:20; position:absolute; background-color:green; border:0px solid #000000;}



/* M U L T I B O X S E L E C T  */
.multiboxselect								{float:left; margin-right:10px; width:200px; height:200px; top:0; position:relative; border:1px solid #CCCCCC; padding:2px;}
.multiboxselect .multiboxselect_element		{font-size:11px; border:0px solid red;}
.multiboxselect .multiboxselect_active		{background:yellow}
.multiboxselect2 a							{display:block;}

.multiboxselect2							{float:left; margin-right:10px; width:120px; height:200px; top:0; position:relative; border:1px solid #CCCCCC; padding:2px;}
.multiboxselect2 .multiboxselect_element	{font-size:11px; border:0px solid red}
.multiboxselect2 .multiboxselect_active		{background:yellow}
.multiboxselect2 a							{display:block;}


/* S C R O L L B A R S   */
.xxxouterscroll						{position:absolute; left:50%; top:30%; height:20%; width:20%;}
.scrollable							{position:relative; left:0; top:0; height:100%; width:100%; overflow:hidden;}
.scrollable2						{position:relative; left:0; top:0; height:100%; width:100%; overflow:visible;}
.scrollbar							{background:yellow; border:0px solid #CCCCCC;}
.scrollbar	.scrollbartop			{background:red; border:0px solid red;			cursor:pointer;}
.scrollbar	.scrollbarbottom		{background:blue; border:0px solid blue; 		cursor:pointer;}
.scrollbar	.scrollbarslider		{background:orange; border:0px solid orange; 	cursor:pointer;}
@media print {						/*  FF printing Problem, sonst nur 1e Seite */
.scrollable							{overflow:visible;}
.article_left 						{float:none;} 
}

/*  S E L E C T S   */
/*
.select								{position:relative; display:inline}
.select .opener						{-moz-user-select:none; position:relative; cursor:default; width:70px; border:1px solid #CCCCCC; padding:2px 25px 2px 2px; margin:0; left:0; top:0; height:14px; overflow:hidden; font-family:verdana; font-size:11px; background:white url(/cms/images/select_closed.gif) right 0 no-repeat;}
.select ul							{-moz-user-select:none; position:absolute; cursor:default; border:1px solid #CCCCCC; top:-1px; width:auto; float:left; margin:0; padding:0; list-style: none; list-style-image: none; background:yellow; display:none}
.select li							{-moz-user-select:none; margin:0; cursor:default; padding:2px; white-space:nowrap; list-style: none; list-style-image: none; background:white; display:block; font-family:verdana; font-size:11px;line-height:100%;}
.select li:hover					{background:#EEEEEE;}
*/

/* S T A T U S B A R  */
.statusbarOuter				{position:relative; border: 1px solid; border-color: #8C8C8C #FFFFFF #FFFFFF #8C8C8C; background:#C4C4C4; margin: 0; width:100%}
.statusBarInner				{position:relative; background: url(../images/statusbar_bar_ani.gif) 0 0 repeat-x; height:15px; width:0;}
.statusBarInnerFinish		{position:relative; background: url(../images/statusbar_bar.gif) 0 0 repeat-x; height:15px; width:0; font-family: tahoma;}
.statusBarMessage			{font-size: 11px; margin-left:15px;}


.ce_selector				{position:absolute; left:720px; top:0; xxxborder:1px solid red; width:1px; height:1px;}