/* 
 * ############################################################################################
 *  NAME:			stylesheet_cns.css                                                                    
 *  DESCRIPTION:	Cascading Style Sheet for ..... for all browsers                                  
 *  AUTHOR:			Nicolas Holzheu for ttoc.de 
 *  CREATED:   		01.01.2003
 *  UPDATED:   		29.01.2003
 *  PARAMETERS:    	- 
 *  RETURNS:   		-     
 *  WHERE USED:    	- 
 *  DEPENDENCIES:  	-
 *  COMMENTS: 		-
 * ############################################################################################
 */

/* 
 * ############################################################################################
 *  DESCRIPTION:	CSS Cheat-Sheet   
 *  COMMENTS: 		CSS1 should work with IE5 NS6 taken from "http://www.w3schools.com/css/"
 * ############################################################################################
 * ##########################################MARGIN/PADDING####################################
 	( margin:				0px 0px 0px 0px;					( margin-top, margin-right, margin-bottom, margin-left ))
 	( padding:				0px 0px 0px 0px;					( padding-top, padding-right, padding-bottom, padding-left ))
 * ##########################################BACKGROUND########################################
 	background-color:		transparent;						( transparent; #xxxxxx; )
 	background-image:		url(../path);						( )
 	background-attachment:	scroll;								( scroll; fixed; )
 	background-repeat: 		repeat;								( repeat; repeat-x; repeat-y; no-repeat; )  
	background-position: 	top left; 							( x% y%; xxpx yypx; top bottom center center left right)
	
	( background:			#fff url(../path) repeat fixed top	(background-color background-image background-repeat background-attachment background-position ))
 * ##########################################TEXT##############################################
	letter-spacing: 		12px; 								( normal; xxpx; )
	text-decoration: 		underline;							( none; underline; overline; blink; ) 
	text-indent: 			20px; 								( xxpx; xx%; )
	text-transform:			lowercase;							( none; capitalize; uppercase; lowercase; ) 
	text-align:				left; 								( left; right; center; justify; )  
	white-space:			nowrap;								( normal; pre; nowrap; )  
 * ##########################################FONT##############################################
 	font-style: 			italic; 							( italic; normal; )
	font-variant:			small-caps;							( normal; small-caps; ) 
 	font-weight:			bold;								( normal; bold; )
	font-size: 				10px;								( xxpx; xx%; )
	line-height: 			12px;								( xxpx; xx%; )
	font-family: 			arial, "lucida console", sans-serif;( ) 

	( font: 				italic small-caps 10px/12px arial;	( font-style font-variant font-weight font-size/line-height font-family ;))
 * ##########################################BORDER############################################
	border-width:  			2px;								( thin; medium; thick; xxpx; )
	border-style:			none;								( none; hidden; dotted; dashed; double; solid; )
	border-color:  			#ffffff;							( )

	( border: 				medium double #ffffff;				(border-width border-style border-color;))
 * ##########################################LIST##############################################
 	list-style-type:		none;								( none; disc; circle; square; decimal; )
  	list-style-position:	inside;								( inside; outside; )
 	list-style-image: 		url(../path); 						(	)
 	
 	( list-style:			disc outside url(../path);			( list-style-type list-style-position list-style-image;))	 	
 * ############################################################################################
 */
/*<!-- #CC0000 : bgrot,  #faf6e4 : beige --> */
body {
 	margin: 				0px; 
	padding: 				0px; 
	background-color: 		#ffffff;
    /*@font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }*/
 	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
	color: 					#000000;
}

