@import url("reset.css");
@import url("basic.css");
@import url("type.css");

/* Klasser */

div.module ul {
list-style: none !important;
margin-left: 0 !important;
}

div#login ul li a,
div.module ul li a,
a.arrow,
div.links div#col-1 a.arrow {
padding-left: 15px;
background: url(../img/arrow.gif) no-repeat 0 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

a.extern,
div.links div#col-1 a.extern {
padding-right: 15px;
background: url(../img/extern.gif) no-repeat 100% 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

a.acrobat,
div.links div#col-1 a.acrobat {
padding: 1px 0 1px 24px;
background: url(../img/acrobat.gif) no-repeat 0 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

ul#documents {
list-style: none !important;
margin: 0 !important;
}

ul#documents li {
margin: 2px 0 2px 0;
}

ul#documents li.back a {
padding: 1px 0 1px 24px;
background: url(../img/icon-back.gif) no-repeat 0 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

ul#documents li.folder a {
padding: 1px 0 1px 24px;
background: url(../img/icon-folder.gif) no-repeat 0 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

ul#documents li.file a {
padding: 1px 0 2px 24px;
background: url(../img/icon-file.gif) no-repeat 0 50%;
font-weight: bold;
color: #767676;
text-decoration: none;
}

div#login ul li a:hover,
div.module ul li a:hover,
a.arrow:hover,
div.links div#col-1 a.arrow:hover,
a.extern:hover,
div.links div#col-1 a.extern:hover {
color: #e1b51a;
}

input.field-generic {
width: 190px;
padding: 5px 3px;
margin: 0 0 10px;
border: 1px solid #dedede;
border-bottom-color: #c5c5c0;
font: 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

input.button-arrow {
cursor: pointer;
font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
background: url(../img/arrow.gif) no-repeat 0 50%;
color: #767676;
border: none;
padding: 0 0 0 12px;
overflow: visible;
}

input.button-arrow:hover {
color: #e1b51a;
}

/* Modul */

div.module {
margin: 0 0 20px;
}

div.module p,
div.module ul {
margin-bottom: 0;
}

div.module div.module-col-1 {
float: left;
margin-right: 10px;
}

div.module div.module-col-2 {
float: left;
}

div.module div.module-col-1 img {
display: block;
}

/* Lista */

div.list-generic {
overflow: hidden;
}

div.list-generic-item {
background: url(../img/dots.gif) repeat-x;
padding: 1em 0;
margin: -1px 0 0;
}

div.list-top-border {
background: url(../img/dots.gif) repeat-x;
padding: 1em 0;
}

/* Layout */

div#header {
background: url(../img/header-bac.gif) repeat-x 50% 0;
}

div#header div.inner {
margin: 0 auto;
width: 950px;
position: relative;
height: 75px;
padding: 80px 0 0;
}

div#header h1 a {
font-size: 1em;
}

div#header h1,
div#header h1 img {
display: block;
width: 30em;
height: 1.6em;
}

div#navigation {
position: absolute;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
bottom: 0px;
width: 951px;
margin: 0 -1px;
}

div#navigation ul {
margin: 0;
width: 951px;
}

div#navigation ul li {
float: left;
}

div#navigation ul li a {
float: left;
padding: 0.5em 0;
color: #2b2b2b;
text-align: center;
border-right: 1px solid #fff;
}

div#navigation ul li#m-start a {
background: #c0c0c0;
width: 51px;
}

div#navigation ul li#m-belysningsbranschen a {
background: #adadad;
width: 161px;
}

div#navigation ul li#m-belysning-miljo a {
background: #a1a1a1;
width: 116px;
}

div#navigation ul li#m-press a {
background: #c0c0c0;
width: 72px;
}

div#navigation ul li#m-informationsmaterial a {
background: #bcbcbc;
width: 143px;
}

div#navigation ul li#m-leverantorer-konsulter a {
background: #adadad;
width: 164px;
}

div#navigation ul li#m-lankar a {
background: #d0d0d0;
width: 59px;
}

div#navigation ul li#m-kontakt a {
background: #c0c0c0;
width: 66px;
}

div#navigation ul li#m-for-medlemmar a {
background: #adadad;
width: 110px;
}

div#navigation ul li.sel a,
div#navigation ul li a:hover {
background: #ffcc00 !important;
}

div#controls {
position: absolute;
right: 0px;
top: 50px;
width: 250px;
overflow: hidden;
}

div#controls ul {
float: right;
overflow: hidden;
margin-right: -8px;
}

div#controls ul li {
float: left;
padding: 0 8px;
margin-left: -1px;
border-left: 1px solid #000;
line-height: 1.1;
}

div#controls ul li a {
color: #2b2b2b;
font-weight: normal;
}

div#controls ul li a:hover {
text-decoration: underline;
}

div#search {
float: right;
clear: both;
background: #d5aa00;
border: 1px solid #d5aa00;
overflow: hidden;
height: 20px;
}

