/******************************************************
/* FRAMEWORK STATICS
/******************************************************/
#Body 
{
	width: 950px;
	margin: 10px auto;
}

#Page 
{
	float: left;
	width: 800px;
}

#WorkArea
{
	clear: both;
	padding: 15px 20px;
	height: auto !important;
	height: 400px;
	min-height: 400px;
}

#Floater 
{
	margin-top: 33px;
	float: right;
	width: 140px;
}

/******************************************************
/* CONTENT REGIONS
/******************************************************/
#Main 
{
	float: left;
	width: 590px;
}

#Top
{
	width: 590px;
	line-height: 0;
}

#Left 
{
	float: left;
	width: 150px;
}

#Content
{
	float: right;
	width: 420px;
}

#Right 
{
	float: right;
	width: 150px;

}

* HTML .Region,
* HTML .TemplateArea
/*,
.TwoColumn .BlockArea,
.ThreeColumn .BlockArea
*/
{
	overflow-x: hidden; /** Extension EditMode-Fix **/
}

/******************************************************
/* INNER TEMPLATES 
/******************************************************/
.OneColumn .Main
{
}

.FullWidthPage .TwoColumn
{
	width: 600px;
} 

.TwoColumn .LeftBlockArea
{
	float: left;
	width: 200px;
}

.TwoColumn .RightBlockArea
{

	float: right;
	width: 200px;
}

.TwoColumnLeftWide .LeftBlockArea
{
	float: left;
	width: 240px;
}

.TwoColumnLeftWide .RightBlockArea
{

	float: right;
	width: 130px;
}

.TwoColumnLargeLeft .LeftBlockArea
{
    float:left;
    width:500px;
    margin-right:10px;
}
.TwoColumnLargeLeft .RightBlockArea
{
    float:right;
    width:250px;
}

.TwoColumnLargeRight .LeftBlockArea
{
    float:left;
    width:150px;
    margin-right:20px;
}
.TwoColumnLargeRight .RightBlockArea
{
    float:right;
    width:590px;
}

.ThreeColumn .LeftBlockArea
{
	float: left;
	width: 130px;
	margin-right: 12px;
}

.ThreeColumn .CenterBlockArea
{
	float: left;
	width: 130px;
}

.ThreeColumn .RightBlockArea
{

	float: right;
	width: 130px;
}


.ThreeColumnLargeLeft .LeftBlockArea
{
	float: left;
	width: 372px;
	margin-right: 10px;
}

.ThreeColumnLargeLeft .CenterBlockArea
{
	float: left;
	width: 181px;
	margin-right: 10px;
}

.ThreeColumnLargeLeft .RightBlockArea
{
	float:left;
	width: 181px;
}

.FourColumn .LeftBlockArea
{
	float:left;
	width:181px;
	margin-right:10px;
}
.FourColumn .MidLeftBlockArea
{
	float:left;
	width:181px;
	margin-right:10px;
}
.FourColumn .MidRightBlockArea
{
	float:left;
	width:181px;
	margin-right:10px;
}
.FourColumn .RightBlockArea
{
	float:right;
	float:left;
	width:181px;
}

.InnerTemplate .StylePanel-Layer
{
	padding: 0;
}

.InnerTemplate .StylePanel-InnerLayer
{
	padding: 10px;
}

.DelimitedInnerTemplate 
{
	margin-bottom: 15px;
}

BODY .DelimitedInnerTemplate .DelimitedContent
{
	padding-bottom: 1px;
}

.DelimitedInnerTemplate .ContentBlock,
.DelimitedInnerTemplate .BlockItem
{
	margin-bottom: 10px;
}

.TwoColumnEven .LeftBlockArea
{
	width:375px;
	float:left;
}

.TwoColumnEven .RightBlockArea
{
	width:375px;
	float:right;
}

/******************************************************
/* UNITS
/******************************************************/
#ToolBar 
{
	text-align: right;
	padding-right: 30px;
}

#ToolBar .QuickLinks
{
	line-height: 19px;
	margin-right: 160px;
}

#ToolBar .ExternalLinks
{
	float: right;
	width: 150px;
}

