@charset "UTF-8";

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
	margin-top: 0;
	margin-bottom: 0;
}
h1 { font-size: 240%; font-size: 18pt; }
h2 { font-size: 180%; font-size: 16pt; }
h3 { font-size: 140%; font-size: 14pt; }
h4 { font-size: 100%; font-size: 12pt; }
h5 { font-size: 70%; font-size: 10pt; }
h6 { font-size: 50%; font-size: 8pt; }
a, a:link, a:visited, a:active
{
	/*text-decoration: none;*/
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code, pre
{
	/* Make sure we're all using the same monospaced font for CODE
	 * and PRE elements
	 */
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}
body
{
	font-size: 100.1%;
}
img { border: 0; }

/*******************************************************************************
 * LAYOUT
 *
 */
.clear-columns, .clear
{
  clear: both;
}
#outer-column-container
{
 	border-left: solid 195px #fff;
	border-right: solid 195px #fff;
}
#inner-column-container
{
	width: 100%;
}
#source-order-container
{
	float: left;
	width: 100%;
	margin-right: -1px;
}
#left-column
{
	float: left;
	margin-left: -195px;
	width: 195px;
	margin-right: 1px;
}
#middle-column
{
	float: right;
	width: 100%;
	margin-left: -1px;
}
#right-column
{
	float: right;
	margin-right: -195px;
	width: 195px;
	margin-left: 1px;
}

/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout. Real layout styling belongs in a 
 * separate "theme" stylesheet; leave this stylesheet untouched.
 */
body
{
  width: 60em;
	width: 956px;
  /*max-width: 60em; min-width: 50em;*/
	background-color: #eeeeee;
	color: #000;
	padding: 0;
	margin: 14px auto;
	margin: 2px auto;
}
#page-container
{
	background-color: #fff;
	border: solid 2px #000;
	min-width: 600px;
	margin: 0 14px;
}
#masthead
{
	padding-top: 1px;
	border-bottom: solid 1px #000;
}
#top-bar, #top-bar-path
{
  padding-top: 1px;
  border-bottom: solid 1px #000;
}
#inner-column-container
{
	border: solid 1px #000;
	border-width: 0 1px;
	margin: 0 -1px;
}
#footer
{
	border-top: solid 1px #000;
	padding-bottom: 1px;
}
.inside
{
	margin: 10px;
}

/*******************************************************************************
 * HACKS
 *
 */
.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;		/* this padding/margin hack is here for
					   older Mozilla engines (Netscape 7, 6,
					   FireFox pre 2.0) which will not allow 
					   an element to clear unless it has some 
					   effect on how the rest of the layout 
					   renders (ie, it takes up space). 
					   Hidden from IE/Mac as it triggers a 
					   horizontal scrollbar. */
}
* html #page-container
{
	/* \*/ height: 0.1%;	/* IE/Win 5 needs this to prevent rendering
				   issues if a minimum width is applied to
				   this element and the viewport is sized
				   narrower than it's minimum width. however
				   this breaks IE/Mac so a comment hack is
				   used to hide it. */
	position: relative;	/* IE/Mac 5.0 seems to need this. without it
				   any child element with position: relative
				   isn't rendered. */
}
* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths of
				   text boxes to be calculated narrower than
				   they render, causing overflow of their parent
				   elements. we need to explicitly handle this
				   overflow. IE/Win 5.0 does not handle visible
				   overflow correctly and so on some layouts,
				   at some viewport widths you'll get a 
				   horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win.
				   without this the columns don't render on
				   screen or text jog. */
}
* html #middle-column
{
	margin-right: -4px;	/* fix 3-pixel text jog in IE/Win 5.0.
				   -4px because we also have to
				   compensate for the overlaps from
				   the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using
				   comment hack to hide this rule from 5.0 */
}
* html #middle-column .inside
{
	margin-right: 14px;		/* compensate for negative margin in
					   previous rule */
	margin-right:/* */: 10px;	/* reset margins for 5.5 and later */
}
* html #masthead, * html #footer
{
	/* hide from IE/Mac \*/
	height: 0.1%;		/* this is to fix an IE 5.0 bug. setting this
				   value forces these elements to contain their
				   child elements, meaning margins will no
				   longer collapse. */
	height/**/: auto;	/* reset for IE/Win 5.5 and later by hiding
				   this rule from 5.0 with the empty comment
				   hack. also hidden from IE/Mac for the same
				   reason. */
}
* html #masthead .inside, * html #footer .inside
{
	margin-top: 0;
	margin-bottom: 0;	/* since margins no longer collapse due to 
				   previous rules we remove vertical margins
				   from the .inside class */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html .inside
{
	margin: 10px 0.75em;	/* i don't yet understand this bug in IE 5.0
				   which forces the right column down if the
				   side margins are at a very specific value.
				   if your side column widths are set in EMs,
				   0.75em seems to work fine. */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html #inner-column-container 
{
	display: block;
}
* html #source-order-container
{
	margin-right: -100%;	/* IE/Mac will force #source-order-container
				   to the width of #left-column, even though
				   that element is no longer inside it. this
				   negative margin will help IE/Mac keep the
				   three columns together under narrower 
				   viewports than normal.
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */
}
#left-column, #right-column
{
	position: relative;	/* resolve issues with links in left and right
				   columns not being clickable in Safari */
}

/*******************************************************************************
 * THEME
 *
 */
#page-container
{
	font-size: 80%; /* font attributes set here so that the font sizer javascript bit can operate on the body element and not fubar things */
	font-family: arial, helvetica, sans-serif;
}
#page-container, #inner-column-container, #masthead, #footer, #top-bar, #top-bar-path
{
	border-color: #919191;		/* all the borders within the layout */
}
#outer-column-container
{
	border-left-color: #fff;	/* left column background */
	border-right-color: #fff;	/* right column background */
}
#masthead, #top-bar, #top-bar-path
{
	background-color: #fff;	/* masthead background color */
}
#footer
{
	background-color: #336699;
  	background: #1a3364;
  	color: #fff;
}
#inner-column-container
{
	background-color: #fff;	/* middle column background */
	border-color: #fff;
}
#masthead .inside
{
  margin: 0 10px;
}
* html #masthead .inside
{
	margin-top: 0;
	margin-bottom: 0;	/* since margins no longer collapse due to 
				   previous rules we remove vertical margins
				   from the .inside class */
	margin/* */: 1px 10px;	/* reset for IE 5.5 and later */
}
/*****************************************
 * TYPO3
 ****************************************/
 
/* --- TEXT WITH PICTURES --- */
.csc-textpic-center .csc-textpic-imagewrap, .csc-textpic-center .csc-textpic-image { margin: 0 auto; }
.csc-textpic-left .csc-textpic-imagewrap, .csc-textpic-left .csc-textpic-image { float: left; }
.csc-textpic-right .csc-textpic-imagewrap, .csc-textpic-right .csc-textpic-image { float: right; }

.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin-left: 0.5em; } 
.csc-textpic-intext-right .csc-textpic-image { float: left; }
.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin: 0 5px 5px 0; } 
/*.csc-textpic-intext-left .csc-textpic-image { float: right; }*/
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } 
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } 

