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

input {
margin: 0;
padding: 0;
vertical-align: middle;
}

img {
border: 1px solid #151515;
}

p.more {
margin: 0;
}

a.external {
padding-right: 15px;
background: url(../img/extern.gif) no-repeat 100% 50%;
}

.rss {
padding-right: 20px;
background: url(../img/rss.gif) no-repeat 100% 52%;
}

.pdf,
.excel {
padding: 1px 20px 1px 0;
background: url(../img/acrobat-black.gif) no-repeat 100% 50%;
}
.excel {
background-image: url(../img/excel-black.gif);
}

/* Nyhetslistning */

div.article-list div.list-item {
position: relative;
width: 400px;
min-height: 110px;
padding: 0 0 0 165px;
margin: 0 0 10px;
}

div.article-list img {
position: absolute;
left: 0;
top: 0;
display: block;
}

/* Kalenderlista */

div.calendar-list div.list-item {
width: 565px;
min-height: 0;
padding: 10px 0;
border-bottom: 1px solid #212121;
}

/* Sökresultat */

ul.generic-list li {
border-bottom: 1px solid #212121;
padding: 0 0 10px !important;
margin: 0 0 10px;
background: none !important;
}

ul.generic-list li h3 {
font: bold 1em/1.5 Arial, Helvetica, sans-serif;
margin: 0;
}

ul.generic-list li p {
margin: 0;
}

ul.generic-list li p.more {
font-size: 0.9em;
}

ul.generic-list li.tidningen a {
color: #df2000;
}

ul.generic-list li.litteratur a {
color: #ffe534;
}

ul.generic-list li.teknik a {
color: #a9e855;
}

ul.generic-list li.lankar a {
color: #4b5fb5;
}

ul.generic-list li.kontakt a {
color: #af0368;
}

/* Formulär */

div.form {
width: 470px;
}

div.form ul.fields li {
float: left;
width: 460px;
background: none !important;
padding: 5px 0 5px 10px !important;
border-top: 1px dotted #212121;
}

* html div.form ul.fields li {
padding-bottom: 0;
}

div.form ul.fields li p {
padding: 0;
margin: 0;
float: left;
}

div.form ul.fields li label {
float: left;
width: 160px;
font-weight: bold;
line-height: 22px;
}

div.form ul.fields li.checkbox label {
float: none;
width: auto;
}

div.form ul.fields li.checkbox input {
margin-right: 5px;
}

div.form ul.fields li span {
float: left;
width: 10px;
text-align: right;
}

div.form ul.fields li input.field,
div.form ul.fields li textarea.field {
float: left;
width: 277px;
}

div.form ul.fields li select.select {
float: left;
width: 285px;
}

div.form ul.order li {
position: relative;
min-height: 30px;
margin-bottom: 1px;
}

* html div.form ul.order li {
height: 30px;
}

div.form ul.order li input.field {
width: 22px;
margin-right: 30px;
text-align: center;
}

div.form ul.order li label {
width: 375px;
font-weight: normal;
}

div.form ul.order li span {
position: absolute;
top: 0;
right: -90px;
width: 80px;
height: 40px;
background: #b07b2a;
text-align: center;
font-weight: bold;
line-height: 40px;
}

div.form ul.magazines {
width: 480px;
margin-top: -10px;
overflow: hidden;
}

div.form ul.magazines li {
padding: 10px 0 5px !important;
width: 160px;
margin-top: -1px;
}

div.form ul.magazines li label {
width: auto;
float: none;
font-weight: normal;
}

div.form ul.magazines li input {
margin-right: 10px;
}

div.form div.buttons {
text-align: right;
padding-right: 15px;
}

.button {
height: 22px;
border: #131313 1px solid;
padding: 0 5px;
margin: 0;
background: #aeaeae;
text-transform: uppercase;
overflow: visible;
cursor: pointer;
}

select.select {
border: #131313 1px solid;
background: #aeaeae;
height: 22px;
}

textarea.field,
input.field {
border: #131313 1px solid;
background: #aeaeae;
height: 14px;
padding: 3px;
}

textarea.field {
height: 100px;
}

textarea.focus,
textarea.field:focus,
input.focus,
input.field:focus {
background: #eaeaea;
}

.error-summary {
border: 1px solid #f00;
padding: 10px 10px 5px;
width: 448px;
}

.error-message {
font-size: 1.5em;
line-height: 1;
}

/* Kalender */

dl.calendar {
border-top: 1px dotted #212121;
padding-top: 4px;
margin-bottom: 10px;
}

dl.calendar dt {
font-size: 1.1em;
font-weight: bold;
}

dl.calendar dd {
font-size: 1.2em;
margin: 0 0 4px;
padding: 0 0 4px;
border-bottom: 1px dotted #212121;
}

dl.calendar a {
color: #fff;
}

