﻿@charset "UTF-8";
/* CSS Document */

html, body 
{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
}

html
{
    /* NOTE!!! Changes here need to be copied to page specific <style> in <head> of boDefault.Master */

    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll; /*-y stands for the vertical scrollbar */

    background: url('/Images/bg_black_sports1920.jpg') no-repeat; 
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;/**/
    background-color:#000000;
}

body {
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    color: #333333;
}


iframe{	border-style:none; }

/*-------------------------*/
/* Uses on Default.Master  */
/*-------------------------*/
#supercontainer {
    width:1010px;
    height:100%;
    position:relative;
    top:0px;
	margin:0 auto;
    padding: 0px 0px 20px 0px;
    background-color:#fff;
}

#container {
   width:1010px;
   height:100%;
   position:relative;
   top:0px;
   background-color:#fff;
   
   overflow:hidden;
   clear: both; 
}

.shadow  
{
    height:100%;
    min-height:100%;
	-moz-box-shadow: 0 0 2em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 2em rgba(0,0,0,0.4);
    box-shadow: 0 0 2em rgba(0,0,0,0.4); 
}

/*------------------------------------------------------*/
/* Uses on Neutral.Master. Center the page horisontally */
/*------------------------------------------------------*/
#ntrSupercontainer {
    width:900px;
    position:relative;
    top:0px;
	padding: 0px 10px 10px 10px;
    margin:0 auto;
    background-color:#fff;
}

#ntrContainer {text-align:center; /* För centrering av sida neutral.master */ }
#ntrOuter {width:750px; margin:0 auto; text-align:left; position:relative; top:20px;}

/*--------------------------------------------------------------------*/
/* HEADER */
/*--------------------------------------------------------------------*/
#head {
    height:auto;
    padding-bottom:10px;
    width: 990px;
}

#ntrHead 
{
    width:750px;
    height:110px; 
    position:relative;
    padding-bottom:10px;
}

/* logo */

 #sitename
{
    padding:0px;
    margin:0px;
}


#sitename img
{
    padding:0px;
    margin:0px 0px 0px 0px;
    line-height:20px;
}
#sitename a:link, #sitename a:visited, #sitename a:hover, #sitename a:active
{padding:0px; margin:0px; font-family: arial,helvetica,sans-serif; color: #000000; font-size: 38px; text-decoration: none; font-weight: bold;}

#sitetag a:link, #sitetag a:visited, #sitetag a:hover, #sitetag a:active
{   padding:0px; margin:0px; font-family: arial,helvetica,sans-serif; color: #000000; font-size: 12px; text-decoration: none; /*text-transform:uppercase;*/ line-height:20px;}


#flags {
    position:absolute;
    right:10px;
    top:10px;
}

#search {
    position:absolute;
    right:0px;
    top:70px;
}

#ntrShare
{
    position:absolute;
    right:0px;
    top:80px;
}

/*--------------------------------------------------------------------*/
/* SUBPAGE STYLES */
/*--------------------------------------------------------------------*/
/* Omsluter #spContenttitle. Summan av width är totala bredden här. */
#spContenttop, #fpContenttop { 
    position:relative;
    width:750px;
}

#spContenttitle, #fpContenttitle {
    float:left;
    /*width:545px;*/
}

/*--------------------------------------------------------------------*/
/* TOPNAVIGATION */ 
/*--------------------------------------------------------------------*/
#topnavigation ul {
/*   width: 985px;*/
   max-height:60px;
   padding:0 5px;
   vertical-align:middle;
   line-height:30px;
   background-color: #000000;
   overflow:auto;
}

#topnavigation ul li {
    float:left;
    margin-right:0px;
    list-style-type:none;
    padding:0 7px;
    overflow:auto;
}
    #topnavigation ul li.selected { background-color: #71e7fd; }

.topnavigation
{   
    font-weight: normal; font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-decoration: none;
}

#topnavigation a:link, #topnavigation a:visited {
    font-weight: normal; font-size: 11px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-decoration: none; height:100%;
}

#topnavigation ul li:hover { background-color: #71e7fd; }
#topnavigation ul li a.selected { color:#ffffff; }

/*------------------------------------------------- topnavigation END */

