body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Sans Serif;	
	font-size: 9pt;
	height: 100%;
}

div.top {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 100%;
	height: 70px;
}

div.bottom {
  position: absolute;
  bottom: -1px; /* ?? */
  border: none;
  overflow: hidden;
}

div.scroll {
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 80px; 
  height: 100%;
}

@media screen {
  body>div.top, body>div.bottom {
     position: fixed;
  }
}

a:link, a:visited {
	color: #0000cc;
	text-decoration: none;
	font-weight: bold;
}

a.no:link, a.no:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

a:hover, .top_td a:hover, .top_tds a:hover,  #midnav a:hover {
	text-decoration: underline;
	
}

hr {
     border: none;
     border-top: 1px solid #000000;
     height: 1px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

p.compact {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h1 {
	font-family: Verdana, Arial, Sans Serif;
	font-size: 14pt;
	font-weight: normal;
}

td {
	vertical-align: top;
}

.dark1, td.hdr {
	background: url('/icon/seyf-mgg.gif') repeat-x;
}

.dark, .seyf {
	background-color: #a0cc7d;  /* e8d5a0 */
}

.gdark, .flik, .ib, .ibw {
  background-color: #d0d0d0; 
}

.miniflik {
	font-family: Arial, Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
}


.top_td, .top_tds, .flik, .fliks {
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
  font-family: Arial, Sans Serif;
	color: #000000;
	padding-top: 2px;
  width: 95px;  /* 80 */
}

.flik, .fliks {
	border-top: 1px solid #d0d0d0;
}

.top_td {
	border-top: 2px solid #ff9044;
}

/* e8d5a0 - f0f3c0 - f4ead0 - f8f1e0 - ffffff */

.left_td {
  background-color: #f4f3f1;
  border-right: 1px solid #e5e5e5;
  width: 135px; 
}

.real_left {
  padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #d0d0d0;
  font-family: Arial, Sans Serif;
  font-size: 8pt;
	height: 100%;
}

td.main_td {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
}

td.but img {
	display: block;
}

td.bold {
	font-weight: bold;
}

.lightbox {
  background-color: #eeeeee;
  border: 1px solid #d0d0d0;
  font-family: Arial, Sans Serif;
  font-size: 8pt;
}

.greybox {
  background-color: #eeeeee;
  border: 1px solid #d0d0d0;
	padding: 5px;
}

.white {
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.bronze {
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.posimg {
	background-position: top center;
/*	background-repeat: no-repeat;*/
}

.silver {
	background-image: url("/icon/silver.gif");
	background-repeat: repeat;
	/* 	background-color: #eeeeee; */
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.gold {
	background-image: url("/icon/gold.gif");
	background-repeat: repeat;
	/* 	background-color: #ffeecc; */
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.pil {
	background-color: #d0d0d0;
	border: 1px solid #000000;
  padding: 2px;
}

.annons {
  border: 1px solid #000000;
}

.flik, .fliks {
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
  font-family: Arial, Sans Serif;
	color: #000000;
  width: 80px; 
	border-top: 1px solid #d0d0d0;
}

.flikmain { /* a td (previously a table) */
	border: 1px solid #d0d0d0;
	padding: 15px;
	/*	width: 100%; */
} 

form.login {
  font-family: Arial, Sans Serif;
  font-size: 8pt;
}

/* Hmm.. different browsers may display these input elements in different
   fashion */

.it, .itw {
  border: 1px solid #000000;
}

.itw {
	width: 99%;
}

/* Previously, we had width: 0 and then a subdefinition that
	 width: auto for other browsers than MSIE6. However, it did
	 not work out as planned, so we set width: auto from the
	 beginning and hope that MSIE 6, MSIE 7, Firefox, Opera and
   all the other browsers will look decent.
*/

.ib, .ibw {
  border: 1px solid #000000;
  font-size: 8pt;
  width: auto;
  cursor: pointer;
  overflow: visible;
  padding: 0 2px 0 2px;
}

.ibnb {
	border: none;
	background-color: #ffffff;
}

/* <select> */

.is {
	width: 150px;
}

/* MSIE6 doesn't understand [class] */
/* .ib[class] { width: auto; } */

.lb {
  /* width: 130px; */ /* 135 */
	font-family: Arial, Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-bottom: 3px solid #eeeeee;
	padding: 3px;
}

img.icon {
	height: 67px;
	width: 67px;
	border: 0px;
}

.right {
	float: right;
 	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 15px;
}

.right2 {
	float: right;
 	padding-left: 10px;
	padding-right: 5px;
}

.rinner {
	border: 1px solid #000000;
	padding-bottom: 5px;
}

.left1 {
	float: left;
	padding-right: 2px;
}

span.rubrik {
	font-family: Verdana, Arial, Sans Serif;
  font-size: 10pt;
  font-weight: bold;
}

table.category {
	border: 0;
	width: 100%;
	font-family: Arial, Sans Serif;
	font-size: 10pt;
}

/* Work-around to get layout tables inside articles to appear somewhat
	 left-justified. On the right-hand edge, nobody looks too carefully.
	 At the same time, we add a work-around to get slightly more margin
	 around pictures in the table.
*/

td.artikel table {
	border-collapse: collapse;
}

td.artikel table tr td {
	padding-right: 5px;
}

td.artikel table td img {
	padding-right: 5px;
	padding-left: 5px;
}

table.kantlinje {
	border-collapse: collapse;
}

table.kantlinje th, table.kantlinje td {
	padding: 5px;
	border: 1px solid #000000;
}

table.blogg {
	width: 100%;
	/*	margin-top: 20px; */
	margin-bottom: 20px;
}

td.blogghdr {
	font-weight: bold;
	padding-bottom: 10px;
}

td.bloggbody {
	padding-bottom: 20px;
}

tr.blogg {
	background-color: #d0d0d0;
}

td.hdr, td.replyhdr {
/*	background-color: #99ccff; */
	/* border: 1px solid #e8d5a0; */
	padding: 0px 3px 0px 3px;
}

td.msg, td.replyhdr {
	background-color: #ffffff;
	border: 1px solid #e8d5a0;
	border-top: none;
}

td.replyhdr {
	background-color: #f4ead0;
}

td.reply {
	padding-left: 20px;
	background-color: #f8f8f8;
	border: 1px solid #e8d5a0;
	border-top: none;
}

td.bottom {
	border-bottom: 2px solid #ffffff;
}

/* Those are the same colours as defined in funcs.php. They're usually
   combined with the classes defined in $headclass (dhead and lhead) for
   multiple inheritance. */

.red { background-color: #a11133; }
.green { background-color: #77a144; }
.blue { background-color: #0055a1; }
.cyan { background-color: #00d4ee; }
.purple {	background-color: #aa77dd; }
.brown { background-color: #664411; }
.grey { background-color: #d0d0d0; }
.orange { background-color: #ff8833; }

.lred { background-color: #ff9999; }
.lorn {	background-color: #ffe599; }
.lgrn {	background-color: #99f2af; }
.lcyn {	background-color: #99f2f2; }
.lblu { background-color: #99b3ff; }
.lvio { background-color: #cc99ff; }
.lpur { background-color: #ff99e5; }
.lgrey { background-color: #dddddd; }

.dhead, .lhead, .round {
	color: #000000;
	padding-top: 2px;
	height: 18px;
	font-family: Verdana, Arial, Sans Serif;
	font-weight: bold;
	font-size: 10pt;
}

.lhead, .round, .round a:link, .round a:visited, .lb a:link, .lb a:visited,
.miniflik a:link, .miniflik a:visited {
	color: #ffffff;
}

.lhead a:link, .lhead a:visited {
	color: #ffffff;
}

.round {
	text-align: center;
}

ul li, ol li {
	padding-bottom: 10px;
}

ul.compact li {
	padding-bottom: 0px;
}

.cssl {
	height: 20px;
	padding-left: 6px;
}	

.cssr {
	height: 20px;
	padding-right: 6px;
}

#topnav {
	float: left; /*Set to "left" or "right" to position menu accordingly*/
	margin-bottom: 0px;
}

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

#topnav li {
	display: inline;
	padding: 0;
	height: 20px;
	float: left;
}

#topnav li.rsp {
	padding-right: 2px;
	/* border-right: 2px solid #ffffff; */
}

#topnav span {
	display: block;
	margin:	0;
}

#topnav span a {
	float: none;
}

#midnav {
	float: left; /*Set to "left" or "right" to position menu accordingly*/
}

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

#midnav li {
	display: inline;
	float: left;
	padding: 2px 0px 2px 0px;
	margin-right: 5px;
	width: 60px;
  color: #000000;
  font-family: Arial, Sans Serif;
  font-size: 10pt;
  text-align: center;
	vertical-align: middle;
}

.dash {
  padding: 5px;
  border: 1px dashed #666666;
}

/*
.dash p {
  margin-top: 0px;
  margin-bottom: 0px;
}
*/