/* Reset */
* {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: none;
}

ol,ul,li {
	list-style: none;
}

/* General settings */
html, body {
	position: relative; height: 100%; width: 100%;
	font-family: verdana, sans-serif;
}

body {
	background: #ccc;
	color: #fff;
	padding-bottom: 0;
	font-size: 0.625em;
}

a {
	text-decoration: none;
	color: #b70;
}
:active { }
:visited {
	color: #863;
}

a:hover  {
	text-decoration: underline;
}

/* Hding menu-items meant for normal screen-view*/
#accessibility-navigation {
	display: none;
}

/* Main positioning elements */
#container {
	border: 0.4em solid #AFBFEF;
	border-color: #bbb;
	margin: 1.5em auto;
	
	min-width: 62em;
	width: 85%;
	max-width: 100em;
	
	background: #fff;
	
	color: black;
	padding: 1em;
	position: relative;
}
#branding {
	height: 100px;
	height: 120px;
	background: #809FFF;
	background: #70A1FC;
	background: #013c74;
	background: #99bfe3;
	
	
	
	position: relative;
	margin: -1em;
	
	border-bottom: 4px solid #DEEAFF;
}
	#branding #c_name_presents {
		position: absolute;
		top: 1em; left: 1em;
		font-size: 1.2em;
		font-family: arial;
		
	}
	#branding h1 a {
		color: black;
		position: absolute;
		
		font-family: georgia;
		width: 100%;
		
		background: url(../img/header_logo4.jpg) no-repeat;
		height: 87px; width: 419px;
		bottom: 0em; left: 0.5em;
		
		text-indent: -9999em;
	}
	
	p.slogan {
		display: none;
	}
	
	#branding .partTLD {
		display: none;
	}
	
	/* Navigation between "private" and "corporate"-versions */
	
	#customertypeNav {
		position: absolute;
		top: -1em;
		font-family: arial;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#customertypeNav li {
		float: left;
		
		
	}
	
	#customertypeNav a {
		display: block;
		width: 4em;
		text-decoration: none;
		text-align: center;
		padding: 0 0.3em;
		color: black;
	}
	
	#customertypeNav a:hover {
		
	}
/* Main navigation */	
#mainNav {
	top: 0.5em;
	float: left;
	clear: both;
	height: 2.5em;
	min-height: 2.5em;
	line-height: 2.5em;
	
	width: 100%;
	margin: 0 -1em 1em;
	padding: 0 1em;
	
	overflow: visible;
	position: relative;
	
	font-weight: bold;
	font-size: 1.1em;
	background: #eee;
	border-bottom: 1px solid #bbb;
}
	#mainNav li {
		float: left;
		padding: 0 0.3em;
		
	}
	
	#mainNav a {
		padding: 0 0.7em 0 1.2em;
		display: block;
		color: black;
		text-decoration: none;
		
		background: url(images/dot_rounded_orange.gif) no-repeat left center;
	}
	
	#mainNav a.currentPage {
		background-image: url(images/dot_rounded_blue.gif);
		color: blue;
	}

	#mainNav a:hover {
		background-image: url(images/dot_rounded_blue.gif);
		text-decoration: underline;
	}
	
#subNav {
	/*display: none;  trenger ikke siden alle valgene er i hovedmenyen */
	float: left;
	clear: both;
	margin: 0 0.5em 0.5em 0;
	font-size: 0.875em;
	line-height: 1.2em;
	width: 14em;
	background: #eee;
	border: 1px solid #bbb;
}
	#subNav h2 { font-size:1.2em; background: #ddd; line-height: 1.4em; text-indent: 0.5em; border-bottom: 1px solid #bbb;}
	#subNav ul {
		margin: 0.5em;
	}
	#content #subNav li { line-height: 1.2em; height: 1.2em; padding: 0; margin: 0;}
	#subNav a { }
	#subNav a.currentPage { font-weight: bold; }