.csc-textpic-border img { border: 1px solid silver; }
.csc-textpic-image { margin: 0; }
.csc-textpic-caption-c .csc-textpic-caption { text-align: center; margin: 0; }
.csc-textpic-caption-l .csc-textpic-caption { text-align: left; margin: 0; }
.csc-textpic-caption-r .csc-textpic-caption { text-align: right; margin: 0; }

.csc-textpic-clear, .csc-textpic-above p { clear: both; }
/*.csc-textpic:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.csc-textpic-caption { font-size: 95%; font-style: italic; }

/* --- INDEXED SEARCH --- */
.tx-indexedsearch { font-size: 100%; }
.tx-indexedsearch-res { margin-bottom: 1em; background: #f8f8f8; color: #515151; }
.tx-indexedsearch-searchbox-sword { width: 15em; }
.tx-indexedsearch-searchbox-button { width: 5em; }
.tx-indexedsearch-browsebox li { display: inline; margin-right: 0.25em; }
.tx-indexedsearch-descr { font-style: italic; padding: 0.5em; }
.tx-indexedsearch-redMarkup { font-weight: bolder; color: #1a3364; }
.tx-indexedsearch-icon { width: 18px; }
.tx-indexedsearch-title { font-size: 125%; font-weight: normal; width: 100%; }
.tx-indexedsearch-title a { color: #ffffff; }
.tx-indexedsearch-icon, .tx-indexedsearch-result-number, .tx-indexedsearch-title, .tx-indexedsearch-percent, td.tx-indexedsearch-result-count { background: #1a3364; color: #ffffff; }
.tx-indexedsearch-descr { background: #f8f8f8; color: #515151; }
.tx-indexedsearch-info { padding: 0.25em; font-size: 85%; }
.tx-indexedsearch-path, .tx-indexedsearch-path a { padding: 0; margin: 0; }
.tx-indexedsearch-path a { font-weight: normal; color: #1a3364; }
.tx-indexedsearch table { border-collapse: collapse; width: auto;}
.tx-indexedsearch .tx-indexedsearch-searchbox td { padding: 3px; }

/* Beställ Info */
/*.tx-thmailformplus-pi1*/ .row { clear: both; padding-top: 8px; }
/*.tx-thmailformplus-pi1*/ .row .label { float: left; width: 130px; text-align: right; margin-right: 3px; }
/*.tx-thmailformplus-pi1*/ .row .formw { float: left; width: 220px; text-align: left; }
/*.tx-thmailformplus-pi1*/ .row p { color: black; text-align: center; }
/*.tx-thmailformplus-pi1*/ form dt { font-weight: bolder; font-style: italic; margin-top: 0.5em; /*color: #797979;*/ }
/*.tx-thmailformplus-pi1*/ form dd { font-style: normal; margin-left: 1.5em;}


/************
 * SYSTECH
 ************/
h1, h2, h3, h4, h5
{
  color: #1a3364;
	border: 1px solid #919191;
	padding: 2px;
}
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6
{
  height: 0.1%; /* IE6 */ 
}
#top-bar, #top-bar-path, #masthead
{
  font-size: 9pt;
  color: #919191;
}
#masthead
{
  background: #fff url("../images/matteknik-satt-i-system.gif") no-repeat 200px 15px;
}

#home 
{
  float: left;
}
#top-bar .inside
{
  margin: 1px 5px 3px 5px;
}
#top-bar a, #masthead a
{
  color: #919191;
	text-decoration: none;
}
#top-bar a:hover { text-decoration: underline; }
#top-bar input, #masthead input
{
  float: right;
}
#search
{
  margin-top: -0px;
	margin-right: 2px;
  width: 8em;
	background: #fff;
	border: 0.05em solid silver;
	color: #000;
}
#path ul, #top-nav ul
{
  margin: 0;
	padding: 0;
  font-weight: bolder;
	list-style: none;
}
#path { float: left; margin-top: 2px; }
#path li
{
  float: left;
	color: #333333;
}
#top-form { width: 140px; float: right; margin-top: 40px; }
#top-nav { width: 500px; float: right; margin-top: 45px; margin-right: 25px; }
#top-nav ul
{
  float: right;
}
#top-nav li
{
  padding-right: 12px;
  float: right;
}
#top-nav img { padding-right: 4px; vertical-align: middle; }
#top-nav a { vertical-align: middle; text-decoration: none; }
#top-nav a:hover { text-decoration: underline; }

#footer { font-size: 8pt; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .inside { text-align: center; }
#footer p { display: inline; border-right: 1px solid #fff; padding: 0 5px; }
#footer p.noborder { border: 0; }

a
{
  color: #336699;
}
.front-menu
{
  clear: both;
	padding-bottom: 10px;
  text-align: center;
	height: 1%;
}
.front-menu h2, .front-menu h3, .front-menu h4
{
	text-transform: uppercase;
	margin: 0 0 2px 0;
	border-width: 1px;
	font-size: 11pt;
	padding: 2px 0;
}
.front-menu a { color: #1a3364; text-decoration: none; }
.front-menu a:hover { color: #1a3364; text-decoration: underline; }
.front-menu ul
{
  margin: 0;
	padding: 0;
	font-size: 10pt;
	list-style: none;
	text-align: left;
}
.front-menu li
{
  margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.front-menu .front-menu-large li { float: left; }
.front-menu-large { width: 510px; height: 1%; margin: 0 auto 20px; }
.front-menu-center { width: 162px; height: 1%; margin: 0 auto; }
.front-menu-left { float: left; height: 1%; width: 163px; } 
.front-menu-right { float: right; height: 1%; width: 161px; } 
#vnav
{
  width: 194px;
  padding: 0px;
  margin-bottom: 1em;
  background-color: #919191;
  background-color: #fff;
  color: #336699;
}
#vnav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
#vnav li
{
  border-bottom: 1px solid #fff;
  margin: 0;
	font-variant: small-caps;
	font-size: 12pt;
}
#vnav li a
{
  display: block;
  padding: 4px 0px 4px 5px;
  background: #1a3364;
  color: #ffffff;
  text-decoration: none;
  width: 189px;
}
#vnav li a:hover
{
  background: #081142;
  color: #fff;
}
#vnav li li
{
  border-top: 1px solid #fff;
  border-bottom: 0;
  margin: 0;
	font-variant: normal;
	font-weight: normal;
	font-size: 11pt;
}
#vnav li li a
{
  padding: 3px 0px 3px 13px;
	color: #1a3364; /*#336699;*/
  background: #c1c1c1; /*#446688;*/
  width: 181px;
}
#vnav li li li a
{
  padding: 2px 0px 2px 19px;
  background: #eeeeee;
	color: #336699;
  width: 175px;
	font-size: 9pt;
	text-decoration: none;
}
#vnav li li li li a
{
  padding: 2px 0px 2px 25px;
  background: #f8f8f8;
	color: #515151; /*black;*/
  width: 169px;
	font-size: 9pt;
	text-decoration: none;
}
#vnav li a.current { text-decoration: underline; }
#vnav li a.active { text-decoration: underline; }
table
{
  border-collapse: collapse;
	border-spacing: 2px;
	width: 100%;
}
th
{
  background: #eeeeee;
	color: #1a3364;
	border: 1px solid #dddddd;
	padding: 4px;
	text-align: left;
}
td
{
  background: #eeeeee;
	border: 1px solid #dddddd;
	padding: 4px;
	vertical-align: middle;
}
.tr-odd td { background: #ffffff; }
.tabell-datablad .td-last { text-align: center; }
.td-0 { white-space: nowrap; /*width: 8em;*/ }
table.column-table
{
  border-spacing: 0;
}
.column-table td
{
  background: #ffffff;
	border: none;
	padding: 2px;
	vertical-align: top;
	text-align: center;
}
.column-table td p
{
  text-align: left;
}
#startsida-center
{
  clear: both;
}
.sidebar
{
  border: 1px solid #919191;
	background: #d0d8e6;
	margin: 0 0 10px 0;
	font-size: 8pt;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6
{
  margin: -1px 0 5px 0;
	background: #fff;
	text-transform: uppercase;
	text-align: center;
	color: #1a3364;
	border-width: 1px 0;
	font-size: 11pt;
	padding: 1px;
}
.sidebar .csc-header { margin: 0; }
.sidebar .csc-header .csc-firstHeader { margin: -1px 0 0 0; }
.sidebar p { margin: 5px 5px; }
.sidebar .csc-textpic-intext-left .csc-textpic-imagewrap { margin: 0 3px 3px 5px; }
* html .sidebar { height: 0.1%; }
* html .sidebar .csc-textpic-intext-left .csc-textpic-imagewrap { margin-left: 2px; }
.spec
{
  background: #eeeeee;
	padding: 0 5px 5px;
	/*border: 1px solid #919191;*/
}
.see-also h1, .see-also h2, .see-also h3, .see-also h4, .see-also h5
{
  border: none;
  background: #eeeeee;
	color: #1a3364;
	padding: 2px;
	margin: 10px 0 0;
}
.spec ul, .see-also ul
{
	margin: 0;
	padding: 0;
}
.spec ul li, .see-also ul li
{
  margin: 0;
	padding: 0;
	margin-left: 15px;
}
.see-also ul li
{
  margin-left: 20px;
}
.spec h1, .spec h2, .spec h3, .spec h4, .spec h5
{
  border: none;
	padding: 5px 0;
}
.news-item
{
  margin-top: 15px;
}
.news-item .csc-header-date
{
  float: left;
	font-size: 12pt;
	padding: 2px 4px;
	margin-top: 0px;
}
.news-item .csc-textpicHeader, .news-item .csc-header
{
  background: #eeeeee;
	color: #1a3364;
}
* html .news-item .csc-textpicHeader, * html .news-item .csc-header, * html .news-item h1, * html .news-item h2, * html .news-item h3, * html .news-item h3, * html .news-item h4, * html .news-item h5
{
  height: 0.1%;
	padding: 2px 0;
	margin: 0;
}
.news-item h1, .news-item h2, .news-item h3, .news-item h4, .news-item h5
{
  font-size: 12pt;
  border: none;
}
ul.datablad-lista, ul.bild-lista
{
  margin: 0;
	padding: 0;
	list-style: none;
}
ul.datablad-lista li a
{
  display: block;
  padding: 3px 0 0 24px;
	margin: 0 0 6px 0;
	background: url("../images/pdf-logo.gif") no-repeat center left;
}
ul.bild-lista li a
{
  display: block;
  padding: 3px 0 0 24px;
	margin: 0 0 6px 0;
	background: url("../images/photo.gif") no-repeat center left;
}
* html ul.datablad-lista li a, * html ul.bild-lista li a{ height: 0.1%; }
span.attention { color: #c00; font-style: italic; }
ul.nobullets { list-style: none; }
#banner-matteknik { background: url("../images/maetteknik_overskrift.gif") no-repeat #fff; }
#banner-embedded { background: url("../images/embedded_overskrift.gif") no-repeat #fff; }
#banner-larm { background: url("../images/larm_overskrift.gif") no-repeat #fff; }
#banner-automation { background: url("../images/automation_overskrift.gif") no-repeat #fff; }
#banner-generell { background: url("../images/kontakta-oss-overskrift.gif") no-repeat #fff; }
.banner
{
  height: 56px;
	border-bottom: 1px solid #919191;
}
.banner h2
{
  border: none;
	color: #5b6688;
  color: #1a3364;
	font-size: 19pt;
	font-variant: small-caps;
	margin: 0 0 0 360px;
	padding: 12px 0 0;
	text-align: center;
}
#banner-matteknik h2 { margin: 0 0 0 470px; }
#banner-embedded h2 { margin: 0 0 0 410px; } 

.mr-outer-container { border-right: 200px solid #fff; }
.mr-inner-container { width: 100%; }
.mr-left { float: left; width: 100%; }
.mr-right { width: 190px; margin-right: -200px; margin-left: 10px; float: right; } 
.ml-outer-container { border-left: 200px solid #fff; }
.ml-inner-container { width: 100%; }
.ml-right { float: right; width: 100%; }
.ml-left { width: 190px; margin-left: -200px; margin-right: 10px; float: left; }
* html .mr-inner-container, * html .ml-inner-container, * html .mr-right, * html .ml-right, * html .mr-left, * html .ml-left { overflow: visible; position: relative; }
.column-left, .column-right { width: 49%; }
.column-left { float: left; }
.column-right { float: right; }
.csc-header { margin: 15px 0 10px 0; }
.csc-header .csc-firstHeader { margin: 0 0 10px 0; }

#bestall-info #contact-info { width: 400px; padding: 0 10px; float: left; }
#bestall-info #contact-info em, form em { color: red; font-style: italic; }
#bestall-info #contact-info div { margin: 0 0 5px 0; }
/*#bestall-info #contact-info div input { background: #fff; border: 1px solid silver; padding: 2px; }*/
#bestall-info .notice { float: left; font-size: 8pt; font-style: italic; margin: 5px 0; }
#bestall-info img { float: left; }
#bestall-info .width-25pct { width: 100px; }
#bestall-info .width-25pct input { width: 90px; }
#bestall-info .width-50pct { width: 200px; }
#bestall-info .width-50pct input { width: 190px; }
#bestall-info .width-75pct { width: 300px; }
#bestall-info .width-75pct input { width: 290px; }
#bestall-info .width-100pct { width: 400px; }
#bestall-info .width-100pct input { width: 390px; }
#bestall-info .left { float: left; }
#bestall-info .right { float: right; }
#bestall-info textarea { width: 95%; }
#bestall-info h1, #bestall-info h2, #bestall-info h3, #bestall-info h4, #bestall-info h5 { border: none; background: #eeeeee; color: #1a3364; padding: 2px; margin: 15px 0 0; }
#bestall-info dt { font-weight: bolder; font-style: italic; margin-top: 5px; }
#bestall-info dd { font-style: normal; margin-left: 15px; }

.pdf img { margin: 0 5px 0 0; }
.no-border, .no-border h1,  .no-border h2,  .no-border h3,  .no-border h4,  .no-border h5 { border: none; }
.gray-backg
{
  border: none;
  background: #eeeeee;
	color: #1a3364;
	padding: 2px;
}
span.attention { color: #c00; font-style: italic; }
ul.nobullets { list-style: none; }
p.news { border-bottom: 1px solid #ccc; border-left: 3px solid #ccc; }