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

body {
background: #dfdfdf url(../images/background.gif) repeat-x 0 0;
font: 62.5%/1.5em Arial, Helvetica, sans-serif;
}

h1 {
font-weight: bold;
font-size: 2.2em;
line-height: 1.2em;
margin: 10px 0;
}

h2 {
font-weight: bold;
font-size: 1.6em;
line-height: 1.2em;
margin: 15px 0 5px;
}

strong {
font-weight: bold;
}

.ingress {
font-size: 2em !important;
line-height: 1.2em;
}

.recycle {
padding-left: 33px;
background: url(../images/icon-recycle.gif) no-repeat 0 center;
}

.battery {
padding-left: 33px;
background: url(../images/icon-battery.gif) no-repeat 0 center;
}

.list {
padding-left: 33px;
background: url(../images/icon-list.gif) no-repeat 0 center;
}

.external {
padding-left: 15px;
background: url(../images/icon-external.gif) no-repeat 0 center;
}

div#text .external {
padding-left: 15px;
background: url(../images/icon-external_green.gif) no-repeat 0 center;
}

.alignright {
float: right;
font-size: 1.2em;
color: #666;
}

a:link, a:visited, a:active, a:hover {
color: #1c5f30;
}

div#wrapper {
background-color: #fff;
margin: 0 auto;
padding: 0 30px;
width: 959px;
}

/* Header */

div#header {
width: 100%;
}

div#header p#logo {
background: url(../images/logo.jpg) no-repeat 0 0;
float: left;
height: 48px;
margin:  57px 0 0 1px;
width: 298px;
}

div#header p#logo span {
visibility: hidden;
}

div#header div.contact {
background: #fff url(../images/contact-border.gif) no-repeat 0 0;
color: #7c7c7c;
float: left;
font-size: 1.2em;
padding: 0 0 24px 22px;
margin: 17px 0 0 421px;
}

/* Menu */

ul#menu { 
background: #289d52 url(../images/menu-background.gif) repeat-x 0 0;
height: 32px;
}

ul#menu a:link, ul#menu a:visited, ul#menu a:active, ulmenu a:hover {
color: #fff;
text-decoration: none;
}

ul#menu li {
border-right: 1px solid #207c42;
color: #fff;
float: left;
height: 32px;
line-height: 32px;
cursor: pointer;
font-size: 1.4em;
}

ul#menu li a {
padding: 9px 12px;
}

ul#menu li:hover {
background: #207042 url();
border-color: #174d27;
}

body#start ul#menu li.sm-start,
body#om-batterier ul#menu li.sm-om-batterier,
body#laddningsbara ul#menu li.sm-laddningsbara,
body#ej-laddningsbara ul#menu li.sm-ej-laddningsbara,
body#lagstiftning ul#menu li.sm-lagstiftning,
body#miljo ul#menu li.sm-miljo,
body#lankar ul#menu li.sm-lankar,
body#om-batteriforeningen ul#menu li.sm-om-batteriforeningen {
background: #207042 url();
border-right-color: #174d27;
}


/* Content */

div#content {
width: 100%;
padding: 0 0 21px;
}

div#content p {
margin: 10px 0;
font-size: 1.2em;
line-height: 1.4em;
}

div#content div#text {
float: left;
margin: 0 0 0 20px;
width: 500px;
}

body#start div#content div#text {
float: left;
margin: 24px 0 0 10px;
width: 400px;
padding: 0;
}

div#content div#text ul {
list-style-type: disc;
margin-left: 20px;
font-size: 1.2em;
}

div#content div#text ul li {
padding: 3px 0;
}

div#content div#text table {
width: 100%;
}

div#content div#text td {
padding: 2px;
}

div#content div#image {
float: left;
margin: 21px 0 0 3px;
}

div#content div#submenu ul a:link, div#content div#submenu ul a:visited {
font-size: 1.4em;
font-weight: bold;
line-height: 1.4em;
color: #333;
}

