@charset "utf-8";
/* CSS Document */
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
html {overflow-y: scroll;}

#divPlaceholder{background:url(../img/bg.png) repeat-x;}

body #container {width: 960px;  margin: 0 auto;  padding:0; text-align: left; border:0px dotted gray;}
body #mainContent { padding: 0 0px; }

#ctl00_lbDebug, #menyDiv, #ulMenyTop {margin-top:0px;}

#main{width:auto; display:block; padding:10px 0; margin-top:0;}
#column_left{width:162px; margin-right:10px; float:left; margin-top:0; padding-right:10px;}
#column_body{width:486px; margin-right:0px 40px 100px 0px; float:left; padding-left:10px;}
#column_right{width:240px; float:left;}

/*
Kolumnerna och spacers
==========================================================================*/
div.spacerTop{clear:both; height:5px; display:block;}
#col1		{width: 152px; float:left; padding: 0 0 0 0px; margin: 0px 0 0 0;}
#col23		{width: 324px; float:left; padding: 0 0 0 10px; margin: 0px 0 20 0;}
#col24		{width: 460px; float:left; padding: 0 0 0 10px; margin: 0px 0 20px 0;}
#col46		{width: 460px; float:left; padding: 0 0 0 10px; margin: 0px 0 0px 0;}
#col56		{width: 324px; float:left; padding: 0 0 0 10px; margin: 0px 0 0 0;}
#spacer		{width:100%; clear:both; display:block;}
div.spacer{clear:both; height:10px;}
div.spacer5{clear:both; height:5px;}
#footer{width:auto; display:block; padding:10px 0; font-size:1.1em; color:#666666;}

/*
Body textformatering
==========================================================================*/
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
	text-align: center; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
}


/*
Nollställ
==========================================================================*/
h1, h2, h3, h4, p, li	{ margin:0; padding:0;}

/*
h1, h2, h3, h4 och p
==========================================================================*/

h1	{	
	margin:0px 0px 0px 0px;
	font-size:2.4em;
}
.afterH, #map, .Foretagsadress h3	{
	margin-top:1.5em;
}
h2	{	
	font-size:1.7em;
	margin:7px 0 2px 0;
}
h1#h1Startsida	{
	margin:0px 0px 0px 0px;
	/*font-size:11px;*/
}
.h3Startsida	{
	margin:4px 0px 4px 0px;
	font-size:1.4em;
	/*font-size:11px;*/
}
p#pStartMain	{
	margin-top:10px;
}
h1, h2, h3	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p	{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin: 0 0 10px 0;
}
p.pBildtext	{
	margin: 0px 0px 10px 0px;
}


/*
h1, h2, h3, h4 och p slut
==========================================================================*/

#pLogotype img	{
	margin:15px 0 0 0;
}
#mercasolLogga	{
	margin:5px 0px 0px 12px;
	height:109px;
	width: 70px;
}

#cssSelector	{
	margin-top:100px;
	font-size:10px;
	color:#999999;
}
/*
bild i länk har ingen ram
==========================================================================*/
a img	{
	border:0;
}

/*
bild i höger kolumn
==========================================================================*/

.imgColRight	{
	margin:47px 0 0 40px;;
	
}

/*
Sprutscheman
===========================================*/
.divCol	{
	float:left;
	margin: 0 10px 20px 0;
}
.divCol p	{
	margin:0;
	padding:0;
}
.divCol p a	{
	display:block;
	width:400px;
	margin:0;
	padding:2px 10px;
	text-decoration:none;
}
.divCol p a:link	{color:#000000;}

.pDark a	{background-color:#CCCCCC;}
.pLight a	{background-color:#fff;}

.divSpacer	{clear::both;}

.btnShowMap	{
	float:right;
	background-color:#fffF99;
	margin:2px;
	padding:2px;
}


/*
Loginruta
==========================================*/
#divLoginruta	{margin-top:10px;}
#divLoginruta p	{
	clear: both;
	width:500px;
	margin: 5px 0px 0px 0px;
	
}
#divLoginruta span.spanLabel	{
	display:block;
	float:left;
	padding:3px 0 0 0;
	width:55px;
}

/*
Meny HMS-blad
==========================================*/
#UlHms	{
	margin:0;
	padding:0;
	background-color:#990000;
}

