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

/* Form */

textarea.field,
input.field {
border: 1px solid #b1b1b0;
background: #fff;
padding: 4px;
width: 190px;
}

textarea.error,
input.error {
border: 2px solid #f49b72;
padding: 3px;
}

.button {
margin: 0;
padding: 5px 10px;
border: 1px solid #f37034;
background: #f37034 url(../img/button-orange-bg.gif) repeat-x;
color: #fff;
width: 1;
overflow: visible;
font-weight: bold;
cursor: pointer;
}

.button:hover {
border-color: #d2612d;
}

div.form {
margin: 0 0 30px;
}

div.form div.error {
padding: 8px 20px;
background: #fce9de;
color: #f37034;
}

div.form div.error p {
margin: 0;
font-weight: bold;
}

div.form div.form-i {
background: #f7f7f5;
color: #4a4a49;
width: 420px;
padding: 12px 20px;
overflow: hidden;
}

div.form div.form-i ol {
width: 440px;
margin: 0;
}

div.form div.form-i ol li {
float: left;
width: 200px;
margin: 0 20px 10px 0;
}

div.form div.form-i ol li label {
display: block;
font-weight: bold;
}

div.form div.form-i ol li.full {
width: 420px;
}

div.form div.form-i ol li.full .field {
width: 410px;
}

div.form div.form-i ol li.zip .field {
width: 90px;
}

div.form div.form-i ol li.buttons {
width: 150px;
text-align: right;
}

div.form div.form-i ol li.buttons div.button-wrap {
float: right;
}

div.form div.form-i ol li.buttons div.loading {
background: url(../img/ajax-loader-2.gif) no-repeat 0 50%;
padding: 0 0 0 25px;
}

div.form div.form-i ol li.agree {
width: 250px;
}

div.form div.form-i ol li.agree label {
display: inline;
font-weight: normal;
}

div.form div.form-i ol li.error label {
color: #f00;
font-weight: bold;
}

/* Breadcrumb */

div.breadcrumb {
height: 25px;
margin: 0 0 25px;
}

div.breadcrumb p {
float: left;
padding: 0 15px 0 0;
margin: 0;
line-height: 25px;
color: #fff;
font-weight: bold;
background: #afaeac url(../img/breadcrumb-end.gif) no-repeat 100% 0;
}

div.breadcrumb span.sep {
display: none;
}

div.breadcrumb a {
color: #fff;
font-weight: normal;
}

div.breadcrumb span.start,
div.breadcrumb span.item {
float: left;
padding: 0 10px 0 25px;
background: #7c7b79 url(../img/breadcrumb-link.gif) no-repeat;
}

div.breadcrumb span.start {
padding: 0 10px;
background-image: none;
}

div.breadcrumb span.current span.item {
padding: 0 5px 0 20px;
background: url(../img/breadcrumb-to-current.gif) no-repeat;
}

div.breadcrumb span.current span.start {
background: none;
}

/* Comments */

div.comment {
margin: 0 0 30px;
}

div.comment h2 {
border-bottom: 5px solid #f37034;
padding: 0 0 4px;
margin: 0 0 20px;
}

div.comment h2 span {
font-style: italic;
}

div.comment div.verify {
margin: -20px 0 0;
}

div.comment div.message,
div.comment div.verify div.info {
padding: 20px 20px 15px;
background: #fdeae1;
color: #4b4643;
margin: 0 0 1px;
}

div.comment div.message {
margin: -20px 0 20px;
}

div.comment div.message p,
div.comment div.verify div.info p {
font-size: 1.6em;
line-height: 1.25;
margin: 0;
}

div.comment div.verify div.info p {
background: url(../img/comment-info.gif) no-repeat;
padding: 0 0 15px 90px;
}

div.comment div.verify ul {
margin: 0;
}

div.comment div.verify ul li {
float: left;
width: 229px;
background: #fdebe2;
border-top: 1px solid #fabea2;
border-left: 1px solid #fdebe2;
border-bottom: 1px solid #f8b493;
padding: 15px 0;
height: 25px;
}

div.comment div.verify ul li img {
display: block;
margin: 0 auto;
}

div.comment div.verify ul li#comment-email span {
display: block;
background: url(../img/verify.png);
width: 204px;
height: 25px;
margin: 0 auto;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}

