/* ----------------------------------------------------------------
	MAIN & SUB NAVIGATION
---------------------------------------------------------------- */
ul.mainnav, ul.subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.mainnav li, ul.subnav li {
	margin: 0;
	padding: 0;	
	float: left;
	text-align: center;
	height: 33px;
	text-indent: -5000px;
	background: none;
	display: inline;
}

ul.mainnav li a, ul.subnav li a {
	text-decoration: none;
	border: none;
	height: 33px;
	line-height: 33px;
	display: none;
}

/* ----------------------------------------------------------------
	MAINNAVIGATION
---------------------------------------------------------------- */
ul.mainnav {
	padding-left: 192px;
}

ul.mainnav li {

}

ul.mainnav li a {
	background-image: url(/images/layout/mainnav.gif);
}

ul.mainnav li a:hover,  ul.mainnav li a.active {
	background-image: url(/images/layout/mainnav_over.gif);
}

ul.mainnav li.privat a {
	width: 62px;
	background-position: 0 0; display: block;
}

ul.mainnav li.bredbandsnoje a {
	width: 126px;
	background-position: -62px  0; display: block;
}

ul.mainnav li.foretag a {
	width: 77px;
	background-position: -187px  0; display: block;
}

ul.mainnav li.bostadsrattsforeningar a {
	width: 196px;
	background-position: -264px  0; display: block;
}

ul.mainnav li.fastighetsagare a {
	width: 130px;
	background-position: -460px  0; display: block;
}

ul.mainnav li.omoss a {
	width: 67px;
	background-position: -590px  0; display: block;
}

/* ----------------------------------------------------------------
	SUBNAVIGATION
---------------------------------------------------------------- */
ul.subnav {
	clear: left;
	padding-left: 192px;
}

/* ----------------------------------------------------------------
	SUBNAVIGATION FORETAG
---------------------------------------------------------------- */
ul.foretag li a {
	width: 66px;
	background: url(/images/layout/foretag.gif) no-repeat;
	background-position: 0 -33px;
	height: 33px;
}

ul.foretag li a:hover, ul.foretag li a.active {
	background-image: url(/images/layout/foretag_over.gif);
}

ul.foretag li a.internet {
	background-position: 0 -33px; display: block;
	width: 67px;
}

ul.foretag li a.tillaggstjanster {
	background-position: -67px -33px; display: block;
	width: 100px;
}

ul.foretag li a.personalanslutningar {
	background-position: -167px -33px; display: block;
	width: 136px;
}

ul.foretag li a.mittkonto {
	background-position: -303px -33px; display: block;
	width: 67px;
}

ul.foretag li a.referenser {
	background-position: -303px -33px; display: block;
	width: 78px;
}

ul.foretag li a.kundsidor{
	background-position: -381px -33px; display: block;
	width: 68px;
}

ul.foretag li a.foretagsservice {
	background-position: -449px -33px; display: block;
	width: 106px;
}

ul.foretag li a.bestall {
	background-position: -555px -33px; display: block;
	width: 57px;
}


/* ----------------------------------------------------------------
	ADMIN NAVIGATION
---------------------------------------------------------------- */

ul.adminnav {
	list-style: none;
}

ul.adminnav li {
	display: inline;
	background: none;
	padding: 0;
}

ul.adminnav li  a {
	float: left;
	margin-right: 5px;
	color: #83b817;
	font-size: 10px;
	text-decoration: none;
}

ul.adminnav li  a:hover {
	text-decoration: none;
	color: #0099ff;
}

/* ----------------------------------------------------------------
	TREE NAVIGATION
---------------------------------------------------------------- */

ul.treenav {
	margin: 0;
	padding: 0;
	width: 183px;
}

ul.treenav, ul.treenav li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

ul.treenav li {
	line-height: 24px;
	font-size: 11px;
}

ul.treenav li.first {
	margin-top: 0;
}

ul.treenav li ul {
	padding: 0;
	margin: 0;
}

ul.treenav li a {
	margin-bottom: 3px; 
	width: auto;
	overflow: hidden;
	line-height: 24px;
	height: 24px;
	display: block;
	background: url(/images/layout/treenavbg.gif) 0 -72px no-repeat;
	background-position: 0 0px;
	color: #666 !important;
	text-decoration: none;
	text-indent: 20px;
}

ul.treenav li ul li {
	line-height: 17px;
}

ul.treenav li ul li a {
	height: 17px;
	line-height: 17px;
}

ul.treenav li a:hover {
	color: #fff !important;
	background-position: 0 -48px;
}

/* active node */
ul.treenav li.active a {
	color: #fff !important;
	background-position: 0 -48px;
}

ul.treenav li.active a:hover {
	background-position: 0 -48px;
}

/* passive node with children */
ul.treenav li.branch a {

}

