/*
 * 2011 by Tim Pietrusky
 * www.tim-pietrusky.de
 */

.font-weight-1 {font-weight:normal;}
.font-weight-2 {font-weight:bold;}

.font-style-1 {font-style: italic;}

.font-size-1 {font-size: 1.1em;}
.font-size-2 {font-size: 1.2em;}
.font-size-3 {font-size: 1.3em;}
.font-size-4 {font-size: 1.4em;}
.font-size-5 {font-size: 1.5em;}
.font-size-6 {font-size: 1.6em;}
.font-size-7 {font-size: 1.7em;}
.font-size-8 {font-size: 1.8em;}
.font-size-9 {font-size: 1.9em;}
.font-size-10 {font-size: 2.0em;}

.letter-spacing-1 {letter-spacing: 1px;}
.letter-spacing-2 {letter-spacing: 2px;}
.letter-spacing-3 {letter-spacing: 3px;}
.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-5 {letter-spacing: 5px;}
.letter-spacing-6 {letter-spacing: 6px;}
.letter-spacing-7 {letter-spacing: 7px;}
.letter-spacing-8 {letter-spacing: 8px;}
.letter-spacing-9 {letter-spacing: 9px;}
.letter-spacing-10 {letter-spacing: 10px;}

.text-align-right {text-align:right;}

.fl-left {float:left;}
.fl-right {float:right;}

.padding-1 {padding:2px;}
.padding-2 {padding:4px;}
.padding-3 {padding:6px;}
.padding-4 {padding:8px;}
.padding-5 {padding:10px;}
.padding-6 {padding:12px;}
.padding-7 {padding:14px;}
.padding-8 {padding:16px;}
.padding-9 {padding:18px;}
.padding-10 {padding:20px;}

.padding-top-1 {padding-top:2px;}
.padding-top-2 {padding-top:4px;}
.padding-top-3 {padding-top:6px;}
.padding-top-4 {padding-top:8px;}
.padding-top-5 {padding-top:10px;}
.padding-top-6 {padding-top:12px;}
.padding-top-7 {padding-top:14px;}
.padding-top-8 {padding-top:16px;}
.padding-top-9 {padding-top:18px;}
.padding-top-10 {padding-top:20px;}

.padding-bottom-1 {padding-bottom:2px;}
.padding-bottom-2 {padding-bottom:4px;}
.padding-bottom-3 {padding-bottom:6px;}
.padding-bottom-4 {padding-bottom:8px;}
.padding-bottom-5 {padding-bottom:10px;}
.padding-bottom-6 {padding-bottom:12px;}
.padding-bottom-7 {padding-bottom:14px;}
.padding-bottom-8 {padding-bottom:16px;}
.padding-bottom-9 {padding-bottom:18px;}
.padding-bottom-10 {padding-bottom:20px;}

.top-1 {margin-top:2px;}
.top-2 {margin-top:4px;}
.top-3 {margin-top:6px;}
.top-4 {margin-top:8px;}
.top-5 {margin-top:10px;}
.top-6 {margin-top:12px;}
.top-7 {margin-top:14px;}
.top-8 {margin-top:16px;}
.top-9 {margin-top:18px;}
.top-10 {margin-top:20px;}
.top-11 {margin-top:22px;}
.top-12 {margin-top:24px;}
.top-13 {margin-top:26px;}
.top-14 {margin-top:28px;}
.top-15 {margin-top:30px;}
.top-16 {margin-top:32px;}
.top-17 {margin-top:34px;}
.top-18 {margin-top:36px;}
.top-19 {margin-top:38px;}
.top-20 {margin-top:40px;}
.top-21 {margin-top:42px;}
.top-22 {margin-top:44px;}
.top-23 {margin-top:46px;}
.top-24 {margin-top:48px;}
.top-25 {margin-top:50px;}

