/* 
general color settings:
	White: #ffffff
	Gray: #626262, except link double points
	DarkGray: #3D3D3D, except link double points
	Magenta: #e20074
links:
	All classes for links have to be defined as an attribute within the link tag, 
	e.g. <a class="" href="...>.
alignments:
	All alignments are handled within the <td> tag and not in the stylesheet, 
	e.g. <td valign="top" ...> or <td align="center" ...>.
*/

/* global settings */
body {background-color:#eaeaea;}
body, p, td, ol, ul, input, select, textarea {font-family:arial,geneva,helvetica; font-size:12px; color:#000000;}
sup {font-size:12px;}

/* links: global */
a, a:link, a:active, a:visited, a:hover, a:focus {text-decoration:none;}

/* links: double points are always bold, except global navigation within header */
.pointsWhite, a.pointsWhite, a.pointsWhite:link, a.pointsWhite:active, a.pointsWhite:visited, a.pointsWhite:hover, a.pointsWhite:focus {color:#ffffff; font-weight:bold;}
.pointsMagenta, a.pointsMagenta, a.pointsMagenta:link, a.pointsMagenta:active, a.pointsMagenta:visited, a.pointsMagenta:hover, a.pointsMagenta:focus {color:#e20074; font-weight:bold;}
.pointsGray, a.pointsGray, a.pointsGray:link, a.pointsGray:active, a.pointsGray:visited, a.pointsGray:hover, a.pointsGray:focus  {color:#bfbfbf; font-weight:bold;}
.pointsDarkGray, a.pointsDarkGray, a.pointsDarkGray:link, a.pointsDarkGray:active, a.pointsDarkGray:visited, a.pointsDarkGray:hover, a.pointsDarkGray:focus {color:#adadad; font-weight:bold;}

/* links: text */
.linkUnderline, a.linkUnderline, a.linkUnderline:link, a.linkUnderline:active, a.linkUnderline:visited, a.linkUnderline:hover, a.linkUnderline:focus {color:#000000; text-decoration:underline;}
.linkWhite, a.linkWhite, a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited, a.linkWhite:hover, a.linkWhite:focus {color:#ffffff;}
.linkBoldWhite, a.linkBoldWhite, a.linkBoldWhite:link, a.linkBoldWhite:active, a.linkBoldWhite:visited, a.linkBoldWhite:hover, a.linkBoldWhite:focus {color:#ffffff; font-weight:bold;}
.linkBoldMagenta, a.linkBoldMagenta, a.linkBoldMagenta:link, a.linkBoldMagenta:active, a.linkBoldMagenta:visited, a.linkBoldMagenta:hover, a.linkBoldMagenta:focus {color:#e20074; font-weight:bold;}
.linkBoldGray, a.linkBoldGray, a.linkBoldGray:link, a.linkBoldGray:active, a.linkBoldGray:visited, a.linkBoldGray:hover, a.linkBoldGray:focus {color:#626262; font-weight:bold;}
.linkBoldDarkGray, a.linkBoldDarkGray, a.linkBoldDarkGray:link, a.linkBoldDarkGray:active, a.linkBoldDarkGray:visited, a.linkBoldDarkGray:hover, a.linkBoldDarkGray:focus {color:#3d3d3d; font-weight:bold;}

 /* position tracker, used as link and pure text */
.breadcrumb, a.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited, a.breadcrumb:hover, a.breadcrumb:focus {color:#3d3d3d;}

/* text: default text but another size */
.text10 {font-size:10px;}

/* text: default text but another color */
.textMagenta {color:#e20074;}

/* text bold: used only as pure text and not as links */
.textBold {font-weight:bold;}
.textBoldWhite {color:#ffffff; font-weight:bold;}
.textBoldMagenta {color:#e20074; font-weight:bold;}
.textBoldGray {color:#626262; font-weight:bold;}
.textBoldDarkGray {color:#3d3d3d; font-weight:bold;}

/* bgcolors */
.bgWhite, td.bgWhite {background-color:#ffffff;}

.bgGray1, td.bgGray1 {background-color:#f5f5f5;}
.bgGray2, td.bgGray2 {background-color:#eaeaea;} /* old: e6e6e6 */
.bgGray3, td.bgGray3 {background-color:#e0e0e0;}
.bgGray4, td.bgGray4 {background-color:#d9d9d9;}
.bgGray5, td.bgGray5 {background-color:#bfbfbf;} /* old: c3c3c3 or c4c4c4 */
.bgGray6, td.bgGray6 {background-color:#adadad;} /* not used as bgcolor yet */
.bgGray7, td.bgGray7 {background-color:#626262;} /* not used as bgcolor yet */
.bgGray8, td.bgGray8 {background-color:#3d3d3d;} /* not used as bgcolor yet */

/* bgGray9 is only used in "Rechnungsbeileger" */
.bgGray9, td.bgGray9 {background-color:#c1c1c1;}

.bgBlack, td.bgBlack {background-color:#000000;} /* not used as bgcolor yet */

.bgLiteGreen, td.bgLiteGreen {background-color:#c6ead0;}
.bgGreen, td.bgGreen {background-color:#5daf6c;}
.bgMoreLiteOrange, td.bgMoreLiteOrange {background-color:#fde7ca}
.bgLiteOrange, td.bgLiteOrange {background-color:#ffd8a6;}
.bgOrange, td.bgOrange {background-color:#ff9000;}
.bgLiteBlue, td.bgLiteBlue {background-color:#c1c9ef;}
.bgBlue, td.bgBlue {background-color:#7580ba;}
.bgLiteMagenta, td.bgLiteMagenta {background-color:#e1d5da;}
.bgMagenta, td.bgMagenta {background-color:#e20074;}

/* classes ONLY USED in CMS - numbered styles for (main) categories background color */
.Category, a.Category, td.Category {background-color:#ffffff;}
.Category_1, a.Category_1, td.Category_1 {background-color:#ff9000;}
.Category_2, a.Category_2, td.Category_2 {background-color:#7580ba;}
.Category_3, a.Category_3, td.Category_3 {background-color:#5daf6c;}

.Category_11,a.Category_11,td.Category_11 {background-color:#ffd8a6;}
.Category_21,a.Category_21,td.Category_21 {background-color:#c1c9ef;}
.Category_31,a.Category_31,td.Category_31 {background-color:#c6ead0;}

/* form fields */
/* 
nur zeitweise eingebettet:
	Hier sind die Angaben: 
	
	input20 => size=1 
	input40 => size=2
	input62 => size=3 
	input80 => size=4
	input95 => size=6
	input100 => size=7
	input120 => size=9 
	input130 => size=??
	input153 => size=12 
	input155 => size=12 
	input160 => size=12 
	input170 => size=13
	input175 => size=14
	input190 => size=15
	input220 => size=19 
	input230 => size=19
	input240 => size=??
	input270 => size=23
	input278 => size=24
	
	Diese Angaben sind NS 4.7 getestet. 
	NS 6.x übernimmt Style-Einstellungen. 
*/

.input20 {width:20px;}
.input40 {width:40px;}
.input62 {width:62px;}
.input80 {width:80px;}
.input95 {width:95px;}
.input100 {width:100px;}
.input120 {width:120px;}
.input130 {width:130px;}
.input153 {width:153px;}
.input155 {width:155px;}
.input160 {width:160px;}
.input170 {width:170px;}
.input175 {width:175px;}
.input175bgGray1, input.input175bgGray1 {width:175px;background-color:#f5f5f5;}
.input190 {width:190px;}
.input220 {width:220px;}
.input230 {width:230px;}
.input240 {width:240px;}
.input270 {width:270px;}
.input278 {width:278px;}