* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border: 0;
}

html, body {
	height: 100%;
}

body {
	background: #eee;
	color: #000000;
	font-family: Arial, Sans Serif;
	font-size: 9pt;
}

img {
	border: 0;
	vertical-align: bottom;
}

#wrapper {
	background: url('/pics/background.gif') repeat-y;
	width: 870px;
	padding: 0 15px;
	margin: 0 auto;
	height: auto;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
}

#wrapper table#structure {
	width: 870px;
	margin: 5px 0;
}

p {
	margin: 0 0 10px;
}
	p.spacing {
		margin: 0 0 20px;
	}

#footer {
	background: url('../pics/footerbg.gif') repeat-x;
	vertical-align: middle;
	color: #6d6d6d;
	padding-left: 10px;
	height: 30px;
}

.Tahoma, .Standard {
	font-family: Arial, Sans Serif;
	font-size: 9pt;
}

.clr {
	clear: both;
}

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, .mid_table td a:hover {
	text-decoration: underline;
}	

.top_tds a:link, .top_tds a:visited, .top_td a:link, .top_td a:visited {
	font-weight: bold;
}

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

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

tr, td, th {
	vertical-align: top;
	text-align: left;
}

.gdark {
	background-color: #808080;
}

.dark {
	background-color: #6abe45;
}

.bclg {
	border-color: #e7e7e7;
}

.darkbot {
	border-top: 2px solid #dddddd;
}

.flik {
  background-color: #d0d0d0; 
}

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


.flik, .fliks {
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Sans Serif;
	font-size: 9pt;
	color: #ffffff;
	background: transparent url('/icon/utm.gif') repeat-x;
	padding-top: 2px;
	height: 18px;
	width: 100px;
}

.tbar {
	background: transparent url('/icon/tbarg.gif') repeat-x; 
}

.kbar {
	background: transparent url('/icon/kbarg.gif') repeat-x;
}

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

.left_td {
	padding: 3px 5px 3px 5px;
	background-color: #eeeeee;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	font-family: Arial, Sans Serif;
	font-size: 8pt;
	width: 135px; 
	height: 100%;
}

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

.bot_td {
	background-color: #808080;
	font-size: 9pt;
	font-family: Arial, Sans Serif;
	font-weight: bold;
}


td.but img {
	display: block;
}

td.bold, td.bold a {
	font-weight: bold;
}

td.uline, td.uline a {
	text-decoration: underline;
}

.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;
}

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

.gold {
	background-image: url("/icon/gold.gif");
	background-repeat: repeat;
	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 #cccccc; /* e7e7e7; */
}

.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 {
	font-size: 8pt;
	font-weight: bold;
	width: auto;
	cursor: pointer;
	overflow: visible;
	padding: 2px 5px 2px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #808080; /* #6abe45, #f28003 */
	color: #ffffff;
}

button.ag_button {
	background-color: transparent;
	border: none;
	width: auto;
	cursor: pointer;
	overflow: visible;
	padding: 0;
	margin: 0 0 0 4px;
}

