@import url("oekolariet.common.2012.min.css");
@import url("oekolariet.header.2012.min.css");
@import url("oekolariet.footer.2012.min.css");

html, body
{
    width: 100%;
    height: 100%;
    min-height: 100%;
}
	
* {

	padding: 0;
}

body
{
	font-family: Verdana;
	font-size: 11px;
	/*background: #146185 url(/img/bg.gif) repeat-x top left;*/
    /*background: #146185 url(/img/top2011/bodyBg.jpg) no-repeat top center;*/
    background: #006083 url('/img/forside2012/bodyPageBg.jpg') no-repeat top center;
	color: #000;
	margin: 0;
}

img
{
	border: 0;
}

form
{
	margin: 0;
}

a
{
	color: #000;
	text-decoration: underline;
}

hr
{
	color: #ccc;
	background-color: #ccc;
	border: none;
	height: 1px;
}

h1
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

h2
{
    font-size: 12px;
    font-weight: bold;
    margin-left: 14px;
    margin-bottom: 9px;
}

h3
{
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 9px;
}


h4, h5, h6
{
    font-size: 11px;
}

strong{ font-weight: bold;}

#mother
{
    margin: 0 auto;
    position: relative;
    width: 940px;
    /*width: 770px*/
}

#pagecontent
{
    min-height: 350px;
    margin-top: 15px;
    padding-left: 30px;
    line-height: 1.4em;
}

#pagecontent p {
    margin: 10px 0
}

#pagecontent td {
    vertical-align: middle
}

#pageleftmenu
{
    margin: 15px 10px 15px 10px;
    font-size: 10px;
}

/* 2012 stuff */
#header {
    position: absolute;
}
#header .logo a {
    left: 40px;
    top: 0px; 
}
#header .gratisEntre span {
    left: 51px;
    top: 10px; 
}
/* 2012 stuff end */

.overskrift
{
    font-weight: bold;
}

.newssubject
{
    font-weight: bold;
    text-decoration: none;
}

.newssubject:hover
{
    text-decoration: underline;
}

.newspicture
{
    border: 1px #9c9e9c solid;
}

ul#submenu_3, ul#submenu_4
{
    margin: 0;
    padding: 0;
    list-style: none;
}

li.submenu_3, li.submenu_4, li#submenu_3_active, li#submenu_4_active
{
    margin: 0;
    padding: 0;
}

a.submenu_3
{
    display: block;
    text-decoration: none;
    padding: 2px 1px 4px 15px;
}

a.submenu_4
{
    display: block;
    text-decoration: none;
    padding: 2px 1px 2px 15px;
    color: #d18d47;
    padding-left: 28px;
}

a.submenu_3:hover, a.submenu_4:hover
{
    text-decoration: underline;
}

a.submenu_3_active
{
    display: block;
    text-decoration: underline;
    font-weight: bold;
    padding: 2px 1px 2px 15px;
}

a.submenu_3_preactive
{
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 1px 2px 15px;
}

a.submenu_4_active
{
    display: block;
    text-decoration: underline;
    font-weight: bold;
    padding: 2px 1px 2px 15px;
    color: #d18d47;
    padding-left: 28px;
}

.co2neutral {
    float: left;
    margin: 7px 28px 0 0;
}

.flags {
    float: left;
    margin: 16px 40px 0 0;
}

.flags a {
    margin-right: 7px
}

address {
    color: #fff;
    float: left;
    font-style: normal;
    font-size: 8px;
    margin-top: 17px;
    /*width: 250px;*/
}

address a {
    color: #fff;
    text-decoration: underline;
}

address a:hover {
    text-decoration: none;
}

.topContainer {
    height: 168px;
    left: 38px;
    position: absolute; 
    top: 0px;
    width: 785px;
}

.mask {
    background: url('/img/top2011/maskFrise.png') no-repeat;
    height: 140px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 560px;
    z-index: 99;
}

.friseText {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    left: 77px;
    text-transform: uppercase;
    top: 106px;
    z-index: 10
}

.logo {
    float: left;
    margin-top: 35px
}

.gratisEntre {
    position: absolute;
    left: 140px;
    top: 57px;
}

#friser {
    float: right;
    width: 560px;
    height: 140px;
    overflow: hidden
}

.friseIcons {
    height: 47px;
    width: 242px;
    overflow: hidden;
    top: 93px;
    right: 65px;
    position: absolute;
    z-index: 99
}

.friseIcons ul {
    list-style-type: none;
    float: right;
    margin: 0
}

.friseIcons li {
    float: left;
    margin-right: 15px
}

.friseIcons li.icon1 {
    margin-top: 10px
}

.friseIcons li.icon2, .friseIcons li.icon3 {
    margin-top: 14px
}

.friseIcons li.icon4 {
    margin-top: 7px
}

.friseIcons li.icon5 {
    margin-top: 5px
}

.topmenu {
    position: absolute;
    top: 140px;
    left: 0px
}

ul#main-nav {
    list-style-type: none;
    float: left;
    margin:0px;
}

ul#main-nav li {
    float: left;
}

ul#main-nav li a {
    background: url('/img/top2011/menuSprite.jpg') no-repeat;
    display: block;
    height: 27px;
    text-indent: -9999px
}

ul#main-nav li a.menu01 {
    background-position: 0 0;
    width: 109px;
}
ul#main-nav li a.menu01:hover, ul#main-nav li.active a.menu01 {
    background-position: 0 -27px;
}
ul#main-nav li a.menu02 {
    background-position: -109px 0;
    width: 103px;
}
ul#main-nav li a.menu02:hover, ul#main-nav li.active a.menu02 {
    background-position: -109px -27px;
}
ul#main-nav li a.menu03 {
    background-position: -212px 0;
    width: 97px;
}
ul#main-nav li a.menu03:hover, ul#main-nav li.active a.menu03 {
    background-position: -212px -27px;
}
ul#main-nav li a.menu04 {
    background-position: -309px 0;
    width: 83px;
}
ul#main-nav li a.menu04:hover, ul#main-nav li.active a.menu04 {
    background-position: -309px -27px;
}
ul#main-nav li a.menu05 {
    background-position: -396px 0;
    width: 83px;
}
ul#main-nav li a.menu05:hover, ul#main-nav li.active a.menu05 {
    background-position: -396px -27px;
}
ul#main-nav li a.menu06 {
    background-position: -479px 0;
    width: 113px;
}
ul#main-nav li a.menu06:hover, ul#main-nav li.active a.menu06 {
    background-position: -479px -27px;
}
ul#main-nav li a.menu07 {
    background-position: -592px 0;
    width: 128px;
}
ul#main-nav li a.menu07:hover, ul#main-nav li.active a.menu07 {
    background-position: -592px -27px;
}