html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 50px; /* bottom = footer height */
	background-color:#f0efef;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
	min-width: 1020px;
	background-color:#e0e0df;
}
#header{
	width:100%;
	min-width: 1020px;
	height: 122px;
	background-color:#282827;	
}
#menyn {
	padding-top: 18px;
	margin-left: auto;
    margin-right: auto;
	width: 994px;		
}
.logon {
	padding-left: 25px; 
}
.box_space {
	width: 100%;
	height: 30px;
}
#box_container{
	margin-left: auto;
    margin-right: auto;
    width:994px;
	box-shadow: 0px 1px 5px #888888;
}
#box_side{
	margin-top:-1px;
	padding-top: 0px;
    width:200px;
    float:left;
    background:#302c2a;
	color:#FFF;
	box-shadow: 0px 1px 5px #888888;
}
#box_main{
	margin-top:-1px;
    width:794px;
    float:right;
	background-color:#FFF;
	box-shadow: 0px 1px 5px #888888;
}
.meny_right {
	margin-top: 50px;
	margin-left: 25px;
	line-height: 25px;
	font-size:16px;
} /* LINKS */
.cl a:link { color: #FFF; text-decoration: none;}
.cl a:visited { color: #FFF; text-decoration: none;}
.cl a:hover { color: #FFF; text-decoration: none;}
.cl a:active { color: #FFF; text-decoration: none;}

.cl_gron a:link { color: #51a599; text-decoration: none;}
.cl_gron a:visited { color: #51a599; text-decoration: none;}
.cl_gron a:hover { color: #51a599; text-decoration: none;}
.cl_gron a:active { color: #51a599; text-decoration: none;}

a.cl_or:link { color: #f18d00; text-decoration: none;}
a.cl_or:visited { color: #f18d00; text-decoration: none;}
a.cl_or:hover { color: #f18d00; text-decoration: none;}
a.cl_or:active { color: #f18d00; text-decoration: none;}

.gra_text {
	color:#a09b9c;
}
.gron_text {
	color:#51a599;
}