/*************************************************************************************************************** 
 * Short css classes for quick additional styling possibilites.
 * @author	Daniel Benkenstein, neosmart GmbH
 * @contact	daniel.benkenstein@neosmart.de
 * @version	1.0 (April 2010)
 ***************************************************************************************************************/
 

/* Cleaner and Clear fix for floating elements */

	.cln, .cla:after, #center:after, #contentArea:after{
			content:'.';
			display:block;
			height:0;
			visibility:hidden;
			clear:both;}
			
	.cl{	clear:left;}


/* Floating */

	.fr{	float:right;}
	.fl{	float:left;}
	.fn{	float:none;}


/* Display */
	
	.db{	display:block;}
	.di{	display:inline;}
	.dn{	display:none;}
	
	
/* Visibility */

	.inv{	visibility:hidden;}
	.invx{	visibility:hidden;
			position:absolute;}
	.vis{	visibility:visible;}


/* Text-Align */

	.tar{	text-align:right;}
	.tal{	text-align:left;}
	.tac{	text-align:center;}
	.taj{	text-align:justify;}
	
/* Border */

	.b0{	border:0;}
	.b1sr{	border:1px solid #f00;}
	

/* Font */

	.fs8{	font-size:8px;}
	.fs9{	font-size:9px;}
	.fs10{	font-size:10px;}
	.fs11{	font-size:11px;}
	.fs12{	font-size:12px;}
	.fs13{	font-size:13px;}
	.fs14{	font-size:14px;}
	.fs15{	font-size:15px;}
	.fs16{	font-size:16px;}


/* Margin */

	.m0{	margin:0;}
	.m1{	margin:10px;}
	.m2{	margin:20px;}
	.m3{	margin:30px;}
	.m4{	margin:40px;}
	.m5{	margin:50px;}
	
	.mt0{	margin-top:0;}
	.mt1{	margin-top:10px;}
	.mt2{	margin-top:20px;}
	.mt3{	margin-top:30px;}
	.mt4{	margin-top:40px;}
	.mt5{	margin-top:50px;}
	
	.mr0{	margin-right:0;}
	.mr1{	margin-right:10px;}
	.mr2{	margin-right:20px;}
	.mr3{	margin-right:30px;}
	.mr4{	margin-right:40px;}
	.mr5{	margin-right:50px;}
	
	.mb0{	margin-bottom:0;}
	.mb1{	margin-bottom:10px;}
	.mb2{	margin-bottom:20px;}
	.mb3{	margin-bottom:30px;}
	.mb4{	margin-bottom:40px;}
	.mb5{	margin-bottom:50px;}
	
	.ml0{	margin-left:0;}
	.ml1{	margin-left:10px;}
	.ml2{	margin-left:20px;}
	.ml3{	margin-left:30px;}
	.ml4{	margin-left:40px;}
	.ml5{	margin-left:50px;}
	.ml6{	margin-left:60px;}
	.ml7{	margin-left:70px;}
	.ml8{	margin-left:80px;}
	.ml9{	margin-left:90px;}
	.ml10{	margin-left:100px;}
	
	
/* Padding */

	.p0{	padding:0;}
	.p1{	padding:10px;}
	.p2{	padding:20px;}
	.p3{	padding:30px;}
	.p4{	padding:40px;}
	.p5{	padding:50px;}
	
	.pt0{	padding-top:0;}
	.pt1{	padding-top:10px;}
	.pt2{	padding-top:20px;}
	.pt3{	padding-top:30px;}
	.pt4{	padding-top:40px;}
	.pt5{	padding-top:50px;}
	
	.pr0{	padding-right:0;}
	.pr1{	padding-right:10px;}
	.pr2{	padding-right:20px;}
	.pr3{	padding-right:30px;}
	.pr4{	padding-right:40px;}
	.pr5{	padding-right:50px;}
	
	.pb0{	padding-bottom:0;}
	.pb1{	padding-bottom:10px;}
	.pb2{	padding-bottom:20px;}
	.pb3{	padding-bottom:30px;}
	.pb4{	padding-bottom:40px;}
	.pb5{	padding-bottom:50px;}
	
	.pl0{	padding-left:0;}
	.pl1{	padding-left:10px;}
	.pl2{	padding-left:20px;}
	.pl3{	padding-left:30px;}
	.pl4{	padding-left:40px;}
	.pl5{	padding-left:50px;}
	.pl6{	padding-left:60px;}
	.pl7{	padding-left:70px;}
	.pl8{	padding-left:80px;}
	.pl9{	padding-left:90px;}
	.pl10{	padding-left:100px;}
	
	
/* Height */

	.h0{	height:0;}
	.h1{	height:10px;}
	.h2{	height:20px;}
	.h3{	height:30px;}
	.h4{	height:40px;}
	.h5{	height:50px;}
	.h6{	height:60px;}
	.h7{	height:70px;}
	.h8{	height:80px;}
	.h9{	height:90px;}
	.h11{	height:110px;}
	.h12{	height:120px;}
	.h13{	height:130px;}
	.h14{	height:140px;}
	.h15{	height:150px;}
	.h16{	height:160px;}
	.h17{	height:170px;}
	.h18{	height:180px;}
	.h19{	height:190px;}
	.h20{	height:200px;}
	
	
/* Width */

	.w0{	width:0;}
	.w1{	width:10px;}
	.w2{	width:20px;}
	.w3{	width:30px;}
	.w4{	width:40px;}
	.w5{	width:50px;}
	.w6{	width:60px;}
	.w7{	width:70px;}
	.w8{	width:80px;}
	.w9{	width:90px;}
	.w10{	width:100px;}
	.w11{	width:110px;}
	.w12{	width:120px;}
	.w13{	width:130px;}
	.w14{	width:140px;}
	.w15{	width:150px;}
	.w16{	width:160px;}
	.w17{	width:170px;}
	.w18{	width:180px;}
	.w19{	width:190px;}
	.w20{	width:200px;}
	.w21{	width:210px;}
	.w22{	width:220px;}
	.w23{	width:230px;}
	.w24{	width:240px;}
	.w25{	width:250px;}
	.w26{	width:260px;}
	.w27{	width:270px;}
	.w28{	width:280px;}
	.w29{	width:290px;}
	.w30{	width:300px;}
	.w40{	width:400px;}
	.w48{	width:480px;}
	.w49{	width:490px;}
	.w50{	width:500px;}