/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:10px;}
BODY{COLOR:#232423; FONT-FAMILY:Verdana !important; MARGIN-LEFT:15px; MARGIN-TOP:0px;}
A:link{COLOR: #c13e10;text-decoration:none;}
A:active {COLOR: #c13e10;text-decoration:none;}
A:visited{COLOR: #c13e10;text-decoration:none;}
A:hover{COLOR: #c13e10;text-decoration:underline;}
A:target {color: white; background: #049;}
A.sftarget {color: white; background: #049;}
A.current {color: white; background: #049;}
P{margin-bottom:1em; MARGIN-top:0;}
UL, OL{MARGIN-TOP:0; MARGIN-BOTTOM:0;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
/* Classes mainly for Search.aspx */
.list {list-style-type:none; margin-left:0;}
.inline {display: inline;}
.block {display: block;}
.right {float: right;}
.left {float: left;}
.hitsummary{margin-top:15px;}
.SearchField10{position:relative; top:-90px; right:-180px;width:150px; top: -88px !ie; right: -215px !ie; height:13px; font-size:11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; padding-bottom:1px; padding-right: 10px;}
.SearchButton3{position:relative; top:-72px; right:-353px; top:-68px !ie; right: -390px !ie; vertical-align: top; margin-left:2px; padding-right: 10px;}
.SearchH2{position:relative; top:-5px; right:40px; right: 5px !ie;}
.AdvancedSearchL{position:relative; top:15px; right: 40px; font-size:14px;margin-top:5px; right:-0px !ie;}
.SearchWordClass{position:relative; top:0px; right:40px; top: 0px !ie; right: 0px !ie;}
.pageNavigatorContainer{text-align:center;margin-top:20px;}
.Searchhelplink{float:right;position:relative; top:95px; right:25px; font-size:14px;}
/* ------------------------------ */
a img{border:none !important;}
img{border:none !important;}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:200%; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;}
.H2header{FONT-SIZE:115%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:10px; margin-left:-1px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h2{font-size:140%; font-weight:bold; MARGIN-BOTTOM:3px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h3{font-size:115%; FONT-WEIGHT:bold; MARGIN-BOTTOM:3px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h3 p{margin-bottom:3px;} /* Fix for "Artikelpuff botten vänster/höger titel" in Litium for site Jämställ.nu In Eng */
h4{font-size:110%; margin:10px 0 5px 0;FONT-FAMILY:Verdana,Arial,Helvetica;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:80%; line-height:normal !important; margin-top:-10px !important;}
/*---------------------------------------Allmänt--------------------------------------*/
.WebBody {background-color: #ffffff; margin:auto; padding:0px; width:100%; height:100%; min-height:100%;/*bugfix for Opera*/}
.WebMain {width:96.4em;margin:auto;}
.WebContentStart{width:100%;}
.WebContentMain{margin:auto;}
.NoNavFrame{width:215px; height:100%;}
.threeCol{width:720px;}
/*----------------Header-----------------*/
.WebHeader {width:100%;}
.HeaderLine {margin:0 1px 0 1px; width:100%; height:3px; background-color:#EF4900; overflow:hidden; /*bugfix IE6*/}
.headerLineLeft {float:left;height:3px; width:3px; background-image: url(Images/headerLineLeft.gif);background-repeat:no-repeat;}
.headerLineRight {float:right;height:3px; width:3px; background-image: url(Images/headerLineRight.gif);background-repeat:no-repeat;}
.TopLinks{float:right;height:12px;width:100%;text-align:right;padding-top:6px;}
.topLinkItem {float:right;font-size:105%;}
.GrayLink a{color:#303030;}
.topLinkSeparator {float:right;margin:0 11px 0 11px;width:1px;height:13px;background-color:#dbdbdb;}
.SKLLogo{margin:1px 0 0 17px;float:left;width:202px;display:inline;}
.Logo{border:none;}
.HeaderCenter {float:left; margin-top:29px;height:35px;width:350px; background-repeat:no-repeat;}
/*-----------SPALTSYSTEM - 3 columner - grund---------------*/
.WebContentLeft {width:21.5em;float:left;height:auto;margin-top:23px;}
.WebContentCenter {width:475px;display:block;float:left;margin-left:33px;margin-top:21px;}
.WebContentRight {width:22em;float:right;margin-top:40px;}
/*-----------SPALTSYSTEM - 2 kolumner - funktionssidor---------------*/
.WebContentCenter_fullWidth {width:72em; float:left;}
.StartPageBlurbTitle:link{color:#000000 !important;}
.StartPageBlurbTitle:active {color:#000000 !important;}
.StartPageBlurbTitle:hover {color:#000000 !important;text-decoration:underline;}
.StartPageBlurbTitle:visited {color:#000000 !important;}
.BigBlurbTitle{font-size:170%; line-height:1.05em; color:#000000;}
.BigBlurbTitle a:hover{color:red;text-decoration:none;}
.StartpageBlurbImage{float:left; margin-top:4px; margin-right:7px;}
.WebContentCenterWide{width:958px;margin-top:20px;margin-left:5px;}
.NewsLinksArea{background:#fafafa;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; margin-bottom:30px; overflow:hidden;}
.LinkCollectorTop{height:7px;border-top:1px solid #e9e9e9;background:#fafafa;}
.LinkCollectorBottom{height:7px;background:#fafafa;border-bottom:1px solid #e9e9e9;}
.Container{margin-left:15px;margin-top:13px; margin-bottom:10px;}
.NewsLinksArea_pink{background:#fae9e9;margin-bottom:30px; overflow:hidden;border-left:1px solid #f2d4db;border-right:1px solid #f2d4db; }
.LinkCollectorTop_pink{height:7px;border-top:1px solid #f2d4db;background:#fae9e9;}
.LinkCollectorBottom_pink{height:7px;background:#fae9e9;border-bottom:1px solid #f2d4db;}
.Container{margin-left:15px;margin-top:13px; margin-bottom:10px;}
.CornerTopLeft_pink{width:7px; height:7px; background:url(Images/Modules/linkCollectorPink_topleft.gif);float:left; position:relative; margin-top:-1px; margin-left:-1px;background-repeat:no-repeat; overflow:hidden;}
.CornerTopRight_pink{width:7px; height:7px; background:url(Images/Modules/linkCollectorPink_topright.gif); float:right; position:relative; margin-top:-1px; margin-right:-1px; background-repeat:no-repeat; overflow:hidden;}
.CornerBtmLeft_pink{width:7px; height:7px; background:url(Images/Modules/linkCollectorPink_btmleft.gif);float:left; position:relative; margin-top:1px; margin-bottom:-1px; margin-left:-1px; background-repeat:no-repeat; overflow:hidden;}
.CornerBtmRight_pink{width:7px; height:7px; background:url(Images/Modules/linkCollectorPink_btmright.gif);float:right; position:relative; margin-top:1px; margin-bottom:-1px; margin-right:-1px; background-repeat:no-repeat; overflow:hidden;}
.CornerTopLeft{width:7px; height:7px; background:url(Images/Modules/LinkCollectorCornerTL.gif);float:left; position:relative; margin-top:-1px; margin-left:-1px;background-repeat:no-repeat; overflow:hidden;}
.CornerTopRight{width:7px; height:7px; background:url(Images/Modules/LinkCollectorCornerTR.gif); float:right; position:relative; margin-top:-1px; margin-right:-1px; background-repeat:no-repeat; overflow:hidden;}
.CornerBtmLeft{width:7px; height:7px; background:url(Images/Modules/LinkCollectorCornerBL.gif);float:left; position:relative; margin-top:1px; margin-bottom:-1px; margin-left:-1px; background-repeat:no-repeat; overflow:hidden;}
.CornerBtmRight{width:7px; height:7px; background:url(Images/Modules/LinkCollectorCornerBR.gif);float:right; position:relative; margin-top:1px; margin-bottom:-1px; margin-right:-1px; background-repeat:no-repeat; overflow:hidden;}
.GreyBanner{width:100%; background-image:url(Images/dagensbg.gif); background-repeat:repeat-y;}
.dagenstop{width:100%; height:2px; background-image: url(Images/dagenstop.gif); background-repeat:no-repeat;overflow:hidden;}
.dagenscontent{margin-left:20px;padding-bottom:5px;padding-top:5px;}
.dagensbottom{width:100%;height:7px; float:left; background-image: url(Images/dagensbottom.gif);overflow:hidden;background-repeat:no-repeat;}
.ImgLink img{border:none; margin-left:3px; width:253px; height:56px;}
/*---Font sizie i BANNER TOOLS-----*/
.ToolsIconText {font-size: 12px;}
/*----------Stilar för prenumerationssidorna-------------*/
.metaarea{}
.prenMiddleArea{width:540px;}
.prenmargin{margin-bottom:3px;}
.prenareas{cursor:pointer; display:inline;}
.prensmall{height:200px; margin-left:30px}
.prenemailinput{display: inline; margin-bottom: 0px; width:300px;}
#submeta{margin-left:30px;margin-top:5px;}
.pren_styleSeparator{border-bottom:1px solid #c1c0c0; width:97%; margin-bottom:10px; margin-top:10px;}
.Small{width:475px;}
.prenChoiceCcontenttype{width:216px;float:right; margin-right:20px;}
.Period{float:right; width:220px; margin-right:20px;}
.Errormsg{color:Red;}
.areasmsg{margin-bottom: 30px; font-style:italic;}
.subjectarea{font-weight: bold; float:left; }
.submeta_categories{float:left; margin-top:-15px;}
.prenSettingsArea{height:200px; margin:13px 0 0 25px;}
.prenTable{width:250px; vertical-align:top;}
.prenSubmetaIndent{margin-left:30px;}
.prenBoxIndent{margin-left:10px;}
.prenLineIndent{margin-left:13px;}
.prenSettingsTitleIndent{margin-left:4px;}
.prenSubjectTitle{margin-left:14px;margin-bottom:4px;}
.prenMailFieldIndent{margin-left:2px;}
.PulBox{width:315px; margin-bottom:3px; float:left; margin-right:10px; height:100%;}
/*----------Stilar för text skriven i texteditorn-------------*/
.Text{FONT-SIZE:1.2em;FONT-WEIGHT:normal; MARGIN-TOP:0px;line-height:140%;}
.Text p{word-spacing:-1px;}
.Text h2{FONT-SIZE:1.3em;}
.Text ul{margin-bottom:1em;}
.Text ol{margin-bottom:1em;}
.Text li{font-size:100%;margin-bottom:1em;}
.Text table{margin-bottom:1em;margin-top:1em;}
.Text th{text-align:left;}
.Text td{text-align:left; vertical-align:top;}
.Text table caption{text-align:left !important;vertical-align:top;font-weight:bold;}
.Text table th{text-align:left !important;vertical-align:top;}
.Text img{display:block; max-width:475px;}
.TextRedlist p{FONT-SIZE:1.2em;FONT-WEIGHT:normal; MARGIN-TOP:0px;line-height:140%; margin-bottom:5px;}
.TextRedlist a{margin-bottom:0px;}
.TextBold{font-weight:bold;}
.TextSmall{font-size:90% !important;}
.Small{font-size:110%;}
.Intro{FONT-SIZE:1.15em; line-height:140%;FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:14px;}
.BlurbText {FONT-WEIGHT:normal; FONT-SIZE:1.05em;letter-spacing:0.01em;}
.PresubtPuff{font-weight:normal; font-size:1.0em; color:#494949;}
.FileitemCalendar{margin-top:1em;}
.FileitemCalendar img{display: inline;}
.Devider{border-bottom:1px solid #e0e0e0; margin-bottom:20px;}
.linkCollectorContent {padding:10px 0 6px 0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.LinkCollectionTextField{font-size:115% !important; margin-left:15px;}
.LinkCollectionTextField table{ width:450px !important;border:none !important;}
.LinkCollectionTextField td{border:none !important;vertical-align:top !important; text-align:left !important; width:220px !important;}
.LinkCollectionTextField p{margin-bottom:0.5em !important;}
.LinkSection a{padding-left:20px; background:url(Images/Modules/linkBullet.gif); background-repeat:no-repeat; background-position:5px 5px;}
.LinkSection a.File {padding-left:20px;padding-bottom: 6px; background:url(Images/Modules/fileIkon.gif); background-repeat:no-repeat; background-position:0px 0px;}
.PageInfoLinks{font-size:12px;font-weight:bold;margin-bottom:3px;}
.PageInfoLinks a{background-image:none; font-weight:normal !important;margin-right:2px;}
.PageInfoText{font-weight:normal !important; font-style:italic; color:Gray; font-size:105%;}
.ListDate{font-weight:normal; color:Gray; font-size:x-small; margin:0;}
.PresubtitleList{font-size:100%;margin-bottom:3px;margin-top:3px;}
.TextSmaller{font-size:90% !important;}
.TextBigger{font-size:14px;}
.SKLListTopItem{FONT-WEIGHT:bold; margin-top:20px; margin-bottom:5px;font-family:Verdana, Arial, Helvetica, Sans-Serif;}
.SKLListItem{FONT-SIZE:110%; FONT-WEIGHT:bold; margin-top:5px; margin-bottom:5px;}
.ListPostsBottom{border-top:dashed 1px gray;}
.TextMedium{font-size:110% !important;}
.LeftFloat{float:left;}
.RightFloat{float:right;}
.AreaListDate{color:#a7a7a7;}
.TwoColTableCell{width:50%;padding-left:15px;}
.AreaPageTopImg img{width:475; height:180px;}
.DropDownNav{border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding: 15px 0 15px 0; width:100%; margin-bottom:30px;}
/*----------Header - Sökfält-------------*/
.headerSearchField{float:right; width:292px; margin-top:15px;margin-right:0px;background-color:#f7f7f7;overflow:hidden; /*bugfix IE6*/}
.searchFieldTop{width:100%; height:4px; float:left; background-image:url(Images/Modules/searchFieldTop.gif);background-repeat:no-repeat;}
.headerSearchFieldContent{margin: 5px 0 0 15px; display:inline; font-weight:bold; float:left; background-color:inherit;}
.SearchField1{width:199px; height:13px; font-size:110%; font-family: Verdana, Arial, Helvetica, Sans-Serif; padding-bottom:1px;}
.searchSubt {margin-bottom:3px;font-weight:normal; font-size:11px;}
.SearchButton{vertical-align: top; margin-left:5px;}
.SearchButton2{vertical-align: bottom;}
.searchFieldBottom {width:100%; height:4px; float:left; background-image:url(Images/Modules/searchFieldBottom.gif);background-repeat:no-repeat;}
/*---------------------Sök - globalt---------------------*/
.SearchFieldArea{background-color:#fdecc1;background-image:url(Images/Main/SearchFieldBG_small.gif); background-repeat:repeat-x; padding: 20px 0 20px 20px;overflow:hidden;}
.SearchFieldArea h2{margin-bottom:10px;}
.searchFieldAreaTop{height:3px; width:100%; margin-top:22px; background:url(Images/Main/searchFieldTop.gif); background-repeat:no-repeat; overflow:hidden;}
.searchFieldAreaBtm{height:3px; width:100%; background:url(Images/Main/searchFieldBtm.gif); background-repeat:no-repeat; overflow:hidden;}
.AdvancedSearchPanel{margin-top:20px;width:100%;}
.SearchMessageContent{margin-left:20px;margin-top:20px;font-size:115%;}
.SearchCategoriesArea{background:#fafafa;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;margin-top:20px;width:100%; }
.SearchCategoriesTop{height:7px;border-top:1px solid #e9e9e9;background:#fafafa; }
.SearchCategoriesBottom{height:7px;background:#fafafa;border-bottom:1px solid #e9e9e9; }
.SearchResult {margin-top:20px;}
.SearchResult ul{list-style-type:none; margin:0; position:relative; left:-20px;}
.SearchResult li{line-height:15px;}
.SearchResult li a{font-size:110%; font-weight:bold;}
.searchHitSummaryBox_content{padding-left:10px; padding-right:10px; font-weight:bold; font-size:1.1em; width:400px;}
div#sortHitsContainer{width:100%; text-align:center; margin-top:20px;margin-bottom:10px;}
div#sortHitsContainer a{font-weight:bold;}
div#sortHitsContainer span{font-weight:normal;}
.searchHits{font-weight:normal;}
.doctype{font-size:90%;}
.leftfloatSummaryBox{margin-right:10px;float:left;}
.leftfloatSummaryBox a{line-height:150%;}
.hit_content, .oddhit_content{font-size:1.15em; line-height: 1.4em; padding:10px;}
.oddhit_content{background:#f7f6f5;}
.oddhit_bottom{height:6px; background-image:url(Images/Main/oddHitBtm.gif); background-repeat:no-repeat; overflow:hidden;}
.oddhit_top{height:6px; background-image:url(Images/Main/oddHitTop.gif); background-repeat:no-repeat; overflow:hidden;}
.hit{margin-bottom:15px;}
.metabottom{margin-top:5px;}
#pageNavigatorContainer{text-align:center;margin-top:20px;}
.spellingSuggestion_content{margin-left:20px; margin-top:20px; font-size:115%;}
.suggestionList{}
.spellingSuggestion_header{margin-bottom:5px !important;}
#suggestionListContainer{margin-top:20px;}
.brodtext{height:90%;}
.noFloat{float:none !important;}
.bestBetBox{}
.bestBetBox_content{background:#fdf8dd; border:1px solid #e4e4e4; margin-top:20px; padding:5px;}
/*---------------------Formulär---------------------*/
.formularTyp1{margin-top:20px;}
.InputArea{float: left; width: 255px;margin-top:5px;}
.Button{margin-top:5px;}
h3.mina_prenumerationer{margin-top:20px;color:#494949;}
.textStorlekStandard h1{border-bottom:1px solid #e8e8e8; padding-bottom:20px;margin-bottom:10px;color:#494949;margin-top:7px;}
.PuL{background:#ffc66d; border:1px solid #89847e; margin-top:20px;}
.PuL-textarea{margin:10px;font-size:110%; line-height:140%;}
.PuL_corner{width:9px; height:9px; background-image:url(Images/PuL_corner.gif);margin-bottom:-1px;margin-left:-1px;}
.Pren_link{font-weight:bold; font-size:115%; margin-top:50px;}
.TipFriend {background:#f2f2f2;padding:20px;}
.TipFriend h2 {color:#bc0008;background-image:url(Images/TipAFriend_icon.gif);background-repeat:no-repeat;background-position: 0 5px;text-indent:17px;}
.Message{width:100%;}
.TipFriend input{width:100%;}
.Button{width:70px !important;}
.kommun_textArea{float:left; margin-left:20px;}
.kommunImage{margin-top:7px;}
.kommun_textArea tr{height:20px; font-size:120%;}
.Infosource{margin-top:30px; font-size:120%;}
.Label{padding-right:10px !important;}
.CommentPageForm{background:#f2f2f2;padding:20px;}
.TextArea{width:100%; height:100px;}
.ButtonRight{float:right;}
.ButtonLeft{float:left; margin-top:5px;}
.Info{width:100%;}
.ContactFormButton{text-align:right; width:307px;}
/*--------------hjälpklasser----------------------*/
.Wide{width:100%;}
.dottedline{border-top: 1px dashed gray; }
.grayLine{border-top:1px solid #f7f7f7;margin-top:15px;}
.Inline{display:inline;}
.small{width:475px;}
.Normal{font-size:95%;}
/*---------------------------------------------MENYER-------------------------------------------*/
/*----------TOPPMENY-------------------------------------*/
.WebTopMenuContent {width:965px;margin-left:2px;height:39px;float:left; margin-top:7px;overflow:hidden;background-repeat:repeat-x;background-position:top left;}
.WebTopMenuUnselectedText{cursor:pointer;font-weight:bold; font-size:120%;color:#303030;}
.WebTopMenuSelectedText{cursor:pointer; font-weight:bold; font-size:120%;}
.WebTopMenuSelectedStart {height:100%; width:4px; display: inline-block; float:left; background-position:top left;background-repeat:no-repeat;}
.WebTopMenuSelectedCenter {cursor:pointer; padding:0 14px; padding:0 11px\9; text-align:center; line-height:44px;float:left;background-position:top left;background-repeat:repeat-x; -webkit-padding-end: 9px; -webkit-padding-start: 9px; -moz-padding-end: 11px; -moz-padding-start: 11px;}
.WebTopMenuSelectedEnd {height:100%;margin-right:-3px;width: 4px; float:left;background-position:bottom right;background-repeat:no-repeat;position:relative;z-index:1;}
.WebTopMenuSelectedLeft{height:100%;width:4px;float:left; margin-left:-2px;background-position:top left;background-repeat:no-repeat;}
.WebTopMenuSelectedRight{height:100%; width:4px; float:left;background-position:top right;background-repeat:no-repeat;}
.WebTopMenuUnselected {padding:0 11px; padding:0 10px\9; text-align:center; line-height:50px; float:left; height:100%; -webkit-padding-end: 11px; -webkit-padding-start: 11px; -moz-padding-end: 7px; -moz-padding-start: 7px;}
.WebTopMenuSpacer {float:left;width:2px;background-color:white;display:inline;font-size:0;height:31px; margin-top:9px;}
.WebTopMenuStart{height:100%; width:4px; float:left; background-repeat:no-repeat;background-position:bottom right;}
.WebTopMenuEnd{height:100%; margin-left:-5px;width:6px; float:right; background-repeat:no-repeat;background-position:bottom right;position:relative;}
A.WebTopMenuSelectedText:link{text-decoration:none;font-weight: bold;color:#303030;}
A.WebTopMenuSelectedText:active{text-decoration:none;font-weight: bold;color:#303030;}
A.WebTopMenuSelectedText:visited{text-decoration:none;font-weight: bold;color:#303030;}
A.WebTopMenuSelectedText:hover{text-decoration:none;font-weight: bold;color:#303030;}
A.WebTopMenuUnselectedText:link{text-decoration:none; font-weight: bold;color:#FFFFFF;}
A.WebTopMenuUnselectedText:active{text-decoration:none; font-weight: bold;color:#FFFFFF;}
A.WebTopMenuUnselectedText:visited{text-decoration:none; font-weight: bold;color:#FFFFFF;}
A.WebTopMenuUnselectedText:hover{text-decoration:underline; font-weight:bold;color:#FFFFFF;}
/*-------------VÄNSTERMENY----------------*/
.WebLeftMenuTitle{width:215px;color:#303030;font-weight:bold;font-size:130%;text-transform:uppercase;text-decoration:none;padding:0 0 6px 0px;margin-left:10px;}
.WebLeftMenuTitleText{color:#303030;}
.leftMenuTitleLine{margin:0 0 0 5px;background-color:#eb6e07;width:100%; height:4px;overflow:hidden;/*IE6 fix*/}
.leftMenuLineLeft{height:100%;width:2px;float:left;}
.leftMenuLineRight{height:100%;width:2px;float:right;}
.WebLeftMenu {font-family: Verdana; font-size:105%;margin:0px 0 0 5px;width:215px;}
.WebLeftMenu a, .WebLeftMenu a:link, .WebLeftMenu a:active, .WebLeftMenu a:visited, .WebLeftMenu a:hover{text-decoration:none;color:#505050;}
.WebLeftMenuTopContainer{width:100%;}
.WebLeftMenuTopSelected {display:block; background-repeat:no-repeat;padding: 7px 7px 7px 25px; text-align:left; font-weight:bold;overflow:hidden;}
.WebLeftMenuItem1, .WebLeftMenuExpandable1, .WebLeftMenuExpandableExpanded1 { border-bottom:1px solid #FFFFFF;padding: 7px 7px 7px 39px;background-repeat:no-repeat; background-position:24px 11px;background-color:#f6f6f6;}
.WebLeftMenuItem2, .WebLeftMenuExpandable2, .WebLeftMenuExpandableExpanded2 { border-bottom:1px solid #FFFFFF;padding: 7px 7px 7px 45px;background-repeat:no-repeat; background-position:30px 11px;background-color:#f6f6f6;}
.WebLeftMenuItem3, .WebLeftMenuExpandable3, .WebLeftMenuExpandableExpanded3 { border-bottom:1px solid #FFFFFF;padding: 7px 7px 7px 55px;background-repeat:no-repeat; background-position:36px 11px;background-color:#f6f6f6;}
.WebLeftMenuItem4, .WebLeftMenuExpandable4, .WebLeftMenuExpandableExpanded4 { border-bottom:1px solid #FFFFFF;padding: 7px 7px 7px 65px;background-color:#f6f6f6;}
.WebLeftMenuTopExpandableSelected, .WebLeftMenuTopExpandableExpanded {border-bottom:1px solid #FFFFFF;padding: 7px 7px 7px 25px;background-repeat:no-repeat; font-weight:bold;}
.WebLeftMenuTopExpandableExpanded {background-color:#f6f6f6;}
.WebLeftMenuTopItem {background-repeat:no-repeat; background-position:7px 10px; padding: 7px 7px 7px 25px; text-align:left;margin-bottom:-1px;overflow:hidden; display:block;}
.WebLeftMenuTopExpandable {display:block; background-repeat:no-repeat; background-position:7px 10px; padding: 7px 7px 7px 25px; margin-bottom:-1px;}
.WebLeftMenuTopExpandable a {}
.WebLeftMenuSelected1, .WebLeftMenuExpandableSelected1 {background-repeat:no-repeat; padding: 7px 7px 7px 39px; text-align:left;background-position:24px 12px;background-color:#FEEEE0;border-bottom:1px solid #FFFFFF;}
.WebLeftMenuExpandableExpanded1 {background-color:#f6f6f6;padding: 7px 7px 7px 39px; text-align:left;border-bottom:1px solid #FFFFFF;background-repeat:no-repeat;background-position:24px 12px;}
.WebLeftMenuSelected2, .WebLeftMenuExpandableSelected2 {padding: 7px 7px 7px 45px; background-repeat:no-repeat; background-position:30px 12px;background-color:#FEEEE0;border-bottom:1px solid #FFFFFF;}
.WebLeftMenuExpandableExpanded2{padding: 7px 7px 7px 45px;background-color:#f6f6f6;border-bottom:1px solid #FFFFFF;background-repeat:no-repeat; background-position:30px 12px;}
.WebLeftMenuSelected3, .WebLeftMenuExpandableSelected3 {padding: 7px 7px 7px 55px;background-color:#FEEEE0;background-repeat:no-repeat; background-position:36px 12px;background-color:#FEEEE0;border-bottom:1px solid #FFFFFF;}
.WebLeftMenuExpandableExpanded3{padding: 7px 7px 7px 55px;background-color:#f6f6f6;border-bottom:1px solid #FFFFFF;background-repeat:no-repeat; background-position:36px 12px;}
.WebLeftMenuItemLocked1 { padding: 2px 10px; background-image:url("Images/lock.gif"); background-position:right; background-repeat:no-repeat;}
.WebLeftMenuItemLocked2 { padding: 2px 15px; background-image:url("Images/lock.gif"); background-position:right; background-repeat:no-repeat;}
.WebLeftMenuItemLocked3 { padding: 2px 20px; background-image:url("Images/lock.gif"); background-position:right; background-repeat:no-repeat;}
/*--------------------artikel----------------------------------*/
.IntroArea{width:100%;margin-top:6px;}
.textArea{width:100%;margin-bottom:10px;margin-top:-3px;height:auto;}
.ArticleImgContent{width:inherit;margin-top:10px;margin-left:0px;}
.BeforeSubt {margin-bottom:-10px; font-weight:normal; font-size:1.1em; color:#494949;}
.articleInfo{width:100%; font-style:italic; color:Gray;margin-top:20px;}
.articleInfo p{display:inline;margin-right:3px;}
.articleInfo a {font-weight:normal !important;}
.Date{color:Gray; font-size:100%; font-weight:normal;}
.kommun_textArea{display:block;float:left;margin-top:0;padding:0;}
.kommun_textArea td{padding:0;}
.deviderLine{width:100%; border-bottom:1px solid gray;}
.WebContentError{margin-left:250px;}
/*------------------------------------FOOTER-------------------------------------------------*/
.PageFooter {margin-top:60px;float:left;width:100%; height:50px;}
.footerLine {width:965px;height:10px;overflow:hidden;/*bigfix IE6*/}
.footerLineLeft {width:2px;height:100%;float:left;}
.footerLineRight {width:2px;height:100%;float:right;}
.FooterStrings {font-weight:normal;font-size:11px; letter-spacing:0.008em;color:gray; margin: 8px 0 0 90px; }
.FooterStrings a{color:#eb4b00;}
.footerStringMain{float:left;font-weight:bold;}
.footerDevider{height:13px; width:1px; background-color:#d1d1d1; margin: 0 7px; float:left;}
.footerString {float:left;}
/*------------------------------------Sök medarbetare-------------------------------------------------*/
.searchContentLeft{padding:0 0 0 10px; font-size:1.2em;}
.searchContentButton{text-align:right;}
.searchContent{margin:10px 0 0 0;}
.searchPanelCell2{font-size:1.2em; padding-top:3px;}
.searchPanelCell3{font-size:1.2em; padding-top:3px; line-height:130%;}
/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/
/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.ListItem {margin-bottom:20px;}
.ListItem img{width:100px;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}
.Linklist{FONT-WEIGHT:normal; }
.Linkicon{MARGIN-RIGHT:4px;margin-left:1px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:3px; margin-bottom:15px;}
.MarginDouble{MARGIN-TOP:25px;}
.MarginPageTop{margin-top:10px;}
.Pagecontent{margin-top:10px;}
.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:5px; margin-right:9px;display:block;float:left;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.StartPageBlurbImage{float:left; margin-top:3px; margin-right:7px;}
.StartPageBlurbImage img{width:62px; height:62px;}
.StpImage{border:0; margin-top:4px; padding:0;}
.AreaStartPageBlurbImage{float:left; margin-top:3px; margin-right:7px; width:62px; height:62px;}
.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}
.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}
.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}
TABLE.listItems {border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;margin:4px 0;width:99%;}
TABLE.listItems TR.oddRow { BACKGROUND-COLOR: #AAC1D3;}
TABLE.listItems TR.evenRow { BACKGROUND-COLOR: #AAC1D3;}
table.listItems .listItemsBoxLabel { font-size:100%; line-height:130%; position:relative; top:-2px; }
table.listItems th { background-color:#829AAE; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-family:Verdana,Arial,sans-serif; font-weight:bold !important; font-size:115%; line-height:145%; padding:4px 6px; text-align:left; }
table.listItems td { border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#000000; font-family:Verdana,Arial,sans-serif; font-weight:normal; font-size:110%;height:21px; line-height:145%; padding:5px 6px 3px; }
table.listItems tr.oddRow { background-color:#AAC1D3; }
table.listItems tr.oddVGVRow { background-color:#FFF9BF; }
table.listItems th.VGV { background-color:#B0AA97; }
table.listItems tr.evenRow { background-color:#AAC1D3; }
table.listItems tr.highlightRow { background-color:#C5DFDF; }
table.listItems tr.alertRow { background-color:#FFC66D; }
table.listItems .listPartDivider { border-color:#C4CACA #EDF3F3 #EDF3F3 #C4CACA; border-style:solid; border-width:1px; font-size:1px; margin-bottom:6px; margin-top:7px; }
.formularTyp1 div.subRow {
height:19px;
}
.formularTyp1 input {
font-size:90%;
}
.formularTyp1 select {
font-size:90%;
}
.formularTyp1 textarea {
font-size:90%;
}
.formularTyp1 table.listEventItems tr.oddRow {
background-color:#EFEFEF;
}
.formularTyp1 table.listEventItems tr.evenRow {
background-color:#FFFFFF;
}
.formularTyp1 table.listEventItems td {
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-weight:normal;
height:21px;
line-height:145%;
padding:5px 6px 3px;
vertical-align:top;
}
.formularTyp1 table.listEventItems th.kikaren {
background-color:#D5D9E4;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#000000;
font-family:Verdana,Arial,sans-serif;
line-height:145%;
padding:4px 6px;
text-align:left;
}
.formularTyp1 table.listEventItems th.skl {
background-color:#CCCCCC;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#000000;
font-family:Verdana,Arial,sans-serif;
line-height:145%;
padding:4px 6px;
text-align:left;
}
.GreyLine{width:100%;border-bottom:1px solid #f7f7f7;margin-bottom:10px;}
.GreyDottedLine{width:100%;border-bottom:1px dashed gray;margin-bottom:10px;margin-top:10px;}
.TitleOnlySegment {width:100%;border-top:1px dotted gray;margin-top:10px;}
.Fileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Fileitem{FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; }
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:1.2em; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; margin-top:7px;padding-left:7px;background:url(Images/Modules/linkBullet.gif); background-repeat:no-repeat; background-position:0px 4px;}
.Linkitem_search {margin-bottom:3px;margin-top:2px;FONT-SIZE:110%; }
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{padding:0; text-indent:0;}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold; margin-top:10px; margin-bottom:5px;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.Breadcrumb{FONT-SIZE:105%; FONT-WEIGHT:normal; COLOR:#4c4c4c;margin-bottom:5px;}
.Breadcrumb1{FONT-SIZE:105%; FONT-WEIGHT:normal; COLOR:#c95830;}
.Delimiter{FONT-SIZE:100%; FONT-WEIGHT:normal; COLOR:#4c4c4c;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}
#adminList {list-style-type:none; }
#adminList li:Hover {display:none;}
/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}
/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}
/** CALENDAR **/
.calendar-active-date { }
/** contact pages **/
.contactIrArea{width:720px;}
.contactAreaOneCol{width:380px;}
.ContactImages{margin-right:10px;width:85px; height:100px;float:left;}
.ContactImages img{margin-top:3px;height:100px;}
.ContactInfo{width:240px;float:left;}
.NoMargin{margin-top:0px !important;}
.ContactInfo p{margin-bottom:2px !important;}
.ContactPageItem{height:100%;}
.ContactPageItemWide{float:left; padding-top:20px;}
.lineheight{margin-bottom:2px;}
.ContactInfoWidth{width:200px;}
/** BLOG **/
.blogtitle{font-size:45px;}
.blogtitle a{color:#232423 !important;}
.blogtitleframe{padding-top:20px; padding-bottom:20px; border: 1px solid #F6F6F6; text-align:center;margin-top:10px; margin-bottom:20px;width:100%; overflow:hidden;}
.PresentationArea{border: 1px solid #F6F6F6; padding:3px;margin-left:4px; margin-bottom:20px;margin-top:20px;width:215px;}
.PresentationAreaInner{background:#F6F6F6; padding:10px;}
.presentationTitle{background:#F6F6F6; padding-left:10px; padding-top:10px; border-bottom:1px solid white;}
.presentationImage {margin-bottom:10px;}
.presentationImage img{width:195px;}
.blogCategories, .blogArchive{margin-left:4px;margin-bottom:20px;}
.blogArchiveInner{border: 1px solid #F6F6F6; padding: 5px 10px 10px 10px;width:200px;}
.blogCategoriesInner{border: 1px solid #F6F6F6; padding: 5px 10px 10px 10px;width:200px;}
.blogCategoriesTitle{margin-left:5px; margin-bottom:5px;}
.Blogpost{border-bottom: 1px dashed black; padding-bottom:5px;margin-bottom:30px;}
.postTitle {line-height:1.2em;}
.postTitle a{color:#232423 !important;}
.postTitle a:hover{color:#232423 !important; text-decoration:underline;}
.postDate{text-transform:uppercase; color:Gray; font-size:90%; margin-bottom:20px;}
.postCategories{color:Gray; font-size:90%;float:left;}
.postLeaveComment{float:right;font-size:90%;}
.EmptySeparator{width:100%; height:20px;}
.blogListingNextPage{font-size:1.2em; float:left;}
.blogListingPrevPage{font-size:1.2em; float:right;}
.Bloggerimage{float:left;}
.Bloggerimage img{width:100px;margin:10px 10px 0 10px;}
.BloggerimageContainer{border:1px solid #c3c3c3; background:#F6F6F6; width:100%;height:auto; float:left; margin-bottom:20px; padding-bottom:10px;}
.Bloggerdescription{font-weight:bold; margin:10px 10px 0px 10px;}
.BlogRSSButton{display:inline; margin-right:10px;}
.blogCommentLabel{float:left;}
.blogCommentEmail{float:left;}
.blogComment{border:1px solid #c13e10; padding:20px;}
.commentTextbox{width:380px;float:right;}
.commentTextboxMsg{width:100%;}
.postSignature{font-style:italic; color:Gray;}
/* WEbform */
.WebForm_input{display:block; width:100%; margin:0px;padding:0;}
.Norightnav{width:700px;}
.WebForm_rightArea{float:right; width:250px; margin-right:20px;position:relative;}
.WebForm_infoarea{border:dotted 1px gray; margin-bottom:30px; padding:10px; float:none; width:90%;}
.formtext{}
.CommentImage{padding-bottom:3px;background-image:url("Images/Modules/comment.jpg");background-position:left;background-repeat:no-repeat;padding-left:15px;width:20px;height:14px;}
.BusinessCard a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#c13e10;}
BusinessCard a:link{COLOR: #c13e10;text-decoration:none;}
BusinessCard a:active {COLOR: #c13e10;text-decoration:none;}
BusinessCard a:visited{COLOR: #c13e10;text-decoration:none;}
BusinessCard a:hover{COLOR: #c13e10;text-decoration:underline;}
BusinessCard a:target {color: white; background: #049;}
BusinessCard a.sftarget {color: white; background: #049;}
BusinessCard a.current {color: white; background: #049;}
/* Readspeaker */
#rs_1 td { text-align: right; color: Black; }
#rs_1 a { color: Black; }
/* Subscribe startpage */
.box { width: 367px; margin-bottom: 27px;}
.box-top { }
.box-bottom { border-bottom: 2px solid #A7A7A7; margin-left: 0px; margin-top: 30px; }
.box-content { }
.box h2 { color: #C13E10; margin-bottom: 11px; }
.learningexampleTopPanel {width:475px;margin:2px 0 0 0; }
.learningexampleLeftCol { margin:3px 0 0 10px;width:235px;float:left;background-color:#dfe7d2; }
.learningexampleRightCol { margin:3px 10px 0 10px;width:210px;float:left;background-color:#dfe7d2; }
/****SKL:s nya design **********************************************/
/*******************************************************************/
a.button {
display: block;
width: 97px;
height: 25px;
padding: 11px 0 0 0;
background: url(Images/Main/btn.png) no-repeat top left;
outline: none;
cursor: pointer;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #E6460A;
text-decoration: none;
text-align: center;
float: left;
margin-right: 6px;
line-height: 14px;
position: relative;
}
a:hover.button { background-position: -105px 0px; color: #333; }
a:active.button { background-position: -211px 0px; color: #333; }
p.button-text { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; padding: 10px 0 0 0; margin: 0 0 0 6px; }
a.button span.icon-movie { display: block; width: 18px; height: 16px; background: url(../images/icon-movie.png) no-repeat top left; float: right; margin: -2px 15px 0 -10px; }
a:hover.button span.icon-movie, a:active.button span.icon-movie { background-position: -20px 0px; }
/**
* Clearfix
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/** LEFT MENU ***************************************************************************/
/****************************************************************************************/
li{list-style:inherit ;}
:-moz-any-link:focus {outline: none;}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body{ padding: 100px 100px 100px 700px;;}
/* */
div.subMenu ul li a,
div.subMenu ul li.expended a,
div.subMenu ul li.expended ul li a{
background: url(../Images/Leftmenu/arrows.png) no-repeat 10px 10px;}
div.subMenu{ width: 220px; padding-left: 10px; }
div.subMenu h3{ font:italic 16px georgia, serif; margin-bottom: 10px; color: Black;}
/* nivå 1 */
div.subMenu ul{
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;
padding: 5px 0;}
div.subMenu ul li{}
div.subMenu ul li a{
background: url(../Images/Leftmenu/arrows.png) no-repeat 10px 10px;
display: block;
margin-left: -10px;
text-decoration: none;
padding: 6px 0 6px 20px;
color: Black;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
div.subMenu ul li:hover a{ background-color: #f8d1c2;}
div.subMenu ul li.expended{
background:url(../Images/Leftmenu/expendedTop.gif) no-repeat 0 0 #f2f2f2;
margin-left: -10px;
padding-left: 10px;
-moz-border-radius: 0 0 5px 5px;}
/* samtliga nivåer */
div.subMenu ul li.expended a, div.subMenu ul li.expended ul li.expended ul li a {
background-position: 10px -27px;}
div.subMenu ul li.expended:hover > a {background-color: transparent;}
/* nivå 2 */
div.subMenu ul li.expended ul li a{
background-position: 10px -64px;
border: none; font-weight: normal;
margin-left: 10px;}
div.subMenu ul li.expended ul{
border-bottom: none;
border-top-color: #b5b5b5;
margin-right: 10px;}
div.subMenu ul li.expended ul { background: none;}
div.subMenu ul li ul li a:hover { background-color: #f8d1c2; }
div.subMenu ul li.expended > a:hover {background-color: none !important; }
/* nivå 3 */
div.subMenu ul li.expended ul li ul {
border: none;
margin-left: 15px;
margin-top: -8px;}
div.subMenu > ul li.expended > ul li > ul {
border-bottom:1px solid #ddd;
}
div.subMenu > ul li.expended > ul li > ul li ul {
border-bottom: none;
}
div.subMenu ul li.expended ul li ul li a{
background-position: 10px -64px !important;
font-weight: normal;}
div.subMenu ul li.expended > a { font-weight: bold !important;}
div.subMenu ul li.expended ul li.expended ul li.expended ul li a{ font-weight: normal;}
/* Ny grafisk profil */
a.buttonWide {
display: block;
width: 156px;
height: 25px;
padding: 11px 0 0 0;
background: url(Images/Main/btnWide.png) no-repeat top left;
outline: none;
cursor: pointer;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #E6460A;
text-decoration: none;
text-align: center;
float: right;
margin-right: 8px;
margin-top:8px;
line-height: 14px;
position: relative;
}
a:hover.buttonWide { background-position: -161px 0px; color: #333; }
a:active.buttonWide { background-position: -320px 0px; color: #333; }