div.comment div.verify ul li#comment-facebook {
border-left: none;
border-right: 1px solid #f8bb9e;
}

div.comment div.verify ul li.active {
background: #fbd3c0;
border-bottom-color: #fbd3c0;
}

div.comment div.verify ul li#comment-facebook.active {
border-right-color: #f8af8d;
}

div.comment div.verify ul li#comment-email.active {
border-left-color: #fdf3ee;
}

div.comment div.form div.form-i {
background: #fbd3c0;
color: #4b3f39;
}

div.comment div.form .field {
border-color: #f37034;
}

div.comment ol.comments li {
background: url(../img/dash-gray.gif) repeat-x 0 100%;
padding: 0 0 5px;
margin: 0 0 20px;
}

div.comment ol.comments li.picture {
position: relative;
padding-left: 70px;
min-height: 50px;
}

div.comment ol.comments li.picture img {
position: absolute;
top: 0;
left: 0;
}

div.comment ol.comments li p,
div.comment ol.comments li h3 {
font-size: 1em;
}

div.comment ol.comments li h3 {
font-style: normal;
margin: 0;
}

div.comment ol.comments li h3 span {
font-weight: bold;
}

div#comment-facebook-form {
display: none;
}

/* Paging */

ul.paging {
height: 1.5em;
margin: 0;
}

ul.paging li.prev {
float: left;
}

ul.paging li.prev a {
padding: 0 0 0 15px;
background: url(../img/arrow-left.png) no-repeat 0 2px;
}

ul.paging li.next {
float: right;
}

ul.paging li.next a {
padding: 0 15px 0 0;
background: url(../img/arrow-right.png) no-repeat 100% 2px;
}

/* Generic list */

div.list ul.content {
font-size: 1em;
}

div.list ul.content li {
background: url(../img/dash-gray.gif) repeat-x 0 100%;
padding: 0 10px 11px 10px;
margin: 0 0 10px;
}

div.list ul.content li h3 {
font-size: 1.2em;
font-style: normal;
margin: 0;
}

div.list ul.content li p {
margin: 0;
}

/* Search */

div.search-heading {
height: 2.4em;
background: url(../img/dash-dark-gray.gif) repeat-x 0 100%;
padding: 0 0 6px;
margin: 0 0 20px;
}

div.search-heading h2 {
float: left;
margin: 0;
}

div.search-heading p {
float: right;
font-size: 1.6em;
font-weight: bold;
font-style: italic;
margin: 0;
}

/* Projects */

div.projects {
position: relative;
}

div.projects h2 {
border-bottom: 5px solid #c4e58d;
padding: 0 10px 4px;
margin: 0 0 20px;
}

div.projects ul.sort {
position: absolute;
top: 5px;
right: 5px;
line-height: 1;
overflow: hidden;
}

div.projects ul.sort li {
float: left;
border-right: 1px solid #484745;
margin: 0 -1px 0 0;
padding: 0 5px;
}

div.projects ul.sort li a {
color: #484745;
text-decoration: none;
}

div.projects ul.sort li a:hover {
text-decoration: underline;
}

div.projects ul.sort li.sel a {
font-weight: bold;
text-decoration: underline;
}

div.projects ul.content {
font-size: 1em;
}

div.projects ul.content li {
position: relative;
background: url(../img/dash-gray.gif) repeat-x 0 100%;
padding: 0 10px 11px 320px;
margin: 0 0 20px;
min-height: 195px;
}

div.projects ul.content li h3 {
font-size: 1.8em;
}

div.projects ul.content li h3 a {
color: #484745;
}

div.projects ul.content li p.leading {
font-size: 1.6em;
}

div.projects ul.content li img {
position: absolute;
top: 0;
left: 10px;
}

div.projects ul.content li ul.functions {
margin: 0;
height: 1.5em;
}

div.projects ul.content li ul.functions li {
float: left;
position: static;
background: none;
padding: 0;
min-height: 0;
margin: 0 15px 0 0;
}

div.projects ul.content li ul.functions a {
background: url(../img/bullet-round.gif) no-repeat 0 2px;
padding: 0 0 0 15px;
}

div.projects ul.content li ul.functions li.like {
float: right;
margin: 0;
display: inline;
}

div.projects ul.content li ul.functions li.loading {
background: url(../img/ajax-loader.gif) no-repeat 100% 50%;
padding: 0 16px 0 0;
margin: 0 -16px 0 0;
}