/* Modules */

div.cols-a div.module img {
border: none;
}

div.cols-a div.module-list {
overflow: hidden;
margin-top: -25px;
width: 100%;
}

div.cols-a div.module-list div.module {
margin: -1px 0 10px;
padding: 25px 0 0;
border-top: 1px solid #212121;
}

div.cols-b div.module {
}

/* Grid */

div.col-1,
div.col-2,
div.col-3 {
float: left;
display: inline;
overflow: hidden;
}

div.cols-a div.col-1 {
width: 630px;
margin: 0 25px 0 0;
}

div.cols-a div.col-2 {
width: 295px;
}

div.cols-b div.col-1 {
width: 630px;
margin: 0 10px 0 160px;
}

div.cols-b div.col-2 {
width: 150px;
}

div.cols-b div.col-3 {
width: 150px;
margin: 0 0 0 -950px;
}

div.cols-c div.col-1 {
width: 630px;
margin: 0 25px 0 0;
}

div.cols-c div.col-2 {
width: 295px;
}

/* Layout */

body {
background: #000;
color: #fff;
}

div#wrapper {
position: relative;
margin: 0 0 0 50px;
background: url(../img/header-bac.gif) no-repeat 3px 43px;
}

div#header {
margin: 0 0 25px;
overflow: hidden;
}

div#search {
position: absolute;
top: 80px;
left: 755px;
width: 230px;
}

div#search .button {
width: 40px;
}

div#search .field {
width: 150px;
}

div#header,
div#footer,
div#content-wrap {
width: 950px;
}

div#content {
padding: 0 0 80px;
}

/* Header */

div#header h1 {
padding: 42px 0 1px;
margin: 0 0 15px;
}

div#header h1 a {
display: block;
width: 412px;
height: 83px;
text-indent: -999em;
overflow: hidden;
background: url(../img/ljuskultur.gif) no-repeat;
}

/* Navigation */

ul#navigation {
width: 955px;
}

ul#navigation li {
float: left;
width: 150px;
margin: 0 10px 0 0;
}

ul#navigation li a {
float: left;
background: no-repeat;
text-indent: -999em;
overflow: hidden;
height: 24px;
}

ul#navigation li.sel a {
height: 35px;
}

ul#navigation li#m-start a {
background-image: url(../img/m-start.gif);
width: 38px;
}

ul#navigation li#m-tidningen-ljuskultur a {
background-image: url(../img/m-tidningen-ljuskultur.gif);
width: 95px;
}

ul#navigation li#m-litteratur-utbildning a {
background-image: url(../img/m-litteratur-utbildning.gif);
width: 106px;
}

ul#navigation li#m-teknik-miljon {
margin-right: 170px;
}

ul#navigation li#m-teknik-miljon a {
background-image: url(../img/m-teknik-miljon.gif);
width: 75px;
}

ul#navigation li#m-lankar {
position: relative;
margin-top: -1px;
width: 70px;
}

ul#navigation li#m-lankar a {
background-image: url(../img/m-lankar.gif);
width: 64px;
height: 25px;
}

ul#navigation li.sel#m-lankar a {
height: 36px;
}

ul#navigation li#m-kontakt {
width: 71px;
margin-right: 0;
}

ul#navigation li#m-kontakt a {
background-image: url(../img/m-kontakt.gif);
width: 71px;
}

/* Breadcrumb */

div#breadcrumb {
width: 100%;
margin: 0 0 1em;
padding-left: 30px;
background: url(../img/sub-navigation-block.gif) no-repeat 0 1px;
font: 1.2em/1 Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.05em;
}

div#breadcrumb p {
margin: 0;
}

/* Subnavigation */

div#sub-navigation ul {
background: #4e4e4e;
}

div#sub-navigation ul li {
margin: 0 0 1px;
width: 150px;
line-height: 1.16;
}

div#sub-navigation ul li a {
display: block;
width: 134px;
padding: 8px 8px;
color: #fff;
background: #6d6d6d;
}

div#sub-navigation ul li a:hover,
div#sub-navigation ul li.sel a {
background: #848484;
}

div#sub-navigation ul li.sel ul {
margin: 5px 8px;
font-size: 1em;
background: none !important;
}

div#sub-navigation ul li.sel ul li {
background: none !important;
margin: 0 0 10px;
width: auto;
}

div#sub-navigation ul li.sel ul li a {
display: inline;
background: none !important;
padding: 0;
color: #eaeaea;
}

div#sub-navigation ul li.sel ul li.sel ul li a:hover,
div#sub-navigation ul li.sel ul li.sel ul li.sel a,
div#sub-navigation ul li.sel ul li.sel a {
text-decoration: underline;
}

div#sub-navigation ul li.sel ul li.sel ul li a {
text-decoration: none;
}

/* Fotnot */

