/********************************************

	GENERAL STYLES
	Tag-specific styles: body, a, td, img
	General reuseable classes

********************************************/

body /* The body tag. Body background, overall font settings. */
{	margin: 0;
	padding:0;
	background-color:#D2CBC1;
	font-family: verdana, sans-serif;
	font-size:70%;
	color:#7B7A76;	
	
    background-image:none;
	background-color:#D2CBC1;
	color:#010000;
	font-family: Verdana, Arial, Sans-Serif;
	
	/*för scrollningslisten i resultatrutan */
	scrollbar-face-color: #e6e6e6;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #333333; 
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #cccccc;
}

a /* The link tag. Overall link settings. */
{
	color:#37194A;
	text-decoration: none; 
}

img
{
	border: none;
}

.marginTop20
{
	margin-top: 28px;
}

form
{
	margin:0;
	padding:0;
}

.red
{
	color: #B91A1A;
}

.accessibility /* For hiding accessibility content */
{
	display:none;
}

.hidden /* For hiding content */
{
	display: none;
}

p
{
	margin: 3px 0px 13px 0px;
	padding: 0px;
	line-height: 16px;	
}

.clear 
{
	clear: both;
}

.color_666666
{
	color: #666666;
}



/********************************************

	ICON LINKS
	Classes for varios links with an image icon
	CommentLink, PrintLink, EmailPageLink etc
	
********************************************/

.arrowlink /* Read more... */
{
	background-image:url(i_linkarrow.gif);
}

.emaillink /* Email this page to a friend */
{
	background-image:url(i_email.gif);
}

.printlink /* Print the page */
{
	background-image:url(i_print.gif);
}

/********************************************

	HEADINGS
	h1, h2, and special headings 
	
********************************************/

h1
{
	font-family:Arial;
	font-weight:normal;
	font-size:170%;	
	margin-bottom:11px;
	margin-top:11px;
	color:#666666;
	/*letter-spacing: -1px;*/
	margin: 0px;
	padding: 0px;
}

h2
{
	color:#666666;
	/*letter-spacing: -1px;*/
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	font-weight:normal;
	font-size:170%;
	color:#555555;
	margin-bottom:0px;
	margin-top:11px;	
}

h3
{
	COLOR:#37194A;
}

/********************************************

	OVERALL PAGE STRUCTURE
	Styles for the basic buildning blocks of the page

********************************************/

#fullpagewrap
{
	margin-left: 20px;
}

#fullpage	/* The entire page content (including #rightouterarea) except URTopBar. For setting background and margins. */
{
  padding:0px;
  padding-bottom:11px;  
}

#pagewrap /* Wrap for #page. For setting background. */
{	
	background-image:url(bg_top.jpg);
	background-repeat:no-repeat;
	padding: 41px 0px 0px 0px;	
}

#pagebottom /* Page end... */
{
	background-image:none;
}

#header
{
	background-image:url(bg_header.jpg);	
	width: 723px;
	height: 99px;	
}

#logo
{
	padding: 32px 0px 0px 10px;
}

#page /* The div holding the page. */
{	
	background-image:url(bg_page.jpg);
	background-repeat:repeat-y;	
	border-top: 0px;	
	width: 759px;
	padding-left: 35px;		
}

#pagebottom
{
	background-image:url(bg_pagebottom.jpg);
	background-repeat: no-repeat;
	height: 51px;
	position: relative;
	top: -15px;	
}

/********************************************

	MENU
	Menu items and links
	
********************************************/

#navigation
{	
	background-image: none;
}

#navigation a
{	
	background-image: none;
	color: #666666;
	padding: 7px 3px 0px 8px;
	float: left;	
}

#navigation a:hover
{	
	color: White;
}

#navigation ul
{
	margin: 4px 0px 0px 22px;
	padding: 0px;
	list-style-type: none;
	
}

#navigation li
{
	float: left;	
	height: 32px;
	list-style-type: none;	
}

/*-- STARTLINK*/
#navigation li.Startsida a
{
	background-image: url(bg_menu_start.gif);	
	width: 66px;	
	height: 22px;
}

#navigation li.selectedStartsida a
{
	background-image: url(bg_menu_start_selected.gif);
	width: 66px;	
	height: 22px;
	color: #FEFEFE;
}