div.projects ul.content li ul.functions li.like a {
display: block;
background: url(../img/like.gif);
height: 18px;
width: 55px;
padding: 0;
text-indent: -999em;
overflow: hidden;
}

div.projects ul.content li ul.functions li.like a:hover {
background-position: 0 -18px;
}

div.projects ul.content li ul.functions li.like a.liked {
background-position: 0 -36px;
}

div.projects-narrow h2 {
margin-bottom: 10px;
}

div.projects-narrow ul.sort {
position: static;
top: 0;
left: 0;
padding: 0 5px 10px;
background: url(../img/dash-gray.gif) repeat-x 0 100%;
}

div.projects-narrow ul.content li {
padding-left: 205px;
min-height: 120px;
}

div.projects-narrow ul.content h3 {
margin: 0;
}

div.projects-narrow ul.content p {
line-height: 1.33;
}

div.projects-narrow ul.content li ul.functions {
height: auto;
}

div.projects-narrow ul.content li ul.functions li {
float: none;
}

div.projects-narrow ul.content li ul.functions li.like {
margin: -18px 0 0;
}

/* Politician form */

div.politician-letter {
background: #fef2d6;
color: #5a5b5e;
padding: 20px 20px 5px;
}

div.politician-letter h3 {
font-weight: bold;
font-style: normal;
}

div.politician-form {
background: #bdaf80;
color: #4d4734;
padding: 20px 20px 10px;
}

div.politician-form ol {
float: left;
width: 200px;
margin: 0 20px 0 0;
font-size: 1em;
color: #fff;
}

div.politician-form ol li {
margin: 0 0 10px;
}

div.politician-form ol li label {
display: block;
font-size: 1.6em;
font-weight: bold;
}

div.politician-form ol li input.field {
border-color: #fff;
}

div.politician-form-receiver {
float: left;
width: 200px;
padding: 90px 0 0;
background: url(../img/stamp.gif) no-repeat 100% 0;
}

div.politician-form-receiver p {
font-size: 1.6em;
font-family: "Courier New", Courier, sans-serif;
line-height: 1.25;
}

div.politician-form-receiver p span.name {
font-size: 1.2em;
font-weight: bold;
}

div.politician-form-receiver p span.municipality {
font-style: italic;
}

/* Site map */

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

/* Content image */

div.picture {
background: #e6e6e6;
color: #505050;
padding: 0 0 5px;
margin-bottom: 20px;
}

div.picture img {
display: block;
margin: 0 0 5px;
}

div.picture p {
font-size: 1.1em;
margin: 0;
padding: 0 10px;
}

div.picture p.title {
float: left;
font-style: italic;
}

div.picture p.caption {
float: right;
color: #8a8a8a;
}

/* Document */

div.document {
margin: 0 0 30px;
}

div.document-heading h2 {
float: left;
width: 340px;
}

div.document-heading p.comments {
float: right;
text-align: right;
line-height: 2;
width: 120px;
}