#PageHeader 
{
	clear: both;
	position: relative;
	padding: 7px 10px 0;
}

#Logotype
{
	display: block;
	position: absolute;
	top: 29px;
	left: 45px;
}

#QuickSearch 
{
	float: right;
	display: inline;
	margin: 25px 20px 0 0;
	width: 150px;
	height: 60px;
}

#QuickSearch .Drop
{
	display: block;
	margin-bottom: 7px;
}

#QuickSearch .TextBox
{
	float: left;
	width: 94px;
	background-image: url(/images/forms/textbox_100_red.gif);
}

#QuickSearch .Button
{
	float: right;
}

#BreadCrumb 
{
	margin-bottom: 1em;
	color: #666;
}

#BreadCrumb A
{
	color: #666;
	border-width: 0;
	text-decoration: none;
}

#BreadCrumb .Selected
{
	font-weight: bold;
}

#Print 
{
	clear: both;
	float: right;
}

#PageFooter
{
	clear: both;
	padding: 10px 15px 15px;
}

#PageFooter .FooterContent
{
	padding: 5px;
	border-top: solid 1px #ccc;
}

#PageFooter .Left
{
	width: 200px;
}

#PageFooter .Right
{
	width: 500px;
}

/******************************************************
/* TOP MENU
/******************************************************/
#EkologisktTopMenu
{
    left:542px;
    top:58px;
    position:absolute;
}