#navigation li.Startsida a:hover
{
	background-image: url(bg_menu_start_selected.gif);		
}

/*-- /STARTLINK*/

/*-- BÖRJA DIN RESA HÄR*/

#navigation li.borjadinresa a
{	
	background-image: url(bg_menu_borjadinresa.gif);	
	width: 117px;
	height: 22px;
	padding-left: 15px;
}

#navigation li.borjadinresa a:hover
{	
	background-image: url(bg_menu_borjadinresa_selected.gif);		
}

/*-- /BÖRJA DIN RESA HÄR*/

/*-- ARTIKLAR*/
 
#navigation li.Artiklar a
{	
	background-image: url(bg_menu_artiklar.gif);	
	width: 45px;
	height: 22px;
	padding-left: 9px;
}

#navigation li.selectedArtiklar a
{	
	background-image: url(bg_menu_artiklar_selected.gif);
	color: #FEFEFE;
	width: 45px;
	height: 22px;
	padding-left: 9px;
}

#navigation li.Artiklar a:hover
{	
	background-image: url(bg_menu_artiklar_selected.gif);		
}

/*-- /ARTIKLAR*/

#navigation li.empty
{	
	background-image: url(bg_menu_empty.gif);	
	width: 411px;
}

#navigation ul li div.menuitem
{
	line-height:normal;
	padding: 0px;
	background-image: none;		
}

/*--SÖKBLOCKET--**/
.dagensord, .dagensordselected, .dagensordao /*Bild*/
{
	position: relative;
	top: 20px;
	left: -22px;
	float: left;	
	height: 20px;
}

.dagensord a, .dagensordselected a, .dagensordao a
{	
	padding-left: 73px;
	padding-bottom: 1px;
	position: relative;
	top: 2px;
	background-image: url(../images/veckansord.jpg);
	background-repeat: no-repeat;
}

.dagensordselected a, .dagensordaoselected a
{
	background-image: url(../images/veckansord_markerad.jpg);
	background-repeat: no-repeat;
}

.dagensord a:hover, .dagensordao a:hover
{	
	background-image: url(../images/veckansord_hover.jpg);
	background-repeat: no-repeat;
}

.dagensordao
{	
	left: -39px;
}

.sok, .sokselected, .sokao /*Bild*/
{
	position: relative;
	top: 18px;
	left: 21px;
	float: left;	
}

.sok a, .sokselected a, .sokao a
{	
	padding-left: 17px;	
	background-image: url(../images/sok.jpg);
	background-repeat: no-repeat;
}

.sokselected a, .sokaoselected a
{
	background-image: url(../images/sok_markerad.gif);
	background-repeat: no-repeat;
}

.sok a:hover, .sokao a:hover
{		
	background-image: url(../images/sok_hover.jpg);
	background-repeat: no-repeat;
}

.sokao
{
	left: 4px;
}

.ao, .aoselected /*Bild*/
{
	position: relative;
	top: 15px;
	left: 72px;	
	float: left;	
}

.ao a, .aoselected a
{	
	padding-left: 16px;	
	background-image: url(../images/ao.jpg);
	background-repeat: no-repeat;
}

.aoselected a
{
	background-image: url(../images/ao_markerad.gif);
	background-repeat: no-repeat;
}

.aoselected
{	
	left: 55px;	
}

.ao a:hover
{		
	background-image: url(../images/ao_hover.jpg);
	background-repeat: no-repeat;
}


/********************************************

	MAINCONTENT
	The "article" content
	
********************************************/

/*-- FÖR STARTSIDAN --*/
#content
{
    background-image:url(bg_content.jpg);
	background-repeat: no-repeat;	
	width: 710px;
	float: left;	
}

#contenttext
{	
	float: left;
	width: 388px;	
	padding: 18px 0px 0px 29px;	
}

/*-- /FÖR STARTSIDAN --*/

/*-- /FÖR ARTIKELSIDAN --*/

#absoluteLink
{	
	height: 101px;
	width: 210px;
	position: absolute;
	top: 275px;
	left: 540px;	
}