div.document-heading p.comments a {
background: url(../img/icon-comment.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

div.document ul.functions {
margin: 0;
padding: 0 10px;
height: 35px;
background: #fce9de;
list-style: none;
}

div.document ul.functions li a {
font-weight: bold;
background: url(../img/share.gif) no-repeat 0 50%;
padding: 5px 0 5px 28px;
line-height: 35px;
}

div.document ul.functions li.share {
float: left;
}

div.document ul.functions li.print {
float: right;
}

div.document ul.functions li.print a {
background-image: url(../img/print.gif);
padding-left: 22px;
}

/* Modules */

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

/* Modules: Colors */

div.module-box {
background: #f4f2ec;
padding: 0 10px 10px;
}

div.module-box h2 {
color: #fff;
background: #9d895f;
padding: 7px 10px;
margin: 0 -10px 15px;
}

div.module-box h4 {
font-size: 1.4em;
margin: 0;
line-height: 1.3em;
}


div.module-box h4 a {
background: none;
padding: 0;
}

div.module-box a {
background: url(../img/bullet-round.gif) no-repeat 0 2px;
padding: 0 0 0 15px;
}

div.module-box p,
div.module-box ul {
margin: 0 0 0.5em;
}

div.module-box ul li {
background: url(../img/arrow-right.png) no-repeat 0 4px;
padding: 0 0 0 15px;
}

div.module-box-orange {
background: #fdf5ef;
}

div.module-box-orange h2 {
background: #f26322;
}

div.module-box-mail {
background: #f9d07b;
}

div.module-box-mail h2 {
background: #e7ba5c;
}

div.module-box-mail p {
margin: -25px 0 0;
}

div.module-box-mail a {
display: block;
background: url(../img/mail.gif);
width: 197px;
height: 60px;
text-indent: -999em;
overflow: hidden;
}

/* Module: Contact information */

div.module-gray {
background: #ebebe9;
color: #464645;
padding: 20px 20px 8px;
margin: 0 0 10px;
}

div.module-gray h2,
div.module-gray h3 {
color: #7f7f7e;
font-size: 1.1em;
font-style: normal;
line-height: 1.5;
text-transform: uppercase;
margin: 0;
}

div.contact p {
font-weight: bold;
}

div.contact p.tel {
font-size: 1.8em;
font-style: italic;
}

/* Module: Related Links */

div.related-links ul {
line-height: 1.1;
}

div.related-links ul li {
margin: 0 0 10px;
}

div.related-links a {
font-weight: bold;
}

/* Module: Map */

div.module-map {
text-align: center;
}

/* Layout */

div.i {
width: 940px;
padding: 0 10px;
margin: 0 auto;
overflow: visible;
}

div.columns {
width: 960px;
}

div.column {
float: left;
margin: 0 20px 0 0;
overflow: hidden;
}

div.span-3 {
width: 220px;
}

div.span-6 {
width: 460px;
}

div.span-9 {
width: 700px;
}

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

/* Skip links */

ul#skip {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

ul#skip li a {
display: block;
background: #000 !important;
color: #fff;
height: 0;
width: 0;
margin: 0 0 0 -25%;
left: 50%;
position: absolute;
text-align: center;
overflow: hidden;
}

ul#skip li a:focus {
padding: 5px;
height: auto;
width: 50%;
}

/* Header */

div#header {
background: #f8eed8;
color: #000;
padding: 20px 0 2px;
}

div#header h1 a img {
display: block;
}

div#logo {
float: left;
margin: -2px 0 0;
}

div#search {
float: right;
position: relative;
border-right: 1px solid #ada697;
border-bottom: 1px solid #ada697;
background: #fff;
padding: 1px;
margin: 0 0 10px;
}

div#search input {
float: left;
background: 0;
border: 0;
font-size: 14px;
height: 17px;
margin: 0 1px 0 0;
padding: 6px 5px;
width: 165px;
}

div#search input.empty {
color: #999;
}

div#search input.focus {
background: #ffc;
}

div#search button {
float: left;
background: #e2d7bc  url(../img/search.gif);
border: 0;
padding: 0;
width: 31px;
height: 29px;
overflow: visible;
}

div#search button span {
float: left;
width: 31px;
height: 29px;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}

div#extra-navigation {
float: right;
clear: right;
}

div#extra-navigation ul {
float: right;
font-size: 1.1em;
line-height: 1;
}

div#extra-navigation ul li {
float: left;
border-left: 1px solid #3c3d39;
padding: 0 5px;
}

div#extra-navigation ul li a {
color: #3c3d39;
}

div#extra-navigation ul li.home {
border: none;
}

div#extra-navigation ul li.home a {
background: url(../img/home.gif) no-repeat 0 1px;
padding: 0 0 0 15px;
}

div#navigation {
float: left;
width: 100%;
margin: 30px 0 0;
}

div#navigation ul {
float: left;
width: 100%;
margin: 0;
font-size: 1.2em;
line-height: 1;
}

div#navigation ul li {
float: left;
margin: 0 2px 0 0;
}

div#navigation ul li a {
float: left;
background: #e9dec4;
color: #484745;
padding: 8px 10px;
}

div#navigation ul li a:hover {
background: #c8bea5;
text-decoration: none;
}

div#navigation ul li.sel a,
div#navigation ul li a:focus,
div#navigation ul li a:active {
background: #c8bea5 !important;
}

div#navigation ul li a span {
display: block;
text-transform: uppercase;
font-size: 1.33em;
font-weight: bold;
line-height: 0.95;
}

div#navigation ul li.m-berattelser,
div#navigation ul li.m-redan {
float: right;
margin: 0 0 0 5px;
}

