body {
	font-family: verdana, arial, sans-serif; font-size:100%; 
	behavior:url(csshover.htc);
	background: url(images/nye/background.jpg);
	margin:0;
	padding-bottom:50px;
}

#popup {
	background:#FFF;
}

#wrapper {
	margin-left:80px;
	margin-top:75px;
	padding:0;
}

#maincontent {
	margin-top:-3px;
	width:859px;
	background:#FFF;
}

p {
	color:#000;
	font: normal 11pt Geneva, Arial, Helvetica, sans-serif;
}

#paragraph {
	color:#2F97FA;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 5px 2px 5px;
}

h1 {
	color: #2F97FA;
	font: italic normal 16pt Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
	margin-top:15px;
}

h3 {
	color: #333333;
	font: bold 12pt Geneva, Arial, Helvetica, sans-serif;
	margin:15px 0 0 0;
}
 
table h4 {
	color:#fff;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 0 2px 5px;
}

h5 {
	color:#2F97FA;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 0 2px 5px;
}

li.dobbel h5 {
	color:#2F97FA;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 5px 2px 5px;
	width:200px;
}

li.dobbel h5.betingelser {
	color:#2F97FA;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 5px 0px 0px;
	width:600px;
}

li.dobbel h6 {
	color:#2F97FA;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 5px 2px 5px;
}

li.dobbel img {
	float:right;
	clear:right;
}
#phonect {
	float:none;
}


label {
	color:#000;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
}


/* alt som har med formcontainer å gjøre */

div#formcontainer h3 {
	margin:20px 0 0 10px; 
	font-weight:bold; 
	font-size:.8em;
}

div#formcontainer h4 {
	margin:0 0 5px 10px; 
	font-weight:normal; 
	font-size:.75em;
}

#formcontainer h5 {
	font-size:11px;
	width:500px;
	color:#2F97FA;
	margin:3px 0 0 25px;
	padding:0;
	display:block;	
}

div#formcontainer form  {
	border-top: 2px solid #CCC; 
	border-bottom: 3px solid #CCC;
} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */

div#formcontainer div.clearfix {
	padding:10px 0px;
} 
div.clearfix label {
	color:#000;
	font: bold 10pt Geneva, Arial, Helvetica, sans-serif;
}

div.clearfix select {
	width:235px;
} 
 
/* adds the line above each section and provides vertical spacing */

div#formcontainer form label {
	width:160px; 
	float:left;
	font-size:.75em; 
	color: #000;   
	margin:0 10px;

} 

/* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/	

div#formcontainer {
	width:787px; 
	margin-left:0px;

	float:left; 
	margin:0px; 
	padding:0px;
	vertical-align:middle; 
} 
div.buttongroup {
	float:left; 
	margin:0px; 
	padding:0px;
	width:500px;
}

/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */

div#formcontainer div.buttongroup div {
	margin-bottom:5px; 
	font-size:.65em;
	color:#000;
} 
/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */

div#formcontainer div.buttongroup input {
	margin-right:5px;
} 
/* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */

div#formcontainer input[type="submit"] {
	display:block;
	float: left;
	margin-left:0px; 
	margin-right:10px;
}
/* slutt på formcontainer*/

div h5.spesiell {
	font-size:11px;
	width:45px;
	color:#2F97FA;
	margin:3px 0 0 0px;
	padding:0;
	display:block;	
}

#inputLong {
	width:787px;
}


/* alt som har med colums å gjøre */
#colums li.dobbel {
	padding:0 15px 15px 15px;
	margin:15px 10px 0px 10px;
	border-left:2px solid #2F97FA;
	list-style:none;
	width:90%;
}
#hovedsiden {
	width:450px;
}

#spesiell {
	width:750px;
}

#colums li.dobbel p {
	margin:2px 0 2px 0;
}

#colums li {
	float:left;
	display:inherit;
}

#colums li.nyheter {
	
	width:505px;
	margin:15px 0px 0px 10px;
	padding:0 15px 15px 15px;
	border-left:2px solid #2F97FA;
	color:#FFFFFF;
	list-style:none;
}

#colums {
	padding:0;
	margin:0;
	list-style:none;
}

#colums li.nyheter a {
	color:#2F97FA;
	font: normal 10pt Geneva, Arial, Helvetica, sans-serif;
	
}

#colums li.nyheter a:link {
	color:#2F97FA;
	text-decoration:none;
}
#colums li.nyheter a:hover,#colums li.nyheter a:active { 
	text-decoration: underline; 
	color: #6EA2D7;
}
#colums li.nyheter a:visited { 
	text-decoration: none; 
	color: #2F97FA;
}
#colums li.annonser {
	padding:0 15px 15px 15px;
	width:245px;
	color:#FFFFFF;
	list-style:none;
	margin:15px 10px 25px 0;
	border-left:2px solid #2F97FA;
}
#colums li.annonser h3{
	color: #2F97FA;
	font: italic normal 14pt Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
}
#colums li.annonser a {
	color:#2F97FA;
	font: normal 10pt Geneva, Arial, Helvetica, sans-serif;
}

