* { margin: 0;padding: 0; }

body {
	margin: 5px;
	padding: 0px;
	background: #fff;

 	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 70%;
	color: #5d5c5b;
}
body.page { margin: 0;padding: 0;border-top: 2px solid #c21c23; }


/* ------------ misc -------------- */
.center {
	clear: both;
 	position: relative;
 	width: 770px;
	margin: 0px auto 0px auto;
}

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

br.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

H1 {
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #040607;
}
H2 {
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #040607;
}

p { line-height: 1.3em; }

ul, ol, li { margin: 5px 10px; }

hr {
	margin: 1em;
	height: 1px;
	border-top: 1px dashed #ccc;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	background: none;
	color: #fff;
}
img { border: none;}
img a:hover { text-decoration: none;}

a { color: #28286e;text-decoration: none; }
a:hover, #back a:hover, #version a:hover { text-decoration: underline;color: #c21c23; }
a.links { padding-right: 10px;background: url("http://www.miris.se/img/layout/links.gif") no-repeat top right; }


/* ------------ table -------------- */

table, select, input { font-family: Arial, Verdana, Sans-serif;font-size: 11px; }
select, input {	padding-left: 2px; }

table { margin: 0px;background: #eee; }

table#reports {
	width: 300px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	border: 1px solid #efefed;
}
table#contact {	margin: 0px 20px;background: none; }
table#contactForm {
	width: 250px;
	background: #fff;
	border: 1px solid #efefed;
}
td, th {
	line-height: 1.1em;
	padding: 5px;
	background: #fff;
}
table#reports th { padding: 10px; }
table#reports td { padding: 0 10px 10px 10px; }

table#contact th, table#contact td { padding: 10px 10px 0 10px;background: none; }

th, tfoot td {
 	text-align: left;
	font-family: Verdana, Arial, Verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* ------------ header -------------- */

#header	{ height: 110px; }

#version	{
	position: absolute;
	right: 5px;
	top: 0px;
	height: 25px;
	width: 132px;
 	background: url(http://www.miris.se/img/layout/bg_version.gif) no-repeat top left;
}
#version p { line-height: 1.1em;margin: 3px 0 0 13px; }
#version a	{
	font-family: Arial, Tahoma, Sans-serif;
	font-size: 0.9em;
	color: #b3b3c7;
}
#version a:hover { text-decoration: none; }

#logo { position: absolute;top: 15px;left: 20px }

#header ul 	{
	list-style: none;
	position: absolute;
	top: 27px;
	margin: 0px;
}
#header ul#menu_1 { left: 245px; }
#header ul#menu_2 { left: 365px; }

#header ul li	{ margin: 0;padding: 0;text-indent: -10000px; }
#header ul li a	{ display: block;width: 120px;height: 16px; }

a#m_1	{ background: url(http://www.miris.se/img/layout/m_1.gif) no-repeat 0 0; }
a#m_2	{ background: url(http://www.miris.se/img/layout/m_2.gif) no-repeat 0 0; }
a#m_3	{ background: url(http://www.miris.se/img/layout/m_3.gif) no-repeat 0 0;}
a#m_4	{ background: url(http://www.miris.se/img/layout/m_4.gif) no-repeat 0 0; }
a#m_5	{ background: url(http://www.miris.se/img/layout/m_5.gif) no-repeat 0 0; }
a#m_6	{ background: url(http://www.miris.se/img/layout/m_6.gif) no-repeat 0 0; }
a#m_7	{ background: url(http://www.miris.se/img/layout/m_7.gif) no-repeat 0 0; }
a#m_8	{ background: url(http://www.miris.se/img/layout/m_8.gif) no-repeat 0 0;}

a#e_1	{ background: url(http://www.miris.se/img/layout/e_1.gif) no-repeat 0 0; }
a#e_2	{ background: url(http://www.miris.se/img/layout/e_2.gif) no-repeat 0 0; }
a#e_3	{ background: url(http://www.miris.se/img/layout/e_3.gif) no-repeat 0 0;}
a#e_4	{ background: url(http://www.miris.se/img/layout/e_4.gif) no-repeat 0 0; }
a#e_5	{ background: url(http://www.miris.se/img/layout/e_5.gif) no-repeat 0 0; }
a#e_6	{ background: url(http://www.miris.se/img/layout/e_6.gif) no-repeat 0 0; }
a#e_7	{ background: url(http://www.miris.se/img/layout/e_7.gif) no-repeat 0 0; }
a#e_8	{ background: url(http://www.miris.se/img/layout/e_8.gif) no-repeat 0 0;}

#header ul li a:hover { background-position: 0px -16px; }
#header ul li.active a { background-position: 0px -32px; }
#header ul li.active a:hover { background-position: 0px -32px;cursor: default; }

DIV#print, DIV#contact { display: none; }


/* ------------ middlesection -------------- */

#pic, #subpic { width: 100%;background: url("http://www.miris.se/img/layout/bg.gif") repeat-y top left; }
#pic { height: 170px; }

#subpic	{ height: 70px; }
#pic .center { margin-top: 0; }

#subpic .center { margin-top: 0; }

#pic h1, #subpic h1 {
 	float: right;
 	width: 300px;

	font-family: Arial, Tahoma, Sans-serif;
	font-size: 14px;
	color: #fff;
}
#pic h1 { margin: 80px 0 0 0; }
#subpic h1 { margin: 28px 0 0 0; }

.picture { float: left; }


/* ------------ content -------------- */

DIV#contentContainer { margin: 10px 20px 0px 20px; }

.leftColumn { width: 400px;background: url("http://www.miris.se/img/layout/bg_product.jpg") no-repeat top right; }
.rightColumn { float: right;width: 320px; }
.leftColumn h1, .rightColumn h1 { padding: 15px 0 0 20px; }
.rightColumn p { padding: 5px 20px; }

