/*------------------------------------------------------------
	Project name: Seka miljöteknik
	Author: Anders Kleve, Spinit AB
	Colors: Yellow: ffe700 | Red: ff3000 | Dark red: 9e3300
-------------------------------------------------------------- */

/* -----------------------------------------------------------
	Reset 
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight:400;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
input,textarea {margin: 0;}

/* -----------------------------------------------------------
	Various
-------------------------------------------------------------- */
body {background: #fff; color: #000; font: 62.5%/1.45 Arial, Verdana, sans-serif;}

/* -----------------------------------------------------------
	Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {margin-bottom: 1.5em;}
legend {}
label {display: block;}
input + label {display: inline; margin-left: .75em; float: none;}
input[type="text"],
input[type="password"],
select,
textarea {padding: 4px; width: 15em;}
input[type="submit"] {}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {}
.form-item {margin-bottom: .75em;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {}

/* -----------------------------------------------------------
	Headings 
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom: .5em;}
h1 {font-size: 2.5em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.1em;}

/* -----------------------------------------------------------
	Lists
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style-position: outside; padding-left: 1.5em;}
ol {margin-bottom: 1.5em; padding-left: 1.5em;}
dl {margin-bottom: 1.5em;}
dt {float: left; margin-right: .5em; font-weight: bold;}
dd {}

/* -----------------------------------------------------------
	Links 
-------------------------------------------------------------- */
a {color: #ff3000; text-decoration: underline;}
a:hover,
a:active,
a:focus {color: #9e3300;}

/* -----------------------------------------------------------
	Text
-------------------------------------------------------------- */
address {margin-bottom: 1.5em;}
blockquote {margin-bottom: 1.5em;}
em {font-style: italic;}
p {margin-bottom: 1.5em;}
strong {font-weight: bold;}

/* -----------------------------------------------------------
	Page layout
-------------------------------------------------------------- */
/* Skip links */
#skip {position: absolute; top: -999em; left: -999em;}
#skip a: focus,
#skip a: active {display: block; padding: 1em; position: absolute; left: 999em; top: 999em; width: 10em; text-align: center; background: #ededee; color: #000;}

/* Header */
#wrapper {width: 740px; margin: 4px auto; padding: 0 10px 0 0; background: url(/CommonResources/Images/Seka/shadow.gif) right top repeat-y;}
#header {position: relative; height: 59px; background: url(/CommonResources/Images/Seka/head.gif) left top no-repeat;}
#header p {position: absolute; right: 13px; bottom: 10px; margin: 0; color: #ff3000; font-size: 1.1em; font-weight: bold;}
#header p a {text-decoration: none; margin-right: 5px; padding-right: 5px; border-right: 1px solid;}
#logo {float: left; margin: 12px 0 0 13px;}
#content {overflow: hidden; background: url(/CommonResources/Images/Seka/yellow.gif) left top repeat-y; margin-top: 1px; border-top: 1px solid #eee594;}
#main-content {float: right; width: 359px; padding: 25px 160px 25px 20px;}
#main-content .vignette {position: relative; left: -20px; top: -25px;}
#secondary-content {float: left; width: 199px; background: #ffe700; border-top: 1px solid #fff; padding-top: 2px;}
#main-blurbs {list-style: none outside; padding: 20px 10px; background: url(/CommonResources/Images/Seka/dark-yellow-line.gif) 5px top no-repeat;}
#main-blurbs li {background: #fff64a url(/CommonResources/Images/Seka/yellow-w-rounded-corner.gif) right bottom no-repeat; margin-bottom: 7px; padding-top: 2px; border-top: 2px solid #fffa66;}
.farligt-avfall #main-blurbs li,
.fororenad-mark #main-blurbs li,
.geoteknik #main-blurbs li,
.sakerhetsradgivning #main-blurbs li,
.arbetsmiljo #main-blurbs li,
.vatten-och-bottenundersokningar #main-blurbs li,
.kontakta-oss #main-blurbs li,
.om-seka #main-blurbs #download-checklist,
.page-641 #main-blurbs #download-checklist {display: none;}
.farligt-avfall #main-blurbs #need-help,
.fororenad-mark #main-blurbs #need-help,
.geoteknik #main-blurbs #need-help,
.sakerhetsradgivning #main-blurbs #need-help,
.vatten-och-bottenundersokningar #main-blurbs #need-help,
.kontakta-oss #main-blurbs #need-help,
.arbetsmiljo #main-blurbs #need-help,
.arbetsmiljo #main-blurbs #download-checklist {display: block;}
#main-blurbs a {display: block; text-decoration: none; padding: 20px 10px 50px; font-size: 1.8em; font-weight: bold; line-height: 1.1; border-top: 10px solid #EDD700; letter-spacing: -.05em; font-family: "arial black", arial, sans-serif;}
#main-blurbs .download {display: block; margin-top: 25px; font-size: .6em; text-transform: uppercase; letter-spacing: 0; font-family: arial, sans-serif;}
#main-blurbs .download:after {content: ">>"; margin-left: .3em;}
#main-navigation ul {list-style: none outside; margin: 0; padding: 10px 0 28px 15px; border-top: 11px solid #edd700;}
#main-navigation a {display: block; text-decoration: none; font-weight: bold; font-size: 1.1em; background: #FFE700;}
#main-navigation a:hover,
#main-navigation a:focus,
#main-navigation a:active,
#main-navigation li.selected a {color: #9e3300;}