ul.treenav li.branch a:hover {

}

/* active node with children */
ul.treenav li.activeBranch a {
	color: #fff !important;
	background-position: 0 -123px;
}

ul.treenav li.activeBranch a:hover {
	background-position: 0 -123px;
}

ul.treenav li.activeBranch li {

}

ul.treenav li.activeBranch li a {
	color: #787878 !important;
	background-position: 0 -106px;
}

ul.treenav li.activeBranch li a:hover {
	color: #fff !important;
	background-position: 0 -89px;
}

ul.treenav li.activeBranch li.active a {
	color: #fff !important;
	background-position: 0 -89px;
}



/* ----------------------------------------------------------------
	TREE NAVIGATION WCM CONTROLLED
---------------------------------------------------------------- */

div.treenav {
	width: 183px;
}

div.treenav a {
	margin-bottom: 3px;
	line-height: 24px;
	height: 24px;
	display: block;
	font-size: 11px;
	overflow: hidden;
	background: url(/images/layout/treenavbg.gif) 0 -264px no-repeat;
	color: #0099ff;
	text-decoration: none;
	text-indent: 20px;
}

div.treenav a:hover {
	color: #0099ff;
	background-position: 0 0;
}

/* level 3 */
div.treenav a.normal3 {
	color: #666;
	background-position: 0 -195px;
}

div.treenav a.normal3:hover {
	color: #fff;
	background-position: 0 -48px;
}

div.treenav a.highlight3 {
	color: #fff;
	background-position: 0 -48px;
}

div.treenav a.highlight3:hover {
	color: #fff;
	background-position: 0 -48px;
}

/* level 4 */
div.treenav a.normal4 {
	color: #787878;
	background-position: 0 -106px;
	height: 17px;
	line-height: 17px;
	text-indent: 20px;
}

div.treenav a.normal4:hover {
	color: #fff;
	background-position: 0 -89px;
	text-indent: 20px;
}

div.treenav a.highlight4 {
	color: #fff;
	background-position: 0 -89px;
	height: 17px;
	line-height: 17px;
	text-indent: 20px;
}

div.treenav a.highlight4:hover {
	color: #fff;
	background-position: 0 -89px;
}

/* highlighted branch with children */
div.treenav a.activeBranch {
	background-position: 0 -123px;
	color: #fff;
}

div.treenav a.activeBranch:hover {
	background-position: 0 -123px;
	color: #fff;
}

div.treenav a.bredband60, div.treenav a.turbodsl, div.treenav a.bredband24, div.treenav a.bredband20, 
div.treenav a.bredband8, div.treenav a.bredband2, div.treenav a.bredband1 ,
div.treenav a.bredband100_lan, div.treenav a.bredband2_lan, div.treenav a.mobiltbredband10, a.mobiltbredband6,
div.treenav a.viatelejacket , div.treenav a.viabredbandsuttaget, div.treenav a.viamobilnatet, div.treenav a.bredbandsub {
	background-position: 0 0 !important;
	height: 32px !important;
	text-indent: -5000px !important;
	margin: 0 !important;
}

div.treenav a.bredband60 {
	background-image: url(/images/layout/bredband60.gif);
}

div.treenav a.turbodsl {
	background-image: url(/images/layout/turbodsl.gif);
}

div.treenav a.bredband24 {
	background-image: url(/images/layout/bredband24.gif);
}

div.treenav a.bredband20 {
	background-image: url(/images/layout/bredband20.gif);
}

div.treenav a.bredband8 {
	background-image: url(/images/layout/bredband8.gif);
}

div.treenav a.bredband2 {
	background-image: url(/images/layout/bredband2.gif);
}

div.treenav a.bredband1 {
	background-image: url(/images/layout/bredband1.gif);
}

div.treenav a.bredband100_lan {
	background-image: url(/images/layout/bredband100_lan.gif);
}

div.treenav a.bredband2_lan {
	background-image: url(/images/layout/bredband2_lan.gif);
}

div.treenav a.mobiltbredband10 {
	background-image: url(/images/layout/mobiltbredband10.gif);
}

div.treenav a.mobiltbredband6 {
	background-image: url(/images/layout/mobiltbredband6.gif);
}

div.treenav a.viatelejacket, div.treenav a.viatelejacket:hover	 {
	background-image: url(/images/layout/viatelejacket.gif) !important;
	height: 35px !important;
}

div.treenav a.viabredbandsuttaget, div.treenav a.viabredbandsuttaget:hover {
	background-image: url(/images/layout/viabredbandsuttaget.gif) !important;
}

div.treenav a.viamobilnatet, div.treenav a.viamobilnatet:hover {
	background-image: url(/images/layout/viamobilnatet.gif) !important;
}