div.button {
	background: url('/icon/knapp2.gif') no-repeat;
	display: block;
	height: 20px;
	width: 41px;
	margin: 0;
	padding-right: 4px; /* sliding doors padding */
	font-family: Arial, Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

div.button span {
	display: block;
	white-space: nowrap;
	line-height: 7px;
	padding: 5px 0px 8px 5px;
}

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

/* <select> */

.is {
	font-size: 8pt;
	font-weight: bold;
	background-color: #ffffff; /* #f28003 */
	color: #000000;
	/*	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: 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.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;
	height: 18px;
	font-family: Arial, Sans Serif;
	font-weight: bold;
	font-size: 9pt;
}

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

.round {
	text-align: center;
}

ul li {
	padding-bottom: 10px;
}

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

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

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

#topnavr {
	float: right;
	margin-bottom: 0px;
}

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

ul#topnav {
	height: 35px;
	margin: 0 0 5px;
	padding: 0 5px;
	background: url('../pics/menubg.jpg') no-repeat;
}
	ul#topnav li {
		display: inline;
		padding: 0;
		height: 32px; 
		float: left;
	}
	ul#topnav li a {
		display: block;
		padding: 8px 18px 7px;
		font-size: 12px;
		font-weight: bold;
		background: url('../pics/menudivider.gif') no-repeat right center;
		font-family: Arial, Helvetica, sans-serif;
	}

#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: 100px;
	color: #000000;
	font-family: Arial, Sans Serif;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
}

#rightnav ul {
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	list-style: none;	
}

#rightnav li {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Special CSS for front page tables */

tr.whb, td.whb { background-color: #ffffff; }

tr.site, td.site {	background-color: #e3001b; color: #ffffff; }
tr.commerce, td.commerce { background-color: #74a244; color: #ffffff; }
tr.portal, td.portal { background-color: #009de0; color: #ffffff; }
tr.interaction, td.interaction { background-color: #f49a08; color: #ffffff; }
tr.mobility, td.mobility { background-color: #9d00e0; color: #ffffff; }


ul#submenu {
	margin: 0 5px 6px 1px;
	width: 154px;
	padding: 0;
	list-style: none;
	background: url('../pics/subbg.gif') repeat-y;
}
	ul#submenu li {
		margin: 1px 3px;
		padding: 0;
	}
		ul#submenu li.top {
			margin: 0;
			background: url('../pics/subtop.gif') no-repeat;
			height: 2px;
			line-height: 2px;
		}
		ul#submenu li.bottom {
			margin: 0;
			background: url('../pics/subbottom.gif') no-repeat;
			height: 2px;
			line-height: 2px;
		}
		ul#submenu li a {
			display: block;
			padding: 5px 12px 0;
			height: 19px;
			font-size: 12px;
			background: url('../pics/formheader.jpg') repeat-x;
		}
		ul#submenu li a:hover {
			text-decoration: underline;
		}

form.formWidget {
	background: url('../pics/formbg.jpg') no-repeat;
	width: 148px;
	height: 102px;
	padding: 3px 3px 9px;
	margin: 0 5px 0 1px;
	text-align: right;
}
	form.formWidget.tall {
		background: url('../pics/formbg_tall.gif') no-repeat;
		height: 123px;
	}
	form.formWidget h4 {
		background: url('../pics/formheader.jpg') repeat-x;
		padding: 5px 12px 0;
		height: 19px;
		font-size: 12px;
		margin: 0 0 7px;
		text-align: left;
	}
	form.formWidget input {
		margin: 0 11px;
	}
	form.formWidget input.text {
		width: 114px;
		padding: 0 3px;
		height: 15px;
		border: 1px solid #fff;
		background: url('../pics/inputbg.gif') no-repeat;
		margin-bottom: 4px;
	}
	form.formWidget input.button {
		border: 0;
		width: 55px;
		height: 20px;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		background: url('../pics/buttonbg.jpg') no-repeat;
	}
	
	
#flash  {
	margin: 0 1px;
}

#content {
	padding: 0;
	width: 706px;
}

#sidebar {
	padding: 0 0 10px;
	width: 154px;
}


#content form table td,
#content form table th,
#content table#contactlist td {
	padding: 3px 0;
}
#content table#contactlist {
	margin-bottom: 10px;
}
#content h2 {
	margin: 0 0 10px;
	font-size: 18px;
}
	#content h2 span {
		color: #C93937;
	}

#content ul {
	padding: 0 0 0 20px;
}

table.list {
	width: 100%;
	margin: 5px 0 20px;
}
	table.list tr {
		vertical-align: top;
		text-align: left;
		border: 1px solid #e1e1e1;
	}
		table.list tr.odd {
			background: #f9f9f9;
		}
	table.list td,
	table.list th {
		padding: 3px;
		border: 1px solid #e1e1e1;
	}
	
	table.list.yellow tr,
	table.list.yellow td,
	table.list.yellow th {
		border: 1px solid #febe45;
	}
	
	table.list.blue tr,
	table.list.blue td,
	table.list.blue th {
		border: 1px solid #44AEDE;
	}
	
