@media print {
  /* style sheet for print goes here */
	* { display:none }
	#IDC_DATENBLATT_CONTAINER { display:block }
	#IDC_DATENBLATT_TABLE { display: block }
}

@media screen {
	body 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		/*font-weight: bold;*/
		/*background-color: rgb(185, 185, 185);*/
	}
	.titel
	{
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
	}

	.ueberschrift1
	{
		font-size: 18px;
		font-weight: bold;
		letter-spacing:1px;
	}
	.version
	{
		font-size: 11px;
		font-weight: bold;
		letter-spacing:1px;
	}

	button.watt 
	{
		font-size: 13px;
		color: #050505;
		border: 1px solid #050505;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: 3%;
		background-color: rgb(253,240,188);
		cursor: pointer;
		letter-spacing:1px;
		padding: 0 20px 0 5px;
	}
	
	#border
	{
		background-color: rgb(253,240,188);
	}

	.flag
	{
		cursor: pointer;
	}

	/*
	button:hover
	{
		background-color: rgb(253,240,188);
		border: 1px solid blue;
	}
	*/

	button.start
	{
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
	}

	/*button.schnellauswahl
	{
		font-size: 15pt;
		text-align:left;
		vertical-align:top;
		padding-left: 5px;
		margin-top: 0;
		padding-top: 0;

		background-image: url(../img/icons/schnellauswahl.gif);
		background-repeat: no-repeat; 
		background-position:195px 16px; 
	}
	*/
	/*
	 * FileUploadField component styles
	 */
	.x-form-file-wrap {
		position: relative;
		height: 22px;
	}
	.x-form-file-wrap .x-form-file {
		position: absolute;
		right: 0;
		-moz-opacity: 0;
		filter:alpha(opacity: 0);
		opacity: 0;
		z-index: 2;
		height: 22px;
	}
	.x-form-file-wrap .x-form-file-btn {
		position: absolute;
		right: 0;
		z-index: 1;
	}
	.x-form-file-wrap .x-form-file-text {
		position: absolute;
		left: 0;
		z-index: 3;
		color: #777;
	}
	
	.upload-icon {
		background: url('../img/icons/image_add.png') no-repeat 0 0 !important;
	}
	#fi-button-msg {
		border: 2px solid #ccc;
		padding: 5px 10px;
		background: #eee;
		margin: 5px;
		float: left;
	}
	
	#IDC_BEENDEN {
		background: url(../img/icons/cross.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_EMAIL_BUT {
		background: url(../img/icons/email_go.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_PRINT_BUT 
	{
		background: url(../img/icons/project_print.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_NEW_BUT
	{
		background: url(../img/icons/project_new.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_SAVE_BUT
	{
		background: url(../img/icons/project_save.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_LOAD_BUT
	{
		background: url(../img/icons/project_open.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_COPY_BUT
	{
		background: url(../img/icons/project_copy.png) no-repeat 98% 50%;
	}
	
	#IDC_PROJECT_EMAIL_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECT_PRINT_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECT_NEW_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECT_SAVE_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECT_LOAD_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECT_COPY_BUT.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_ZURUECK 
	{
		background: url(../img/icons/pfeil_links.png) no-repeat 2% 50%;
		padding: 0 5px 0 15px;
	}
	
	#IDC_PROJECT_BACK
	{
		background: url(../img/icons/pfeil_links.png) no-repeat 2% 50%;
		padding: 0 5px 0 15px;
	}
	
	#IDC_WEITER
	{
		background: url(../img/icons/pfeil_rechts.png) no-repeat 98% 50%;
	}

	#IDC_SUCHE_STARTEN
	{
		background: url(../img/icons/suche.png) no-repeat 98% 50%;
	}

	#IDC_ABBRECHEN
	{
		background: url(../img/icons/abbrechen.png) no-repeat 98% 50%;
	}

	#IDC_3D_2D_ZEICHNUNG
	{
		background: url(../img/icons/3D.png) no-repeat 98% 50%;
	}

	#IDC_3D_2D_ZEICHNUNG.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PDF_MASSBILD
	{
		background: url(../img/icons/mass.png) no-repeat 98% 50%;
	}
	
	#IDC_PDF_MASSBILD.disabled
	{
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}

	#IDC_PROJEKTFILE {
		background: url(../img/icons/projekt.png) no-repeat 98% 50%;
	}

	#IDC_WEITER.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_KUNDENDATEN_SPEICHERN {
		background: url(../img/icons/disk.png) no-repeat 98% 50%;
	}
	
	#IDC_KUNDENDATEN_LADEN {
		background: url(../img/icons/folder_go.png) no-repeat 98% 50%;
	}

	#IDC_POSITION_NEW_BUT {
		background: url(../img/icons/page_white_add.png) no-repeat 98% 50%;
	}
	
	#IDC_POSITION_MODIFY_BUT {
		background: url(../img/icons/page_white_edit.png) no-repeat 98% 50%;
	}
	
	#IDC_POSITION_COPY_BUT {
		background: url(../img/icons/page_white_copy.png) no-repeat 98% 50%;
	}
	
	#IDC_POSITION_DELETE_BUT {
		background: url(../img/icons/page_white_delete.png) no-repeat 98% 50%;
	}
	
	#IDC_KUNDENDATEN_SPEICHERN.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_KUNDENDATEN_LADEN.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}

	#IDC_POSITION_NEW_BUT.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_POSITION_MODIFY_BUT.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_POSITION_COPY_BUT.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_POSITION_DELETE_BUT.disabled {
		color: lightgrey;
		background-color: white;
		border: 1px solid gray;
		cursor: default;
	}
	
	#IDC_PROJECTLIST_TABLE td img {
		cursor: pointer;
	}
	
	#IDC_ABSCHIEDSTEXT {
		font-weight: bold;
		font-size: 14px;
	}
	
	fieldset.rahmen
	{
		border: 1px solid #000000;
		background-color: rgb(253,240,188);
		font-size: 18px;
		font-weight: bold;
		color: #000000;

	}

	.group
	{
		border: 1px solid #A7A7A7;
	}

	/*
	div.tabBox {}

	div.watt-tabctrl-area {
	  font-size: 100%;
	  padding: 0px 0px 4px 2px;
	}

	a.watt-tabctrl-tab {
		background-color: 		rgb(209,220,249);
		padding: 				2px 2.5em 2px 1em;
		text-decoration: 		none;
		top: 					3px;
		z-index: 				100;
		background-image:		url(../img/tab.gif);
		background-position:	100%;
		background-repeat:		no-repeat; 
		margin-right:			0px;
	}

	a.watt-tabctrl-tab, a.watt-tabctrl-tab:visited {
		color: buttonText;
	}

	a.watt-tabctrl-tab:hover {
	}

	a.watt-tabctrl-tab-active {
		padding-bottom: 4px;
		top: 1px;
		z-index: 102;
		border-top: 2px solid white;
	}

	a.watt-tabctrl-tab-active, a.watt-tabctrl-tab-active:hover, a.watt-tabctrl-tab-active:visited {
		font-weight: bold;
		background-color: rgb(209,220,249);
		color: #003366;
	}

	div.watt-tabctrl-panel {
		background-color: #D1DCF9;
		border-top   : 1px solid white;
		padding: .5em;
	}
	*/

	/*
	 * Tab Control
	 */
	 
	div.tabBox {}

	div.watt-tabctrl-area {
	  padding: 0px 0px 4px 2px;
	  background-color: #FFF2BE;
	  /*border-top: 3px solid #FFF2BE;*/
	}

	a.watt-tabctrl-tab {
		background-color: 		#F8E9AB;
		font-size: 100%;
		padding: 				2px 2.5em 2px 1em;
		text-decoration: 		none;
		top: 					3px;
		z-index: 				100;
		background-image:		url(../img/tab_orangeStyle.gif);
		background-position:	100%;
		background-repeat:		no-repeat; 
		margin-right:			0px;
	}

	a.watt-tabctrl-tab, a.watt-tabctrl-tab:visited {
		color: buttonText;
	}

	a.watt-tabctrl-tab:hover {
	}

	a.watt-tabctrl-tab-active {
		padding-bottom: 4px;
		top: 1px;
		z-index: 102;
	}

	a.watt-tabctrl-tab-active, a.watt-tabctrl-tab-active:hover, a.watt-tabctrl-tab-active:visited {
		font-weight: bold;
		background-color: #F8E9AB;
		color: #C20651;
	}

	div.watt-tabctrl-panel {
		background-color: #F8E9AB;
		border  : 1px solid white;
		padding: .5em;
	}

	/*
	 * Tabctrl2 für Tab im Tab
	 */
	div.watt-tabctrl2-area {
	  padding: 0px 0px 4px 0px;
	  background-color: #F8E9AB;
	}

	a.watt-tabctrl2-tab {
		background-color: 		#FFF2BE;
		font-size: 100%;
		padding: 				2px 2.5em 2px 1em;
		text-decoration: 		none;
		top: 					3px;
		z-index: 				100;
		background-image:		url(../img/TabImTab_orangeStyle.gif);
		background-position:	100%;
		background-repeat:		no-repeat; 
		margin-right:			0px;
	}

	a.watt-tabctrl2-tab, a.watt-tabctrl-tab:visited {
		color: buttonText;
	}

	a.watt-tabctrl2-tab:hover {
		/*font-weight: bold;*/
		/*color: red;*/
	/* border-top: 2px solid red; */
	}

	a.watt-tabctrl2-tab-active {
		padding-bottom: 4px;
		top: 1px;
		z-index: 102;
	}

	a.watt-tabctrl2-tab-active, a.watt-tabctrl2-tab-active:hover, a.watt-tabctrl2-tab-active:visited {
		font-weight: bold;
		background-color: #FFF2BE;
		color: #C20651;
	}

	div.watt-tabctrl2-panel {
		background-color: #FFF2BE;
		border: 1px solid white;
		padding: .5em;
	}


	/*
	 * New Tab Control
	 */
	.watt-tabctrl-wrap {
		border-bottom:1px solid #6593cf;
		padding-top:2px;
	}
	.watt-tabctrl-strip-wrap{
		width:100%;	
	}
	.watt-tabctrl-wrap table{
		position:relative;
		top:0; left:0;
	}
	.watt-tabctrl-strip td{
		padding:0;
		padding-left:2px;
	}
	.watt-tabctrl-strip a, .watt-tabctrl-strip span, .watt-tabctrl-strip em {
		display:block;
	}
	.watt-tabctrl-strip a {
		text-decoration:none !important;
		-moz-outline: none;
		outline: none;
		cursor:pointer;
	}
	.watt-tabctrl-strip .watt-tabctrl-text {
		font:bold 11px tahoma,arial,helvetica;
		color:#666;
		overflow:hidden;
		white-space: nowrap;
		cursor:pointer;
		text-overflow: ellipsis;
	}
	.watt-tabctrl-strip .selected .watt-tabctrl-text {
		cursor:default;
		color:#083772;
	}
	.watt-tabctrl-strip .disabled .watt-tabctrl-text {
		cursor:default;
		color:#aaaaaa;
	}
	.watt-tabctrl-strip .watt-tabctrl-inner {
		 padding:4px 10px;	
	}

	.watt-tabctrl-strip .selected .watt-tabctrl-right {
		 background: url(../img/tab-sprite.gif) no-repeat right 0;
	}
	.watt-tabctrl-strip .selected .watt-tabctrl-left {
		 background: url(../img/tab-sprite.gif) no-repeat 0 -100px;
	}
	.watt-tabctrl-strip .watt-tabctrl-right {
		 background: url(../img/tab-sprite.gif) no-repeat right -50px;
	}
	.watt-tabctrl-strip .watt-tabctrl-left {
		 background: url(../img/tab-sprite.gif) no-repeat 0 -150px;
	}

	.watt-tabctrl-strip  a {
		position:relative;
		top:1px; left:0;
	}
	.watt-tabctrl-strip .selected a {
		position:relative;
	}
	.watt-tabctrl-strip .selected .watt-tabctrl-inner {
		padding-bottom:5px;
	}

	.watt-tabctrl-body {
		border:1px solid #6593cf;
		border-top:0 none;
	}

	.watt-tabctrl-wrap, .watt-layout-panel .watt-tabctrl-top .watt-tabctrl-wrap {
		background: /*#deecfd*/ #db1426;
		border: 1px solid /*#8db2e3*/ white;
		padding-bottom: 2px;
		padding-top: 0;
	}

	.watt-tabctrl-strip-wrap{
		padding-top: 1px;
		background: url(../img/white.gif) white;
		border-bottom: 1px solid #db1426; /*#8db2e3*/;
	}

	.watt-tabctrl-strip .watt-tabctrl-text {
		color: #15428b;
		font: bold 11px tahoma,arial,verdana,sans-serif;
		margin-right: 8px;
	}

	.watt-tabctrl-strip .selected .watt-tabctrl-text {
		cursor: default;
		color: /*#15428b*/ white;
	}

	.watt-tabctrl-top .watt-tabctrl-strip .selected .watt-tabctrl-right {
		background: url(../img/topnav.gif) no-repeat right -25px;
	}

	.watt-tabctrl-top .watt-tabctrl-strip .selected .watt-tabctrl-left,.watt-tabctrl-top .watt-tabctrl-strip .selected a:hover .watt-tabctrl-left{
		background: url(../img/topnav.gif) no-repeat 0 -75px;
	}

	.watt-tabctrl-top .watt-tabctrl-strip .watt-tabctrl-right {
		background: transparent url(../img/topnav.gif) no-repeat right 0;
	}

	.watt-tabctrl-top .watt-tabctrl-strip .watt-tabctrl-left {
		background: transparent url(../img/topnav.gif) no-repeat 0 -50px;
	}

	.watt-tabctrl-top .watt-tabctrl-body {
		border: 1px solid /*#8db2e3*/ white;
		border-top: 0 none;
	}
	/**
	 * Tree Ctrl
	 */
	.watt-treectrl-node-default {
		color: white;
		font-family: arial;			/*Schriftart*/
		font-weight:normal;			/*Schriftweite*/
		font-size:14px;
		/*font: menu;*/
		text-decoration: none;
		/*margin-left: 10px;*/
		padding-left: 18px;
		background-repeat: no-repeat;
		background-position: 0px center;
		height: 18px;
		cursor: pointer;
		background-color: #336699;
		border-bottom: 1px solid gray;
		background-image: url(../img/folderclosed.gif);
	}

	.watt-treectrl-node-default:hover {
		color: white;
		text-decoration: underline;
	}

	.watt-treectrl-node-default-closed {
	}

	.watt-treectrl-node-default-opened {
		font-weight: bold;
		background-color: #336699;
		background-image: url(../img/folderopened.gif);
		color: white;
	}

	.watt-treectrl-node-default-opened:hover {
	}
		
	.watt-treectrl-node-default-opened-sibling {
	}

	.watt-treectrl-node-default-opened-sibling:hover {
	}

	.watt-treectrl-node-default-focused {
		font-weight: bold;
		background-color: #99CCFF;
		color: white;
		background-image: url(../img/folderopened.gif);
	}

	.watt-treectrl-node-default-focused:hover {
	}

	.watt-treectrl-node-default-focused-sibling {
	}

	.watt-treectrl-node-default-focused-sibling:hover {
	}

	/**
	 * Windows
	 */
	.overlay_watt {
		background-color: #85BBEF;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}

	.watt_nw {
		background: transparent url(../img/themes/window/watt/left-top.gif) no-repeat 0 0;			
	  width:10px;
	  height:25px;
	}

	.watt_n {
	  background: transparent url(../img/themes/window/watt/top-middle.gif) repeat-x 0 0;			
	  height:25px;
	}

	.watt_ne {
	  background: transparent url(../img/themes/window/watt/right-top.gif) no-repeat 0 0;			
	  width:10px;	  
	  height:25px;
	}

	.watt_w {
	  background: transparent url(../img/themes/window/watt/frame-left.gif) repeat-y top left;			
	  width:7px;
	}

	.watt_e {
	  background: transparent url(../img/themes/window/watt/frame-right.gif) repeat-y top right;			
	  width:7px;	  
	}

	.watt_sw {
	  background: transparent url(../img/themes/window/watt/bottom-left-c.gif) no-repeat 0 0;			
	  width:7px;
	  height:7px;
	}

	.watt_s  {
	  background: transparent url(../img/themes/window/watt/bottom-middle.gif) repeat-x 0 0;			
	  height:7px;
	}

	.watt_se, .watt_sizer {
	  background: transparent url(../img/themes/window/watt/bottom-right-c.gif) no-repeat 0 0;			
	  width:7px;
	  height:7px;
	}

	.watt_sizer {
		cursor:se-resize;	
	}

	.watt_close {
		width: 23px;
		height: 23px;
		background: transparent url(../img/themes/window/watt/button-close-focus.gif) no-repeat 0 0;			
		position:absolute;
		top:0px;
		right:11px;
		cursor:pointer;
		z-index:1000;
	}

	.watt_minimize {
		width: 23px;
		height: 23px;
		background: transparent url(../img/themes/window/watt/button-min-focus.gif) no-repeat 0 0;			
		position:absolute;
		top:0px;
		right:55px;
		cursor:pointer;
		z-index:1000;
	}

	.watt_maximize {
		width: 23px;
		height: 23px;
		background: transparent url(../img/themes/window/watt/button-max-focus.gif) no-repeat 0 0;			
		position:absolute;
		top:0px;
		right:33px;
		cursor:pointer;
		z-index:1000;
	}

	.watt_title {
		float:left;
		height:14px;
		font-family: Tahoma, Arial, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-align:left;
		margin-top:2px;
		width:100%;
		color:#C20651;
		letter-spacing:1px;
	}

	.watt_content {
		overflow:auto;
		color: #050505;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 10px;
		background:#DEC25E;
	}


	.images-view .x-panel-body{
		background: white;
		font: 11px Arial, Helvetica, sans-serif;
	}
	.images-view .thumb{
		background: #ffffff;
		border: 3px solid #dddddd;
		padding: 3px;
		text-align: center;
	}

	.images-view .thumb img{
		/*
		height: 80px;
		width: 80px;
		*/
		
	}

	.images-view .thumb-wrap{
		float: left;
		margin: 4px;
		margin-right: 0;
		padding: 5px;
	}
	.images-view .thumb-wrap span{
		display: block;
		overflow: hidden;
		text-align: center;
	}

	.images-view .x-view-over{
		border:1px solid #dddddd;
		background: #efefef url('../js/extjs/resources/images/default/grid/row-over.gif') repeat-x left top;
		padding: 4px;
	}

	.images-view .x-view-selected{
		background: #eff5fb url('../js/extjs/resources/images/selected.gif') no-repeat right bottom;
		border:1px solid #99bbe8;
		padding: 4px;
	}
	.images-view .x-view-selected .thumb{
		background:transparent;
	}

	.images-view .loading-indicator {
		font-size:11px;
		background-image:url('../js/extjs/resources/images/default/grid/loading.gif');
		background-repeat: no-repeat;
		background-position: left;
		padding-left:20px;
		margin:10px;
	}


	.search-item {
		border-color:#FFFFFF rgb(255, 255, 255) rgb(238, 238, 238);
		border-style:solid;
		border-width:1px;
		color:#555555;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:11px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
		padding:3px 10px;
		white-space:normal;
	}

	.search-item h3 {
		color:#222222;
		display:block;
		font-family:inherit;
		font-size:inherit;
		font-size-adjust:inherit;
		font-stretch:inherit;
		font-style:inherit;
		font-variant:inherit;
		font-weight:bold;
		line-height:inherit;
	}
	.search-item h3 span {
		clear:none;
		display:block;
		float:right;
		font-weight:normal;
		margin:0pt 0pt 5px 5px;
		width:100px;
	}

	/*
	 CSS Styles für Frequenzumrichter Tooltips
	 */
	.prototip .fu {
	  width: 480px;
	  color: #fff;
	}

	.prototip ul {
		margin-left: 12px;
	}

	.prototip .fu .toolbar {
	  background: #0F6788;
	  font: italic 17px Georgia, serif;
	}
	.prototip .fu .title { padding: 5px; }

	.prototip .fu .content {
	  height: 360px;
	  background: dodgerblue;
	  font: 11px Arial, Helvetica, sans-serif;
	  padding: 5px;
	  overflow: auto;
	}

	/*
	 CSS Styles für Getriebe Tooltips
	 */
	.prototip .getriebe {
	  color: #fff;
	}

	.prototip .getriebe .toolbar {
	  background: #0F6788;
	  font: italic 17px Georgia, serif;
	}
	.prototip .getriebe .title { padding: 5px; }
	.prototip .getriebe .content {
	  background: dodgerblue;
	  font: 11px Arial, Helvetica, sans-serif;
	  padding: 5px;
	}

	ul {
		list-style-type: square;	
	}

	.search-item h3 span#noid {
		clear:none;
		display:block;
		float:left;
		font-weight:normal;
		margin:0pt 0pt 5px 5px;
		width:100px;
	}

	td {
		padding: 2px;
	}

	td.colright {
		text-align: right;
	}
	
	td.search-center {
		text-align: center;
	}

	.disabled {
		color: lightgrey;
		background-color: gray;
	}

	.x-combo-list-hd {
		font:bold 11px arial, helvetica, sans-serif;
		
	}

	.x-combo-list-item {
		font:normal 12px arial, helvetica, sans-serif;
		
	}

	.x-form-field{
		font:normal 12px arial, helvetica, sans-serif;
	}

	select, input, textarea {
		font:normal 12px arial, helvetica, sans-serif;
	}


	.x-combo-list-small .x-combo-list-item {
		font:normal 11px arial, helvetica, sans-serif;
	}
}