p.product { margin: 5px 180px 0px 20px;padding: 0; }

#columnContainer {
	float: left;
	width: 400px;
	margin: 10px 0px 0px 0px;
	padding-bottom: 5px;
 	background: url("http://www.miris.se/img/layout/bg_area.jpg") no-repeat top right;
}
.columns {
 	float: left;
 	width: 127px;
	margin: 10px 1px 0 3px;
	padding-bottom: 5px;
	background: #fff;
	overflow: hidden;
}
.columns h2 { padding: 5px 5px 0 5px; }
.columns p { padding: 0px 4px 5px 4px; }
.columns a { margin: 5px 0 0 5px; }

#share { background: #efefed url("http://www.miris.se/img/layout/bg_share_top.gif") no-repeat top left; }
#share h1 { padding: 15px 0 5px 20px;	background: url("http://www.miris.se/img/layout/bg_share_top.gif") no-repeat top left; }
#share p {
	display: block;
	width: 260px;
	margin-left: 20px;
	padding: 5px 10px;
 	background: #fff;

	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
}
#share p span {	margin: 0 7px 0 3px;color: #040607; }

#press h1, #press p { background: #efefed; }
#press span.underrubrik { font-size: 12px; }

#news {	margin-top: 15px; }

#contentRight {	width: 574px;background: url("http://www.miris.se/img/layout/bg_content.jpg") no-repeat top left; }

#content { width: 574px;min-height: 360px; }
* html #content { height: 350px; }

#content h1 {
 	float: right;
	width: 200px;
 	margin: -10px 0px 0px 0px;
	text-transform: uppercase;
	text-align: center;
	
	font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	color: #d0cfca;
}
.text {	line-height: 1.4em;padding: 25px 20px 0 20px;text-align: left; }

#submenu { width: 146px; }
#submenu ul { margin: 0;padding: 10px 0 0 0;background: url("http://www.miris.se/img/layout/bg_submenu_top.gif") no-repeat top left; }
#submenu li {
 	float: left;
	width: 146px;
	margin: 0px;
	padding: 0px;
 	line-height: 1.8em;
	list-style: none;
	background: #efefed;
}
#submenu li a {
	width: 121px;
	display: block;
	margin-left: 12px;
	padding-left: 10px;
	background: url("http://www.miris.se/img/layout/submenu_link.jpg") no-repeat top left;
	background-position: 0px 4px;overflow: hidden;
}
#submenu li a:hover { color: #c21c23; }
#submenu li a:visited { background: url("http://www.miris.se/img/layout/submenu_visited.jpg") no-repeat top left;background-position: 0px 4px; }
#submenu h2 {
	margin: 5px;
	padding-left: 8px;
	background: url("http://www.miris.se/img/layout/bg_li_h2.gif") no-repeat top right;
	text-transform: uppercase;

	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 10px;
	color: #000;
}
ul.sitemap, ul.sitemap li { margin-left: 20px;list-style: none; }

#nav { margin: 0; }
#back {	margin: 0;padding: 5px 10px 0 20px;border-top: 1px solid #fafafa; }
#back .right { padding-right: 20px; }
#nav a {
	margin-left: 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #ccc;
}
#nav a, #back a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
}

/* ------------ footer -------------- */

DIV#footer {
 	position: relative;
 	height: 30px;
 	margin-top: 10px;
 	padding: 0px;
 	background: url("http://www.miris.se/img/layout/bg_footer.gif") no-repeat top center;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	color: #999897;
}
#footer span { font-weight: bold;color: #000; }
#footer ul { display: inline;margin: 8px 0 0 0;padding-right: 60px; }
#footer li { display: inline;margin-left: 10px; }
#footer li a { text-decoration: none;color: #817d73; }
#footer li a:hover, #copy a:hover { text-decoration: none;color: #c21c23; }

#copy {	height: 30px;margin: 8px 0px 0px 0px;padding-left: 40px; }
#copy span { margin: 0 5px;color: #b4b4b4; }
#copy a { text-decoration: none;color: #bebebe; }


/* ------------ font -------------- */
SPAN.rubrik {
	line-height: 1.4em;
	padding: 0px 0px 3px 0px;
 	letter-spacing: 1px;
 	text-align: left;

	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
SPAN.underrubrik {
 	text-align: left;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #040607;
}
SPAN.datum {
	padding-left: 13px;
	background: url("http://www.miris.se/img/layout/date.gif") no-repeat top left;
	background-position: 0px 3px;

	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	font-size: 0.9em;
}
span.gra { font-size: 0.9em;color: #b3b3b3; }
span.rod { font-weight: bold;color: #c21c23; }
span.epost { border: none; }


/* ------------ images -------------- */

IMG.picture { width: 440px;height: 170px; }
IMG.pic_area { width: 127px;height: 85px; }

IMG.flag {
 	width: 14px;
	height: 11px;
	margin-right: 5px;
	vertical-align: middle;
}
IMG.pdf {
 	width: 16px;
	height: 15px;
	margin: 0px 2px 0px 2px;
	vertical-align: middle;
}
IMG.getReader {
  	height: 31px;
  	width: 88px;
  	margin: 0 0 0 5px;
  	vertical-align: middle;
}
IMG.board { float: right;margin: 0 0 0 20px; }
IMG.dots {
  	height: 15px;
  	width: 15px;
  	margin: 0px 5px 0px 10px;
  	vertical-align: top;
}
IMG.product_bottom {display: block;
 	float: left;
 	width: 400px;
	height: 10px;
}
IMG.submenu_bottom {
 	float: left;
 	width: 146px;
	height: 10px;
}
IMG.press_bottom {
 	float: left;
 	width: 320px;
	height: 10px;
}