html, body	{
				width: 					100%;
				height:					100%;
}
BODY  { 
				margin: 				0px;
				padding: 				0px;
}
A          		{ 
				color: 					#000033 !important; 
				font-size: 				8pt; 
				font-weight: 			bold; 
				text-decoration:		none;
}
A:hover 		{
				color: 					gray; 
				font-size: 				8pt; 
				font-weight: 			bold; 
				text-decoration: 		underline; 
}
TD         		{
				font-size: 				9pt; 
				font-family: 			Arial;
}
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i   { 
				color: 					#373737; 
				font-size: 				12px; 
				font-family: 			Arial, sans-serif  
}
h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt  { 
				font-size: 				16px; 
				font-family:			Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
h1  			{ 
				font-size: 				26px; 
				font-family:			Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
				margin-bottom: 			18px;
}
h2  			{
				font-size: 				21px; 
				font-family: 			Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
				margin-bottom: 			19px;
}
h2.sh2  		{ 
				font-size: 				21px; 
				font-family: 			Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

h4 { 
				font-size:				13px; 
}
/* Formular Elemente */
form			{
				padding: 				0px;
				margin:					0px;
}

.Button                { color: #fff; background-color: #676767; border: solid 1pt #343434  }
.Buttonpapierkorb      { color: #fff; background-image: url(../images/button_papierkorb.gif); text-align: center; width: 130px; border: solid 1pt #343434        }
.Buttonspeichern       { color: #fff; background-image: url(../images/button_speichern.gif); text-align: center; width: 130px; border: solid 1pt #343434     }
.Buttonspeicherngenerieren       { color: #fff; background: #676767 url(../images/button_speichern.gif) no-repeat; text-align: center; width: 170px; padding-left: 25px; border: solid 1pt #343434     }
.Buttonloeschen        { color: #fff; background-image: url(../images/button_loeschen.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonausfuehren      { color: #fff; background-image: url(../images/button_ausfuehren.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttoneintragen       { color: #fff; background-image: url(../images/button_eintragen.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttoneintragengross  { color: #fff; background-image: url(../images/button_eintragen.gif); text-align: center; width: 150px; border: solid 1pt #343434; }
.Buttonanzeigen        { color: #fff; background-image: url(../images/button_anzeigen.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonsuchen          { color: #fff; background-image: url(../images/button_suchen.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonzurueck         { color: #fff; background-image: url(../images/button_zurueck.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonweiter          { color: #fff; background-image: url(../images/button_weiter.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonexport          { color: #fff; background-image: url(../images/button_export.gif); text-align: center; width: 150px; border: solid 1pt #343434     }
.Buttonimport          { color: #fff; background-image: url(../images/button_import.gif); text-align: center; width: 150px; border: solid 1pt #343434     }
.Buttonlogin           { color: #fff; background-image: url(../images/button_login.gif); text-align: center; width: 120px; border: solid 1pt #343434     }
.Buttonlogingross      { color: #fff; background-image: url(../images/button_login.gif); text-align: center; width: 150px; border: solid 1pt #343434     }
.Minibutton            { color: #fff; font-size: xx-small; font-weight: bolder; line-height: 1; background-color: #c6c6c6; text-align: center; border: solid 1pt #a0a0a0    }

.Button:hover, .Buttonpapierkorb:hover,
.Buttonspeichern:hover, .Buttonloeschen:hover,
.Buttonausfuehren:hover, .Buttoneintragen:hover,
.Buttoneintragengross:hover, .Buttonanzeigen:hover,
.Buttonsuchen:hover, .Buttonzurueck:hover,
.Buttonweiter:hover, .Buttonexport:hover,
.Buttonimport:hover, .Buttonlogin:hover,
.Buttonlogingross:hover, .Minibutton:hover {
				border: 				solid 1px #18A800; 
}  

.Check, .Radio  		{ 
 				background-color: 		#e0e0e0; 
 				border:					solid 1px #dddddd;
}
.Feld        { 
 				color: 					#000; 
 				background-color: 		#f0f0f0; 
 				border: 				solid 1px #565656; 
}
.Feld:hover   { 
 				border: 				solid 1px #18A800; 
}
.Feldrechts, .feldrechts { 
				color: 					#000; 
				background-color: 		#f0f0f0; 
				background-repeat: 		repeat; 
				background-attachment: 	scroll; 
				background-position: 	0 0; 
				text-align: 			right; 
				border: 				groove 1px #565656;
}
.textfeld       { 
				color: 					#000; 
				font-family: 			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				background-color: 		#f0f0f0; 
				background-repeat: 		repeat; 
				background-attachment: 	scroll; 
				background-position: 	0 0; 
				border: 				groove 1px ;
}
.checkbox       { 
				color: 					#000; 
				font-family: 			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				background-color: 		#f0f0f0; 
				background-repeat: 		repeat; 
				background-attachment: 	scroll; 
				background-position: 	0 0; 
				border: 				groove 1px; 
}

/* */
.frame_menu	{
				height: 				100%;
				width:					100%;
				border-right:			1px solid #999999;
				background: 			#E8E8E8 url(../images/einstellungen_hintergrund_gross.gif) repeat-y left top;
}
.frame_menu_item	{
				text-align: 			right;
				background: 			#fff url(../images/img_verlauf.jpg) left top;
				cursor: 				pointer;
				border-top: 			1px solid #6f6f6f;
				height: 				28px;
				color:					#3f3f3f;
				font-weight: 			bold;
				padding: 				0 2px 0 10px;
				margin: 				0px;
}
.frame_menu_item img	{
				float:					left;
				margin: 				2px 0 0 0;
				
}
.frame_menu_item font	{
				display: 				inline-block;
				margin: 				6px 0 0 0;
}
.frame_menu_data {
				overflow:				auto; 
				width: 					100%; 
				min-height: 			100px;
				border-top: 			1px solid #6f6f6f;
				border-bottom: 			1px solid #6f6f6f;
				background-color: 		#fff;
}
.frame_menu_data ul	{
				margin: 				0px;
				padding: 				0px 2px;
}
.frame_menu_data ul li	{
				list-style-type: 		none;
				border-bottom: 			1px solid #CCCCCC;
				display: 				inline-block;
				width:					100%;
}
.frame_menu_data ul li small.left	{
				float:					left;
}
.frame_menu_data ul li small.right	{
				float:					right;
}
.menu_bg 		{
	 			background: 			#E8E8E8 url(../images/einstellungen_hintergrund_gross.gif) repeat-y left top;
				width:					200px;
				border-right:			1px solid #999999;
}
.frame_bg 		{
	 			background: 			#fff url(../images/einstellungen_hintergrund_komplett.jpg) fixed center;
}
.frame_bg h1	{
				font-size: 				13px;
				font-weight: 			bold;
				color:					#fff;
				background: 			transparent url(../images/leisteobenbg.png) repeat-y left center;
				margin: 				0px;
				padding:				2px;
				text-align: 			left;

}
.frame_bg h1 .backlink	{
				font-size: 				11px;
				font-weight: 			bold;
				float:					right;
				margin:					1px 2px 0 0;
				vertical-align: 		middle;
				cursor: 				pointer;

}
.frame_bg_data 		{
	 			background: 			#fff url(../images/einstellungen_hintergrund_komplett.jpg) fixed center;
}
.frame_bg_data h1	{
				font-size: 				14px;
				font-weight: 			bold !important;
				color:					#fff;
				background: 			transparent url(../images/verlauf_oben_rund.gif) repeat-x left center;
				margin: 				0px;
				padding:				2px;

}
.frame_bg_data h1 .backlink	{
				font-size: 				11px;
				font-weight: 			bold;
				color:					#fff !important;
				float:					right;
				margin:					1px 2px 0 10px;
				vertical-align: 		middle;
				cursor: 				pointer;

}

.tri_box_wiedervorlage	
{

}
.tri_box_wiedervorlage_right
{
				width:					90%;
				border:					1px solid #A7A7A7;
				height: 				auto;
				margin-bottom: 			12px;
}
.tri_box_wiedervorlage_right tbody td.wiedervorlage_content
{
				padding:				5px;
				background: 			transparent url(../images/bg_fade.png) repeat-x top left;
}

/* alle moeglichen boxen in zeigendaten */

.tri_box, .tri_box2, .tri_box_status, .tri_box_left, .tri_box_right	
{
				width:					90%;
				border:					1px solid #A7A7A7;
				height: 				auto;
				padding: 				1px;
				display: 				table;
}
.tri_box3	{
				width:					98%;
				border:					1px solid #A7A7A7;
				height: 				auto;
				padding: 				1px;
				display: 				table;
}
.tri_box		{
				margin:					12px 5% 0 5%;
}
.tri_box3		{
				margin:					0px 0.5% 10px 0.5%;
}
.tri_box2,.tri_box_left		{
				margin:					0px 10% 12px 0;
}
.tri_box_right {
				margin:					0px 0 12px 10%;
}
.tri_box_status		{
				margin:					10px 5% 0px 5%;
}
.tri_box > p,.tri_box2 > p,.tri_box3 > p, .tri_box_status > p, .tri_box_left > p, .tri_box_right > p		{
				background: 			transparent url(../images/verlauf_oben_rund2.gif) repeat-x top left;
				margin:					0 0 1px 0;
				padding:				2px 0 2px 2px;
				color:					#fff;
				font-weight: 			bold;
				text-align: 			left;
}
.tri_box p	.backlink, .tri_box2 p	.backlink, .tri_box_left p	.backlink, .tri_box_right p	.backlink	{
				float:					right;
				margin-right:			2px;
				cursor: 				pointer;
}
.tri_box_status .content	{
				padding:				5px;
				background: 			transparent url(../images/bg_fade.png) repeat-x top left;
				min-height: 			50px;
}
.tri_box .content, .tri_box2 .content, .tri_box_left .content, .tri_box_right .content	{
				padding:				10px;
				background: 			transparent url(../images/bg_fade.png) repeat-x top left;
				min-height: 			80px;
}
.tri_box2 .content2, .tri_box .content2, .tri_box3 .content2, .tri_box_right .content2	{
				padding:				5px;
				background: 			transparent url(../images/bg_fade.png) repeat-x top left;
}

.tri_box_datachange	{
				width:					94.5%;
				border:					1px solid #888888;
				height: 				auto;
				padding: 				1px;
				margin: 				12px auto 0 auto;
				display: 				table;
}
.tri_box_datachange .content	{
				padding:				10px;
				background: 			transparent url(../images/bg_fade2.png) repeat-x top left;
				min-height: 			80px;
}
.tri_selection_box_infofenster {
				width:					90%;
				border:					1px solid #8c8c8c;
				margin:					12px auto;
				height: 				auto;
				background: 			transparent url(../images/bg_fade.png) repeat-x center;
				display: 				table;
}
.tri_selection_box {
				width:					40%;
				border:					1px solid #8c8c8c;
				margin:					12px auto;
				height: 				auto;
				background: 			transparent url(../images/bg_fade.png) repeat-x center;
				display: 				table;
}
.tri_selection_box .content	{
				padding:				10px;
				background: 			transparent url(../images/bg_fade.png) repeat-x top left;
}

.tri_box_bilder {
				margin: 				0px;
				padding: 				0px;
				clear:					left;
				height: 				auto;
				display: 				inline-block;
}
.tri_box_bilder li	{
				float:					left;
				margin:					7px 7px 7px 0;
				FILTER: 				alpha(opacity=50); 
				opacity:				0.5;
				list-style-type: 		none;
				width:					150px;
				height: 				180px;
				background-color: 		#f9f9f9;
				border: 				1px solid #ABABAB;
				text-align: 			center;
				padding:				3px;
				overflow:				hidden;
}
.tri_box_bilder li:hover	{
				FILTER: 				alpha(opacity=100); 
				opacity:				1;				
}
.tri_box_bilder li img	{
				margin: 				10px 0 10px 0;			
}


/* Hinweise, Fehlermeldungen */

.tri_box_error, .tri_box_info, .tri_box_success
{
	margin:					12px auto;
	width:					500px;
	padding:				1px;
	display: 				table;
}
.tri_box_error p, .tri_box_info p, 	.tri_box_success p
{
				
	margin:					0 0 1px 0;
	padding:				2px 0 2px 2px;
	color:					#fff;
	font-weight: 			bold;
	text-align: 			left;
}
.tri_box_error p .backlink, .tri_box_info p .backlink, .tri_box_success p .backlink
{
	float:					right;
	margin-right:			2px;
	cursor: 				pointer;
	color:					#fff !important;
}

.tri_box_error .content, .tri_box_info .content, .tri_box_success .content	
{
	padding:				15px;
	line-height: 			19px;
	min-height: 			60px;
	color:					#000;
	font-size: 				13px;
}
.tri_box_error .content	.icon, .tri_box_info .content .icon, .tri_box_success .content .icon
{
	float:					left;
	margin:					0px 25px 25px 0px;
}
.tri_box_error
{
	border:					1px solid #B70000;
}
.tri_box_error p
{
	background-color: 		#B70000;
}
.tri_box_error .content	
{
	background: 			transparent url(../images/bg_fade_red.png) repeat-x top left;

}
.tri_box_info		
{
	border:					1px solid #004395;
				
}
.tri_box_info p		
{
	background-color: 		#004395;
}

.tri_box_success		
{
	border:					1px solid #009000;
				
}
.tri_box_success .content	
{
	background: 			transparent url(../images/bg_fade.png) repeat-x top left;

}
.tri_box_success p
{
	background-color: 		#009000;
}


/* sonstiges */
#page_listing
{
				overflow:				auto; 
				width: 					100%; 
				border-top: 			1px solid #6f6f6f;
				border-bottom: 			1px solid #6f6f6f;
				background-color: 		#fff;
				padding-bottom: 		10px;
				max-height: 			550px;
}
a.bereiche_toggle
{
				display: 				inline !important;
				padding: 				0px !important;
				background-image: 		none !important;
				text-indent: 			0px !important;
				float:					right;
				margin:					2px 2px 0 0;
}
ul#pages
{
				margin: 				0;
				padding:				0;
}
ul#pages > li

{
				list-style-type: 		none;
}
ul#pages > li > a
{				background: 			transparent url(../images/16x16/window_earth.png) no-repeat center left;
				text-indent: 			17px;
				text-decoration: 		none;	
				color:					#373737 !important;	
				text-align: 			left;
				display: 				block;
				padding: 				3px;
				font-size:				12px;
}
ul#pages > li > a:hover
{
				background-color: 		#DFF7A9;
}
ul.groups
{
				margin: 				0;
				padding:				0 0 0 15px;
}
ul.groups > li
{
				list-style-type: 		none;
}
ul.groups > li > a
{				background: 			transparent url(../images/16x16/folder.png) no-repeat center left;
				text-indent: 			17px;
				text-decoration: 		none;	
				color:					#373737 !important;	
				text-align: 			left;
				display: 				block;
				padding: 				2px;
				font-size:				12px;
}
ul.groups > li > a:hover
{
				background-color: 		#DFF7A9;
}
ul.groups > li > a.aktiv
{
				background-color: 		#f8e49b;
}
ul.items
{
				margin: 				0;
				padding:				0 0 0 15px;
}
ul.items > li
{
				list-style-type: 		none;
}
ul.items > li > a
{				background: 			transparent url(../images/16x16/text_rich.png) no-repeat center left;
				text-indent: 			17px;
				text-decoration: 		none;	
				color:					#373737 !important;	
				text-align: 			left;
				display: 				block;
				padding: 				1px;
				font-weight: 			normal;
				font-size:				11.5px;
}
ul.items > li > a:hover
{
				background-color: 		#DFF7A9;
}
ul.items > li > a.aktiv
{
				background-color: 		#f8e49b;
}
ul.items > li > a.hidden
{
				color: 					#919191 !important;
}
ul.items > li > a.customers
{
				color: 					#c43b14 !important;
}


.anmerkung_intern	{
				background-color: 		#f8e2af;
				width:					100%
}
.anmerkung_extern	{
				background-color: 		#d4f8af;
				width:					100%
}
.content_balken {
				background-color: 		#D5D5D5;
				font-weight: 			bold;
				color:					#373737;
}
.datachange_row, .datachange_row_end, .datachange_row_start	{
				background: 			transparent url(../images/verlauf_oben_rund2.gif) repeat-x center;
				font-weight: 			bold;
				color:					#fff;
				border-top:				1px solid #fff;
}
.datachange_row_end {
				border-right:			1px solid #fff;
}
.datachange_row_start {
				border-left:			1px solid #fff;
}
hr.trenner		{
				height: 				2px;
				color:					#f4f4f4;
				margin:					0px;
				padding:				0px;
}
option.inaktiv	{
				color: 					black;
				background-color: 		#ffe3e3;
}
tr.hover	{
				background-color: 		#DFF7A9;
}
tr.active	{
				background-color: 		#F8E49C;
}
.strichrand 	{ 
				border: 				dashed 1px #787878; 
}
.Bereich       { 
 				color: 					#000; 
 				background-color: 		#f0f0f0; 
 				background-repeat: 		repeat; 
 				background-attachment: 	scroll; 
 				background-position:	0 0; 
 				border: 				solid 1px #565656; 
}
.Tabellenfeld   { 
				color: 					#fff; 
				height: 				17px;
}
.Menu  { }
.selector, .deselect_all, .select_all	{
				cursor:					pointer;
}

.reddark	{
				color: 					#920000 !important;
}
.tri_nummernformatierung { font-weight: bold; }