/***************************************************************/
/*																*/
/*						GYLDENDAL RETTSDATA						*/
/*																*/
/***************************************************************/



/* ---------------- HTML elements styling --------------- */

div, #button_trynow a span, #button_omproduktene a span { behavior: url(/iepngfix.htc) }

body {
	font-size: 10px;
	font-family: tahoma, arial, sans-serif;
}

html {
}

a {
	color: #366259;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#main p a {
	text-decoration: underline;
}

#main p a:hover {
	text-decoration: none;
}

br {
	margin: 0; padding: 0; height: 1px; line-height: 1px;
}

/* -------------- Main structural elements -------------- */

#wrapper {

}

#header {
	width: 100%;
	background: url(/images/bg.jpg) top center no-repeat;
	display: block;
	overflow: hidden;
	margin:  0 0 30px 0;
}

.front #header {
	height: 380px;
}

#menu {

}

#main_wrap {
	margin: 0 auto 50px auto;
}

#footer {
	height: 100px;
	color: #366259;
	font-size: 11px;
	padding-top: 20px;
	clear: both;
}

#products {
	background: #F3F2ED;
	padding-bottom: 30px;
}

#wrap {

	position: relative;
}

.innerwrap {
	width:  960px;
	margin:  0 auto;
}

#sidebar {
	float: right;
	clear: right;
	width: 190px;
	margin-left: 10px;
}

#sidebar.large {
	width: 380px;
}

.front #header_main {
	padding-top: 20px;
}

.front #sidebar {
	width: 380px;
	float: right;
	padding-right: 28px;
}

#sidebars {
	padding: 0;
}




/* -------------- TYPOGRAPHY STYLING -------------- */


h1,h2,h3, h4 {
	font-weight: normal;
}

h2 {
	font-size: 21px;
	margin-bottom: 0.6em;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	color:  #423d3d;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
	line-height: 1em;
}

h3.sep_line {
	background: url(/images/section_separator.gif) no-repeat right top;
	padding-top: 30px;
}

p {
	padding-bottom: 1em;
	font-size: 12px;
	line-height: 18px;
}

h3 + p {
	margin-top: 0 !important;
}

h4.withborder {
	border-bottom: 1px dotted silver;
	padding-bottom: 0.3em;
	margin-bottom: 0.4em;
	font-size: 1.1em;
}

/* -------------- LIST ELEMENTS -------------- */


ul li {
	font-size: 1.2em;
	line-height: 1.6em;
	list-style-position: outside;
}


#main ul {
	margin-bottom: 1em;
	padding-right : 20px;
}

#main ul li {
	font-size: 12px;
	color: #555;
	list-style: disc outside;
	margin-left: 1.3em;
}

#main ul.pic li {
	font-size: 12px;
	color: #555;
	list-style: none;
}

#tabnav li {
	line-height: 18px;
}

dl {
	font-size: 13px;
}

dl dt {
	float: left;
	width: 200px;
	clear: left;
	line-height: 1.5em;
}

dl dd {
	float: left;
	width: 200px;
	line-height: 1.5em;
	}

/* -------------- NAVIGATION STYLING -------------- */

#nav_mini {
	border-bottom:  1px dotted white;
	height:  34px;
	float:  right;
	width: 615px;
}

#nav_mini ul {
	margin: 8px 0 0 20px;
	float:  right;
}

#header_top.small {
	margin-right: 175px;
}

#header_top.small #nav_mini {
	width: 611px;
}

#nav_mini li {
	color: #fcf6d5;
	float: left;
	font-family: tahoma;
	font-size: 11px;
}

#nav_mini li a {
	color: #f7f0cd;
}

#nav_mini li a:hover {
	color: white;
	text-decoration: none;
}

.buttons {
	margin-top: 17px;
}

.buttons a, .buttons span {
	display: block;
	cursor: pointer;
}

#button_trynow, #button_trynow a {
	float:  left;
	margin-right: 0px;
	width:  270px;
	height:  46px;
	display: block;
}


#button_trynow a span {
	width:  270px;
	height:  46px;
	background: url(/images/hovedkampanje_knapper.png) 0 47px;
}

#button_trynow a:hover span {
	background-position: 0 0;
}

#button_omproduktene, #button_omproduktene a {
	float: left;
	margin-right: 0px;
	width: 197px;
	height: 46px;
	display: block;
}

#button_omproduktene a span {
	width: 197px;
	height: 46px;
	background: url(/images/hovedkampanje_knapper.png) 197px 47px;
}

