/**********************************/
/*-+-      shic ACMS beta      -+-*/
/*-  © ichier2010 www.ichier.de  -*/
/*-    - system stylesheet -     -*/
/*-                              -*/
/*   version 16.09.13             */
/*                                */
/**********************************/

/*
***** NOTES *****

in order to support every needed
class by the system this stylesheet
is always included. classes may be
overwritten in skin-css.

*/


/* some needed stuff */
.nobr { white-space:nowrap; } /* used instead of <nobr> */
.hline { border-bottom:1px solid #EEEEEE; } /* optical lineseparator e.g. sitemap */
.hand { cursor:pointer; }
.radiospan { vertical-align:text-bottom; } /* for autoradios+text */
.overflowhid { overflow:hidden; } /* cut too big content */
.overflowaut { overflow:auto; } /* autoscroll too big content */
.overflowscr { overflow:scroll; } /* always add scrollbar */

/* align */
.blk { text-align: justify } /* centered */
.ctr { text-align: center } /* paragraph block */
.lft { text-align: left; }
.rgt { text-align: right; }

/* float */
.fll { float:left; }
.flr { float:right; }

/* float + margin */
.fllmr { float:left; margin-right:20px; }
.fllml { float:left; margin-left:20px; }
.flrmr { float:right; margin-right:20px; }
.flrml { float:right; margin-left:20px; }

/* clear float */
.cll { clear:left; }
.clr { clear:right; }
.clb { clear:both; }

/* invisible but openable absolute div containing stats */
.stats_div {
	position:absolute;
	z-index:1000;
	left:0;
	bottom:0;
}
/* invisible but openable absolute div containing errors */
.error_div {
	position:absolute;
	z-index:1001;
	top:0;
	right:0;
	background-color:#FFFFFF;
	color:#000000;
	border:2px solid #990000;
	padding:2px;
}
/* invisible but openable absolute div for notifications */
.notify_div {
	position:fixed;
	z-index:999;
	top:30px;
	left:30px;
	background-color:#FFFFFF;
	color:#000000;
	border:2px solid #990000;
	padding:2px;
	max-height:40%;
	overflow:auto;
}
/* Dynamic KEY-Legend */
.keylegend { position:fixed; font-size:9px; color:#111; bottom:10px; left:20px; z-index:1000; }
.keylegend span { opacity:.85; float:left; padding:2px 10px; margin:0 3px; border:#ccc 1px solid; background-color:#fff; cursor:pointer; }
.keylegend span:hover { opacity:1; }

/* columns */
.container { width:100%; padding:0; margin:0; position:relative; }
.cols2 { width:50%; float:left; position:relative; margin:0; padding:0; }
.cols3 { width:33%; float:left; position:relative; margin:0; padding:0; }
.cols4 { width:25%; float:left; position:relative; margin:0; padding:0; }
.colsa { width:auto; min-width:20%; max-width:80%; float:left; position:relative; margin:0; padding:0; }
.colsb { width:auto; min-width:30%; max-width:50%; float:left; position:relative; margin:0; padding:0; }
.colsu { float:left; margin:0; padding:0; display:table-cell; }

/* pad */
.pad	{ padding:5px; }
.padr { padding-right:5px; }
.padl { padding-left:5px; }

/* mar */
.mar	{ margin:5px; }
.marr { margin-right:5px; }
.marl { margin-left:5px; }

/* widths */
.fullwidth { width:100%; }
.width_wi { width:40px; }   /* small base/3 =third */
.width_kl { width:60px; }   /* base/3 =third | small base/2 =half */
.width_ha { width:90px; }   /* base/2 =half */
.width_mi { width:120px; }  /* small base */
.width    { width:180px; }  /* base | mi + kl */
.width_gr { width:240px; }  /* small base*2 | base + kl */
.width_me { width:360px; }  /* base*2 =double */
.width_mo { width:540px; }  /* base*3 =triple */
.width_4x { width:720px; }  /* base*4 =quad */
.width_5x { width:900px; }  /* base*5 */
.width_6x { width:1080px; }  /* base*6 */

/* heights, just some numbers for several uses */
.hgt_kl { height:50px; }
.hgt_mi { height:100px; }
.hgt_gr { height:250px; }
.hgt_me { height:450px; }
.hgt_mo { height:600px; }

/* imagetext images */
.imagetext { border:0; vertical-align:baseline; padding:0 1px 0 1px; }

/* elementpositioning */
.box_lft { float:left; margin-right:10px; }
.box_rgt { float:right; margin-left:10px; }
.box_ctr { margin:auto; }
.box_top { vertical-align:text-top; margin-bottom:10px; }
.box_btm { vertical-align:text-bottom; margin-top:10px; }
.box_mid { vertical-align:middle; margin-bottom:10px; margin-top:10px; }
.box_toplft { vertical-align:text-top; float:left; margin-bottom:10px; margin-right:10px; }
.box_toprgt { vertical-align:text-top; float:right; margin-bottom:10px; margin-left:10px; }
.box_topctr { vertical-align:text-top; margin:auto; margin-bottom:10px; }
.box_btmlft { vertical-align:text-bottom; float:left; margin-top:10px; margin-right:10px; }
.box_btmrgt { vertical-align:text-bottom; float:right; margin-top:10px; margin-left:10px; }
.box_btmctr { vertical-align:text-bottom; margin:auto; margin-top:10px; }
.box_midlft { vertical-align:middle; float:left; margin-bottom:10px; margin-top:10px; margin-right:10px; }
.box_midrgt { vertical-align:middle; float:right; margin-bottom:10px; margin-top:10px; margin-left:10px; }
.box_midctr { vertical-align:middle; margin:10px auto; }

/* little squares (fits _mo) */
.colorbox { height:13px; width:13px; margin:1px; }
.colorbox_h,.colorbox_none { height:11px; width:11px; margin:1px; border:solid 1px #444; }

/* definition colours, e.g. documentation */
.def_clr01 { color:#CC6600; }
.def_clr02 { color:#66CC66; }
.def_clr03 { color:#3399FF; }