/* 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;
	font-family:arial, sans-serif;
}
#FlexiAll { /*for setting e.g. additional Background-image*/
}
#FlexiTop {
	margin:0.5em;
	height:4em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiTop.gif) no-repeat;
}
#FlexiLeft {
	position:absolute;
	top:5em;
	left:0.5em;
	width:25%;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiLeft.gif) no-repeat;
}
#FlexiHeader { /*
	margin:0.5em;
	margin-left:22%;
	width:56%;
	height:1.5em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiHeader.gif) no-repeat;
*/ }
#FlexiTitle { /*
	width:56%;
	margin:0.5em;
	margin-left:22%;
	height:1.5em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
*/ }
#FlexiMain {
	width:70%;
	margin:0.5em;
	margin-left:27%;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiMain.gif);
	padding:0.2%;
}
#FlexiFooter { /*
	width:56%;
	margin:0.5em;
	margin-left:22%;
	height:2em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiFooter.gif) no-repeat;
*/ }
#FlexiRight { /*
	position:absolute;
	top:4em;
	left:79%;
	width:20%;
	height:2em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiRight.gif) no-repeat;
*/ }
#FlexiBottom {
	margin:0.5em;
	height:2em;
	border:0px solid #bbb;
	background:url(gfx/flexi/FlexiBottom.gif) no-repeat;
}