div#footer {
color: #909090;
border-top: 1px solid #212121;
padding-top: 5px;
}

div#footer p {
float: left;
}

div#footer address {
float: right;
}

/* Startsidan */

div#content-wrap {
position: relative;
}

div#intro h3 {
color: #df2000;
}

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

div#intro div.col-1,
div#intro div.col-2 {
height: 310px;
margin-bottom: 10px;
padding: 0 0 10px;
border-bottom: 1px solid #212121;
}

div#intro div.module {
margin: 0 0 15px;
}

div#news {
padding: 0 0 10px;
border-bottom: 1px solid #212121;
}

p#news-footer {
margin-left: 165px;
color: #909090;
}

/* Startsidan - Modules */

div#litteratur-utbildning h3,
div#litteratur-utbildning a {
color: #ffe534
}

div#teknik-miljo h3,
div#teknik-miljo a {
color: #a9e855;
}

div#lankar h3,
div#lankar a {
color: #4b5fb5;
}

div#kontakt h3,
div#kontakt a {
color: #af0368;
}

/* Teman - Tidningen */

body#tidningen div#breadcrumb {
background-position: 0 -19px;
}

body#tidningen div#sub-navigation ul {
background: #701000;
}

body#tidningen div#sub-navigation ul li a {
background: #9c1600;
}

body#tidningen div#sub-navigation ul li a:hover,
body#tidningen div#sub-navigation ul li.sel a {
background: #be1b00;
}

body#tidningen div.cols-b div.col-1 h1,
body#tidningen div.cols-b div.col-2 h2,
body#tidningen div.col-1 a,
body#tidningen div.col-2 a,
body#tidningen p.leading {
color: #df2000;
}

/* Teman - Litteratur */

body#litteratur div#breadcrumb {
background-position: 0 -39px;
}

body#litteratur div#sub-navigation ul {
background: #7e581e;
}

body#litteratur div#sub-navigation ul li a {
background: #b07b2a;
}

body#litteratur div#sub-navigation ul li a:hover,
body#litteratur div#sub-navigation ul li.sel a {
background: #d69632;
}

body#litteratur div.cols-b div.col-1 h1,
body#litteratur div.cols-b div.col-2 h2,
body#litteratur div.col-1 a,
body#litteratur div.col-2 a,
body#litteratur p.leading {
color: #ffe534;
}

/* Teman - Teknik */

body#teknik div#breadcrumb {
background-position: 0 -59px;
}

body#teknik div#sub-navigation ul {
background: #466320;
}

body#teknik div#sub-navigation ul li a {
background: #628b2c;
}

body#teknik div#sub-navigation ul li a:hover,
body#teknik div#sub-navigation ul li.sel a {
background: #77a836;
}

body#teknik div.cols-b div.col-1 h1,
body#teknik div.cols-b div.col-2 h2,
body#teknik div.col-1 a,
body#teknik div.col-2 a,
body#teknik p.leading {
color: #a9e855;
}

/* Teman - Länkar */

body#lankar div#breadcrumb {
background-position: 0 -79px;
}

body#lankar div#sub-navigation ul {
background: #26305b;
}

body#lankar div#sub-navigation ul li a {
background: #35437f;
}

body#lankar div#sub-navigation ul li a:hover,
body#lankar div#sub-navigation ul li.sel a {
background: #40519a;
}

body#lankar div.cols-b div.col-1 h1,
body#lankar div.cols-b div.col-2 h2,
body#lankar div.col-1 a,
body#lankar div.col-2 a,
body#lankar p.leading {
/*color: #4b5fb5;*/
color: #7292ff;
}

/* Teman - Kontakt */

body#kontakt div#breadcrumb {
background-position: 0 -99px;
}

body#kontakt div#sub-navigation ul {
background: #4f002f;
}

body#kontakt div#sub-navigation ul li a {
background: #6f0041;
}

body#kontakt div#sub-navigation ul li a:hover,
body#kontakt div#sub-navigation ul li.sel a {
background: #86004f;
}

body#kontakt div.cols-b div.col-1 h1,
body#kontakt div.cols-b div.col-2 h2,
body#kontakt div.col-1 a, 
body#kontakt div.col-2 a,
body#kontakt p.leading {
color: #af0368;
}

/* Sitemap */

ul#sitemap ul {
margin: 0;
font-size: 1em;
}

/* PUL */

div.agree {
float: left;
width: 350px;
padding: 0 0 0 10px;
}

div.agree input {
float: left;
margin: 0 5px 0 0;
}

div.agree label {
float: left;
font-size: 1.2em;
width: 300px;
}

div#pul {
padding: 5px 10px;
margin: 10px 0;
background: #000;
border: 1px solid #212121;
}

div.js-active#pul {
display: none;
}

div.open#pul {
display: block;
}

div#pul p {
padding: 0;
margin: 0;
}