/* Map extern webb */

/* ---- body style: --------------------------------- */
body
{
	background-color: #DEDED4;
	margin:0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

P
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.hidden
{
	display:none;
}
#logoDiv{ 
background: url(../Images/logo.gif) #FFFFFF no-repeat top left; 
left:565px; /* var 610px */
top:20px; /* var 20px */
padding: 0px; 
margin:0; 
float:left; 
} 

.Logo
{
	/*background-image: url(../Images/logo.gif);*/
	background-position: right top;
	background-repeat:no-repeat;
	position:absolute;
	left:620px;
	top:20px;
	z-index:1000;
	background-color:Olive;
	width:119;
	height:57;
	visibility:visible;
}

img {
	border:none;
}

/*----Pappersguiden: ----------------------------------------*/
.listheader
{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
    color: #333333;
    height:20px;
	border-bottom:1px solid #999999;
	background-color: #DEDED4;
	padding-bottom:3px;
}
.listitemBold
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	border-bottom:1px solid #CECECE;
	padding-bottom:2px;
	vertical-align:top;
	font-weight:bold;
}

.listitem
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	border-bottom:1px solid #CECECE;
	padding-bottom:2px;
	vertical-align:top;
}

.listitemSmall
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	border-bottom:1px solid #CECECE;
	padding-bottom:2px;
	vertical-align:top;
}

/*----Search: ----------------------------------------*/
#menu {
	float:left;
	background-color:"#F1F0EB";
}

UL{
	/*padding-top:10px;*/
}

.box {
	margin-bottom:5px;
	margin-top:5px;
	margin-right:2px;
	margin-left:0px;
	float:left;
}

#box3, #box4 {
	float:right;
}
.to100{
	background-color:#E8B0AA;
	border-top:1px #D2D6D2 solid;
}
.to90{
	background-color:#EBB7B1;
	border-top:1px #D2D6D2 solid;
}
.to80{
	background-color:#EFBEB9;
	border-top:1px #D2D6D2 solid;
}
.to70{
	background-color:#F3C7C2;
	border-top:1px #D2D6D2 solid;
}
.to60{
	background-color:#F6D0CC;
	border-top:1px #D2D6D2 solid;
}
.to50{
	background-color:#F9D9D6;
	border-top:1px #D2D6D2 solid;
}
.to40{
	background-color:#F9E1DF;
	border-top:1px #D2D6D2 solid;
}
.to30{
	background-color:#FCE9E7;
	border-top:1px #D2D6D2 solid;
}
.to20{
	background-color:#FBF4F3;
	border-top:1px #D2D6D2 solid;
}
.to10{
	background-color:#FFFFFF;
	border-top:1px #D2D6D2 solid;
}
.restTDEven
{
	background-color:#FFFFFF;
	border-top:1px #D2D6D2 solid;
}
.restTDOdd
{
	background-color:#F7F7F7;
	border-top:1px #D2D6D2 solid;
}
.restTDEvenNoTop
{
	background-color:#FFFFFF;
}
.restTDOddNoTop
{
	background-color:#F7F7F7;
}

/*initital tabell i editor*/
.tbl
{
	width:535px;
	border-style:none;
	border-width:0px;
}

.lc
{
	width:390px;
	vertical-align:top;
	text-align:left;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
}

.mc
{
	width:20px;
	vertical-align:top;
	text-align:left;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
}

.rc
{
	width:125px;
	vertical-align:top;
	text-align:left;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
}

/* ---- text style: --------------------------------- */
.txt, select, span, body, div, p, input, textarea, td, th, li, td span, label
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
}


.errtxt
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #ff3333;
}


.Normal, .brodtext
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
	EditMenuName: Brödtext;
}
.error
{
	color: #FF0000;
}

.PictureText
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
	font-style:italic;
	EditMenuName: Bildtext;
}

.PictureTextHeader
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #333333;
	EditMenuName: Bildtext rubrik;
}

.NewsListDate
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	color: #333333;
}

b, .NormalBold
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.Introduction
{
	font-family: arial, helvetica;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}


.RubrikNiva2, H2, TD.RubrikNiva2
{
    font-family: verdana, arial, helvetica;
    font-size: 9px;
    font-weight: bold;
    color: #333333;
	margin-top: 3px;
	margin-bottom: 3px;
    EditMenuName: Rubriknivå 2;
}

.RubrikNiva2HighLight, TD.RubrikNiva2HighLight
{
    font-family: verdana, arial, helvetica;
    font-size: 9px;
    font-weight: bold;
	margin-top: 2px;
	margin-bottom: 4px;
	color: #3399CC;
    EditMenuName: Rubriknivå2 highlight ettan;
}