div#navigation ul li.m-berattelser a,
div#navigation ul li.m-redan a {
background: url(../img/menu-green.gif) no-repeat 0 9px !important;
}

div#navigation ul li.m-redan a {
background-image: url(../img/menu-yellow.gif) !important;
}

/* Main */

div#main {
background: #fff;
color: #484745;
padding: 20px 0 40px;
}

/* Subnavigation */

div#subnavigation ul {
overflow: hidden;
width: 100%;
font-size: 1.3em;
line-height: 1.1;
}

div#subnavigation ul li {
background: #f58a59;
margin: -1px 0 0;
}

div#subnavigation ul li a {
display: block;
width: 200px;
padding: 9px 10px 8px;
font-weight: bold;
color: #fff;
background: #f26322 url(../img/dash-orange.gif) repeat-x;
}

div#subnavigation ul li.current_page_item a {
//background-color: transparent;
}

div#subnavigation ul li ul {
font-size: 0.9em;
margin: 0;
padding: 0 10px 5px;
line-height: 1.3;
}

div#subnavigation ul li ul li {
margin: 0 0 0.5em;
}

div#subnavigation ul li ul li a {
display: inline;
padding: 0;
font-weight: normal;
text-decoration: underline;
background: none;
}

/* Video */

div#video {
background: #282828 url(../img/video-bg.png) repeat-x;
}

#youtube {
cursor: pointer;
}

div#video div.i {
position: relative;
padding: 20px 10px;
}


div#video-main {
float: left;
width: 600px;
height: 361px;
margin: 0 30px 0 0;
}

div#video-main object {
display: block;
}

div#video-side {
float: left;
width: 310px;
}

ul#video-navigation {
font-size: 1.5em;
font-weight: bold;
line-height: 1;
margin: 0;
background: #545454 url(../img/video-navigation-bg.png) repeat-x;
}

ul#video-navigation li {
width: 100%;
}

ul#video-navigation li a {
display: block;
background: url(../img/dash.png) repeat-x 0 100%;
color: #fff;
padding: 5px;
text-decoration: none;
}

ul#video-navigation li a span {
display: block;
padding: 10px 0 10px 73px;
background: url(../img/symbol-1.png) no-repeat;
}

ul#video-navigation li.symbol-2 a span {
background-image: url(../img/symbol-2.png);
}

ul#video-navigation li.symbol-3 a span {
background-image: url(../img/symbol-3.png);
}

ul#video-navigation li.symbol-4 a span {
background-image: url(../img/symbol-4.png);
}

ul#video-navigation li.symbol-5 a span {
background-image: url(../img/symbol-5.png);
}

ul#video-navigation li.symbol-6 a span {
background-image: url(../img/symbol-6.png);
}

ul#video-navigation li.symbol-7 a span {
background-image: url(../img/symbol-7.png);
}

ul#video-navigation li.symbol-8 a span {
background-image: url(../img/symbol-8.png);
}

ul#video-navigation li.sel {
background: url(../img/video-arrow.png) no-repeat 0 50%;
padding: 0 0 0 15px;
margin: 0 0 0 -15px;
}

ul#video-navigation li a:hover,
ul#video-navigation li.sel a {
background-color: #969594;
}

ul#video-navigation li.symbol-8 a {
background-image: none;
}

div#video div.slide {
position: absolute;
top: 20px;
left: 10px;
width: 575px;
height: 321px;
padding: 30px 20px 10px;
background: #fff;
color: #676563;
overflow: hidden;
display: none;
}

div#video div.active {
display: block;
}

div#video div.slide div.main {
float: right;
width: 380px;
padding: 0 30px 0 0;
}

div#video div.slide div.main h4 {
font-size: 1.6em;
font-weight: normal;
line-height: 1;
padding: 30px 0 0;
margin: 0 0 15px;
background: url(../img/dash.png) repeat-x;
}

div#video div.slide div.main ul li {
background: url(../img/arrow-right.png) no-repeat 0 4px;
padding: 0 0 0 15px;
}

div#video div.slide div.side {
float: left;
width: 140px;
}

div#video div.slide div.side h4 {
font-size: 1.2em;
font-weight: normal;
}

div#video div.slide div.side div.symbol {
text-align: center;
margin: 0 0 40px;
}

div#video div.slide div.side a.external {
padding: 0;
background: none;
}

