html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #616161; font-size: 75%; }

h1 { font-weight: normal; color: #505050; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #505050; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #505050; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #505050; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #505050; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #505050; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #85b617; }
a:visited { color: #528300; }
a:focus { color: #6e9613; }
a:hover { color: #6e9613; }
a:active { color: #ffb617; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #949494; }

.loud { color: #3f3f3f; }

label { width: 11em; display: block; float: left; margin-right: 5px; }

label.inline { display: inline; width: auto; float: none; }

input[type="text"], select { width: 330px; }

label.required { background: transparent url('/images/required.png') no-repeat center right; }

textarea { width: 334px; }

fieldset { margin-bottom: 1em; padding: 1em; }
fieldset legend { font-size: 1.5em; }

div.check_box_wrapper { width: 300px; float: left; }

div.control_wrapper { margin-bottom: 1em; }


.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.17em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider { border: solid 1px #ccc; }

.ui-slider-handle { background: #ccc; }

.budget_slider { width: 300px; }

#slider_bubble span { font-weight: bold; }

div#budget_slider a.ui-slider-handle { background: #74A71E none; }
div#budget_slider a.ui-state-default { background: #74A71E none; }
div#budget_slider a.ui-corner-all { background: #74A71E none; }

div#budget_slider a { background: #74A71E; }

span.error_message { display: block; margin-top: 4px; margin-left: 11.5em; color: #A71E3C; }

div.feedback { background: transparent url('/images/feedback-bg.jpg') no-repeat; padding: 1em; margin-bottom: 1em; }
div.feedback p { margin-bottom: 0; }

div.success { border: solid 1px #74A71E; color: #74A71E; }

body { font-family: "lucida grande", tahoma, arial; color: #616161; background: #414141; margin: 0; padding: 0; }

strong { background: transparent url('/images/link-bg-hover.png') no-repeat top left; font-weight: normal; color: #404040; }
strong span.link-end { background: #fff url('/images/link-end-bg-hover.png') no-repeat top right; display: inline-block; }

#admin_menu_wrapper { background: #C8C8C8; }

#admin_menu { width: 950px; margin: 0 auto; }
#admin_menu ul { margin: 0; padding: 0; }
#admin_menu ul li { list-style-type: none; display: inline; }
#admin_menu ul li a { display: block; float: left; color: #504E4B; margin-right: 1em; }

div#ie6-warning { display: none; }
div#ie6-warning ul { margin: 0; padding: 0; }
div#ie6-warning ul li { float: left; list-style-type: none; }

a:link, a:visited { color: #85b617; color: #85b617; text-decoration: underline; }

a:hover, a:active { color: #6e9613; }


div.content_block { position: relative; }
div.content_block a.admin_edit_link { position: absolute; top: 0; right: 0; }

#wrapper-wrapper { background: #fff url('/images/bg.jpg') no-repeat top center; padding-bottom: 50px; }

h1 { font-size: 2.5em; margin-bottom: .2em; padding-bottom: .35em; background: transparent url('/images/divider-small.png') no-repeat bottom center; }
h1 img { margin: 0; }

h2 { font-size: 2em; margin-bottom: .2em; line-height: 1; }

h3 { font-size: 1.7em; margin-bottom: 0.2em; line-height: 1.25; }

h4 { font-size: 1.5em; font-weight: bold; margin-bottom: .2em; }

#wrapper { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
#wrapper { display: block; }

div#site_id { height: 97px; display: inline; float: left; margin-right: 10px; width: 470px; background: transparent url('/images/logo.png') no-repeat; text-indent: -900000px; margin-top: 7px; padding-right: 40px; }
* html div#site_id { overflow-x: hidden; }

div#site_id h1, div#site_id a, div#site_id p { display: block; }

div#site_id a { height: 100px; }

div#main-menu { display: inline; float: left; margin-right: 0; width: 430px; height: 69px; background: transparent url('/images/main-menu-bg.png') no-repeat; }
* html div#main-menu { overflow-x: hidden; }

ul#top-menu { padding: 0 8px; margin: 40px auto 0 0; }

ul#top-menu li { list-style-type: none; display: inline; }

ul#top-menu li a:link, ul#top-menu li a:visited { display: block; float: left; font-size: 1.1em; padding: .3em .8em; color: #fff; text-decoration: none; }
ul#top-menu li a:hover, ul#top-menu li a:active { color: #b5e260; }

ul#top-menu li.current a { color: #85b617; }

div#slider ul.navigation { margin: 0; padding: 0; list-style-type: none; overflow: hidden; display: inline-block; }
div#slider ul.navigation { display: block; }
div#slider ul.navigation li { width: 238px; float: left; background: transparent url('/images/slider.png') no-repeat top left; }
div#slider ul.navigation li a { font-size: 1.2em; color: #616161; text-decoration: none; float: left; text-align: center; width: 237px; height: 57px; line-height: 35px; text-indent: 26px; background: transparent url('/images/vad-vi-gor-sprite.png') no-repeat 66px 5px; }
div#slider ul.navigation li.selected a { background-position: 66px -121px; }
div#slider ul.navigation li#panel-navigation-1 { background-position: 0 0; }
div#slider ul.navigation li#panel-navigation-1.selected { background-position: 0 -57px; }
div#slider ul.navigation li#panel-navigation-2 { background-position: -237px 0; }
div#slider ul.navigation li#panel-navigation-2 a { background: transparent url('/images/webbutveckling-sprite.png') no-repeat 44px 5px; }
div#slider ul.navigation li#panel-navigation-2.selected { background-position: -237px -57px; }
div#slider ul.navigation li#panel-navigation-2.selected a { background: transparent url('/images/webbutveckling-sprite.png') no-repeat 44px -121px; }
div#slider ul.navigation li#panel-navigation-3 { background-position: -475px 0; }
div#slider ul.navigation li#panel-navigation-3 a { background: transparent url('/images/webbstrategi-sprite.png') no-repeat 54px 5px; }
div#slider ul.navigation li#panel-navigation-3.selected { background-position: -475px -57px; }
div#slider ul.navigation li#panel-navigation-3.selected a { background: transparent url('/images/webbstrategi-sprite.png') no-repeat 54px -121px; }
div#slider ul.navigation li#panel-navigation-4 { background-position: -713px 0; }
div#slider ul.navigation li#panel-navigation-4 a { background: transparent url('/images/marknadsforing-sprite.png') no-repeat 18px 5px; }
div#slider ul.navigation li#panel-navigation-4.selected { background-position: -713px -57px; }
div#slider ul.navigation li#panel-navigation-4.selected a { background: transparent url('/images/marknadsforing-sprite.png') no-repeat 18px -121px; }
div#slider ul.navigation li.first, div#slider ul.navigation li.last { width: 237px; }

#slider { width: 950px; position: relative; }
#slider .scroll { width: 950px; height: 234px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }

.scroll-container div.panel { height: 234px; width: 950px; }

.panel { padding-top: 1em; font-size: 1.2em; background: #fff url('/images/vad-gor-vi.jpg') no-repeat center right; }
.panel h2 { margin-bottom: 10px; }
.panel .description { font-size: 1.5em; line-height: 1; }
.panel a:link, .panel a:visited { width: 300px; display: block; height: 20px; margin-top: 1em; text-indent: -999999px; background: transparent url('/images/las-mer-om-vara-tjanster-sprite.png') no-repeat; }
.panel a:hover, .panel a:active { background-position: 0 -39px; }
.panel .keywords p { width: 950px; font-size: 10px; text-align: center; margin-top: 80px; }

#web-development { background-image: url('/images/webbutveckling.jpg'); }
#web-development a:link, #web-development a:visited { background-image: url('/images/las-mer-om-webbutveckling-sprite.png'); }

#web-strategy { background-image: url('/images/webbstrategi.jpg'); }
#web-strategy a:link, #web-strategy a:visited { background-image: url('/images/las-mer-om-webbstrategi-sprite.png'); }

#internet-marketing { background-image: url('/images/internetmarknadsforing.jpg'); }
#internet-marketing a:link, #internet-marketing a:visited { background-image: url('/images/las-mer-om-internetmarknadsforing-sprite.png'); }

#content-wrapper { border: solid 1px #efefef; padding-top: 40px; padding-bottom: 40px; background: #fff; }

#submenu-placeholder { padding-left: 40px; display: inline; float: left; margin-right: 10px; width: 190px; padding-right: 40px; width: 200px; margin-right: 0; }
* html #submenu-placeholder { overflow-x: hidden; }

#main-content { display: inline; float: left; margin-right: 0; width: 630px; }
* html #main-content { overflow-x: hidden; }

#top { display: inline; float: left; margin-right: 0; width: 630px; }
* html #top { overflow-x: hidden; }

#submenu h3 { background: #fff url('/images/submenu-header.png') no-repeat; text-indent: 40px; color: #fff; height: 33px; margin-bottom: 0; padding-top: 3px; }
#submenu h3 a { color: #fff; text-decoration: none; }
#submenu ul { background: #fff url('/images/submenu-bg.png') no-repeat; min-height: 300px; margin: 0; padding: 1em 0; }
#submenu ul ul { min-height: 0; padding: 0; background: none; }
#submenu ul ul li { padding-left: 20px; }
#submenu ul ul li a { font-size: 1em; width: 160px; }
#submenu ul ul li a:hover, #submenu ul ul li a:active { color: #404040; }
#submenu ul li { padding-left: 20px; list-style-type: none; }
#submenu ul li a { color: #666; text-decoration: none; font-size: 1.1em; width: 180px; display: block; }
#submenu ul li a:hover, #submenu ul li a:active { color: #404040; }
#submenu ul li.current a { color: #333; }
#submenu ul li.current li a { color: #666; }
#submenu ul li.current li a:hover, #submenu ul li.current li a:active { color: #404040; }
#submenu div#submenu-bottom { background: #fff url('/images/submenu-bottom.png') no-repeat; height: 33px; }

body.work_items #main-content, body#pages-besok-oss #main-content { display: inline; float: left; margin-right: 10px; width: 390px; padding-right: 0; }
* html body.work_items #main-content, * html body#pages-besok-oss #main-content { overflow-x: hidden; }
body.work_items #secondary-content, body#pages-besok-oss #secondary-content { display: inline; float: left; margin-right: 0; width: 230px; }
* html body.work_items #secondary-content, * html body#pages-besok-oss #secondary-content { overflow-x: hidden; }
body.work_items #main-image, body#pages-besok-oss #main-image { padding: 5px; border: solid 1px #ccc; background-color: #f5f5f5; }


#footer-wrapper { background: #414141 url('/images/footer-bg.gif') repeat-x; border-top: solid 1px #D0EB8C; padding-top: 1em; }
#footer-wrapper #footer { width: 950px; margin: 0 auto; min-height: 140px; }
#footer-wrapper #footer strong { background: none; }
#footer-wrapper #footer strong span { background: none; }

.employee { display: inline; float: left; margin-right: 0; width: 630px; margin-bottom: 2em; }
* html .employee { overflow-x: hidden; }
.employee strong { background-image: none; }
.employee strong span { background-image: none; }
.employee img { padding: 5px; border: solid 1px #ccc; background-color: #f5f5f5; float: left; margin-right: 40px; }
.employee .description { display: inline; float: left; margin-right: 0; width: 390px; }
* html .employee .description { overflow-x: hidden; }
.employee .description h2 { margin-bottom: 0; }
.employee ul { margin: 0; padding: 0; }
.employee ul li { margin-right: 40px; display: block; float: left; text-indent: 30px; background: #fff url('/images/mail-icon.png') no-repeat center left; }
.employee ul li.twitter { background-image: url('/images/twitter-icon.png'); text-indent: 22px; }

#content-wrapper { overflow: hidden; background: #fff url('/images/vad-vi-gor-icon-large.png') no-repeat top right; }

body#services-webbutveckling #content-wrapper, body#services-webbdesign #content-wrapper, body#services-webbcopy #content-wrapper, body#services-e-handel #content-wrapper, body#services-anvandbarhetstestning #content-wrapper, body#services-behovsanpassade-uppdateringsmojligheter #content-wrapper { background: #fff url('/images/utveckling-icon-large.png') no-repeat top right; }

body#services-internetmarknadsforing #content-wrapper, body#services-sokmotoroptimering #content-wrapper { background: #fff url('/images/marknadsforing-icon-large.png') no-repeat top right; }

body#services-webbstrategi #content-wrapper { background: #fff url('/images/strategi-icon-large.png') no-repeat top right; }

#main-content a.contact-us { display: block; display: inline; float: right; position: relative; margin: 0 -360px 1.5em 360px; display: inline; float: left; margin-right: 0; width: 110px; background: transparent url('/images/contact-us.png') no-repeat; width: 305px; height: 22px; text-indent: -99999px; margin-top: 2em; }
* html #main-content a.contact-us { overflow-x: hidden; }

#main-content a.contact-us:hover { background-position: 0 -39px; }

ul.secondary-images { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
ul.secondary-images li { list-style-type: none; float: left; margin: 3px; }
ul.secondary-images li img { padding: 3px; background: #F5F5F5; border: solid 1px #ccc; }

div.cite { font-style: italic; font-size: 1.1em; border: solid 1px #ccc; padding: 1em; padding-bottom: 0; background: #f5f5f5; margin-bottom: 1em; }

div#punchlines { background: transparent url('/images/divider.png') no-repeat; padding-top: 2em; position: relative; overflow: hidden; }
div#punchlines h2 { display: inline; float: left; margin-right: 10px; width: 230px; }
* html div#punchlines h2 { overflow-x: hidden; }
div#punchlines span#till-dig-med-hemsida { display: inline; float: left; margin-right: 0; width: 710px; height: 28px; margin-top: 7px; background: transparent url('/images/till-dig-som-redan-har-en-hemsida.png') no-repeat; text-indent: -99999px; }
* html div#punchlines span#till-dig-med-hemsida { overflow-x: hidden; }
div#punchlines div.punchline { display: inline; float: left; margin-right: 10px; width: 230px; height: 270px; width: 208px; border: solid 1px #515151; padding: 10px; background: transparent url('/images/punchline-bg-dark-3.png') no-repeat left top; color: #e6e6e6; }
* html div#punchlines div.punchline { overflow-x: hidden; }
div#punchlines div.punchline strong { background: none; }
div#punchlines div.punchline strong span { background: none; }
div#punchlines div.punchline img { padding: 3px; border: solid 1px #515151; background: #e6e6e6; }
div#punchlines div.punchline h3 { color: #e6e6e6; font-size: 14px; text-align: left; }
div#punchlines #punchline_2 { background-position: left -180px; }
div#punchlines #punchline_3 { background-position: left -900px; }
div#punchlines div.last { display: inline; float: left; margin-right: 0; width: 230px; border: none; background: transparent url('/images/lapp-bg.png') no-repeat; width: 218px; margin-left: -10px; /* */ }
* html div#punchlines div.last { overflow-x: hidden; }
div#punchlines div.last div#text { background: transparent url('/images/lapp-text.png') no-repeat 0 -11px; height: 200px; width: 240px; }
div#punchlines div.last div#text p { text-indent: -99999px; }
div#punchlines div.last a { display: block; text-indent: -99999px; background: transparent url('/images/lapp-las-mer.png') no-repeat; width: 120px; height: 30px; margin: 3px 0 0 95px; }
div#punchlines div.last a:hover { background-position: 0 -31px; }

div#references { background: transparent url('/images/divider-2.png') no-repeat; padding-top: 2em; }
div#references div.reference { display: inline; float: left; margin-right: 10px; width: 230px; padding: 10px; width: 210px; }
* html div#references div.reference { overflow-x: hidden; }
div#references div.reference h3 { text-align: center; }
div#references div.reference h3 a { text-decoration: none; color: #505050; background: none; }
div#references div.reference a.image_link { background-image: none; }
div#references div.reference a.image_link img { padding: 3px; border: solid 1px #ccc; }
div#references div.reference p { text-align: center; }
div#references div.reference.last { display: inline; float: left; margin-right: 0; width: 230px; width: 210px; }
* html div#references div.reference.last { overflow-x: hidden; }

div.contact { display: inline; float: left; margin-right: 10px; width: 270px; color: #a7a7a7; }
* html div.contact { overflow-x: hidden; }
div.contact h4 { margin-bottom: 0; font-size: 1.4em; color: #6A6A6A; }
div.contact ul { margin: 0 0 1em 0; padding: 0; }
div.contact ul li { list-style-type: none; }
div.contact strong, div.contact a:link, div.contact a:visited { font-weight: normal; color: #a5c75e; }
div.contact a:hover, div.contact a:active { color: #85b617; }

body#services-webbstrategi p img, body#pages-besok-oss p img { float: left; padding: 3px; background: #e6e6e6; border: solid 1px #ccc; margin: 0 10px 10px 0; }

p#webbstrategi-punchline { background: url('/images/webbstrategi-text.png') no-repeat; text-indent: -99999px; height: 30px; }

div#references-list .reference { display: inline; float: left; margin-right: 10px; width: 310px; }
* html div#references-list .reference { overflow-x: hidden; }
div#references-list .reference h3 { text-align: center; }
div#references-list .reference h3 a { text-decoration: none; color: #505050; background: none; }
div#references-list .reference img { border: solid 1px #ccc; background: #e6e6e6; padding: 5px; }
div#references-list .reference a { background: none; }
div#references-list .reference a span { background: none; }
div#references-list .reference.even { display: inline; float: left; margin-right: 0; width: 310px; }
* html div#references-list .reference.even { overflow-x: hidden; }

.punchline strong { color: #fff; }

div#map { padding: 5px; border: solid 1px #ccc; background: #e1e1e1; }

div#preamble p { font-weight: bold; }

body#pages-om-oss div#preamble { display: inline; float: left; margin-right: 10px; width: 390px; }
* html body#pages-om-oss div#preamble { overflow-x: hidden; }
body#pages-om-oss div#about-us { display: inline; float: left; margin-right: 0; width: 190px; }
* html body#pages-om-oss div#about-us { overflow-x: hidden; }
body#pages-om-oss div#about-us img { padding: 3px; background: #e6e6e6; border: solid 1px #ccc; margin: 0 10px 0 10px; }

div#ie6-warning { border: solid 1px #efefef; padding-top: 40px; padding-bottom: 40px; background: #fff; }

body.work_items strong, #ie6-warning strong, #punchlines strong { background-image: none; font-weight: bold; padding: 0; }
body.work_items strong span.link-end, #ie6-warning strong span.link-end, #punchlines strong span.link-end { display: none; }

div#about-us { font-size: 1.3em; }
div#about-us p { margin: 0 0 0 10px; text-align: center; line-height: 1; }

#slider h2, #slider p.description, #slider span, #slider canvas { text-indent: -99999px; }
#slider #panel-1 { background: transparent url('/images/vi-gor-webben-enkel.png') no-repeat; height: 90px; }
#slider #panel-2 { height: 90px; background: transparent url('/images/vi-forenklar-tidskravande-processer.png') no-repeat; }
#slider #panel-3 { background: transparent url('/images/fa-nytta-av-hemsidan-i-verksamheten.png') no-repeat; height: 90px; }
#slider #panel-4 { background: transparent url('/images/bli-synlig-och-kommunicera-med-omvarlden.png') no-repeat; height: 90px; }

p.citer { font-style: normal; }