#contentartikel
{    	
	width: 710px;
	float: left;	
	padding-bottom: 50px;	
	margin-bottom: 0px;
	position: relative;
	left: 8px;	
}

#contenttextartikel
{
    float: left;
	width: 418px;
	padding: 32px 0px 10px 28px;	
}

#contentbackground
{
	background-color: #FAF9F7; 
	background-image: url(bg_artikel.gif); 
	background-repeat: repeat-y;	
	width: 710px;	
}

/*-- /FÖR ARTIKELSIDAN --*/

#papper, #papperartikel
{
	position: relative;
	top: -111px;
	left: 40px;
	float: left;	
}

#papperartikel
{
    left: 3px;
}

#contentimg a, #contentimgartikel a 
{
	position: relative;
	top: -136px;
	left: 45px;
	float: left;
	background-image: url(../images/remsa.gif);
	height: 77px;
	width: 224px;	
}

#contentimgartikel a
{
	left: 8px;
}

#contentimg a:hover, #contentimgartikel a:hover
{
	background-image: url(remsa_hover.gif);
}

#contentright /*på artikelsidan*/
{
    border-left: 1px solid #E1E0DE;
    width: 223px;    
    float: left;
    margin-left: 21px;
    padding-left: 6px;
    padding-bottom: 150px;
    position: relative;
    top: -120px;
}

#h1arkivet /*på artikelsidan*/
{
    margin-left: 6px;
}

.arkivitem a
{
    color: #656668;
    float: left;
    padding: 5px 0px 7px 8px;
    width: 214px;
    background-color: #D6CFC7;
    margin-top: 1px;
}

.arkivitem a:hover
{
    color: #FFFFFF;    
    background-color: #666666;    
}

.arkivitemSelected a
{
    color: #FFFFFF;    
    background-color: #666666;    
}


/*för bilderna på artikelsidan*/
.floatright
{
    float: right;
    margin: 15px 0px 10px 0px;
}

.floatleft
{
    float: left;
    margin: 15px 15px 10px 0px;
}

/********************************************

	SEARCHBLOCK
	The search content
	
********************************************/

#searchblock
{
	background-image:url(bg_searchblock.gif);
	height: 403px;
	width: 705px;
	margin: 0px 0px 0px 13px;	
	clear: both;
	position: relative;
	top: -25px;	
}

#videoplayer
{
	background-image:url(bg_videoplayer.gif);
	height: 299px;
	width: 333px;
	position: relative;
	top: 39px;
	left: 10px;	
	float: left;	
	margin-bottom: 39px;	
	padding-left: 9px;	
	margin-right: 1px;
	overflow: hidden;
}



.flikardagensord, .flikarsok, .flikarao
{
	background-image:url(bg_flik_dagensord.gif);
	/*background-image:url(bg_flik_dagensord.gif);
	background-image:url(bg_flik_dagensord.gif);*/
	height: 113px;
	width: 341px;		
	position: relative;
	top: -10px;
	left: 9px;
	float: left;	
}

.flikarsok
{
	background-image:url(bg_flik_sok.gif);	
}

.flikarao
{
	background-image:url(bg_flik_ao.gif);		
}

/*-- BILDALTERNATIV FÖR SÖKBLOCKET--*/
.femsenaste 
{	
	margin: 15px 0px 0px 0px;
	float: left;	
	width: 129px;
	position: relative;
	left: 11px;
	height: 81px;	
}

.sokbland /*Bild*/
{
	margin: 15px 0px 0px 0px;
	float: left;	
	width: 129px;
	position: relative;
	top: 40px;
	left: 21px;
	height: 81px;	
}

.bokstavsordning /*Bild*/
{
	margin: 15px 0px 0px 0px;
	float: left;	
	width: 145px;
	position: relative;
	top: 50px;
	left: 14px;
	height: 81px;	
}

.lappar_abcde
{
	position: relative;
	top: 30px;
	left: 37px;
	float: left;	
	height: 67px;
}

/*-- /BILDALTERNATIV FÖR SÖKBLOCKET--*/

.searchinput
{
	border: 1px solid #9C9894;
	margin-left: 17px;
	width: 232px;
	padding: 3px 2px 4px 10px;
	font-size: 11px;	
	font-family: Verdana;
}