div#slide-8 h3 {
font-size: 3em;
}

div#slide-8 h4 {
padding-top: 20px !important;
}

/* Footer */

div#footer {
background: url(../img/footer-bg.png) repeat-x;
padding: 20px 0 0;
}

div#footer-navigation ul {
line-height: 1;
}

div#footer-navigation ul li {
float: left;
margin: 0 15px 0 0;
}

div#footer-navigation ul li a {
float: left;
color: #f8eed8;
text-decoration: none;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin: 0 0 5px;
width: 100%;
}

div#footer-navigation ul li a span {
display: block;
text-transform: uppercase;
font-size: 1.33em;
font-weight: bold;
line-height: 0.95;
color: #f8eed8;
}

div#footer-navigation ul li.m-berattelser,
div#footer-navigation ul li.m-redan {
float: right;
margin: 0 0 0 15px;
}

div#footer-navigation ul li.m-berattelser {
width: 210px;
}

div#footer-navigation ul li.m-redan {
width: 150px;
}

div#footer-navigation ul li.m-berattelser a {
width: 190px;
}

div#footer-navigation ul li.m-redan a {
width: 130px;
}

div#footer-navigation ul li.m-berattelser a,
div#footer-navigation ul li.m-redan a {
padding: 0 10px 5px;
background: url(../img/menu-green.gif) no-repeat 0 1px !important;
}

div#footer-navigation ul li.m-redan a {
background-image: url(../img/menu-yellow.gif) !important;
}

div#footer-navigation ul li.m-vad {
width: 145px;
}

div#footer-navigation ul li.m-vad,
div#footer-navigation ul li.m-varfor {
width: 155px;
}

div#footer-navigation ul li.m-hur {
width: 160px;
}

div#footer-navigation ul li ul {
float: left;
margin: 0;
font-size: 1em;
line-height: 1.1;
}

div#footer-navigation ul li ul li {
float: none;
clear: both;
margin: 0;
background: url(../img/arrow-right-white.png) no-repeat 0 2px;
padding: 0 0 0 15px;
margin: 0 0 5px;
}

div#footer-navigation ul li ul li a,
div#footer-navigation ul li.m-berattelser ul li a,
div#footer-navigation ul li.m-redan ul li a {
float: none;
border-bottom: none;
margin: 0;
padding: 0;
background: none !important;
}

div#footer-information {
background: url(../img/dash-black.gif) repeat-x;
padding: 11px 0 0;
margin: 0 0 10px;
}

div#footer-goals {
float: left;
width: 650px;
margin: 0 10px 0 0;
padding: 10px 0 0;
overflow: hidden;
}

div#footer-goals h2 {
font-size: 1.6em;
font-weight: bold;
line-height: 1.5;
color: #f8eed8;
margin: 0 0 0.5em;
}

div#footer-goals ul {
float: left;
margin: 0;
width: 660px;
line-height: 1.25;
}

div#footer-goals ul li {
float: left;
width: 100px;
height: 30px;
padding: 5px 0 0 60px;
margin: 0 5px 10px 0;
background: url(../img/symbol-1.png) no-repeat;
}

div#footer-goals ul li.symbol-2 {
background-image: url(../img/symbol-2.png);
}

div#footer-goals ul li.symbol-3 {
background-image: url(../img/symbol-3.png);
}

div#footer-goals ul li.symbol-4 {
background-image: url(../img/symbol-4.png);
}

div#footer-goals ul li.symbol-5 {
background-image: url(../img/symbol-5.png);
}

div#footer-goals ul li.symbol-6 {
background-image: url(../img/symbol-6.png);
}

div#footer-goals ul li.symbol-7 {
background-image: url(../img/symbol-7.png);
}

div#footer-goals ul li.symbol-8 {
background-image: url(../img/symbol-8.png);
}

div#footer-about {
float: left;
width: 280px;
padding: 0 0 10px;
background: url(../img/footer-box-bottom.png) no-repeat 0 100%;
color: #000;
overflow: hidden;
}

div#footer-about-i {
background: url(../img/footer-box-top.png) no-repeat;
padding: 10px 0 0;
}

div#footer-about-i-i {
background: #fff;
padding: 0 10px;
}

div#footer-about h2 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.5em;
}

div#footer-about p.more {
float: left;
color: #3e3d3c;
margin: 0 5px 0 0;
line-height: 20px;
}