div.treenav a.bredbandsub, div.treenav a.bredbandsub:hover {
	background-image: url(/images/layout/bredbandsub.gif) !important;
	height:23px !important;
}

div.treenav a.bredband60:hover, div.treenav a.bredband60_active {
	background: url(/images/layout/bredband60_active.gif) 0 0 no-repeat !important;
}

div.treenav a.turbodsl:hover, div.treenav a.turbodsl_active {
	background: url(/images/layout/turbodsl_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband24:hover, div.treenav a.bredband24_active {
	background: url(/images/layout/bredband24_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband20:hover, div.treenav a.bredband20_active {
	background: url(/images/layout/bredband20_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband8:hover, div.treenav a.bredband8_active {
	background: url(/images/layout/bredband8_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband2:hover, div.treenav a.bredband2_active {
	background: url(/images/layout/bredband2_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband1:hover, div.treenav a.bredband1_active {
	background: url(/images/layout/bredband1_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband100_lan:hover, div.treenav a.bredband100_lan_active {
	background: url(/images/layout/bredband100_lan_active.gif) 0 0 no-repeat !important;
}

div.treenav a.bredband2_lan:hover, div.treenav a.bredband2_lan_active {
	background: url(/images/layout/bredband2_lan_active.gif) 0 0 no-repeat !important;
}

div.treenav a.mobiltbredband10:hover, div.treenav a.mobiltbredband10_active {
	background: url(/images/layout/mobiltbredband10_active.gif) 0 0 no-repeat !important;
}

div.treenav a.mobiltbredband6:hover, div.treenav a.mobiltbredband6_active {
	background: url(/images/layout/mobiltbredband6_active.gif) 0 0 no-repeat !important;
}

/* ----------------------------------------------------------------
	BEST�LL NAVIGATION
---------------------------------------------------------------- */
ul.bestallnav {
	margin: 0;
	padding: 0;
	width: 183px;
	list-style-image: none;
}

ul.bestallnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

ul.bestallnav li {
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 3px;
	padding-left:  7px;
	background: url(/images/layout/bg_bestall.gif) left top no-repeat;
}

ul.bestallnav li.first {
	margin-top: 0;
}
	
ul.bestallnav li a {
	overflow: hidden;
	line-height: 24px;
	height: 24px;
	display: block;
	background: url(/images/layout/bg_bestall.gif) right top no-repeat;
	color: #666;
	text-decoration: none;
}

ul.bestallnav li a:hover {
	color:  #666;;
}

ul.bestallnav li.active {
	background-image: url(/images/layout/bg_bestall_active.gif);
}

ul.bestallnav li.active a.active {
	background-image: url(/images/layout/bg_bestall_active.gif);
	color:  #fff;
}

/* ----------------------------------------------------------------
	FOOTER NAVIGATION
---------------------------------------------------------------- */
div.b2_footer a {
	font-size: 10px;
	color: #000;
}

div.b2_footer a.omcookies { 
	background: url(/images/layout/omcookies.gif) 0 0 no-repeat; 
	width: 56px; height: 12px; text-indent: -5000px; display: block;
}

div.b2_footer a.ombredbandsbolaget { 
	background: url(/images/layout/ombredbandsbolaget.gif) 0 0 no-repeat; 
	width: 85px; height: 12px; text-indent: -5000px; display: block;
}

div.b2_footer a.omtelenorgruppen { 
	background: url(/images/layout/omtelenorgruppen.gif) 0 0 no-repeat; 
	width: 85px; height: 12px; text-indent: -5000px; display: block; 
}

div.b2_footer a.copyright { 
	background: url(/images/layout/copyright.gif) 0 0 no-repeat; 
	width: 120px; height: 12px; text-indent: -5000px; display: block; 
}

/* ----------------------------------------------------------------
	"NYTT SIDHUVUD"
---------------------------------------------------------------- */
ul.mainnav {
   display: none;
}

ul.subnav {
	padding-left: 149px;
}

ul.subnav li{
	width:90px;
}

ul.subnav li a {
	background-image: url(/images/layout/mainnav.gif);
    display: block;
}

ul.subnav li a:hover,  ul.subnav li a.active {
	background-image: url(/images/layout/mainnav_over.gif);
}

ul.subnav li.topmenu_item0 a {
	background-position: 0 0; 
	width: 90px; height: 88px;
}

ul.subnav li.topmenu_item1 a {
	background-position: -90px 0; 
	width: 90px; height: 88px;
}

ul.subnav li.topmenu_item2 a {
	background-position: -180px 0;
	width: 90px; height: 88px;
}

ul.subnav li.nojen a {
	background-position: -270px 0;
	width: 90px; height: 88px;
}

ul.subnav li.upplev a {
	background-position: -270px 0;
	width: 90px; height: 88px;
}

ul.subnav li.topmenu_item3 a {
	background-position: -270px 0;
	width: 90px; height: 88px;
}

ul.subnav li.kundservice  {
	width: 92px;
}

ul.subnav li.topmenu_item4 a {
	background-position: -360px 0;
	width: 92px; height: 88px;
}

ul.subnav.foretag li a {
	background-image: url(/images/layout/mainnav_foretag.gif);
    display: block;
}

ul.subnav.foretag li a:hover,  ul.subnav.foretag li a.active {
	background-image: url(/images/layout/mainnav_foretag_over.gif);
}

ul.subnav.foretag li.internet a, ul.subnav.foretag li.bredband a {
	background-position: 0 0; 
	width: 90px; height: 88px;
}

ul.subnav.foretag li.tillaggstjanster a {
	background-position: -90px 0; 
	width: 90px; height: 88px;
}

ul.subnav.foretag li.kundservice, ul.subnav.foretag li.foretagsservice  {
	width: 90px;
}

ul.subnav.foretag li.kundservice a, ul.subnav.foretag li.foretagsservice a {
	background-position: -180px 0; 
	width: 90px; height: 88px;
}

ul.subnav.foretag li.bestall {
	width: 91px; 
}

ul.subnav.foretag li.bestall a {
	background-position: -270px 0; 
	width: 91px; height: 88px;
}

ul.sidenav {
	position: absolute; 
	top: 8px;
	right: 20px;
 	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.sidenav li {
	margin: 0 0 0 5px;
	padding: 0;	
	float: left;
	text-align: center;
	height: 16px;
	text-indent: -5000px;	
	background: none;
	display: inline;
}

ul.sidenav li a {
	height: 16px;
	background: url(/images/layout/sidenav.gif) 0 0 no-repeat;
}

ul.sidenav li a:hover,  ul.sidenav li a.active {
	background-image: url(/images/layout/sidenav_over.gif);
}

ul.sidenav li.sectionmenu_item0 a {
	background-position: 0 0; display: block;
	width: 40px;
}

ul.sidenav li.sectionmenu_item1 a {
    background-position: -40px 0; display: block;
    width:50px;
}

ul.sidenav li.sectionmenu_item2 a {
	background-position: -90px 0; display: block;
    width:105px;
}

ul.sidenav li.sectionmenu_item3 a {
	background-position: -195px 0; display: block;
    width:45px;
}

div.loginnav {
	background: url(/images/layout/topnav/loginnav_bg.jpg) 0 0 no-repeat;
	width: 339px;
	height: 61px;
	position: absolute;
	bottom: 0;
	right: 0;
}

div.loggedinnav {
   background: url(/images/layout/topnav/loggedinnav_bg.jpg) 0 0 no-repeat;
}

div.loginnav form {
   position: relative;
}

div.loginnav form ul{
   position: absolute;
   left: 42px;
   top: 0px;
   list-style: none;
   list-style-image: none;
   margin: 0; padding: 0;
}

div.loginnav form ul li{
   padding: 2px 5px 0 0;
   margin: 0;
}

div.loginnav form ul.inline {
   top: 4px;
}

div.loginnav form ul.inline li{
   display:inline;
}

div.loginnav form a.checkbox {
    background: url(/images/layout/topnav/checkbox_unchecked.gif) 0 0 no-repeat;
    padding-left: 17px;
    cursor: default;
}

div.loginnav form a.checked {
    background-image: url(/images/layout/topnav/checkbox_checked.gif);
}

div.loginnav ul.box{
    background: url(/images/layout/topnav/box.gif) 0 0 no-repeat;
}

div.loginnav ul.box li{
    line-height: 17px;
}

div.loginnav form ul * {
   font-size: 9px;
   color: #fff;
}

div.loggedinnav form ul * {
   font-size: 10px;
}

div.loginnav form ul li.first {
   margin: 6px 0 5px 0;
}

div.loginnav form ul li a{
  color: #dedd3a !important;
}

div.loginnav form ul li label{
  color: #dedd3a !important;
}

div.loginnav form ul li a:hover{
  color: #fff !important;
}

div.loginnav form {
   position: relative;
}

div.loginnav form input:focus {
   border: none;
}

div.loginnav .username{
   color: #444;
   font-size: 9px;
   position: absolute;
   left: 43px;
   top: 28px;
   background: none;
   padding-top: 4px;
   height: 15px;
   width: 93px;
   border: none;
}
div.loginnav .password{
   color: #444;
   font-size: 9px;
   position: absolute;
   left: 152px;
   top: 28px;
   background: none;
   padding-top: 4px;
   height: 15px;
   width: 93px;
   border: none;
}
div.loginnav .login{
   position: absolute;
   left: 255px;
   top: 26px;
   border: none;
}