/*--------------------------------------------------------------------*/
/* LEFT COLUMN */
/*--------------------------------------------------------------------*/
#leftcolumn
{
    float:left;
    left: 10px;
    top: 195px;
    width: 234px;
    padding:5px 0 25px 0;
    margin: 0px;
}

#leftcolumn p {
        padding-bottom:20px;
}



/* FBLIKE */
#fblikeBox
{
    margin-top:20px;
}

.fb-comments 
{
    float:left;
    border-top:1px #eeeeee solid;
}

#sharebtns
{
    float:right;
    width:225px;
    padding-top:7px;
    margin-left:5px;
    border-top:1px solid #eeeeee;
}

/*--------------------------------------------------------------------*/
/* CONTENTAREA */
/*--------------------------------------------------------------------*/ 
#contentarea {
    /* width:953px; Fix (3px brett) för att nyhetskolumnen inte ska placeras under subnavigeringen*/
    position:relative;
    top:15px;
    clear:both;
}

/*--------------------------------------------------------------------*/
/* CONTENT */ 
/*--------------------------------------------------------------------*/
#fpContent {
    float:left;
    margin-left: 20px;
    width:479px;
   
    overflow:hidden; /* Klipper innehåll utanför contentytan. IE6: fix för att innehållet inte ska placeras under subnavigeringen. */
}

#fpContent2 {
	float:left;
	width:730px; /* Vid ändring av bredd, ändra även #spContenttop */
	padding-left:20px;
	margin-bottom:15px;
	overflow:visible;
	font-size: 14px;

} 

#spContent {
	float:left;
	width:730px; 	/* Vid ändring av bredd, ändra även #spContenttop */
	padding-left:20px;
	margin-bottom:15px;
	/* overflow-x:auto; Klipper innehåll utanför contentytan och slår på horisontell scroll */
	/*overflow-y:hidden;  Döljer vertikala scrollen även i IE7 */
	overflow:visible;

}

#ntrContent {width:750px; height:100%; padding-bottom:45px; overflow:hidden;}


/* NEWS */
#fpNews {
   width:225px;
   height:440px;
   min-height:440px;
   height:100%;
   overflow:auto;
   
   background-image:url("/Images/1_vert_ln.gif");
   background-repeat:no-repeat; 
}

#fpNewsPlate {
   width:204px;
   height:187px;
   min-height:187px;
   height:100%;
   margin-left:21px;
   
   background-color:#d1f0fc;
   background-image:url("/Images/newsplate_topbgr.gif");
   background-repeat:no-repeat;
}

#fpNewsPlate h3
{
	margin-top:5px;
	margin-bottom:5px;
}

#fpNewsText
{
    width:188px;
    padding-top:3px;
    padding-bottom:5px;
    padding-left:7px;

}

#fpRightColumn
{
	margin-left:21px;
	margin-top:20px;	
}

/* FOOTER */
#footer {
	padding-top:15px;
}

#ntrFooter {
    height:45px;
	padding-top:10px;
	border-top:1px solid #dddddd;		
}

.footer 
{
    FONT-SIZE: 11px; 
    COLOR: #004a80;
    TEXT-TRANSFORM: uppercase;
}