.bottom-1 {margin-bottom:2px;}
.bottom-2 {margin-bottom:4px;}
.bottom-3 {margin-bottom:6px;}
.bottom-4 {margin-bottom:8px;}
.bottom-5 {margin-bottom:10px;}
.bottom-6 {margin-bottom:12px;}
.bottom-7 {margin-bottom:14px;}
.bottom-8 {margin-bottom:16px;}
.bottom-9 {margin-bottom:18px;}
.bottom-10 {margin-bottom:20px;}
.bottom-11 {margin-bottom:22px;}
.bottom-12 {margin-bottom:24px;}
.bottom-13 {margin-bottom:26px;}
.bottom-14 {margin-bottom:28px;}
.bottom-15 {margin-bottom:30px;}
.bottom-16 {margin-bottom:32px;}
.bottom-17 {margin-bottom:34px;}
.bottom-18 {margin-bottom:36px;}
.bottom-19 {margin-bottom:38px;}
.bottom-20 {margin-bottom:40px;}
.bottom-21 {margin-bottom:42px;}
.bottom-22 {margin-bottom:44px;}
.bottom-23 {margin-bottom:46px;}
.bottom-24 {margin-bottom:48px;}
.bottom-25 {margin-bottom:50px;}

.left-1 {margin-left:2px;}
.left-2 {margin-left:4px;}
.left-3 {margin-left:6px;}
.left-4 {margin-left:8px;}
.left-5 {margin-left:10px;}
.left-6 {margin-left:12px;}
.left-7 {margin-left:14px;}
.left-8 {margin-left:16px;}
.left-9 {margin-left:18px;}
.left-10 {margin-left:20px;}
.left-11 {margin-left:22px;}
.left-12 {margin-left:24px;}
.left-13 {margin-left:26px;}
.left-14 {margin-left:28px;}
.left-15 {margin-left:30px;}
.left-16 {margin-left:32px;}
.left-17 {margin-left:34px;}
.left-18 {margin-left:36px;}
.left-19 {margin-left:38px;}
.left-20 {margin-left:40px;}
.left-21 {margin-left:42px;}
.left-22 {margin-left:44px;}
.left-23 {margin-left:46px;}
.left-24 {margin-left:48px;}
.left-25 {margin-left:50px;}

.right-1 {margin-right:2px;}
.right-2 {margin-right:4px;}
.right-3 {margin-right:6px;}
.right-4 {margin-right:8px;}
.right-5 {margin-right:10px;}
.right-6 {margin-right:12px;}
.right-7 {margin-right:14px;}
.right-8 {margin-right:16px;}
.right-9 {margin-right:18px;}
.right-10 {margin-right:20px;}
.right-11 {margin-right:22px;}
.right-12 {margin-right:24px;}
.right-13 {margin-right:26px;}
.right-14 {margin-right:28px;}
.right-15 {margin-right:30px;}
.right-16 {margin-right:32px;}
.right-17 {margin-right:34px;}
.right-18 {margin-right:36px;}
.right-19 {margin-right:38px;}
.right-20 {margin-right:40px;}
.right-21 {margin-right:42px;}
.right-22 {margin-right:44px;}
.right-23 {margin-right:46px;}
.right-24 {margin-right:48px;}
.right-25 {margin-right:50px;}

.no-margin{margin:0;}

.center-1 {margin-left: auto; margin-right: auto; display:block;}

.width-200 {width:200px;}
.width-100-percent {width:100%;}

.opacity-1 {opacity: 0.1;}
.opacity-2 {opacity: 0.2;}
.opacity-3 {opacity: 0.3;}
.opacity-4 {opacity: 0.4;}
.opacity-5 {opacity: 0.5;}
.opacity-6 {opacity: 0.6;}
.opacity-7 {opacity: 0.7;}
.opacity-8 {opacity: 0.8;}
.opacity-9 {opacity: 0.9;}
.opacity-10 {opacity: 1;}

.fixed-container {
	position:fixed;
	width:100%;
	height:100%;
	z-index:150;
	top:0;
	left:0;
}

.bottom {position:absolute;bottom:0;}
.bottom-fixed {position:fixed;bottom:0;}