/* Ny styles för lokus omdesign */

/* Hela söktoppen förrutom flikarna */


/* Fixa fel med div höjd som innehåller abs pos eller float */
.imgcontainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*Lokus logga och plats för banner*/

#topArea { /* lokus logga med bakgrund top */
	margin:0;
	border:0;
	padding:0;
	position:relative;
	width:1244px;
	height:116px;
	background-color:#ffffff;
	background-image: url(../img/top_background.jpg);
	background-repeat: repeat-x;
	background-position: 0px 9px;
}

#topMenu { /* Flikar och undermeny */
	margin:0px 0px 7px 0px;
	border:0;
	padding:0;
	position:relative;
	width:926px;
	height:46px;
}

/* onsynliga länkar för bildbakgrund med flikar */


#tab_lokus {
  position: absolute;
  width: 170px;
  height: 70px;
  top: -90px;
  left: 0px; 
  text-decoration: none;
}

#tab_lokus i {
	visibility: hidden;
}

#tab_alla {
  position: absolute;
  width: 53px;
  height: 21px;
  top: 0px;
  left: 292px; 
  text-decoration: none;
}

#tab_alla i {
	visibility: hidden;
}

#tab_motor {
  position: absolute;
  width: 59px;
  height: 21px;
  top: 0px;
  left: 345px; 
  text-decoration: none;
}

#tab_motor i {
	visibility: hidden;
}

#tab_bostad {
  position: absolute;
  width: 59px;
  height: 21px;
  top: 0px;
  left: 404px; 
  text-decoration: none;
}

#tab_bostad i {
	visibility: hidden;
}

#tab_jobb {
  position: absolute;
  width: 51px;
  height: 21px;
  top: 0px;
  left: 463px; 
  text-decoration: none;
}

#tab_jobb i {
	visibility: hidden;
}

#tab_kopsalj {
  position: absolute;
  width: 71px;
  height: 21px;
  top: 0px;
  left: 514px; 
  text-decoration: none;
}

#tab_kopsalj i {
	visibility: hidden;
}

#tab_resor {
  position: absolute;
  width: 52px;
  height: 21px;
  top: 0px;
  left: 592px; 
  text-decoration: none;
}

#tab_resor i {
	visibility: hidden;
}
/* slut länkar */

#topMenuLinks {
	margin:0;
	border:0;
	padding:0;
	position:absolute;
	left:184px;
	top:28px;
}

#topAreaLogo {
	margin:0;
	border:0;
	padding:0;
	width:141px;
	height:47px; /*39 innan beta */
	position:absolute;
	left:10px;
	top:47px; /* 51 innan beta logga */
	background-image: url(../img/lokus_logga.gif);
	background-repeat:none;
}

/* innehåller allt under top delen*/
#container {
	margin:0;
	border:0;
	padding:0;
	width:1244px;
	position:relative;
}

#mainAreaAds {
	margin:0;
	border:0;
	padding:0;
	width:926px;
}	

#rightAdArea { /*adds som ligger utanför till höger (vertikalt)*/
	margin:0;
	border:0;
	padding:0;
	position:absolute;
	left:945px;
	top:115px;
	width:300px; /* 318 (18 marginal)*/
	height:140px;
	z-index: 300;
}


#mainAreaContent { /*sökruta + nedan 3 kolumner */
	margin:0;
	border:0;
	padding:0;
	width:926px;
}


#searchArea {
	/* topplista + huvuddel + tidningar (allt utom banners på högersidan)*/ 
	margin:0px 0px 10px 0px;
	border:0;
	padding:0;
	width:926px;
	position:relative;
}

/* Huvud på sökning - bakgrundsfärg sätts i koden*/
#searchHeader {
	width:926px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:0;
	border-right:0;
	padding:0;
	margin:0;
}
#searchHeaderText {
	margin:0;
	border:0;
	padding:0;
	position:relative;
	width:486px;
	left:180px;
	top:0px;
}

#toplistnextarea {
	margin:0;
	border:0;
	padding:4px 0px 4px 1px;
}