.searchbutton
{	
	position: relative;
	top: 8px;
	left: 5px;	
}

.aolista
{	
	margin-left: 23px;	
	background-color: #D6CFC7;
	float: left;
	position: relative;
	top: -20px;
}

.aolista td
{	
	padding-right: 2px;
	padding-bottom: 4px;	
	
}

.aolista a
{
	font-size: 12px;
	background-color: #AAA49C;	
	padding-bottom: 2px;
	color: #666666;
}

.aolista a:hover
{
	font-size: 12px;
	background-color: #666666;	
	color: #FFFFFF;
}

.aolista .padding5
{
	padding-right: 5px; padding-left: 5px;	
}

.aolista .padding55
{
	padding-right: 6px; padding-left: 5px;	
}

.aolista .padding6
{
	padding-right: 6px; padding-left: 6px;	
}

.aolista .padding65
{
	padding-right: 7px; padding-left: 6px;	
}

.aolista .padding7
{
	padding-right: 7px; padding-left: 7px;	
}

.aolista .padding75
{
	padding-right: 8px; padding-left: 7px;	
}

.aolista .padding8
{
	padding-right: 8px; padding-left: 8px;	
}

#avgransare img
{	
	float:left;	
	width: 321px;
	margin: 10px 0px 6px 19px;	
	height: 1px;
}

/*#listblock ---- För de fem senaste
{		
	float:left;
	height: 202px;	
	width: 325px;
	margin: 0px 0px 0px 18px;
	overflow: auto;	
}*/

#listblock /*---- För resten */
{		
	float:left;
	height: 170px;	
	width: 325px;
	margin: 0px 0px 0px 18px;
	overflow: auto;
}

.listitem
{
	background-image:url(bg_lista.gif);	
	height: 26px;
	width: 285px;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px 0px 15px;
}

.listitem p
{
	margin: 0px;
	padding: 0px;	
	line-height: normal;	
}

.sign
{
	float: left;	
	width: 150px;	
}

.sign a
{
	color: #000000;	
}

.station
{
	color: #929292;
	float: left;	
	text-align: right;
	width: 117px;
}

#valtord
{
	clear: both;
	margin-left: 23px;
	color: #3F3F3F;	
}

/********************************************

	PUFFS
	Classes for puffs and puff area
	
********************************************/

#puffarea
{
	position: relative;
	left: 9px;
	top: -32px;
	float: left;	
}

#puffleft, #puffright
{
	float: left;	
}

#puffcontentlefttop
{
	background-image:url(bg_prenumerera.jpg);
	height: 107px;
	width: 368px;
}

#puffcontentrighttop
{
	background-position: bottom;
	background-image:url(bg_tipsaenvan.jpg);
	background-repeat: no-repeat;
	height: 107px;
	width: 342px;
}

#prenumerera
{
	margin: 20px 0px 0px 22px;
}

#tipsaenvan
{
	margin: 25px 0px 0px 32px;
}

.puffcontentleftbottom
{
	background-color: #FAF9F8;
	padding: 0px 15px 8px 10px;
	width: 335px;		
}

#puffcontentrightbottom
{
	background-color: #FAF9F8;
	padding: 0px 15px 8px 10px;
	margin-left: 3px;
	width: 311px;	
}

.buttonlasmerleft
{
	margin-left: 267px;
}

.buttonlasmerright
{
	margin-left: 250px;
}


/********************************************

	Popupwindows
	Classes for popups
	
********************************************/

.container
{
	padding: 12px;
	background-color: #FAF9F8;
	
}

.container input
{
	margin-bottom: 10px; 
}

.popupheader
{
	background-image: url(bg_popupheader.gif);
	background-repeat: no-repeat;
	width: 305px;
	height: 58px;
	margin-bottom: 13px;
}

.popupheader h1
{
	padding: 12px 0px 0px 20px;
	font-size: 23px;
}

.popupheader h2
{
	margin-left: 20px;	
}

.heightDivMMSPopup
{
	height: 134px;
}

.heightDivEmailPopup
{
	height: 313px;
}

.chbMess
{
	margin-top: 1px;
}

.bottomMarginPopup
{
	margin-bottom: 12px;
}