/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */
body {
	padding:0;
	margin:0;
	background:#F6E1F8;
	font: 12pt Verdana;
}
#FlexiAll { /*for setting e.g. additional Background-image*/
}
#FlexiTop {
	margin:0.5em;
	height:3em;
	#border:1px solid #bbb;
}
#FlexiLeft {
	position:absolute;
	top:1em;
	left:0.5em;
	width:20%;
	#border:1px solid #bbb;
}
#FlexiHeader {
	margin:0.5em;
	margin-left:22%;
	width:56%;
	height:1.5em;
	#border:1px solid #bbb;
}
#FlexiTitle {
	width:56%;
	margin:1em;
	margin-left:22%;
	height:1.5em;
	#border:1px solid #bbb;
}
#FlexiMain {
	width:55.6%;
	margin:0.5em;
	margin-left:22%;
	#border:1px solid #bbb;
	padding:0.2%;
}
#FlexiFooter {
	width:56%;
	margin:0.5em;
	margin-left:22%;
	height:2em;
	#border:1px solid #bbb;
}
#FlexiRight {
	position:absolute;
	top:1em;
	left:79%;
	width:20%;
	height:2em;
	#border:1px solid #bbb;
}
#FlexiBottom {
	width:56%;
	margin:0.5em;
	margin-left:22%;
	width:55.6%;
	text-align: center;
	font: 10pt Verdana;
	#height:2em;
	#border:1px solid #bbb;
}