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