A.link_platta:link		{font: 11px verdana, arial, sans-serif; color: #003399; background: url(../img/platta_pil.gif) no-repeat 0px 1px; padding-left:8px;}
A.link_platta:visited	{font: 11px verdana, arial, sans-serif; color: #003399; background: url(../img/platta_pil.gif) no-repeat 0px 1px; padding-left:8px;}
A.link_platta:active		{font: 11px verdana, arial, sans-serif; color: #003399; background: url(../img/platta_pil.gif) no-repeat 0px 1px; padding-left:8px;}
A.link_platta:hover		{font: 11px verdana, arial, sans-serif; color: #003399; background: url(../img/platta_pil.gif) no-repeat 0px 1px; padding-left:8px;}

A.topListItem:link		{font: 10px verdana, arial, sans-serif; color: #000000}
A.topListItem:visited	{font: 10px verdana, arial, sans-serif; color: #000000}
A.topListItem:active		{font: 10px verdana, arial, sans-serif; color: #000000}
A.topListItem:hover		{font: 10px verdana, arial, sans-serif; color: #000000}

A.topListNext:link		{font: 9px verdana, arial, sans-serif; color: #808080}
A.topListNext:visited	{font: 9px verdana, arial, sans-serif; color: #808080}
A.topListNext:active		{font: 9px verdana, arial, sans-serif; color: #808080}
A.topListNext:hover		{font: 9px verdana, arial, sans-serif; color: #808080}

A.topListHead:link		{font: 10px verdana, arial, sans-serif; color: #000000; font-weight:bold}
A.topListHead:visited	{font: 10px verdana, arial, sans-serif; color: #000000; font-weight:bold}
A.topListHead:active		{font: 10px verdana, arial, sans-serif; color: #000000; font-weight:bold}
A.topListHead:hover		{font: 10px verdana, arial, sans-serif; color: #000000; font-weight:bold}


A.bookingLink:link		{font: 10px verdana, arial, sans-serif; color:#0000ee; text-decoration:underline}
A.bookingLink:visited	{font: 10px verdana, arial, sans-serif; color:#0000ee; text-decoration:underline}
A.bookingLink:active		{font: 10px verdana, arial, sans-serif; color:#0000ee; text-decoration:underline}
A.bookingLink:hover		{font: 10px verdana, arial, sans-serif; color:#0000ee; text-decoration:underline}

#searchBody {
	width:926px;
	text-align:left;
	margin:0;
	border-top:0;
	border-bottom:1px solid black;	
	border-left:0;
	border-right:0;
	padding:0;
}

#searchForm {
	margin:0;
	border:0;
	padding:0;
	position:relative;
	width:486px;
	left:180px;
	top:0px;
}

#mainAreaColumns {
	/* topplista + mitt + tidningar med lokus lista*/
	margin-top:0;
	margin-bottom:15px;
	margin-left:0;
	margin-right:0;
	position:relative;
	border:0;
	padding:0;
	width:926px;
}

#topListArea {
	margin:0;
	border:0;
	padding:0;
	position:absolute;
	width:158px;
	left:0px;
	top:0px;
}

#searchResultArea { /*sökresultat mm */
	border:0;
	padding:0;
	margin-left:175px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	width:468px;
	position:relative;
}
#mapArea {
	position:absolute;
	margin:0;	
	border:0;
	padding:0;
	right:0px;
	top:0px;
	width:264px;
	/*float:right;*/
}

/* Lokusmeny */


A.topLink:link		{font: 10px verdana, arial, sans-serif; color: #222222; font-weight: bold;}
A.topLink:visited	{font: 10px verdana, arial, sans-serif; color: #222222; font-weight: bold;}
A.topLink:active	{font: 10px verdana, arial, sans-serif; color: #222222; font-weight: bold;}
A.topLink:hover	{font: 10px verdana, arial, sans-serif; color: #222222; font-weight: bold;}

#footer { clear:both;
background-color:#CCC08F;
padding:8px; }

#platta_motor {
	margin:0;
	border:0;
	padding:0;
	position:absolute; 
	left:0px;
	top:0px;
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_motor.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#platta_jobb {
	margin:0;
	border:0;
	padding:0;
	position:absolute; 
	left:325px;
	top:0px;	
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_jobb.gif);
	background-repeat:no-repeat;
}

#platta_bostad {
	margin:0;
	border:0;
	padding:0;
	position:absolute;
	left:163px;
	top:0px;
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_bostad.gif);
	background-repeat:no-repeat;
}

#platta_koposalj {
	margin:0;
	border:0;
	padding:0;
	position:absolute; 
	left:0px;
	top:277px;
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_koposalj.gif);
	background-repeat:no-repeat;
}

#platta_resor {
	margin:0;
	border:0;
	padding:0;
	position:absolute; 
	left:163px;
	top:277px;
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_resor.gif);
	background-repeat:no-repeat;
}

#platta_annonsera {
	margin:0;
	border:0;
	padding:0;
	position:absolute; 
	left:325px;
	top:277px;
	width: 144px;
	height:264px; 
	background-image: url(../img/platta_annonsera.jpg);
	background-repeat:no-repeat;
}

.plattaBotArea {
	border:0;
	padding:0;
	margin:104px 9px 6px 9px;
	position: relative;
}
.rubrikPlatta
{
    FONT: 15px/18px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
	 FONT-WEIGHT: bold;
	 margin-bottom:8px;
}
.plattaBotLink {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	top:142px;
	left:0px;
}

.tidningsruta
{
    FONT: 12px/16px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
	text-align: left;
}

A.tidningsrutaLink:link		{font: 11px verdana, arial, sans-serif; color:#006699;}
A.tidningsrutaLink:visited	{font: 11px verdana, arial, sans-serif; color:#006699;}
A.tidningsrutaLink:active	{font: 11px verdana, arial, sans-serif; color:#006699;}
A.tidningsrutaLink:hover	{font: 11px verdana, arial, sans-serif; color:#006699; text-decoration: underline;}

.tidningsrutaTidningar {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.divider {
	margin:0 0 3px 0;
	border:0;
	padding:0;
}

 #MapNoFlash {
		position:absolute;
		left:8px;
		top:8px;
		width:264px;
		height:544px;
		border:0;
		margin:0;
		padding:0;	
		z-index:1400;
		background-image: url(../img/lokus_map_noflash.gif);
	}
	#MapNoFlashScroll {
		border:0;
		margin:0;
		padding:0;
		position:absolute;
		left:10px;
		top:57px;
		width: 234px;
		height: 432px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
	}
	#NextButton {
		border:0;
		margin:0;
		padding:0;
		position:absolute;
		left:10px;
		top:506px;
		width:106px;
		height:20px;	
		cursor:pointer;		
	}

A.MapLinkNoFlash:link		{font:10px verdana, arial, sans-serif; color: #555555; font-weight: bold; text-decoration: none; line-height:20px;}
A.MapLinkNoFlash:visited	{font:10px verdana, arial, sans-serif; color: #555555; font-weight: bold; text-decoration: none; line-height:20px;}
A.MapLinkNoFlash:active		{font:10px verdana, arial, sans-serif; color: #555555; font-weight: bold; text-decoration: none; line-height:20px;} 
A.MapLinkNoFlash:hover		{font:10px verdana, arial, sans-serif; color: #555555; font-weight: bold; text-decoration: underline; line-height:20px;}
	
	#noflashpaper {
		font:10px verdana, arial, sans-serif; color: #555555; font-weight: bold; text-decoration: none; line-height:20px;
	}
/* Slut nya styles */

.soktext_wide
{
    FONT-SIZE: 10px;
    WIDTH: 405px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.annonstyp
{
    FONT-SIZE: 10px;
    WIDTH: 120px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.dropdown_ny
{
    FONT-SIZE: 10px;
    WIDTH: 130px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

BODY
{
    BACKGROUND: #ffffff;
   /* MARGIN: 0px;*/
	 margin:0 0 0 10px;
    FONT: 10px Verdana, Arial, sans-serif;
    COLOR: #000000;
}

A
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #336699;
    TEXT-DECORATION: underline;
}
#Ads A:visited
{
    COLOR: #993366;
}
A.objectHit
{
    FONT-WEIGHT: bold;
    COLOR: #003366;
    TEXT-DECORATION: none;
}
A.objectHit:hover
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.objectHit:visited
{
    FONT-WEIGHT: bold;
    COLOR: #003366;
    TEXT-DECORATION: none;
}
.objectHit A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #003366;
    TEXT-DECORATION: none;
}
A.btsmallboldGrey:link
{
    FONT: bold 10px Verdana, Arial, sans-serif;
    COLOR: #003666;
}
A.btsmallboldGrey:visited
{
    FONT: bold 10px Verdana, Arial, sans-serif;
    COLOR: #003666;
}
A.btsmallboldGrey:active
{
    FONT: bold 10px Verdana, Arial, sans-serif;
    COLOR: #003666;
}
A.btsmallboldGrey:hover
{
    FONT: bold 10px Verdana, Arial, sans-serif;
    COLOR: #003666;
}
.nav
{
    FONT: bold 11px arial;
    COLOR: #000000;
}
.nav A:link
{
    FONT: bold 11px arial;
    COLOR: #003666;
}
.nav A:visited
{
    FONT: bold 11px arial;
    COLOR: #003666;
}
.nav A:hover
{
    FONT: bold 11px arial;
    COLOR: #6699cc;
}
.menySub
{
    FONT: 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.btsmall
{
    FONT: 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.btsmallmini
{
    FONT-SIZE: 9px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Small Fonts', arial, verdana, sans-serif;
    FONT-VARIANT: normal;
}
.meny
{
    FONT: bold 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.btsmallbold
{
    FONT: bold 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.rubrik
{
    FONT: bold 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.HuvudRubrik
{
    FONT: bold 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.btsmallItalic
{
    FONT: italic 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.btsmallboldGrey
{
    FONT: bold 10px Verdana, Arial, sans-serif;
    COLOR: #003666;
}
.btsmallVit
{
    FONT: 10px Verdana, Arial, sans-serif;
    COLOR: #ffffff;
}
.rubrikPuffar
{
    FONT: bold 12px verdana, arial, sans-serif;
    COLOR: #000000;
}
.listmenu160
{
    FONT: 10px Verdana, Arial, sans-serif;
    WIDTH: 160px;
    COLOR: #000000;
}
.listmenu140
{
    FONT: 10px Verdana, Arial, sans-serif;
    WIDTH: 140px;
    COLOR: #000000;
}
.bt
{
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
.btnNormal
{
    FONT: bold 10px verdana, arial, sans-serif;
    WIDTH: 80px;
    COLOR: #000000;
}
.TabellRubrik
{
    FONT: bold 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
H1
{
	 padding:0;
	 margin:0;
	 border:0;
    font: bold 10px verdana, arial, sans-serif;
    color: #000000;
}

.TabellText
{
    FONT: 10px verdana, arial, sans-serif;
    COLOR: #000000;
}
.litespejs
{
    MARGIN: 2px
}
.textfield
{
    FONT: 10px verdana, arial, sans-serif;
    COLOR: #003366;
}
.freetextfield
{
    FONT: 10px verdana, arial, sans-serif;
    WIDTH: 365px;
    COLOR: #003366;
}
.textfield_120
{
    FONT: 10px verdana, arial, sans-serif;
    WIDTH: 120px;
    COLOR: #003366;
}
.dropdown
{
    FONT-SIZE: 10px;
    WIDTH: 120px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.dropdown_wide
{
    FONT-SIZE: 10px;
    WIDTH: 160px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.dropdownSmall
{
    FONT-SIZE: 10px;
    WIDTH: 90px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.tblWithBorder
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #000000 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 1px solid;
}
.tblGrey
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #f2f2f2;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
}
.tblWhite
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.rub1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.ing1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.btex1
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-DECORATION: none;
}
.rub2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.rubheadline
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.ing2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.btex2
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-DECORATION: none;
}
.spacer
{
    FONT: 5px Verdana, Arial, sans-serif;
    COLOR: #ffffff;
}
TD
{
    FONT: 10px Verdana, Arial, sans-serif;
    COLOR: #000000;
}
A.Navi
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
}