form.formblock {
	width: 404px;
	background: #e18200 url('pics/background_form.gif') repeat-x;
	color: #fff;
	padding: 5px;
	margin: 0 0 5px;
	border: 1px solid #d37a00;
}
	form.formblock.wide,
	form.formblock.wide table {
		width: 514px;
	}
	form.formblock input[type="text"],
	form.formblock textarea {
		border: 1px solid #d37a00;
		padding: 2px 3px;
	}
	form.formblock table {
		width: 404px;
	}
	form.formblock th {
		text-align: left;
	}
	form.formblock textarea {
		width: 395px;
	}
		form.formblock textarea.small,
		form.formblock.wide textarea.small {
			width: 270px;
		}
	form.formblock.wide textarea {
		width: 415px;
	}
	form.formblock input[type="text"] {
		width: 270px;
	}
	form.formblock input.small {
		width: 49px;
	}
	form.formblock input.medium {
		width: 210px;
	}
	form.formblock a {
		color: #fff;
	}
	
#messagebox {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 180px auto 0;
	width: 300px;
}

#content #orderform h2 {
	font-size: 15px;
	color: #ffa806;
	margin: 0 0 5px;
}
#content #orderform table {
	width: 524px;
	border-collapse: collapse;
	border: 0;
	margin: 0 0 10px;
}
	#content #orderform table tr {
		background: #f7f7f7;
		margin: 0 0 5px;
	}
		#content #orderform table tr.head {
			background: #ffa705 url('pics/background_orderhead.gif') repeat-x;
			color: #fff;
		}
		#content #orderform table tr.spacer {
			background: none;
			height: 2px;
			line-height: 2px;
		}
	#content #orderform table td,
	#content #orderform table th {
		padding: 5px;
	}
		#content #orderform table tr.spacer td {
			padding: 0;
		}
		#content #orderform table .small {
			width: 15px;
		}
		#content #orderform table .medium {
			width: 80px;
		}
		#content #orderform table .center {
			text-align: center;
		}
		#content #orderform table .right {
			text-align: right;
		}
		#content #orderform table td.smalltext {
			text-align: right;
			font-size: 10px;
			line-height: 11px;
		}
	
	#content #orderform table input.small {
		width: 50px;
		margin: 0 3px 0 0;
	}
	#content #orderform table input.medium {
		width: 240px;
	}
	#content #orderform table input.large,
	#content #orderform table textarea.large {
		width: 300px;
	}
		
#rightcolumn {
	width: 170px;
	padding: 32px 0 0 10px;
	text-align: center;
	float: right;
}

table.speclist {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0 0 10px;
}
	table.speclist tr {
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
	}
		table.speclist tr.head {
			background: #ffa705 url('pics/background_orderhead.gif') repeat-x;
			color: #fff;
			border: 0;
		}
	table.speclist tr.odd {
		background: #f4f4f4;
	}
	table.speclist td,
	table.speclist th {
		padding: 5px;
		width: 120px;
	}
	table.speclist td {
		border-left: 1px solid #ccc;
		text-align: center;
	}
	
#domainsearch {
	border: 1px solid #ccc;
	width: 514px;
	padding: 5px;
	margin: 0 0 10px;
	height: 73px;
}
	#domainsearch h3 {
		background: #ffa705 url('pics/background_orderhead.gif') repeat-x;
		color: #fff;
		padding: 5px;
		margin: -5px -5px 5px;
	}
	#domainsearch input.text {
		width: 150px;
		margin: 10px 0 0;
	}
	#domainsearch p {
		width: 250px;
		margin: 0 10px 0 0;
		display: inline;
		float: left;
	}
		
table#splash {
	border-collapse: collapse;
	border: 0;
	width: 706px;
}
	table#splash tr {
		text-align: left;
		vertical-align: top;
	}
	table#splash td {
		padding: 0;
	}
	
	table#splash td.link {
		vertical-align: bottom;
		text-align: right;
	}