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

/* Cleaner and Clear fix for floating elements */

	.cln, .cla: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;}
	.dn{	display:none;}
	.di{	display:inline;}
	.dib{	display:-moz-inline-stack;
			display:inline-block;}
	
	
/* Visibility */

	.vh{	visibility:hidden;}
	.vv{	visibility:visible;}
	
	
/* Opacity */
	
	.op20{	opacity:.2;}
	
	
/* Position */
	
	.pa{	position:absolute;}
	.pr{	position:relative;}
	.pi{	position:inherit;}
	.ps{	position:static;}
	.pf{	position:fixed;}


/* Text-Align */

	.tar{	text-align:right;}
	.tal{	text-align:left;}
	.tac{	text-align:center;}
	
	
/* 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;}
	.m10{	margin:10px;}
	.m20{	margin:20px;}
	.m30{	margin:30px;}
	.m40{	margin:40px;}
	.m50{	margin:50px;}
	
	.mt-50{	margin-top:-50px;}
	.mt-40{	margin-top:-40px;}
	.mt-30{	margin-top:-30px;}
	.mt-20{	margin-top:-20px;}
	.mt-10{	margin-top:-10px;}
	.mt0{	margin-top:0;}
	.mt10{	margin-top:10px;}
	.mt20{	margin-top:20px;}
	.mt30{	margin-top:30px;}
	.mt40{	margin-top:40px;}
	.mt50{	margin-top:50px;}
	
	.mr0{	margin-right:0;}
	.mr10{	margin-right:10px;}
	.mr20{	margin-right:20px;}
	.mr30{	margin-right:30px;}
	.mr40{	margin-right:40px;}
	.mr50{	margin-right:50px;}
	
	.mb0{	margin-bottom:0;}
	.mb10{	margin-bottom:10px;}
	.mb20{	margin-bottom:20px;}
	.mb30{	margin-bottom:30px;}
	.mb40{	margin-bottom:40px;}
	.mb50{	margin-bottom:50px;}
	
	.ml0{	margin-left:0;}
	.ml10{	margin-left:10px;}
	.ml20{	margin-left:20px;}
	.ml30{	margin-left:30px;}
	.ml40{	margin-left:40px;}
	.ml50{	margin-left:50px;}
	.ml60{	margin-left:60px;}
	.ml70{	margin-left:70px;}
	.ml80{	margin-left:80px;}
	.ml90{	margin-left:90px;}
	.ml100{	margin-left:100px;}
	.ml110{	margin-left:110px;}
	.ml120{	margin-left:120px;}
	.ml130{	margin-left:130px;}
	.ml140{	margin-left:140px;}
	.ml150{	margin-left:150px;}
	
	
/* Padding */

	.p0{	padding:0;}
	.p10{	padding:10px;}
	.p20{	padding:20px;}
	.p30{	padding:30px;}
	.p40{	padding:40px;}
	.p50{	padding:50px;}
	.p60{	padding:60px;}
	.p70{	padding:70px;}
	.p80{	padding:80px;}
	.p90{	padding:90px;}
	.p100{	padding:100px;}
	
	.pt0{	padding-top:0;}
	.pt10{	padding-top:10px;}
	.pt20{	padding-top:20px;}
	.pt30{	padding-top:30px;}
	.pt40{	padding-top:40px;}
	.pt50{	padding-top:50px;}
	.pt60{	padding-top:60px;}
	.pt70{	padding-top:70px;}
	.pt80{	padding-top:80px;}
	.pt90{	padding-top:90px;}
	.pt100{	padding-top:100px;}
	.pt110{	padding-top:110px;}
	.pt120{	padding-top:120px;}
	.pt130{	padding-top:130px;}
	.pt140{	padding-top:140px;}
	.pt150{	padding-top:150px;}
	.pt160{	padding-top:160px;}
	.pt170{	padding-top:170px;}
	.pt180{	padding-top:180px;}
	.pt190{	padding-top:190px;}
	.pt200{	padding-top:200px;}
	
	.pr0{	padding-right:0;}
	.pr10{	padding-right:10px;}
	.pr20{	padding-right:20px;}
	.pr30{	padding-right:30px;}
	.pr40{	padding-right:40px;}
	.pr50{	padding-right:50px;}
	
	.pb0{	padding-bottom:0;}
	.pb10{	padding-bottom:10px;}
	.pb20{	padding-bottom:20px;}
	.pb30{	padding-bottom:30px;}
	.pb40{	padding-bottom:40px;}
	.pb50{	padding-bottom:50px;}
	.pb200{	padding-bottom:200px;}
	
	.pl0{	padding-left:0;}
	.pl10{	padding-left:10px;}
	.pl20{	padding-left:20px;}
	.pl30{	padding-left:30px;}
	.pl40{	padding-left:40px;}
	.pl50{	padding-left:50px;}
	.pl60{	padding-left:60px;}
	.pl70{	padding-left:70px;}
	.pl80{	padding-left:80px;}
	.pl90{	padding-left:90px;}
	.pl100{	padding-left:100px;}
	
	
/* Height */

	.h0{	height:0;}
	.h10{	height:10px;}
	.h20{	height:20px;}
	.h30{	height:30px;}
	.h40{	height:40px;}
	.h50{	height:50px;}
	.h60{	height:60px;}
	.h70{	height:70px;}
	.h80{	height:80px;}
	.h90{	height:90px;}
	.h110{	height:110px;}
	.h120{	height:120px;}
	.h130{	height:130px;}
	.h140{	height:140px;}
	.h150{	height:150px;}
	.h160{	height:160px;}
	.h170{	height:170px;}
	.h180{	height:180px;}
	.h190{	height:190px;}
	.h200{	height:200px;}
	
	
/* Width */

	.w0{	width:0;}
	.w10{	width:10px;}
	.w20{	width:20px;}
	.w30{	width:30px;}
	.w40{	width:40px;}
	.w50{	width:50px;}
	.w60{	width:60px;}
	.w70{	width:70px;}
	.w80{	width:80px;}
	.w90{	width:90px;}
	.w100{	width:100px;}
	.w110{	width:110px;}
	.w120{	width:120px;}
	.w130{	width:130px;}
	.w140{	width:140px;}
	.w150{	width:150px;}
	.w160{	width:160px;}
	.w170{	width:170px;}
	.w180{	width:180px;}
	.w190{	width:190px;}
	.w200{	width:200px;}
	.w210{	width:210px;}
	.w220{	width:220px;}
	.w230{	width:230px;}
	.w240{	width:240px;}
	.w250{	width:250px;}
	.w260{	width:260px;}
	.w270{	width:270px;}
	.w280{	width:280px;}
	.w290{	width:290px;}
	.w300{	width:300px;}
	.w400{	width:400px;}
	.w480{	width:480px;}
	.w490{	width:490px;}
	.w500{	width:500px;}