table {
 	margin: 				0px; 
	padding: 				0px; 
	border-style: 			none;
	border-collapse:        collapse;
 	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
	color: 					#000000;
}
form {
 	margin: 				0px; 
	padding: 				0px; 
}
label { 
	cursor: 				pointer; 
}
img {
	display: 				block; 
	border-style: 			none;
	border-collapse:        collapse;
	outline: 				none;
}
a {
	color: 					#333333; 
	text-decoration: 		none;
	background-color: 		transparent;
	outline: 				none;
}
a:link {
}
a:visited {

}
a:hover {

}
a:active {
	color: 					#e20a16;
}
ul { 
	list-style-type:		disc;
}
.colwidthouterleft {
	background-color: 		#ffffff;
	height:					1px;
	width:					1px;
}
.colwidthleft {
	background-color: 		#ffffff;
	height:					1px;
	width:					192px;
}
.colwidthcontent {
	background-color: 		#ffffff;
	height:					1px;
	width:					auto;
}
.colwidthright {
	background-color: 		#ffffff;
	height:					1px;
	width:					180px;
}
.colwidthouterright {
	background-color: 		#ffffff;
	height:					1px;
	width:					1px;
}
.bgcolordefault {
	background-color: 		#cc0000;
}
.bgcolordark {
	background-color: 		#990000;
}
.bgcolorleft {
	background-color: 		#ff3300;
}
.bgcolorright {
	background-color: 		#ff3300;
}
.bgcolorspecial01 {
	background-color: 		#debe8f;
}
.bgcolorspecial02 {
	background-color: 		#faf6e4;
}
.txnavi {
	font-size: 				12px;
	color: 					#999999;
	font-weight: 			bold;
}
.txtitle {
	font-size: 				12px;
	color: 					#990000;
	font-weight: 			bold;
}
.txsubtitle { 
	font-size: 				12px;
	color: 					#333333;
	font-weight: 			bold;
}	
.txcopy {
	font-size: 				10px;
	color: 					#000000;
	line-height: 			14px;
}
.tdfunctions {
	margin: 				0px 0px 0px 0px;
	padding:				2px 8px 2px 8px; 
	background-color: 		#990000;
	height:					16px;
	color: 					#ffffcc;
}
.txfunctions {
	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
 	text-align: 			left;
	color: 					#ffffcc;
	text-transform:			lowercase;
}
.tdservice {
	margin: 				0px 0px 0px 0px;
	padding:				2px 8px 2px 8px; 
	background-color: 		#efefef;
	height:					24px;
	color: 					#ffffcc;
}
.txservice {
	height:					16px;
	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
 	text-align: 			left;
	color: 					#333333;
	text-transform:			lowercase;
	line-height: 			12px;
}
.txalert {
	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
 	text-align: 			left;
 	font-weight: 			bold;
	color: 					#990000;
}
.linecolor {
	background-color: 		#ffffff;
	height:					1px;
}

.linedefault {
	background-color: 		#999999;
}
.linebright {
	background-color: 		#ffffcc;
	height:					1px;
}
/* only in td */
.hdistance16 {
	height:					16px;	
}
.hdistance24 {
	height:					24px;	
}
.hdistance8 {
	height:					8px;	
}
.hdistance4 {
	height:					4px;	
}
.txttoc { 
	height:					16px;
	background-color: 		#ffffff;
	font-family: 			Verdana, Arial, sans-serif;
 	font-size: 				10px;
 	text-align: 			left;
	color: 					#999999;
	text-transform:			lowercase;
}

.help {
	border-bottom: 1px dotted #000000;
	cursor: help;
}
.tdcontentdefault {
	margin: 				0px 0px 0px 0px;
	padding:				8px 16px 8px 16px; 
	background-color: 		#efefef;
	font-size: 				10px;
	line-height: 			16px;
}
/*................................................*/	
.txnavpathai {
	color: 					#c0c0c0;
	font-size: 				9px;
	line-height: 			12px;
}
.txnavpathco {
	color: 					#c0c0c0;
	font-size: 				9px;
	line-height: 			12px;
}
	
.formtextwide {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5;
	width:					200px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formtextmiddle {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5;
	width:					140px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formtextnarrow {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5;
	width:					70px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formselectwide {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5; 
	width:					200px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formselectwidemiddle {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5; 
	width:					200px; 
	height:					100px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formselectmiddle {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5; 
	width:					100px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formselectnarrow {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px; 
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5; 
	width:					70px; 
	height:					12px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}
.formareawidemiddle {
	margin: 				2px 0px 4px 4px;
	padding:				0px 0px 0px 0px;
	color: 					#333333; 
	font-size: 				9px; 
	background-color: 		#f5f5f5;
	width:					280px;
	height:					150px;
	border-width:  			1px;
	border-style:			solid;
	border-color:  			#000000;
}