html { font-size: 100%; /* IE hack */ }

body {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	font-size: 75%;
	background: url(/design/images/bg.gif) ;
	text-align: center;
	margin:0pt;
}
/* bg.gif i body gir de mørk turkise firkantene.  */

/* De generelle div-ene - setter hovedlinjene i designet */

#deco {background: url(/design/images/bg_main.jpg) 0 0 repeat-x}
/* bg_main.jpg gir graderingen som er til venstre og høyre for det hvite */

#page {
	position:relative; 
	_height: 100%; 
	width: 954px;
	min-height: 100%;  
	background-color: #ffffff;
	margin: 0 auto;
	text-align:left;
 }
 /* Gir hvit kant i toppen */
 #desktop {
	padding-top: 20px;
}
 /* Setter selve siden, og den hvite bakgrunnen på den. */
 
 /* Toppfeltets div-er */
#toppfelt {
	position: relative;
	visibility: visible;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	height:46px;
	background:url(images/logo_trondheimenergi.jpg) no-repeat 0 0;
}
#topplogolink{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	height:46px;
	width:160px;
}

#hovedmeny {
	position:absolute;¨
	height:46px;
	vertical-align:middle;
	float:left;
	margin-left: 300px;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: text-bottom;
	}
#sok {
	float: right;
	width: 212px;
}

/* Hovedinnholdet på siden */
#hovedinnhold {
	position: relative;
	width: 670px;
	clear:left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* Meny og tekst, brukes ikke på førstesiden */
#venstrefelt {
	clear:left;
	float: left;
	height: 100%;
	width: 170px;
	visibility: visible;
}
#tekst {
	float: left;
	width: 480px;
}
/* de to feltene nederst på forsiden (5 siste og utkoblinger) */
#nyheter {
	width: 400px;
	float:left;
}
#kampanje {
	width: 250px;
	float:right;
}
/* Resten av siden */
#hoyrefelt {
	clear: both;
	float: right;
	height: 100%;
	width: 219px;
	margin-top: 0px;
	margin-right: 20px;
	visibility: visible;
}
/* Innloggingslisten */
ul.portaldropdown, ul.portaldropdown ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.portaldropdown li{
	position: relative;
	list-style: none;
}

ul.portaldropdown li ul{
	position: absolute;
	top: 58px;
	left: 0;
}

ul.portaldropdown li ul.hidden{
	display: none;
}

ul.portaldropdown li ul li a{
	width: 200px;
	_width: 212px;
	height: 1em;
	background: #fff;
	display: block;
	padding: 5px;
	border-color: #ddd;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	text-decoration: none;
}

ul.portaldropdown li ul li a:hover{
	background: #eee;
}


#bunnlinje {
	clear: both;
	color: #999999;
	visibility: visible;
}
/* Fanene på privat og bedrift og høyde når det ikke er faner */
#faner {
	margin-bottom: 23px;
}

#utenfaner {
	margin-bottom: 23px;
}
/* Utseende/fonter */
table{
	font-size: 100%;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	line-height: 1.0em;
	word-spacing:0.1em;
	text-decoration:none;
}
p {
	font-size: 1em;
}
.overskrift {
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	line-height: 1.0em;
	word-spacing:0.1em;
	text-decoration:none;
}
.header {
	font-size: 1.2em;
	font-weight: bold;
}
.sectiontitle {
	font-size: 1.2em;
	font-weight: bold;
}
.preamble {
	font-size: 1em;
	line-height: 1.1em;
	color:#666666;
	letter-spacing:0;
}
.normal {
	font-size: 1em;
}
.normalbold {
	font-size: 1em;
	font-weight: bold;
}
.medium {
	font-size: 0.9em;
}
.small {
	font-size: 0.8em;
	color:#666666;
}

input {
	font-size: 11px;
}

.tbl2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
	font-size: 0.8em;}	

A:link {  color: #3399cc; text-decoration:underline}
A:active {  color: #3399cc; text-decoration:underline}
A:visited {  color: #3399cc; text-decoration:underline}
A:hover {  color: #3399cc; text-decoration:none}

A.menu:link {  color: #666666; text-decoration:none; font-size:1em; text-align:center;}
A.menu:active {  color:#666666; text-decoration:none; font-size:1em;}
A.menu:visited {  color: #666666; text-decoration:none; font-size:1em;}
A.menu:hover {  color: #666666; text-decoration:none; font-size:1em;}

A.discreet:link {  color: #666666; text-decoration:none; font-size:1.2em;}
A.discreet:active {  color: #666666; text-decoration:none; font-size:1.2em;}
A.discreet:visited {  color: #666666; text-decoration:none;  font-size:1.2em;}
A.discreet:hover {  color: #666666; text-decoration:underline;  font-size:1.2em;}

A.menuheading:link {  color: #666666; text-decoration:none}
A.menuheading:active {  color: #666666; text-decoration:none}
A.menuheading:visited {  color: #666666; text-decoration:none}
A.menuheading:hover {  color: #666666; text-decoration:underline}

.menuitem {
	font-size: 0.9em;
}
.rightmenu {
	font-size: 0.8em;
	}
.rightmenutitle {
	font-size: 0.9em;
	font-weight:bold;
}
.loginselect {
   margin:21px 0pt 0pt 41px;
   width:212x;
}