/* 
* This file is for creating Administration layout
* It should not be used for creating public layouts
* Use Main.css instead 
*/

/*  [Layout] */

#wrapper 
{
	width: auto;
}

#headerWrapper
{
	width: 100%;
}

#header, #header1, #header2
{
	width: 100%;
}

#contentWrapper
{
	position: relative;
	display: block;
	float: left;
	width: 100%;
}

#contentWrapper #content1, #contentWrapper #image1
#contentWrapper2 #content1, #contentWrapper2 #image1
{
	width: 20%;
	float: left;
}

#contentWrapper #content2, #contentWrapper #image2
#contentWrapper2 #content2, #contentWrapper2 #image2
{
	width: 20%;
	float: left;	
}

#contentWrapper #content3, #contentWrapper #image3
#contentWrapper2 #content3, #contentWrapper2 #image3
{
	width: 20%;
	float: left;
}

#contentWrapper #content4, #contentWrapper #image4
#contentWrapper2 #content4, #contentWrapper2 #image4
{
	width: 20%;
	float: left;
}

#contentWrapper #teaserNavi,
#contentWrapper2 #teaserNavi
{
	clear: left;
	width: 100%;
}

#contentWrapper #contentLeft, #contentWrapper #extra1
#contentWrapper2 #contentLeft, #contentWrapper2 #extra1
{
	width: 25%;
	float: left;
}
#contentWrapper #contentCenter, #contentWrapper #main
#contentWrapper2 #contentCenter, #contentWrapper2 #main
{
	width: 30%;
	float: left;
}
#contentWrapper #contentRight, #contentWrapper #extra2
#contentWrapper2 #contentRight, #contentWrapper2 #extra2
{
	width: 25%;
	float: right;
}
#footerWrapper
{
	float: left;
	clear: both;
	width: 100%;
}

/*  [/Layout] */