#colums li.annonser a:link {
	color:#2F97FA;
	text-decoration:none;
}
#colums li.annonser a:hover,#colums li.annonser a:active { 
	text-decoration: underline; 
	color: #6EA2D7;
}
#colums li.annonser a:visited { 
	text-decoration: none; 
	color: #2F97FA;
}

#footer {
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
} 
#redfooter {
	width:859px;
	padding:15px 0 15px 0;
	margin-top:15px;
	float:none;
}

#redfooter p {
	color:#2F97FA;
	padding:0;
	margin:5px 0 -5px 0;
	font: normal 10pt Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* css for beingelser */

#betingelser li {
	color:#2F97FA;
	font-size:12px;
	float:none;
	padding:5px 0 5px 0;
	list-style:square;
}

#kabelpavisning li {
	color:#2F97FA;
	font-size:12px;
	float:none;
	padding:5px 0 5px 0;
	list-style:square;
	list-style:none;
}

/* horisontal meny og alt som omhandler den */
div#listmenu {
	width:859px;
	border-top:3px solid #383838;	/* draws line on top edge of div */
	border-bottom:3px solid #383838;	 /* draws line on bottom edge of div */
	font-size:.65em;	/* SET FONT-SIZE HERE */
	background: url(images/nye/bluebg.gif);/* colors the div */
	margin:0px;
	height:27px;
	position:relative;
	z-index:100;
	
}

div#listmenu ul {
	vertical-align:bottom;
	margin:0 0 0 -35px;
}

div#listmenu li {
	text-align:center;
	font-weight:bold;
	width:120px;
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background:url(images/nye/navRight.gif); /*sets the background of the menu items */
	border-right:1px solid #003366; /* creates dividing lines between the li elements */
	height:auto;
	}
	

div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover {
	background: url(images/nye/bluebg.gif);/*sets the background of the menu items */
	}

div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333333;	/* sets the type color */
	padding:7px 4px;
	width:92%;
}

div#listmenu li:hover a{color:#fff;}
div#listmenu li ul li a:link, div#listmenu li ul li a:visited{color:#333;}
div#listmenu li ul li a:hover{color:#fff;}

/* for å se css for drop dawn menyene se til slutt i dokumentet */

/* kundesenter knapp starter her*/

div#listmenu2 {
	width:165px;
	float:right;
	font-size:.65em;	/* SET FONT-SIZE HERE */
	background: url(images/nye/kundesenter.jpg);/* colors the div */
	margin:0px;
	height:30px;
	
}

div#listmenu2 ul {
	vertical-align:bottom;
	margin:0 6px 0 -35px;	
}

div#listmenu2 li {
	text-align:center;
	font-weight:bold;
	width:120px;
	float:right;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background: url(images/nye/kundesenterGrey.jpg); /*sets the background of the menu items */
	border-right:1px solid #003366; /* creates dividing lines between the li elements */
	height:auto;
}
	
div#listmenu2 li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
}
div#listmenu2 li:hover {
	background: url(images/nye/kundesenterRight.jpg);/*sets the background of the menu items */
}

div#listmenu2 a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333333;	/* sets the type color */
	padding:7px 4px;
	width:92%;
}

div#listmenu2 li:hover a{color:#fff;}
div#listmenu2 li ul li a:link, div#listmenu2 li ul li a:visited{color:#333;}
div#listmenu2 li ul li a:hover{color:#fff;}	





/* spesifikasjoner for knapper på kundesenter forsiden starter her */

div#listmenu3 {
	width:590px;
	font-size:.65em;	/* SET FONT-SIZE HERE */
	margin:0px;
	height:27px;
}

div#listmenu3 ul {
	vertical-align:bottom;
	margin:0 0 0 -35px;
}

div#listmenu3 li {
	text-align:center;
	font-weight:bold;
	width:145px;
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background:url(images/nye/navRight.gif); /*sets the background of the menu items */
	border-right:1px solid #003366; /* creates dividing lines between the li elements */
	height:auto;
}
	
div#listmenu3 li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu3 li:hover {
	background: url(images/nye/bluebg.gif);/*sets the background of the menu items */
	}

div#listmenu3 a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333333;	/* sets the type color */
	padding:7px 4px;
	width:92%;
}

div#listmenu3 li:hover a{color:#fff;}
div#listmenu3 li ul li a:link, div#listmenu3 li ul li a:visited{color:#333;}
div#listmenu3 li ul li a:hover{color:#fff;}



/* slutt på horisontal meny */

/* drop-down menyene starter her */

div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:120px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	z-index: 2;
}

div#listmenu ul li>ul{
	left:-41px;
}

div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	padding:0 0 1px;
	text-align:left;
	border-left:1px solid #003366;
}
div#listmenu ul li ul li.bottom {
	border-bottom:5px solid #003366;
}

div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */

div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
}
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	
	margin-left:3px; /* IE doubles the given value above - why? */
}
		
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
}

/* and the "be nice to Opera" rule */

html>body div#listmenu ul li ul li ul {
  top:-1px;
  left:10em;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("ie51_menu_hack.css"); 
/* END OF DROP DOWN MENUS */