#content {
	width: 73%;
	padding: 10px 0.5% 0;
	float: left;
	background: white;
	line-height: 1.4em;
	font-size: 1.1em;
}
#sidebar {
	width: 25%;
	margin-left: -1px;
	float: right;
	font-size: 1em;
	
	margin-top: -.7em;
	margin-right: -1em;
	
	border-left: 1px dashed #ddd;
	background: #eee;
	/*


	background-color: #eee;
	*/
}

	#sidebar p, #sidebar ul,#sidebar img {
		margin-left: 1em;
	}
	
	#sidebar h2 {
		margin: 1em 0 0.4em;
		border-bottom: 1px solid black;
		background: #e3e3e3;
		text-indent: 0.25em;
		padding-top: 0.25em;
	}
	#sidebar h2.first {
		margin-top: 2px;
	}
	
	#sidebar strong {
		font-family: arial;
		font-size: 1.2em;
	}
	
	#sidebar ul {
		margin-bottom: 1em;
	}
	#customerQuotes {
		
	}
#content li {
	width: 100%;
	margin-bottom: 1em;
}

div#s_splash,div#s_order {
	float: left;
	width: 49.999%;
	min-height: 163px;
}

div#s_splash {
	padding: 0 1%;
	width: 47.5%;
	float: none;
	display: block;
	width: 98%;
	min-height: 5em;
	font-size: 1em;
	border-left: 1% solid orange;
	line-height: 1.4em;
}

div#s_about {
	clear: both;
}

#s_about p {
	margin-left: 1em;
}

#s_order {
	background: white url(images/block_left.jpg) no-repeat top left;
}
	#s_order form {
		background: url(images/block_right.jpg) no-repeat top right;
		min-height: 163px;
		height: 100%;
	}
	#s_order form { padding: 1em; }
	#s_order #domain_search input {
		width: 80%;
		background: white;
		border: 1px solid #bbb;
		font-size: 1.6em;
		padding: 0.1em 0.2em;
	}

	#s_order button {
		width: 3em;
		
		line-height: 1.8em;
		height: 2.2em;
		font-size: 1em;
	}

	#s_order #domain_search {
		margin-top: 1em;
	}

	#s_order fieldset legend {
		display: none;
	}

#domain_results ul {
}

	#domain_results li {
		white-space: nowrap;
		display: inline;
	}

	#domain_results input {
		height: 1.2em;
		line-height: 1.2em;
	}

#sysmsg { font-family: "Courier New"; background: #eee; font-size: 1.2em;}

	#sysmsg li {
		margin-bottom: 0.2em;
	}

	#sysmsg li.with-shortdesc .title,
	#sysmsg li.with-shortdesc .date {
		border-bottom: 1px dashed #888;
	}

	#sysmsg .date {
		font-size: 0.95em;
		letter-spacing: 0;
		line-height: 1.2em;
	}

	#sysmsg .description {
		display: none;
		
		position: absolute;
		background: white;
		border: 1px solid black;
		padding: 0.1em 0.2em;
		width: 16em;
		margin-top: -.5em;
	}

	#sysmsg :hover .description {
		display: block;
	}

/*li*/ html body #s_packages, html body #s_packages_private {
	float: left;
	clear: both;
	width: 98%;
	margin-bottom: 2em;
	background: #fff5f0;
	background: #FCC48F;
	background: #fff;
	padding: 0 1%;
}
	#s_packages div {
		float: left;
		width: 31%;
		margin: 0 1% 1em;
		font-size: 1em;
	}
	
	#s_packages_private div {
		font-size: 0.875em;
		float: left;
		width: 31%;
		width: 23%;
		min-height: 19em;
		
		margin: 0 0.5% 1em;
		padding: 0.6%;
		background: #FCC48F;
	}

	
	#s_packages a.buy,
	#s_packages_private a.buy {
		font-size: 1.8em;
		border-bottom: 2px solid orange;
		font-weight: bold;
	}
	
	#s_packages a.buy:hover,
	#s_packages_private a.buy:hover,
	#s_packages_private .hover a.buy {
		text-decoration: none;
		border: none;
	}
	
	#s_packages_private h2 {
		font-weight: bold;
	}
	
	#s_packages h3,
	#s_packages_private h3 {
		margin-bottom: 0.3em;
		font-weight: bold;
	}
	
	#s_packages,#s_packages_private p {
		margin: 0.5em 0.5em 0.6em;
	}
	
	#s_packages li,
	#s_packages_private li {
		list-style: disc inside;
		margin-left: 0.4em;
		margin-bottom: 0;
		line-height: 1.4em;
		font-size: 1.1em;
	}
	
	#container p.subnote {
		color: #666;
		font-size: 0.875em;
		margin: 0.5em 1em;
		text-align: center;
		clear: both;
		width: 95%;
		border: none;
	}
	#s_packages p.subnote span,
	#s_packages_private p.subnote span {
		font-weight: bold;
	}
	
	div#s_packages_private div.hover {
		background: #eee5e0;
		cursor: pointer;
	}

#footer {
	clear: both;
	height: 1.8em;
	line-height: 1.8em;
	width: 100%;
	margin: 2em -1em -1em;
	padding: 0 1em;
	text-align: center;
	background: #cdf;
	background: #eee;
	border-top: 1px solid #bbb;
	font-size: .9em;
}
#footer .logos { text-align: right; }

/* content formatting */
h1, h2,h3,h4,h5,h6 {
	font-family: georgia;
	font-family: arial;
	font-weight: normal;
}

#branding h1 {
	margin: 0;
}
h1 {
	font-size: 1.8em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
h3 {
	font-size: 1.2em;
	text-decoration: underline;
}
h4 { }
a { }
p {
	margin-bottom: 1em;
}

em {
	
}

.clear {
	clear: both;
	width: 100%;
	display: block;
}

.available, .unavailable { font-weight: bold; }
.q { font-weight: bold; }
.available {	color: green; }
.unavailable { color: red; }

#domain_results p {
	margin: 0.3em 0;
}

/* form */
#sidebar label {
	float: left;
	width: 6.5em;
}

#sidebar input, #sidebar select {
	width: 8em;
}

form#site_search {
	position: absolute;
	top: 12em;
	
	line-height: 3em;
	right: 0em;
	width: 20em;
	text-align: right;
	padding: 0 0.5em 0.5em;

}
	#site_search label {
		width: 8em;
		font-size: 1.4em;
	}
	
	#site_search button {
		line-height: 1.4em;
	}

form#login {
	position: absolute;
	top: 0.4em;
	right: 0.5em;
	background: #A4C4FE;
	border: 1px solid #7AA6F9;
	min-height: 100px;
	width: 18em;
	padding: 0.5% 1%;
	
	/*
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
	*/
}

	#login h2 {
		font-size: 1.2em;
		font-family: verdana;
		text-indent: 0;
		margin: 0;
		border: none;
		background: none;
	}

	#login p {
		margin: 0;
	}
	
	#login button {
		background: #A4C4FE;
		font-weight: bold;
		border: none;
		padding: 0.2em 0.4em;
	}

.br hr {
	display: none;
}

html body #container div.br {
	border-bottom: 2px solid #999;
	height: 0.2em; min-height: 0.2em;
	float: none;
	background: none;
	width: 98%;
	margin: 0 auto;
}

.important {
	font-size: 1.2em;
	font-weight: bold;
}

.super-important {
	font-size: 1.6em;
	text-align: center;
}

.super-important a {
	font-weight: bold;
}


table#packages {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

table#packages .e { background-image: none; }
table#packages .even td, table#packages .even th { background: #eee; }
table#packages tr {}
table#packages .buy { font-size: 1.2em; float: none; font-weight: bold; line-height: 2em; display: block; }
table#packages thead th { text-align: left; font-size: 1.4em; font-family: arial; color: #666; padding: 1.5em 0 0 3em; height: 4em; vertical-align: center; background: url(../img/pakkebg_small.jpg) no-repeat left center;}
table#packages tbody th { text-align: right; padding-right: 0.4em; width: 16%; font-size: 0.875em; font-weight: normal; white-space: nowrap;}
table#packages tbody td { text-align: center;  font-weight: bold; }
table#packages tfoot * { text-align: center; }

div#packages { width: 100%; padding: 0; margin-top: 3em;}

	div#packages div {	
		float: left;
		width: 19.9%;
		position: relative;
		overflow: hidden;
	}

	div#packages dl {
		position: relative;
		width: 99%;
	}

	div#packages dt {
		display: none;
	}

	div#packages div.first-child {
		width: 39.8%;
	}

	div#packages div.first-child h3 {
		margin-left: 50%;
	}
	
	div#packages h3 {
		clear: both;
		text-decoration: none;
		font-size: 1.4em;
		font-family: arial;
		font-weight: bold;
	}
	

	
	div#packages div h3 {   color: #666; padding: 2.5em 0 0 50px; height: 3em; vertical-align: center; background: url(../img/pakkebg_small.jpg) no-repeat left center;}

	div#packages div.first-child dt {
		float: left;
		display: block;
		width: 50%;
		background: white;
	}
	
	div#packages .buy {
		font-size: 1.4em;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
		margin-top: -0.675em;
		padding-top: 0.875em;
		padding-bottom: 0.4em;
	}
	
	div#packages .buy span {
		display: none;
	}
	
	div#packages div.first-child .buy {
		margin-left: 50%;
	}

#dedicated_servers {
	width: 100%;
	margin: 0 auto;
}
	#dedicated_servers li {
		float: left;
		width: 46%;
		padding: 2%;
		min-height: 10em;
	}
	
	#dedicated_servers dt {
		display: none;
	}
	
	#dedicated_servers dd {
		
	}
	
#relevant {
	float: right;
	font-size: 1.1em;
	margin: 0 0 .3em .3em;
	border: 1px solid #bbb;
	padding: .3em;
}

#relevant li {
	margin: 0;
}

/* Lists */
dl {
	margin-bottom: 1em; line-height: 1.4em;
}

dt { float: left; font-weight: bold; width: 10em; text-align: right; padding-right: 0.5em;}

dt, dd {  }

div#packages .hover dl,
div#packages .hover a{
	/*background: #eee;*/
	font-weight: bold;
	cursor: pointer;
}
div#packages .hover .buy {
	color: black;
	text-decoration: underline;
}

div#packages .hover h3 {
	 background-image: url(../img/pakkebg_small_orange.jpg);
}

div#packages dd, div#packages .buy {
	text-align: center;
}


/* domenelisten */
table.domains {
	width: 60%;
	text-align: center;
	margin: 0 auto 1em;
	border: 2px solid #ddd;
	line-height: 1.4em;
}

table {
	width: 100%;
	margin-bottom: 1em;
}

table tbody th {
	text-align: right;
	
}

table thead th{
	background: #ddd;
	padding: 0.2em 0;
}

table .even td,
table .even th {
	background: #eee;
}

#content label {
	display: block;
	font-weight: bold;
	margin-top: 0.8em;
}



table#packages {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

table#addons .e { background-image: none; text-align: right;}
table#addons .even td, table#addons .even th { background: #eee; }
table#addons tr {}
table#addons .buy { font-size: 1.2em; float: none; font-weight: bold; line-height: 2em; display: block; }
table#addons thead th { text-align: left; font-size: 1.4em; font-family: arial; color: #000; padding: 1.5em 0 0 3em; height: 2em; vertical-align: center; background: #fff;}

table#addons tbody th { text-align: right; padding-right: 0.4em; width: 16%; font-size: 0.875em; font-weight: normal; white-space: nowrap;}
table#addons tbody td { text-align: center;  font-weight: bold; }
table#addons tfoot * { text-align: center; }

	/* referanse-ting */
	#referents .readon {
		clear: both;
		float: left;
		font-size: 1.4em;
	}
	
	#referents li {
		clear: both;
		float: left;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px dashed #
	}
	
	.site-thumb {
		border: 2px solid #99bfe3;
		padding: 0.2em;
		float: left;
		margin: 0 .5em .5em 0;
	}
	
	#referents blockquote {
		float: left;
		padding-left: 2.5em;
		background: white url('images/bq.gif') no-repeat top left;
		font-style: italic;
	}