#button_omproduktene a:hover span {
	background-position: 197px 0;
}

#button_trynow_small {
	background: url(/images/hovedkampanje_knapper.png);
	width: 179px;
	height: 40px;
	display: block;
	margin-bottom: 35px;
}

#nav_products {
	float: right;
	margin: 10px 0 0 0;
	font-size: 13px;
	clear: right;
}

#nav_products li {
	float:  left;
	color: white;
	font-size: 1.15em;
}

#nav_products li a:hover {
	color: #eae3bc;
	text-decoration: none;
}

#header_top li.sep {
	margin: 0 8px;
}

#nav_products a {
	color: white;
}

#nav_products a:hover {
	text-decoration: underline;
	}

#tabnav {
	position: absolute;
	width:  100%;
	bottom: 0;
	left: 0;
	height: 25px;
}

#tabnav li {
	float: left;
	font-size: 11px;
	margin-right: 3px;
}

#tabnav li a {
	color:  black;
	background: url(/images/tab_bg.png) 0  -24px no-repeat;
	display: block;
	border-bottom: 1px solid #c1c1c1;
}

#tabnav li a:hover {
	background-position: 0 0px;
	text-decoration: none;
}

#tabnav li a span {
	background: url(/images/tab_bg_right2.png) 100% -24px no-repeat;
	padding: 3px 13px 3px 7px;
	display: block;
	margin-left: 6px;
}

#tabnav li a:hover span {
	background-position: 100% 0px;
}

#tabnav li.selected a {
	background-position: 0 0;
	border-color: white;
}


#tabnav li.selected a span {
	background-position: 100% 0;
	border-color: white;
}

/* -------------- HEADER STYLING -------------- */

#logo {
	margin: 16px 0 0 17px;
	float:  left;
}

#header_top {
	border-bottom: 1px solid white;
	padding-bottom: 19px;
	height: 70px;
}

.front #header h1 {
	margin: 43px 0 3px 0;
	width: 494px;
}

#header h1 {
	font-size: 30px;
	color: white;
	margin: 60px 0 0 0;
	float: left;
	width: 700px;
}

#header #video_wrap h1 {
	float: none;
}

#header h2 {
	color: #fcf6d5;
	float: left;
	clear: left;
	font-size: 18px;
	width: 520px;
	line-height: 1.3em;
}

#header p {
	width:  60%;
	line-height: 1.4em;
	color:  white;
	margin: 0 0 10px 1px;
	clear: left;
	padding:2px 0 0 0;
	font-size: 16px;
}


#screenshot {
	float:  right;
	margin: 10px 0 0 0;
}

#header .innerwrap {
	position: relative;
	height: 254px;
}

#header_main {
	clear: both;
	margin-top: -5px;
}

#header_main p {
	color: #FCF6D5;
}

#header #video_wrap {
	padding-bottom: 20px;
	width: 960px;
	height: 510px;
	visibility: hidden !important;
}

#header #video_wrap .noflash {
	color: white;
	padding-top: 60px;
	text-align: center;
}

#header #video_wrap .noflash img {
	float: left;
	clear: left;
	margin-left: 355px;
}

#header #video_wrap .noflash h2 {
	clear: left;
	float: left;
	padding-top: 10px;
	width: 300px;
	margin-left: 330px;
}

#header #video_wrap .noflash h2 a {
	text-decoration: underline;
	color: white;
}

#header #video_wrap .noflash h2 a:hover {
	text-decoration: none;
}

#header #video_wrap.visible {
	visibility: visible !important;
}


#header #video {
	float: right;
	margin: 10px 0;
}

#header #progressbar {
	float: right;
	margin: 10px 0 5px 0;
}

#header #video_wrap h1 {
	font-size: 24px;
	margin-top: 0;
}

#header #video_wrap p {
	width: 190px;
	font-size: 12px !important;
}


/* -------------- FORM STYLING -------------- */

label {
	font-size: 12px;
	height: 15px;
	display: block;
}

.sidebar input, .sidebar select {
	border: 1px solid silver;
	padding: 4px 3px;
	margin: 1px 0 11px 0;
	width: 180px;
	background: white;
}


/* -------------- TABLE STYLING -------------- */

table {
	font-size: 12px;
	color: #555;
	width: 100%;
	margin-top: 10px;
/*	-moz-border-radius: 4px;*/
}

table .odd {
	background: #eee;
}

table td {
	padding: 10px 3px 3px 4px;
}

#login_box table td
{
	color : white;
	padding : 0 0 2px 0;
}

table thead td {
	background: #366259;
	color: white;
}


/* -------------- FRONT PAGE STYLING -------------- */

.front .section {
	padding: 35px 0 20px 0;
}

.front .section.first {
	padding: 0;
}

.front .section img {
	margin-bottom: 0;
}

.front .section .mer_info {
	float: left;
	width: auto;
}

.front .section .mer_info a {
	display: block;
	cursor: pointer;
	font-size: 12px;
}

.front .section .mer_info a:hover {
	text-decoration: none;
}

.front .section .mer_info a span {
	background: url(/old/images/mer_info.png);
	display:block;
	width:128px;
	height:24px;
/*	padding:8px 0 0 15px;*/
}

.front .section .mer_info a:hover span {
	background:transparent url(/images/kampanje-knapper.png) no-repeat 0 -35px ;
}

.front .section .text {
	margin: 0 0 0 150px;

}

.front .section .text h2 {
	margin-bottom: 0.4em;
}

/* -------------- MAIN AREA STYLING -------------- */

#nyheter {
	width: 520px;
	float: left;
}

.nyhet {
	margin-top: -20px;
	padding-top: 0;
	background: none;
	/*background: url(/images/section_separator.gif) top left no-repeat;*/
	clear:  both;
	width:  100%;
}

.nyhet.first {
	margin-top: -20px;
	padding-top: 0;
	background: none;
}

.nyhet h2 {
	font-size: 18px;
	font-family: tahoma;
	color: #544f4f;
	margin-bottom: 8px;
	font-weight:  normal;
	color: #333;
	clear: none;
}

.nyhet p {
	font-size: 12px;
	font-family: tahoma, arial, sans-serif;
	line-height: 1.5em;
	color: #878787;
	margin-right: 15px;
}


/* PARTNER LOGOS ON FRONT PAGE */

#partners {
	clear:left;
	float:left;
	width:396px;
}

#partners li {
	float: left;
	margin: 0 6px 7px 0;
}


#partners li a {
	width:  102px;
	height: 43px;
	background: url(/images/partner_box.gif) top left;
	display: block;
	padding: 8px 0 0 20px;
	}

#partners li a:hover {
	background-position: 0 -51px;
}


/* PARTNER LOGOS ON SIDEBAR */

#sidebars #partners {
	width: 216px;
	float: left;
	clear: none;
	height: auto;
	margin-bottom: 10px;
}

#sidebars #partners li {
	float: left;
	margin: 0 6px 7px 0;
}

#sidebars #partners li a {
	width:  92px;
	height: 43px;
	background: url(/images/partner_box_small.gif) top left;
	display: block;
	padding: 8px 0 0 10px;
	}

#sidebars #partners li a:hover {
	background-position: 0 -51px;
}


#partners h3, #products h3 {
	font-size: 12px;
	margin: 1em 0 0.5em 0;
}


/* ---------------- SIDEBAR STYLING --------------- */

.sidebar {
	color: black;
}

.sidebar h2 {
	margin: 0.5em 0 0.5em 0;
}

.sidebar h3 {
	margin: 0.2em 0 0.4em 0;
}

#sidebar.sidebar ul {
	margin: 0 0 1em 0;
}

#sidebars .info {
	padding: 0;
	margin: 1.5em 0.2em 0.7em 0.5em;
	font-size: 11px;
	display: block;

}

.sidebar .vis_mer {
	padding-top: 10px;
}

.sidebar .vis_mer a {
	float: right;
}

#sidebar1 h4 {
	font-size: 10px;
	font-weight: normal;
	color: #686868;
	padding-bottom: 5px;
	/* margin-bottom: 8px; */
	border-bottom:1px dashed silver; /* for red */
	padding-top: 5px;
	margin-bottom: 10px;
	width: 98%;
	}


.sidebar .border {
	margin-bottom: 15px;
}

/* ---------------- LOGIN STYLING --------------- */

#hidden
{
	display : none !important;
}

#login_box {
	width: 368px;
	height: 33px;
	background: url(/images/login_bg.png) top left;
	float: right;
	margin: 0 0 6px 0;
	padding: 8px 0 0 10px;
}

#login_box form input {
	float: left;
	border: none;
	margin-right: 6px;
	width:  91px;
	display: block;
	background: url(/images/forminput_bg.png) top left no-repeat;
	padding: 6px 4px 3px 5px;
	height: 16px;
}

#login_box #ip_login_button, #login_box #login_button {
	background: transparent url(/images/login_button.png) top left;
	width:  70px;
	height: 21px;
	float: left;
	margin-top: 2px;
	line-height: 10px;
	padding: 0px 0 2px 0;
}

#glemt_passord {
	margin: 10px 0 14px 0;
}


#support_box {
	background: transparent url(/images/linkbar_bg.png) no-repeat top left;
	font-size: 11px;
	width: 380px;
	float: left;
	margin-bottom: 15px;
}

#support_box .innerwrap {
	float: left;
	width: 289px;
	padding: 6px 0 0 12px;
	height: 20px;
}

#support_box img {
	float: left;
}

#support_box span {
	color: #366259;
	margin: 0 8px;
}

/* -------------- PRODUCTS STYLING -------------- */

#products {
	padding-top:  15px;
	margin-top: 50px;
	clear: both;
}

#products .innerwrap {
	width:  974px;
}

#products h3 {
	margin-left: 7px;
}

.product {
	font-size: 12px;
	color: #878787;
	line-height: 1.4em;
	float: left;
}

.product img {
	margin:  5px 0 5px 0;
}

.product p {
	margin-left:  7px;
	line-height: 1.5em;
}

#produkt_nk {
	width:  265px;
	margin-right: 20px;
}

#produkt_pj {
	width: 265px;
	margin-right: 20px;
}

#products #spesialfag {
	width: 400px;
	margin-right: 0;
}

#products #spesialfag ul {
	width: 47%;
	float: left;
	margin-left: 3%;
}

#products #spesialfag ul li {
	line-height: 1.5em;
	font-size: 11px;
	}

.product h2 {
	color: #366259;
	font-size: 16px;
	padding: 15px 0 0 15px;
	margin-bottom: 10px;
	font-weight: normal;
}

#products #produkt_nk h2 {
	display:  block;
	background: url(/images/produkt_norsk-lovkommentar.png);
	width:  262px;
	height:  33px;
}

#products #produkt_pj h2 {
	background: url(/images/produkt_praktisk-juss.png);
	width:  262px;
	height:  33px;
}

#products #spesialfag h2 {
	background: url(/images/produkt_spesialfag-og-emner.png);
	width:  353px;
	height:  33px;
}




/* -------------- FOOTER STYLING -------------- */

#footer .innerwrap {
	width: 964px;
}

/* -------------- GLEMT PASSORD -------------- */

#glemt_passord input {
	padding: 5px;
	width: 200px;
	float: left;
}

#glemt_passord input.submit {
	width: 75px;
	padding: 4px;
	margin-left: 10px;
}




/* -------------- TEMPLATE STYLING -------------- */


.sep_line {
	background: url(/images/section_separator.gif) no-repeat;
	width: 100%;
	padding: 15px 0;
}

h3.sep_line {
	padding: 30px 0 0 0;
}

.border {
	color: black;
	border: 1px solid #ddd;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: transparent url(operacorners.svg) top left;
	padding: 17px 14px;
	clear: left;
}

.nobg {
	background: none !important;
}

.width_100 {
	width: 100% !important;
}


.show {
	display: block !important;
}


.nomarg {
	margin: 0 !important;
}

.notopmarg {
	margin-top: 0 !important;
}

.nobottommarg{
	margin-bottom: 0 !important;
}

.left {
	float:  left;
}

img.left {
	margin:  0 20px 10px 0;
}


.col1 {
	float: left;
	margin-right: 20px;
}

.col2 {
	float: left;
	margin-right: 20px;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clearfix-left:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix-left {
	display: inline-block;
}

html[xmlns] .clearfix-left {
	display: block;
}

* html .clearfix-left {
	height: 1%;
}

.border:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.border {
	display: inline-block;
}

html[xmlns] .border {
	display: block;
}

* html .border {
	height: 1%;
}


/* ------- IE6 WARNING --------- */

#ie_6_warning {
	background: #f02552;
	width: 100%;
	font-family: tahoma, verdana, sans-serif;
	color: white;
	padding: 10px 0;
	height: 47px;
	border-bottom: 2px solid white;
	display: block;
}

#ie_6_warning p {
	padding: 3px 0 0 0;
	font-size: 13px;
}

#ie_6_warning img {
	float: left;
	margin-right: 15px;
}

#ie_6_warning a {
	text-decoration: underline;
	color: white;
}

#ie_6_warning a:hover {
	text-decoration: none;
}

#ie6_warning #last_ned {
	margin-top: 10px;
}

#ie_6_warning .sep {
	margin: 0 8px;
	color: #FF95c2;
}