div#footer-about ul {
float: left;
margin: 0;
}

div#footer-about ul li {
float: left;
margin: 0 15px 0 0;
}

div#footer-about ul li img {
display: block;
}

div#footer-bottom {
background: url(../img/dash-black.gif) repeat-x;
padding: 11px 0 0;
line-height: 1;
}

div#footer-bottom ul {
float: left;
margin: 0 15px 0 0;
overflow: hidden;
}

div#footer-bottom ul li {
float: left;
display: inline;
padding: 0 5px;
border-left: 1px solid #fff;
margin: 0 0 0 -1px;
}

div#footer-bottom ul li.home a {
padding: 0 0 0 15px;
background: url(../img/home-white.gif) no-repeat 0 1px;
}

div#footer-bottom a {
color: #fff;
}

div#footer-bottom p {
float: left;
}

/* Start page */

div#fanbox {
margin-top: 0;
}

/* Maps */

div#maps h3 {
font-size: 1.8em;
line-height: 1.2;
}

div#maps p {
font-size: 1.1em;
}

div#maps p.leading {
font-size: 1.6em;
line-height: 1.12;
}

div#maps div.image {
float: left;
width: 85px;
margin: 0 15px 0 0;
}

div#maps div.text {
float: left;
width: 300px;
}

/* Newsarchive */

div.newsarchive {
position: relative;
}

div.newsarchive h2 {
border-bottom: 5px solid #c4e58d;
padding: 0 10px 4px;
margin: 0 0 20px;
}

div.newsarchive ul.content {
font-size: 1em;
}

div.newsarchive ul.content li {
position: relative;
background: url(../img/dash-gray.gif) repeat-x 0 100%;
padding: 0 10px 11px 10px;
margin: 0 0 20px;
min-height: 100px;
}

div.newsarchive ul.content p {
line-height: 1.33;
}

div.newsarchive ul.content li h3 a {
color: #484745;
}

div.newsarchive-narrow ul.content h3 {
margin: 0;
}

/* Quiz */

div.quiz {
background: url("../img/dash-gray.gif") repeat-x 100% 0;
}

div.quiz h3 {
font-size: 1.8em;
font-style: italic;
font-weight: bold;
margin: 24px 0 0 0;
}

div.question {
background: url("../img/dash-gray.gif") repeat-x 0 100%;
position: relative;
font-size: 1.1em;
}

div.question div {
padding: 24px 0 16px 30px;
}

div.question div p {
font-weight: bold;
width: 380px;
}

div.question div.correct p {
color: #8dae57;
}

div.question div.wrong p {
color: #f36223;
}

div.question div.wrong p.normal {
color: #000;
margin-bottom: 6px;
}

div.question span {
position: absolute;
top: 23px;
width: 30px;
font-size: 1.5em;
font-weight: bold;
color: #f16125;
}

div.question div ul {
list-style: none;
margin: 0 0 1em;
}

div.question div ul li {
margin: 6px 0 0 0;
}

div.question div.correct ul li.sel {
color: #8dae57;
}

div.question div.wrong ul li.sel {
color: #f36223;
}

div.question div ul li input {
margin: 0 14px 0 0;
}

div.question div ul.more li {
font-size: 0.9em;
float: left;
margin-right: 10px;
background: url("../img/bullet-round.gif") no-repeat 0 2px;
padding: 0 0 0 15px;
}

div.quiz ul.summary {
list-style: none;
margin: 20px 0 0 0;
}

div.quiz ul.summary li {
background: url("../img/bullet-round.gif") no-repeat 0 2px;
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}

input#button-quiz,
a.redo-quiz {
margin-top: 32px;
}

a.redo-quiz,
input.redo-quiz,
a.new-quiz,
input.new-quiz {
width: 161px;
height: 49px;
background: url("../img/button-redo.gif") no-repeat left top;
text-indent: -999em;
display: block;
border: none;
cursor: pointer;
}

a.new-quiz,
input.new-quiz {
	background: url("../img/button-result.gif") no-repeat left top;
}




/* Wider submenu on page Verktyg */


#verktyg-2 #submenu {
	width: 230px;
}

#verktyg-2 div#subnavigation ul li a {
	width: 210px;
}

#verktyg-2 div.span-6 {
	width: 450px;
}