.RubrikNiva3Ettan, H3, TD.RubrikNiva3Ettan
{
    font-family: verdana, arial, helvetica;
    font-size: 9px;
	margin-top: 8px;
	margin-bottom: 2px;
    font-weight: bold;
    color: #333333;
    EditMenuName: Brödtextrubrik ettan;
}

.RubrikNiva3, TD.RubrikNiva3
{
	margin-top: 8px;
	margin-bottom: 2px;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    EditMenuName: Brödtextrubrik;
}

.Header, .Heading1, H1, TD.Header
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #666666;
}


.TextBlueBold
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	font-weight: bold;
	color: #3399CC;
}

.TextBlue
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #66CC00;
}

.TextYellowBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC00;
}

.TextYellow
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFCC00;
}

.TextGreenBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #009999;
}

.TextGreen
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #009999;
}

.TextDarkblueBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #006699;
}

.TextDarkblue
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #006699;
}

.TextMauveBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #993399;
}

.TextMauve
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #993399;
}

.TextRedBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

.TextRed
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #CC0000;
}

.TextSmall
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #333333;
}

.TextSmallBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.TextGray
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #999999;
}

.TextWhite
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}


/* ---- links style: --------------------------------- */

a
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
}

a.Link
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	EditMenuName: Länk i brödtext;
}

.LinkListLjusbla {
	list-style: circle url(../Images/pil_ljusbla.gif) outside;
	EditMenuName: Länklista Kontakt;
}

.LinkListGul
{
	list-style: circle url(../Images/pil_gul.gif) outside;	
	EditMenuName: Länklista E-handel;
}

.LinkListRod
{
	list-style: circle url(../Images/pil_rod.gif) outside;	
	EditMenuName: Länklista Våra produkter;
}

.LinkListLila
{
	list-style: circle url(../Images/pil_lila.gif) outside;	
	EditMenuName: Länklista Våra tjänster;
}

.LinkListBla
{
	list-style: circle url(../Images/pil_bla.gif) outside;	
	EditMenuName: Länklista Läsvärt;
}

.LinkListIsBla {
	list-style: circle url(../Images/pil_isbla.gif) outside;
	EditMenuName: Länklista Om;
}


.PunktListLjusbla
{
	list-style: circle url(../Images/punkt_ljusbla.gif) outside;	
	EditMenuName: Punktlista Kontakt;
}

.PunktListGul
{
	list-style: circle url(../Images/punkt_gul.gif) outside;	
	text-indent:6px;
	EditMenuName: Punktlista E-handel;
}

.PunktListRod
{
	list-style: circle url(../Images/punkt_rod.gif) outside;	
	EditMenuName: Punktlista Våra produkter;
}

.PunktListLila
{
	list-style: circle url(../Images/punkt_lila.gif) outside;	
	EditMenuName: Punktlista Våra tjänster;
}

.PunktListBla
{
	list-style: circle url(../Images/punkt_bla.gif) outside;	
	EditMenuName: Punktlista Läsvärt;
}

.PunktListIsBla {
	list-style: circle url(../Images/punkt_isbla.gif) outside;
	EditMenuName: Punktlista Om;
}


a.LinkBold
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

a.LinkSmall
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}

a.LinkSmallBold
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

a.LinkSmallMap
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.LinkSmallBoldMap
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.LeftMenuBlack
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.NewsListLink
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}
a.LeftMenuGray
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.BreadCrum
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #666666;
}

a.LeftMenuLightGray
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #A9AAA4;
	text-decoration: none;
}



/* ---- Tabellfärger med mera --------------------------------- */
td
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}

th
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

td.MainMenuNewsFlash
{
	height:45px;
	vertical-align:top;
	width:153px;
	padding-left:6px;	
	padding-right:2px;	
	padding-top:3px;
	padding-bottom:2px;
}


td.Menu
{
	border-right: 3px solid #A9AAA4;
}

td.MainMenuItem
{
	height:26px;
	vertical-align:middle;
	width:158px;
	border-top:2px solid #FFFFFF;
	padding-left:6px;
}

td.MainMenuItemFlash
{
	height:26px;
	vertical-align:middle;
	width:156px;
	border-top:2px solid #FFFFFF;
	padding-left:4px;
}

td.MainMenuItemSearch
{
	height:26px;
	vertical-align:middle;
	width:156px;
	border-top:2px solid #FFFFFF;
	padding-left:7px;
}

td.MainMenuItemLevel2
{
	height:26px;
	vertical-align:middle;
	width:154px;
	border-top:2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	padding-left:6px;
	margin:2px;
}

td.MainMenuItemLevel3
{
	height:26px;
	vertical-align:middle;
	width:154px;
	border-right: 2px solid #FFFFFF;
	border-top: 1px solid #A9AAA4;
	padding-left:6px;
	margin:2px;
}