#ntrFooter a:link, #ntrFooter a:hover, #ntrFooter a:visited, #ntrFooter a:active, 
#footer a:link, #footer a:hover, #footer a:visited, #footer a:active
{
    FONT-SIZE: 11px; 
    COLOR: #00aeef;
    text-decoration:underline; 
    TEXT-TRANSFORM: uppercase;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active { /*COLOR: #bb1919;*/ text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#minilogo 
{
    float:left;
    width:170px;
    height:60px;
    /*background-image:url("/Images/minilogo_sv.jpg");*/
    background-image: none;
    background-repeat:no-repeat;
    background-position:right top;
}

#minilogolink {
    position:absolute;
    width:170px;
    height:60px;
    top:0px;
    right:0px;
}

img
{
    border:0px;
}

hr
{
    margin:0px;
    padding:2px 0px 2px 0px;
    width:100%;

    border-bottom:1px solid #dddddd;
    border-style:none none solid;
}


/************************** content, news, footer END */

/*--------------------------------------------------------------------*/
/* CONTENT classes and links */
/*--------------------------------------------------------------------*/
.contenttitle {FONT-WEIGHT: bold; FONT-SIZE: 26px; COLOR: #006699; FONT-FAMILY: Georgia, "Times New Roman", Times, serif;}
H1[class=contenttitle]{FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #006699; FONT-FAMILY: Georgia, "Times New Roman", Times, serif;}
.contenttext{FONT-SIZE: 13px; COLOR: #000; FONT-FAMILY: arial, helvetica, sans-seif; line-height:20px;}
.contenttext p { margin-bottom:20px; }
 

/* HEADLINES */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {FONT-SIZE: 26px; COLOR: #006699; FONT-FAMILY: georgia, times, "times new roman", serif; font-weight: normal; margin-top:0em; padding:0em;}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color:#00ccff;}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {FONT-SIZE: 22px; COLOR: #006699;FONT-FAMILY: georgia, times, "times new roman", serif; font-weight: normal; margin-top:0em; padding:0em;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color:#00ccff;}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {FONT-SIZE: 19px; COLOR: #333;FONT-FAMILY: georgia, times, "times new roman", serif; font-weight: normal; margin-top:0em; padding:0em;}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color:#00ccff;}

H4{font-size:13px;}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {FONT-SIZE: 15px; COLOR: #006699; FONT-FAMILY: Georgia; line-height: 1.5em; font-weight: normal; margin-top:0em; padding:0em;}
h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {color:#00ccff;}

H6{}

txtH1{FONT-FAMILY: arial; COLOR: #077FAD; margin-top:12pt; margin-right: 0pt; margin-bottom: 3pt; margin-left: 0pt;font-size: 14pt;}

/* GENERAL LINKS */
A:link{FONT-SIZE: 13px; /*COLOR:#bb1919;*/ /*Ljusblå ORG: #00ccff*/ FONT-FAMILY: arial; TEXT-DECORATION: none}

A:visited{FONT-SIZE: 13px; /*COLOR:#bb1919;*/ /*Ljusgrön ORG: #66cc00*/ FONT-FAMILY: arial; TEXT-DECORATION: underline}

A:hover{TEXT-DECORATION: underline}

A:active{FONT-SIZE: 13px; /*COLOR: #bb1919;*/ FONT-FAMILY: arial; TEXT-DECORATION: underline}

.righttext{FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: arial}

/* Annons som skrivs ut innan content, men kan placeras var som helst  */
#floating_ad
{
position:absolute;
top:0px;
left:840px;
}

.clearBoth {clear:both; }

/*--------------------------------------------------------------------*/
/* FORMS */
/*--------------------------------------------------------------------*/
.textbox{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.textarea{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.radio{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.checkbox{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.listbox{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.label{FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:  Georgia, "Times New Roman", Times, serif}

.submit{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

/*--------------------------------------------------------------------*/
/* SEARCH */
/*--------------------------------------------------------------------*/
/*.search {float:right; margin:30px 0 0 0;}*/


.searchlabel{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.searchtextbox  
{
    FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial; width:155px; height:22px; padding-left:5px; border:1px solid #dadada; float:left; border-right:none;
   -webkit-border-top-left-radius: 1px;
   -webkit-border-bottom-left-radius: 1px;
   -moz-border-radius-topleft: 1px;
   -moz-border-radius-bottomleft: 1px;
   border-top-left-radius: 1px;
   border-bottom-left-radius: 1px;
   
   outline: 0; /* In order to remove the outline border in Chrome */
}

.searchbutton
{ 
    FONT-SIZE: 12px; FONT-FAMILY: arial; font-weight:bold; cursor:pointer; height:26px; color:#555555; padding:0 15px;  background-color:#dddddd; border:1px solid #dadada; border-left:none; float:right;
    
    background: #eeeeee;
    background-image: -webkit-linear-gradient(top, #eeeeee, #dadada);
    background-image: -moz-linear-gradient(top, #eeeeee, #dadada);
    background-image: -ms-linear-gradient(top, #eeeeee, #dadada);
    background-image: -o-linear-gradient(top, #eeeeee, #dadada);
    background-image: linear-gradient(to bottom, #eeeeee, #dadada);
    
    -webkit-border-top-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-radius-topright: 1px;
    -moz-border-radius-bottomright: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    
    outline: 0; /* In order to remove the outline border in Chrome */
}

.searchresulthead{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

.searchresultcount{FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

A.searchresulttitle:link{FONT-SIZE: 10px; COLOR: #00ccff; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none}

A.searchresulttitle:visited{FONT-SIZE: 10px; COLOR: #00ccff; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: underline}

A.searchresulttitle:hover{FONT-SIZE: 10px; COLOR: #00ccff; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: underline}

A.searchresulttitle:active{FONT-SIZE: 10px; COLOR: #00ccff; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: underline}

.searchresulttext{FONT-SIZE: 10px; PADDING-BOTTOM: 8px; COLOR: #000000; FONT-FAMILY: arial}

/* doublescroll */ 
#mainplh_boAutoOddsTable1_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable1_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable2_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable2_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable3_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable3_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable4_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable4_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable5_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable5_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable6_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable6_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable7_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable7_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable8_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable8_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable9_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable9_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable10_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
#mainplh_boAutoOddsTable10_divScrollContainer p { margin: 0; padding: 1em; white-space: nowrap; }
#mainplh_boAutoOddsTable1_divScrollContainer { overflow-y: hidden; overflow-x: auto !important; width:505px; margin-bottom: 1px;margin-left: 3px;}
 
/*--------------------------------------------------------------------*/
/* Breadcrumb */
/*--------------------------------------------------------------------*/
#breadcrumb {color: #c7c5c5; padding: 4px 0px 15px 0px; line-height:1.5;}
    #breadcrumb a, 
    #breadcrumb a:link,
    #breadcrumb a:visited,
    #breadcrumb a:hover,
    #breadcrumb a:active
    {margin-right:5px; color: #c7c5c5;}
    #breadcrumb a:hover { color:#9d9c9c; text-decoration:none; }
    #breadcrumb a.selected { color:#71e7fd;} 


/* Page header container */
.logo-container{width:250px;float:left;}
.headerplh { width:600px; overflow:hidden; }
.headerplh > p {margin: 15px 0px 0px 0px;}

.aligncenter { text-align:center; }
.padding-sides { padding: 0px 10px 0px 10px; }

/*--------------------------------------------------------------------*/
/* SUBNAVIGATION */
/*--------------------------------------------------------------------*/
#leftmenu {   
    font-family: arial, helvetica, sans-serif;
    font-size: 12px; 
    color: #6f6f6f;
    border-top: 1px solid #e0dcd0;
    width:234px;

    position:relative;

    margin-bottom:25px;
}

#leftmenu a:link,
#leftmenu a:hover,
#leftmenu a:active,
#leftmenu a:visited {
    display: block; 
    font-size: 12px;
    font-weight:bold;
    text-transform: uppercase; 
    color: #000000; 
    font-family: arial, helvetica, sans-serif; 
    text-decoration: none;
    letter-spacing: -0.05px;
    padding: 6px 2px 6px 5px;
    vertical-align: middle;   
    border-bottom: 1px solid #E0DCD0; 

    position:relative;
}

#leftmenu a:hover,
#leftmenu a.menu-item:hover,
#leftmenu a.menu-item.level-1:hover,
#leftmenu a.menu-item.level-2:hover,
#leftmenu a.menu-item.level-3:hover,
#leftmenu a.menu-item.level-4:hover,
#leftmenu a.menu-item.level-1.selected:hover,
#leftmenu a.menu-item.level-2.selected:hover,
#leftmenu a.menu-item.level-3.selected:hover,
#leftmenu a.menu-item.level-4.selected:hover, 
#leftmenu a.menu-item.level-1.selected.has-children:hover,
#leftmenu a.menu-item.level-2.selected.has-children:hover, 
#leftmenu a.menu-item.level-3.selected.has-children:hover,
#leftmenu a.menu-item.level-1.has-children:hover,
#leftmenu a.menu-item.level-2.has-children:hover, 
#leftmenu a.menu-item.level-3.has-children:hover
{
    color:#fff;
    background-color: #71e7fd; 
}

#leftmenu hr {
    margin: 0px;
    padding:0px;
/*  border-bottom: 1px solid #E0DCD0;
    border-style: none none solid;
*/
}

hr.menu-separator-level-2 {margin: 0;border-bottom: 1px solid #ffffff; border-style: none none solid;}
hr.menu-separator-level-3 {margin: 0;border-bottom: 1px solid #ffffff; border-style: none none solid;}
hr.menu-separator-level-4 {margin: 0;border-bottom: 1px solid #ffffff; border-style: none none solid;}

/* Indrag i vänsterkanten. Inline-block ser till att flera rader har samma vänsterindrag */
span.menu-item { margin-left:7px; display:inline-block; position:relative;}
.level-2 > span.menu-item {margin-left:20px;display:inline-block;}
.level-3 > span.menu-item {margin-left:35px; display:inline-block;}
.level-4 > span.menu-item {margin-left:50px; display:inline-block;}

.level-1.focus-item { background-color: #216C2A; color:#fff; }

/*.level-2-container {padding-left: 10px; color:red; background-color:yellow;}*/
.level-2 { background-color:#85BB65; border:none; }
.level-2.selected {color:#fff;}

/*.level-3-container {padding-left: 10px;color:pink; background-color:orange; }*/
.level-3 { background-color: #85BB65; }

/*.level-4-container {padding-left: 10px;color:#339999; background-color:lightyellow; }*/
.level-4 { background-color: #85BB65; }
.level-4.selected {color:#FFFFFF;  border:none; }

#leftmenu a.menu-item span.menu-item { margin-right:8px; } /* Has-children = arrow: The menutext will never float over the arrow */
#leftmenu a.menu-item.has-children span.menu-item { margin-right:22px; } /* The menutext will never float over the arrow*/


#leftmenu a.menu-item.level-1.focus-item {color:#fff; } /* Aktuellt-länkar. Metataggen 'menufocus' anges i Lemoon */
#leftmenu a.menu-item.level-2 { color:#fff; font-weight:normal; text-transform:initial; border:none; padding-top:4px; padding-bottom:4px;  }
#leftmenu a.menu-item.level-3,
#leftmenu a.menu-item.level-4 { color:#fff; font-weight:normal; text-transform:initial; border:none; padding-top:3px; padding-bottom:3px;}

/* Selected menu items */
#leftmenu a.menu-item.level-1.selected,
#leftmenu a.menu-item.level-2.selected,
#leftmenu a.menu-item.level-3.selected,
#leftmenu a.menu-item.level-4.selected { background-color:#71e7fd; color:#fff; }
#leftmenu a.menu-item.level-1.selected { border: none; } 

#leftmenu a.menu-item.level-3.selected { font-weight:bold; }

/* Parent menu items */
#leftmenu a.menu-item.level-1.selected.has-children { background-color:#85BB65; color:#fff; }
#leftmenu a.menu-item.level-2.selected.has-children, 
#leftmenu a.menu-item.level-3.selected.has-children { background-color:#85BB65; color:#fff; font-weight:bold;}

/* Arrow on menu items that has-children */
.pil, 
#leftmenu a.menu-item.level-1 .pil,
#leftmenu a.menu-item.level-1.focus-item .pil,
#leftmenu a.menu-item.level-1.selected .pil,
#leftmenu a.menu-item.level-1.has-children:hover .pil,
#leftmenu a.menu-item.level-2 .pil,
#leftmenu a.menu-item.level-3 .pil
 {
    background-repeat: no-repeat;
    background-size:11px 7px;
    background-position: center 3px;
    height: 12px;
    width: 25px; 
    
    position:absolute;
    top:6px;
    right:5px;  
}

/* Öppnad pil (original pilen pekar neråt) */
#leftmenu a.menu-item.level-1.selected .pil,
#leftmenu a.menu-item.level-2.selected .pil,
#leftmenu a.menu-item.level-3.selected .pil {

    /* pekar uppåt */
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

/* Svart pil */
#leftmenu a.menu-item.level-1 .pil
{
    background-image: url("/Images/pil-svart.png");
}

/* Vit pil */
#leftmenu a.menu-item.level-1.focus-item .pil,
#leftmenu a.menu-item.level-1.selected .pil,
#leftmenu a.menu-item.level-1.has-children:hover .pil,
#leftmenu a.menu-item.level-2 .pil,
#leftmenu a.menu-item.level-3 .pil
{
    background-image: url("/Images/pil-vit.png");
}
/*------------------------------------------ subnavigation END */

.ad { margin-bottom:25px; text-align:center; }
.box-with-border {
    width: 230px;
    border: 2px solid #eee;
    color: #ddd;
    font-size: 22px;
    font-weight: bold;
    text-align: center;     
}

.height-70 { height:70px; line-height: 70px; /*Line-height centers the text vertically */ }
.height-125 { height:125px; line-height: 125px; }