#UlHms li	{
	float:left;
	list-style-type:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px 8px 2px 10px;
	margin-left:1px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#fff;
	border:1px solid #666;
	display:table-cell;
	width:auto;
}

#UlHms a {
	text-decoration:none;
	color:#333
}

#UlHms a:link {
	color:#000066;
}
#UlHms a:visited {
	color:#333;
}
#UlHms a:active {
	color:#666;
}
#UlHms a:hover {
	color:#999;
}

#UlHms img	{
	border:0;
	vertical-align:middle;
}
/*
Linker lista mm
==========================================*/
#ulLinker li	{
	margin: 0 0 10px 0;
}
#ulLinker a	{
	text-decoration:none;
	font-size: 1.1em;
	color:black
}

/*
Ruta på sidan verkstäder
==========================================*/
#divFylkeval	{
	border: 1px dotted #666666;
	background-color:#CCCCCC;
	width:400px;
	padding: 5px 10px 10px 10px;
	margin:0;
}
#divFylkeval h3	{
	margin: 0px 0px 9px 0px;
}
#divFylkeval p	{
	margin: 8px 0px 0px 0px;
}
#divEfterLista	{
	border: 1px dotted #666666;
	clear:both;
	margin: 3px 0 0 0;
	width:400px;
	padding: 5px 10px 10px 10px;
}

#ctl00_ContentPlaceHolder1_lbFylkenavn h2	{
	margin: 20px 0px 10px 0px;
}
#ctl00_ContentPlaceHolder1_imgVerkstad	{
	margin-top:53px;
	margin-left: -15px;
}

.verkstadMerInfoKnapp	{
	font-weight:bold;
	color:#666666;
}
.pDark .verkstadMerInfoKnapp	{
	
}

/*
Nyheter
==========================================*/

.dNyhet	{
	margin: 0 0 20px 0;
}
.dNyhet h2{
	/*font-size:1.8em;*/
}
.dNyhet h3{
	font-size:0.9em;
}
.dNyhet p{
	
}
.dNyhetsbild	{
	
}
.dNyhetsbild img	{
	
}
.dNyhetsbild p	{
	
}

/*
Bilder på sidan Produktinfo
==========================================*/

#dProdbilder  {
	margin-top:1px;
}
#dProdbilder img {
	width: 300px;
	margin-bottom:-7px;
	margin-top:5px;
}

.pFront	{
	line-height:150%;
}

/*
Sidan Produktinfo
==========================================*/
.produktbladList  {
	padding: 15px 0 0 0px;
}
.produktbladList li {
	padding: 4px 25px 4px 0;
	font-size:11px;
	font-weight:bold;
	list-style-image:none;
	list-style:none;
}
.produktbladList a {
	padding: 5px  0px 5px 25px;
	background-image: url(../img/pdf.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}
.produktbladList a:link	{
	color:#666666;
}


.splash {
    width: 360px;
    height: 240px;
    background-color: lightblue; /*rgba(150,40,40, 1);*/
    border: 4px solid #fff;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    float: right;
    margin: 0 10px 24px 22px;
}

/*
Image replacement från HTML5 Bolierplate
==========================================*/
.ir {
    display: block; /* Without this, image-replacement won't work on inline elements (e.g. span)*/
    /*border: 0;  Remove the default border from elements like button*/
    text-indent: -999em; /* Hide the text off-screen*/
    overflow: hidden; /* Clip the text and prevent the focus outline from extending off-screen in some browsers.*/
    /*background-color: transparent;  Hide the default background color on elements like button*/
    background-repeat: no-repeat; /* Prevent tiling of the background image*/
    text-align: left; /* Make sure the text is left aligned for the negative text-indent to work*/
    direction: ltr; /* Avoid problems with the off-screen text in rtl settings*/

    *line-height: 0; /* Hide text of submit inputs in IE6/7*/
}
.ir br { display: none; } /* Hide line breaks within the element as these mess up the off-screen positioning of the text*/

#avfetting { background-image: url(../img/avfetting.png); }
#antirust { background-image: url(../img/antirust.png); }
#merkespray { background-image: url(../img/merkespray.png); }
#utstyr { background-image: url(../img/utstyr.png); }