div#search input#field-search {
float: left;
margin: 0 1px 0 0;
font: 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
border: 3px solid #fff;
height: 14px;
width: 166px;
}

div#search input#button-search {
float: left;
margin: 0;
padding: 0;
height: 20px;
width: 35px;
border: none;
background: url(../img/button-search.gif) repeat-x;
font: 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
overflow: visible;
}

div#search input.over,
div#search input#button-search:hover {
text-decoration: underline;
}

div#search input.down {
background-position: 0 100% !important;
}

div#content {
width: 950px;
margin: 0 auto;
padding-bottom: 10px;
}

div#footer {
margin: 0 auto;
width: 950px;
color: #a4a4a4;
border-top: 1px solid #c2c2c2;
text-transform: uppercase;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

div#footer p a {
font-weight: normal;
color: #a4a4a4;
}

div#footer p a:hover {
color: #e1b51a;
}

div#col-1,
div#col-2,
div#col-3 {
float: left;
}

/* Startsidan */

div#intro {
background-repeat: no-repeat;
border-bottom: 4px solid #ffc031;
margin: 0 0 20px;
}

div#intro div.inner {
height: 22em;
border-bottom: 1px solid #fff;
padding: 20px;
overflow: hidden;
}

div#intro-col-1 {
float: left;
width: 360px;
}

div#intro-col-2 {
float: right;
width: 235px;
}

div#intro-text {
width: 330px;
}

div#intro-navigation {
width: 115px;
}

div#intro-navigation ul {
margin: 0;
}

div.intro-1 {
background-image: url(../img/index/bro.jpg);
}

div.intro-2 {
background-image: url(../img/index/gatlampa.jpg);
}

div.intro-3 {
background-image: url(../img/index/ljusrum.jpg);
}

div.intro-4 {
background-image: url(../img/index/road.jpg);
}

div#intro div.module {
background: url(../img/white-80.png);
margin: 0 0 1px;
padding: 15px;
}

div#intro-col-2 div.module {
width: 205px;
}

div.start {
padding-top: 1px;
}

div.start div#col-1 {
width: 450px;
margin-right: 25px;
}

div.start div#col-2 {
width: 300px;
margin-right: 25px;
}

div.start div#col-3 {
width: 150px;
}

div.start div#col-1 div.module,
div.start div#col-2 div.module {
min-height: 150px;
}

div.start div#col-1 div.module div.module-col-1 {
width: 230px;
}

div.start div#col-1 div.module div.module-col-2 {
width: 210px;
}

div.start div#col-2 div.module div.module-col-1 {
width: 150px;
}

div.start div#col-2 div.module div.module-col-2 {
width: 140px;
}

div.start div#col-3 dl a,
div div#col-2 dl a {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
}

div.start div#col-3 dl,
div div#col-2 dl {
background: url(../img/dots.gif) repeat-x;
padding: 5px 0 0;
}

div.start div#col-3 dl dd,
div div#col-2 dl dd {
background: url(../img/dots.gif) repeat-x 0 100%;
padding: 0 0 5px;
margin: 0 0 5px;
}

/* Undersidor */

div.page {
padding-top: 17px;
}

div.page div#col-1 {
width: 540px;
padding: 0 90px 0 170px;
}

div.page div#col-2 {
width: 150px;
border-top: 4px solid #ffc031;
}

div.no-border div#col-2 {
border-top: none;
}

div.page div#col-2 img {
display: block;
margin: 1px 0;
}

div.page div#col-2 br {
display: none;
}

div.page div#col-3 {
width: 150px;
margin: 0 0 0 -950px;
overflow: hidden;
}

div div#col-3 p.loggedin {
background: url(../img/dots.gif) repeat-x 0 100%;
padding: 0 0 18px;
margin: 0 0 18px;
}

div div#col-3 p.logout {
margin-top: 14px;
}


/* Ingen navigering */

div.no-navigation div#col-1 {
width: 710px;
padding-left: 0;
}

/* Undermeny */

ul#sub-navigation {
/*margin: -5px 0 0;*/
margin: 0;
padding-bottom: 15px;
border-bottom: 4px solid #ffc031;
/*line-height: 2.2;*/
}

ul#sub-navigation li {
margin: 0 0 0.7em;
}

ul#sub-navigation li.sel a {
color: #000;
background: url(../img/double-arrow.gif) no-repeat 0 3px;
padding-left: 12px;
}

/* Login */

div.login div#col-3 {
width: 230px;
margin: 0 0 0 -950px;
}

div.login div#col-1 {
width: 460px;
padding-left: 250px;
}

div#login {
background: #ededed;
padding: 12px;
width: 198px;
margin-top: 20px;
}

div#login ul {
margin: 0;
}

table.logintable {
width: 540px;
margin-top: 16px;
background: url(../img/dots.gif) repeat-x 0 0;
}

/* Sitemap */

ul#sitemap li ul {
margin: 5px 0 5px 20px;
font-size: 1em;
}

ul#sitemap li ul li a {
padding-left: 15px;
background: url(../img/arrow.gif) no-repeat 0 50%;
}