div#content div#submenu ul ul a:link, div#content div#submenu ul ul a:visited {
font-size: 1.2em;
font-weight: normal;
}

div#content div#submenu ul ul ul a:link, div#content div#submenu ul ul ul a:visited {
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
}

div#content div#submenu ul li.sel a:link, div#content div#submenu ul li.sel a:visited  {
color: #1c5f30;
}

div#content div#submenu ul ul li a:link, div#content div#submenu ul ul li a:visited  {
color: #333 !important;
}

div#content div#submenu ul ul li.sel a:link, div#content div#submenu ul ul li.sel a:visited  {
color: #1c5f30 !important;
}

div#content div#submenu ul a:hover {
color: #1c5f30;
}

div#content div#submenu {
float: left;
margin: 20px 0 20px;
width: 210px;
margin-bottom: 10px;
}

div#content div#submenu ul {
background-color: #ededed;
padding: 2px 10px 5px;
}

div#content div#submenu li {
padding: 3px 0;
}

div#content div#submenu ul ul {
background-color: Transparent;
}

div#content div#submenu ul ul ul {
margin-bottom: 0;
padding-left: 12px;
}

ul#content-puff {
margin: 0 0 30px -9px;
}

ul#content-puff a:link, ul#content-puff a:visited, ul#content-puff a:active, ul#content-puff a:hover {
color: #fff;
}

ul#content-puff li {
background-color: #505572;
color: #fff;
float: left;
height: 94px;
margin-left: 20px;
padding: 10px 15px;
width: 270px;
}

ul#content-puff li h3 {
font-size: 2em;
font-weight: bold;
line-height: 24px;
margin: 2px 0 2px;
}

ul#content-puff li p {
margin: 10px 0;
font-size: 1.2em;
}

/* Footer */
div#footer div#sitemap {
background: #d5d5d5 url(../images/sitemap-background.gif) repeat-x 0 0;
margin-bottom: 15px;
width: 100%;
}

div#footer div#sitemap a:link, div#footer div#sitemap a:visited, div#footer div#sitemap a:active, div#footer div#sitemap a:hover {
color: #6a6a6a;
text-decoration: none;
}

div#footer div#sitemap li {
float: left;
}

div#footer div#sitemap li p {
background-color: #d8d8d8;
font-size: 1.2em;
font-weight: bold;
height: 32px;
line-height: 32px;
padding: 0 7px;
width: 0 13px;
}

div#footer div#sitemap ul.sub a:link, div#footer div#sitemap ul.sub a:visited, div#footer div#sitemap ul.sub a:active, div#footer div#sitemap ul.sub a:hover {
color: #333;
text-decoration: underline;
}

div#footer div#sitemap ul.sub {
padding: 5px 10px;
font-size: 1.1em;
line-height: 1.5em;
}

div#footer div#sitemap ul.sub li {
border: 0;
float: none;
}


li.sm-start p {
width: 29px;
border-right-color: #dedede;
border-style: solid;
border-right-width: 1px;
}

li.sm-om-batterier p {
width: 106px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}

li.sm-laddningsbara p {
width: 86px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}

li.sm-ej-laddningsbara p {
width: 98px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}

li.sm-lagstiftning p {
width: 70px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}

li.sm-miljo p {
width: 30px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}

li.sm-lankar p {
width: 40px;
border-left-color: #aeaeae;
border-right-color: #dedede;
border-style: solid;
border-width: 0 1px;
}


li.sm-om-batteriforeningen p {
width: 130px;
border-left-color: #aeaeae;
border-style: solid;
border-left-width: 1px;
}

div#footer div.contact {
background: transparent url(../images/contact-border2.jpg) no-repeat 0 0;
color: #333;
float: right;
font-size: 1.2em;
height: 136px;
padding: 20px 20px 20px 20px;
margin: 0 50px;
}

div#footer ul#companies li {
float: left;
margin: 0 15px;
line-height: 26px;
padding-bottom: 25px;
}

div#footer ul#companies li img {
vertical-align: middle;
}

div#footer p#copyright {
line-height: 26px;
}