#TopMenu
{
	clear: both;
	list-style-type: none;
	padding: 0 0 0 150px;
	margin: 0;
	background-image: url(/images/menus/topmenu_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#TopMenu LI
{
	float: left;
	margin: 0;
}

#TopMenu A
{
	display: block;
	padding: 10px 15px 7px;
	font-size: 11px;
	/*margin-right: 1px;*/
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
}

#TopMenu A:hover 
{
	color: #C00;
	text-decoration: none;
}

#TopMenu .Selected A,
#TopMenu .Selected A:hover
{
	color: #fff;
	background-image: url(/images/menus/topmenu_bg_selected_left.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#TopMenu .Selected
{
	/*background-color: #CC0000;*/
	background-image: url(/images/menus/topmenu_bg_selected.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/******************************************************
/* SUB MENU
/******************************************************/
.SubMenu
{
	background-color: #DFDFDF;
	margin-bottom: 20px;
}

.SubMenu .StylePanel-TopLayer
{
    /*background-color: #FFFFFF;
	background-image: url(/Images/menus/submenu_bg_top.gif);*/
	background-image: url(/Images/menus/submenu_bg_top.png);	
	height: 9px;
	overflow: hidden;
}

.SubMenu .StylePanel-BottomLayer
{
    /*background-color: #FFFFFF;
	background-image: url(/Images/menus/submenu_bg_bottom.gif);*/
    background-image: url(/Images/menus/submenu_bg_bottom.png);	
	height: 9px;
	overflow: hidden;
}

.SubMenu UL
{
	list-style-type: none;
	margin: 2px 0 10px;
	padding: 0;
}

.SubMenu LI
{
	margin: 0;
	padding: 0;
}

.SubMenu A
{
	color: #333;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.SubMenu .Level2 A
{
	padding-left: 15px;
}

.SubMenu .Level3 A
{
	padding-left: 20px;
}

.SubMenu .Level1 .Expanded,
.SubMenu .Level1 A:hover,
.SubMenu .Level2 A
{
	background-color: #D3D3D3;
}

.SubMenu .Level2 .Expanded,
.SubMenu .Level2 A:hover,
.SubMenu .Level3 A
{
	background-color: #C3C3C3;
}

.SubMenu .Level3 A:hover
{
	background-color: #b3b3b3; 
	
}

.SubMenu A:hover
{
	text-decoration: none;
	color: #c00;
}

.SubMenu .Expanded
{
	color: #c00;
	font-weight: bold;
	padding-bottom: 8px;
}

.SubMenu .Selected,
.SubMenu .Selected A,
.SubMenu .Selected A:hover
{
	color: #fff;
	background-color: #c00;
	font-weight: bold;
}

.SubMenu .BottomImage
{
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.SubMenu .MenuHeader
{
	display:block;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.SubMenu.Alternative .MenuItem.Level1 A
{
	text-transform:uppercase;
	font-weight:bold;
	color:#4c4c4c;
	margin-top:10px;
}
.SubMenu.Alternative .MenuItem.Level2 
{
}
.SubMenu.Alternative .MenuItem.Level2 A
{
	padding-left: 10px;
	background-color:transparent;
}
.SubMenu.Alternative .MenuItem.Expanded A
{
	color:#CC0000;
}
.SubMenu.Alternative .MenuItem.Expanded 
{
	padding-bottom:0;
	
}
.SubMenu.Alternative .MenuItem.Level3 A
{
	padding-left: 15px;
	background-color:#D3D3D3;
}
.SubMenu.Alternative .MenuItem.Level4 A
{
	padding-left: 20px;
	background-color:#C3C3C3;
}
.SubMenu.Alternative .MenuItem.Level3.Selected A,
.SubMenu.Alternative .MenuItem.Level4.Selected A
{
	background-color:#CC0000;
}
.SubMenu.Alternative .MenuItem.Level1.Selected A
{
	color:White;
}

/******************************************************
/* PRINT POPUP
/******************************************************/
BODY.Print
{
	background-color: #ffffff;
	background-image: none;
	padding: 20px;
	color: #000000;
}

BODY.Print .NoPrint
{
	display: none;
}

BODY.Print #PrintContent
{
	width: 420px;
}

BODY.Print #PrintFooter
{
	margin-top: 15px;
	padding-top: 5px;
	border-top: solid 1px #ccc;
}

/******************************************************
/* POPUP PAGE
/******************************************************/
BODY.Popup
{
	padding: 20px;
}

BODY.Popup .FrameLayer
{
	width: 310px;
	background-repeat: no-repeat;
}

BODY.Popup .FrameHeader
{
	height: 63px;
	background-image: url(/Images/Popup/header.png);
}

BODY.Popup .FrameFooter
{
	background-image: url(/Images/Popup/footer.png);
	height: 12px;
	overflow: hidden;
}

BODY.Popup .PageContent
{
	background-image: url(/Images/Popup/content_bg.png);
	background-repeat: repeat-y;
	padding: 15px 20px 1px;
	width: 270px;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

BODY.Clean 
{
	padding: 20px;
	background-color: #fff;
	background-image: none;
	width:290px;
	color: #000000;
}



/******************************************************
/* PARTNER PAGE
/******************************************************/
BODY.PartnerPage 
{
	background-color: #fff;
	background-image: none;
}

BODY.PartnerPage #FramedArea
{
	margin: 0 auto;
	width: 435px;
}

BODY.PartnerPage #InnerFramedArea
{
	padding: 2px 10px 10px;
}

BODY.PartnerPage.WidePage #FramedArea 
{
	width: 605px;
}

BODY.PartnerPage #FramedArea #Content
{
	float: left;
}


BODY.PartnerPage.ArlaHeader
{
	background-image: url(/Partner/Images/PageHeaderLeft.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

BODY.PartnerPage.ArlaHeader FORM
{
	background-image: url(/Partner/Images/PageHeaderRight.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 94px;
}

BODY.PartnerPage.ArlaHeader #LogoLink
{
	position: absolute;
	top: 12px;
	left: 37px;
	width: 90px;
	height: 90px;
}
/******************************************************
/* IE BUG FIX
/***************************************************\*/
* HTML .SubMenu LI,
* HTML .SubMenu A
{ 
	height: 1px; 
}

/*****************************************************/




.EmailPage #Page 
{
	width: 630px;
}

.EmailPage #Main 
{
	width: 420px;
}
.EmailPage #PageHeader
{
	padding-bottom:10px;
}

.EmailPage #EmailHeader 
{
	float: right;
	display: inline;
	margin: 22px 20px 0 0;
	width: 150px;
	height: 63px;
	text-align: right;
}
.EmailPage #EmailHeader H2, .EmailPage #EmailHeader H3
{
	color: #fff;
}