td.MainMenuSpaceGrayArrow
{
	background-color:#FFFFFF;
	width:11px;
	background-image: url(../Images/pil_gra_ner.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-top:2px solid #FFFFFF;
}


td.MainMenuItemSpacer
{
	width:9px;
	border-top:2px solid #FFFFFF;
}

td.SubMenuItemSpacer
{
	width:9px;
	border-top:0px solid #FFFFFF;
}


td.MainMenuSpaceArrow
{
	background-color:#FFFFFF;
	width:11px;
	background-image: url(../Images/pil_svart_ner.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border-top:2px solid #FFFFFF;
}

td.MainMenuSpaceNoArrow
{
	background-color:#FFFFFF;
	width:11px;
	border-top:2px solid #FFFFFF;
}

td.Red
{
	background-color: #CC0000;
}

td.Yellow
{
	background-color: #FFCC00;
}

td.Mauve
{
	background-color: #993399;
}

td.DarkBlue
{
	background-color: #006699;
}

td.Green
{
	background-color: #009999;
}

td.Blue
{
	background-color: #66CC00;
}

td.StartBlue
{
	background-color: #3398CC;
}

td.Gray
{
	background-color: #A9AAA4;
}

th.LightGray
{
	background-color: #DEDED4;
}

td.DarkGray
{
	background-color: #333333;
}

td.LightGray
{
	background-color: #DEDED4;
}

/* denna används av ifamen på förstasidan */
/* ändra storleken med denna */
.IntroIframe
{
	padding: 0px 0px 0px 0px;
	filter:alpha(opacity=100);
	width:320px;  /* 320 från början */ /* 250 för jockum */
 	height:240px; /* var 240 från början */ /* 360 för jockum */
}

.Introdiv
{
	float:left;
	text-align:right;
	background-color:Fuchsia;
        HEIGHT: 240px;

}

/* PM 060221 Ändra på denna för att ändra ramen i popup-bilden */
.IntroSize
{
	/* border: #ADC958 4px solid; */      /* ljusgrön */
	/*border: #F37737 4px solid; */      /* orange */
	/*border: #6F6F6F 4px solid;  */     /* grå */
	/* border: #0092BB 4px solid; */      /* blå */
	/*border: #61B300 4px solid;  */ /* grön */
	/* border: #ee2b74 4px solid; */ /* rosa */ 
        /* border: #F6AF33 4px solid; */ /* gul */
	/* border: #F8CDE0 4px solid; */ /* ljusrosa */
	/* border: #F49A12 4px solid;*/ /* orange */
	/*border: #CC003A 4px solid;*/ /* vinröd */
        border: #DDD100 4px solid;  /* gulgrön*/
        /* border: #BFBFBF 4px solid; */ /* grå */
	POSITION: absolute; 
	LEFT: 300px;  /* var 300 från början */  /* var 320 för jockum */
	TOP: 215px; 
	/*HEIGHT: 240px;*/
	BACKGROUND-COLOR: #ffffff; 
	padding: 10px 10px 10px 10px;
}
 .FlashIntro
{
	/*border: solid 2px black;*/
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px
	height: 240px;
}
.IntroHref
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
    color: #333333;
    /*color: #ee2b74;*/
    text-align:right;
}
.IntroTDHref
{
	padding-right:4px;
	text-align:right;
	vertical-align:bottom;
}

.CustomerName
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    font-weight:bold;
    color: #333333;
    float:left;   
	width:100%;
 }

.CustomerSearch
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    font-weight:bold;
    color: #333333;
    padding:3px;
    text-align:left;
	float:left;
	width:350px;
}


.CustomerList
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    font-weight:bold;
    color: #333333;
    padding:1px;
    text-align:left;
	float:left;
	width:165px;
	height:15px;
	vertical-align:top;
}
.CustomerListHead
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    font-weight:bold;
    color: #333333;
    text-align:left;
	float:left;
	width:165px;
	height:15px;
	vertical-align:bottom;
	padding-bottom:0px;
	padding:1px;
}
.CustomerHeader
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
     font-weight:bold;
    color: #333333;
    padding:3px;
    margin-top:10px;
    border-bottom:1px #999999 solid;
    text-align:left;
	background-color: #DEDED4;
	float:left;
	 width:250px;
}
.CustomerItems
{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    color: #333333;
    text-align:left;
    float:left;
    width:250px;
    vertical-align:top;
}
.TestBorder
{
	border: solid 1px black;
}
.Customer
{	
	font-family: verdana, arial, helvetica;
	font-size: 10px;
    color: #333333;
    float:left;
 }
 .CustText
{	
	float:left;
	vertical-align:text-top;
 }
 .CustHead
{	
	float:left;
	font-weight:bold;
	vertical-align:text-bottom;
}
 .CustCompany
{	
	Width:150px;
	vertical-align:text-top;
 }
 .CustContact
{	
	Width:350px;
	vertical-align:text-top;
}
.CustNormal
{
	Width:175px;
	vertical-align:text-top;
}