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; }
table { border-collapse: separate; border-spacing: 0; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Typography */
body { background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 16px; }

img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }		
@media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }

h1, h2, h3, h4, h5	{ color: #6b62ac; font-weight: bold; letter-spacing: -1px; }
h1 { font-size: 26px; padding: 6px 0 6px 0; }
h2 { font-size: 16px; padding: 6px 0 6px 0; }
h3 { font-size: 14px; padding: 6px 0 6px 0; }
h4 { font-size: 12px; padding: 6px 0 6px 0; }
h5 { font-size: 10px; padding: 6px 0 6px 0; }


p { font-size: 12px; line-height: 18px; padding: 6px 0 6px 0; color: #444; }
.workstation_html_content { font-size: 12px; line-height: 18px; padding: 6px 0 6px 0; color: #444; }
p.preamble { font-size: 14px; line-height: 20px; color: #666; }
p.validation_entry { line-height: 20px; margin: 2px; }
p.check_entry { line-height: 20px; margin: 2px; }
a:focus, a:hover { color: #000; }

small { font-size: 11px; line-height: 18px; padding: 6px 0 6px 0; color: #666; }

a { color: #666; text-decoration: none; }
a:hover { color: #00a0da; text-decoration: underline; }

pre, code, tt { font-family: "andale mono", "lucida console", monospace; }

.bold { font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.red { color: red; }
.green { color: green; }
.blue { color: #4990cd; }
.grey { color: #999; }
.center { text-align: center; }

/* Layout */
#container
{
	position: relative;
	width: 800px;
	margin: 0 auto;
} 

#header { }
#top { padding: 40px 10px 40px 10px; }
#stamp { float: left; }
#stamp p { font-size: 11px; color: #666; font-weight: normal; }
#top_navigation { float: right; }

#logotype { padding: 40px 0 40px 0; text-align: center; font-size: 22px; color: #006f51; font-weight: bold; }

#banner { padding: 0; margin: 10px 0 20px 0; height: 100px; }
/*
#navigation { height: 45px; background: #6b62ac url(../graphics/navigation_bg.png) repeat-x; }
#navigation div.inner { padding: 0; }
#navigation ul { margin: 0; padding: 5px; list-style: none; }
#navigation li { text-align: center; padding: 5px 0 20px 30px; float: left; display: block;  height: 15px; font-size: 14px; line-height: 16px; font-weight: bold; }
#navigation a { color: #fff; }
#navigation a.active { color: #ccc; }
#navigation a:hover { color: #ccc; text-decoration: none; }
*/	
#navigation															{ background: #005daa url(../graphics/nav2.png) repeat-x; height: 35px; padding-left: 45px;  }
#navigation a														{ text-decoration: none; }
#navigation ul														{ padding: 0; list-style: none; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#navigation ul li													{ padding: 0; font-weight: bold; float: left; background: none; zoom: 1; z-index: 100; }
#navigation ul a:hover												{ color: #fff; text-decoration:none; }
#navigation ul a:active												{ color: #fff; }
#navigation ul li a													{ display: block; padding: 5px 0 15px 20px; font-size: 14px; color: #fff; }
#navigation ul li.hover,
#navigation ul li:hover												{ color: black; position: relative; text-decoration:none; }
#navigation ul li.hover a:hover										{ color: #eee; }

#shadow { background: #fff url(../graphics/content_bg.jpg) repeat-x; height: 16px; }
#content { background: #fff; }
#content div.inner { padding: 24px 40px 30px 40px; }

#footer { padding: 20px; }
#footer p { font-size: 11px; padding: 0; color: #fff; }
#footer a { color: #fff; }

#content img { font-style: italic; }
img.left { float: left; padding: 6px 20px 20px 0; }
img.right { float: right; padding: 6px 0 20px 20px; }

table { padding: 2px 0 2px 0; }
table td { padding: 4px 0 4px 0; font-size: 12px; }

#validation_message { background-color: #fffdb3; border: 1px solid #ffa4a4; padding: 10px; margin: 10px 0 10px 0; color: #f00; }

#product_filter { float: left; border: 1px solid #ccc; width: 250px; height: 145px; margin: 20px 0 20px 0; }
#product_filter div.inner { padding: 10px 20px 10px 20px; }

#labels { float: left; border: 1px solid #ccc; width: 250px; height: 145px; margin: 20px 0 20px 20px; }
#labels div.inner {	 vertical-align: middle; padding: 10px 20px 10px 20px; text-align: center; }
#labels p { font-size: 16px; color: #6b62ac; line-height: 22px; font-weight: bold; }
#labels a:hover { text-decoration: none; }

#loading_image { float: left; padding: 20px; }

div.product_image { width: 170px; float: left; }
div.product_info { width: 500px; float: left; }
div.product_separator { clear: both; height: 20px; line-height: 0px; }

div.col_single_margin { float:left; margin-right:20px; }
div.col_single_nomargin { float:left; width:265px; }
div.col_double_margin { float:left; width:550px; margin-right:20px; }
div.col_krav { background: #007a48 url(../images/foretaget/krav4fg.jpg) 25px 25px no-repeat; float: left; width:225px; height:248px; padding:172px 20px 20px 20px; margin-right:20px; }
div.col_krav p, div.col_krav h2 { color:#ffffff; }
div.col_sigill { background: #028348 url(../images/foretaget/svenskt_sigill.png) 25px 25px no-repeat; float: left; width:225px; height:500px; padding: 20px; margin-right:20px; }
div.col_sigill p, div.col_sigill h2 { color:#ffffff; }
div.col_epolicy { background: #eee; padding: 20px; margin: 6px 0 0 0; }
/*
ol { font-size: 12px; line-height: 16px; padding: 6px 0 6px 20px; color: #444; }
ul { font-size: 12px; line-height: 16px; padding: 6px 0 6px 20px; color: #444; list-style: disc inside; }
li {  }
*/
ul											{ font-size: 12px; line-height: 16px; padding: 6px 0 6px 30px; color: #58595b; list-style: disc outside; }
ul.list										{ font-size: 12px; padding: 6px 0 6px 20px; list-style-position: outside; list-style: none; }
ul.list li									{ padding: 2px 0 2px 25px; list-style: none; list-style-position: outside; margin:0; }
ul.list li.check							{ background: url(../graphics/icons/lists/check.png) no-repeat 0 4px; }

.onlyprint { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* Forms */
label { font-weight: bold; }
fieldset { padding: 1.4em;  margin: 6px 0 6px 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input.text, textarea, select { margin: 6px 0 6px 0; border: 1px solid #ccc; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
input.text:focus, textarea:focus, select:focus { border: 1px solid #6b62ac; }
input.hyform, textarea, select { margin: 1px; border: 1px solid #ccc; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
input.hyform:focus, textarea:focus, select:focus { border: 1px solid #6b62ac; }
input.text, input.title { width: 300px; padding: 5px; }
input.title { font-size: 1.5em; }
textarea { width: 390px; height: 250px; padding: 5px; }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }