/*************************
    GENERAL
*************************/
body
{
	font:95%/1.6 SLfRg, Arial, Helvetica, Sans-Serif;
    color:#000;
    background-color:#dde3be;
    background:#dde3be url('Images/BG.png') no-repeat center 1em;
}
a
{
    color:#000;
    text-decoration:none;
}
p
{
    margin:0.3em 0 0 0;
}
a img
{
    border: none;
}
@font-face {
	font-family: 'SLfRg';
	src: url('fonts/SLfRg.eot');
	src: local('☺'), url('fonts/SLfRg.woff') format('woff'), url('fonts/SLfRg.ttf') format('truetype'), url('fonts/SLfRg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*************************
    STRUCTURE
*************************/
/*#BGContent
{
	background: url('Images/Hjort.png') no-repeat 80% bottom;
	height:900px;
}*/
#StageArea
{
    width:960px;
    margin:25px auto;
}

/*************************
    LOGO
*************************/
#Logo
{
    height:30px;
    padding-bottom:10px;
}

/*************************
    SUB MENU
*************************/
#Menu
{
	width:164px;
	float:left;
	border-right:solid 1px #d5bd8f;
	margin:0 25px 0 -15px;
	padding-bottom:120px;
    background:url('Images/OsterMalmaMenuLogo.jpeg') no-repeat 27px bottom;
}
#Menu ul
{
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
}

#Menu ul ul
{
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}

#Menu ul ul ul
{
	padding:5px 0;
	background: #fff;
}

#Menu ul li
{
	margin:0 0 1px;
	padding:0 0;
	background: #e8e8e8;
}

#Menu ul li li li
{
	margin:0;
	background: #fff;
}

#SubMenu { }
	#SubMenu div.top-arrow { display: none; }

#Menu ul li a {
	background: url('Images/submenu-arrow-east.gif') 5px center no-repeat;
}

#Menu ul li a,
#Menu ul li span.selected
{
	padding:3px 5px 3px 15px;
	display: block;
}
#Menu ul li li a {
	background: url('Images/submenu-arrow-east.gif') 10px center no-repeat;
}


#Menu ul li li a,
#Menu ul li li span.selected
{
	padding:3px 5px 3px 20px;
	display: block;
	font-size:12px;
	color:#3a3a3a;
}

#Menu ul li li li a,
#Menu ul li li li span.selected
{
	padding:3px 5px 3px 20px;
	display: block;
	font-size:11px;
	background: #fff;
}

#Menu ul li a.expanded,
#Menu ul li span.selected
{
	background:#B7CF8B;
	display: block;
	font-weight: bold;
	color:#224A29;
}

#Menu a:hover { text-decoration: underline; }

/*************************
    CONTENT
*************************/
#MainArea
{
    background-color:#fff;
    border:solid 1px #656742;
	padding:25px;
	overflow:auto;
}
#MainBodyArea
{
	width:733px;
	float:left;
}

/*************************
    Clearfix
*************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }