/* ========== COLOR & FONTS =========== */

.fn_normal				{ font-size: 14px; }
.fn_small				{ font-size: 12px; }
.fn_zero				{ font-size: 0px; }
.fn_bold				{ font-weight: bold; }
.fn_nobold				{ font-weight: normal; }

.tx_left				{ text-align: left;}
.tx_right				{ text-align: right;}
.tx_center				{ text-align: center;}
.tx_justify				{ text-align: justify;}

/* ========== FRAMES & SPACES =========== */

.frame_2px		 			{ padding: 2px;}
.frame_2px_left 			{ padding-left: 2px;}
.frame_2px_right 			{ padding-right: 2px;}
.frame_2px_top 				{ padding-top: 2px;}
.frame_2px_bottom			{ padding-bottom: 2px;}

.frame_extrasmall 			{ padding: 5px;}
.frame_extrasmall_left 		{ padding-left: 5px;}
.frame_extrasmall_right 	{ padding-right: 5px;}
.frame_extrasmall_top 		{ padding-top: 5px;}
.frame_extrasmall_bottom	{ padding-bottom: 5px;}

.frame_small 				{ padding: 10px;}
.frame_small_left 			{ padding-left: 10px;}
.frame_small_right 			{ padding-right: 10px;}
.frame_small_top 			{ padding-top: 10px;}
.frame_small_bottom			{ padding-bottom: 10px;}

.frame_medium	 			{ padding: 20px;}
.frame_medium_left			{ padding-left: 20px;}
.frame_medium_right			{ padding-right: 20px;}
.frame_medium_top 			{ padding-top: 20px;}
.frame_medium_bottom		{ padding-bottom: 20px;}

.frame_big	 				{ padding: 30px;}
.frame_big_left 			{ padding-left: 30px;}
.frame_big_right 			{ padding-right: 30px;}
.frame_big_top 				{ padding-top: 30px;}
.frame_big_bottom			{ padding-bottom: 30px;}

.margin_small 				{ margin: 10px;}
.margin_small_left 			{ margin-left: 10px;}
.margin_small_right 		{ margin-right: 10px;}
.margin_small_top 			{ margin-top: 10px;}
.margin_small_bottom		{ margin-bottom: 10px;}

.margin_medium	 			{ margin: 20px;}
.margin_medium_left			{ margin-left: 20px;}
.margin_medium_right 		{ margin-right: 20px;}
.margin_medium_top 			{ margin-top: 20px;}
.margin_medium_bottom		{ margin-bottom: 20px;}

.margin_big	 				{ margin: 30px;}
.margin_big_left 			{ margin-left: 30px;}
.margin_big_right 			{ margin-right: 30px;}
.margin_big_top 			{ margin-top: 30px;}
.margin_big_bottom			{ margin-bottom: 30px;}

.wi_10 						{ width: 10% }
.wi_15 						{ width: 15% }
.wi_20 						{ width: 20% }
.wi_30 						{ width: 30% }
.wi_35 						{ width: 35% }
.wi_40 						{ width: 40% }
.wi_60 						{ width: 60% }
.wi_70 						{ width: 70% }
.wi_80 						{ width: 80% }
.wi_90 						{ width: 90% }
	
.wi_33						{ width: 33% }
.wi_66						{ width: 66% }
	
.wi_2 						{ width: 2%; }
.wi_5 						{ width: 5%; }
.wi_18 						{ width: 18%; }
.wi_25 						{ width: 25%; }
.wi_35 						{ width: 35% }
.wi_45 						{ width: 45% }
.wi_50 						{ width: 50% }
.wi_75 						{ width: 75% }
.wi_95 						{ width: 95% }
.wi_98 						{ width: 98% }
.wi_100						{ width: 100% }

.wi_25px					{ width: 25px; }
.wi_50px					{ width: 50px; }
.wi_75px					{ width: 75px; }
.wi_100px					{ width: 100px; }
.wi_150px					{ width: 150px; }
.wi_200px					{ width: 200px; }
.wi_250px					{ width: 250px; }
.wi_300px					{ width: 300px; }
.wi_350px					{ width: 350px; }

.hi_100						{ height: 100% }

.hi_100px					{ height: 100px; }
.hi_line					{ height: 34px }


/* ========== POSITIONING =========== */

.fl_right			{ position: relative; float: right; }
.fl_left			{ position: relative; float: left; }
.nospace			{ font-size: 0px; }

.di_inline_block	{ display: inline-block;}
.di_block			{ display: block;}
.di_none			{ display: none;}
.di_table_cell		{ display: table-cell;}

.va_top				{ vertical-align: top; }
.va_bottom			{ vertical-align: bottom; }
.va_middle			{ vertical-align: middle; }

.bg_img_normal		{ background-position: right bottom; center middle; background-size: 100% auto; }
.bg_img_sticky		{ background-attachment: fixed; background-position: right bottom; center middle; background-size: 100% 100%; }

/* ========== OTHER =========== */

.cu_pointer			{ cursor: pointer;}
.cu_default			{ cursor: default;}

/* ========== CONTENT-LIBRARY =========== */

.cl_menu {
	text-align: left;
	background: #ffffff;
}

.cl_container {
	text-align: left;
	background: url('/bilder/webspace/background_content.png') #ffffff;
}

.cb_1 {
	position: relative;
	display: inline-block;
	text-align: left;
}