body
{	margin-left:8px; margin-top:8px;
	background-image: url(images/bakgrunn.gif);
	background-repeat: no-repeat;
	background-position: 8px bottom;
	background-attachment: fixed;
	font-size: 62.5%;
}
body.visgaranti {background-attachment:inherit; background-position:8px 380px }
body, label,td {font-family: Arial,verdana, Helvetica,sans-serif; }
img {border:none; }
input.radio {border:none}

a:link
{color: #003366; text-decoration: none;}
a:visited
{color: #003366; text-decoration: none;}
a:hover
{color: #003366; text-decoration: underline}
img {border:none;text-decoration:none;}
a img, a:hover img {text-decoration:none; }
#rightform img {margin-left:5px; margin-bottom:-2px}
h1
{text-indent:-5000px; display:none}
h2
{color: #000000; font-size: 13px;font-weight: bold}
input,button, textarea, select {border:1px solid #ccc; font: 11px arial,verdana,helvetica; }
input.focus, input:focus,textarea:focus {background: #ffe8b7}
textarea {font-size:10px;}
form {padding:0; margin:0;}
form input.aktiv {border-color:#999}
label,em {
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
}
.action {background-color:#fffde8}
.wait {background-color:#e4f2d5}

/* Sections */
#wrapper {width:915px;}

.bannerTek {background: url(images/t_teknisk.gif) 530px 5px no-repeat;}
.bannerSalg {background: url(images/t_salg.gif) 530px 5px no-repeat;} 
.bannerFinans {background: url(images/FJFinans.gif) 550px 5px no-repeat;}
.clearMenu {clear:both; height:15px; background-color:#cc3333; color:#fff; font-size:11px; text-align:right;padding-right:10px}


#menu {margin:0; padding:0; font-size:11px; font-family: Tahoma,arial,sans-serif; font-weight:bold; width:760px;}
#menu ul {height:35px; /* border:1px solid red */}
#menu li {list-style:none; display: inline;}
#menu a {background-color:#ccc; color:#000; padding: 10px 5px ; margin-right:3px; float:left}

#sidemenu {margin: 4px 0 2px 0; padding: 0; float:right; font-size:12px; font-weight:bold; width:140px;}
#sidemenu li {list-style:none; border-left:5px solid #cc3333; margin-top:5px;}
#sidemenu a{ background-color: #ccc; text-decoration: none; color:#000; display:block;  height:15px; margin-left:3px}
#menu a:hover, #menu a.mActive, #sidemenu a.mActive, #sidemenu a:hover {background-color:#cc3333; color:#fff; text-decoration:none }
.floatFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/ 
#bottomdiv {position:absolute; bottom:50px; background: transparent url(images/bakgrunn.gif) 0 0 no-repeat; height:383px;width:580px}
#bottom {border-top: 1px solid #000;position:absolute; bottom:0; margin-top:5px; }
html > body #bottom {position:fixed}
html > body #bottomdiv {position:fixed}

img {text-decoration:none; }
.maintable {height:100%; width:100% }
#content {margin:10px ;font-size:11px; }

.utglist {width: 100px;}
.katlist {width: 100px;}
.kolofon
{color: #000000;
font-size: 9px;
font-weight: lighter;
line-height: 11px;
text-decoration: none}

.bestill {line-height: 11px;vertical-align: top}

.netborder {border-width : 1px 1px 1px 1px; border-color: #FFFFFF;}
.ieborder {border : 1px #FFFFFF solid;}
.sokinput {	border:1px solid #ccc;width: 110px;	}
.biginput {	border-color:#ccc; width:155px;}
.vareTittel{ font-size: 11px;font-weight: bold}
.vareText {font-size: 11px;} 
.noBorder {border: 1px solid #ccc;}

.greyBorder {border: 1px solid #CCC; width: 110px;}
.bunnLenker{background-color: #FEF1DF;	border: 1px solid #000;}
.menu2 {font-size: 12px; line-height: 16px;font-weight: bold;background-color: #CCC;}

.menuActive {font-size: 11px; font-weight: bold; color: #00F;}
.subActive {font-size: 11px;color: #00F;}		
.borderRed {border: 1px solid #ed1c24; font-weight: bold; color: #ed1c24;}

/* login form */
#loginform  {margin-top:40px; margin-left:auto;margin-right:auto; width:400px;text-align:left}
#loginform div {margin:10px 0; }
#loginform div.error {margin:0; padding:0 }
#loginform label {float:left; width:90px; } 
#loginform input.submit {margin-left:90px;} 
#loginform div.text {text-align:center}
#glemt_passord {padding:10px 0}

/* myinfo */
.singleMont {padding-bottom:3px; border-bottom: 2px solid #ccc}
#myinfo {font-size:12px ;margin:0 10px 10px 10px;}
#myinfo label {float:left; width: 95px;}
#myinfo label.lang {width:150px; }
#myinfo div {margin:4px 0 }
#myinfo .submit {width:135px; display:block; margin-left:auto; margin-right:auto}
#myinfo .error {text-align:center}
#myinfo h3.menu2 {padding:3px; margin: 5px 0;  clear:both}
#myinfo h3.top {margin:0}
#firmainfo {float:left; width:280px;}
#montorinfo, #forhandlerinfo {float:left; width: 280px;  padding-left:10px;}
#montorinfo a.nymont {display:block;margin-left:95px; font-weight:bold; }
#montorinfo img {vertical-align:bottom}

#forhandlerinfo label {float:none; width:230px}
#forhandlerinfo p {padding-left:5px}

#velgPostnr {position:relative; margin-top:10px}
div.minePostnr {float:left; text-align: center;}
.minePostnr select {width:120px; height:150px;}
.minePostnr select.left {margin-right:5px; }
.velgPostnr a {display: block;  
    border: 1px solid #aaa;  
    text-decoration: none;  
    background-color: #fafafa;    
    margin: 2px 10px 2px 2px;  
    clear:both;  
  }
.velgPostnr legend {background: yellow; }
div.infoboks {float:left; padding-left:10px;} 
.finnPN {width:50px}
/* Adressebokser */
fieldset.adrboks{margin:5px 0 5px -10px; padding-right:0 }
fieldset.adrboks legend {background:#eee; padding: 2px 5px; color:#000}



/* Stiler for garantidatabasen */
/* #reg {border:1px dotted blue; } */
#reg {font-size:11px;}
#reg fieldset {width:290px; margin: 3px 0; border:1px solid #999; padding:7px }
#reg legend {padding: 3px 5px; font-weight:bold;color:#333;  margin: 0 0 5px 0; background:#eee}
#reg label {float:left; width: 120px ; }
#reg fieldset div {padding: 3px 0; clear:both; }
#reg input, #reg textarea { width:170px;}
#reg textarea.bred, #garantiramme textarea.bred {width:250px;}
#reg textarea {height:60px;min-height:60px }
#reg input.dato {width:90px; }
#leftform {float:left;  width:320px; }
#leftform label {width:190px;} 
#reg fieldset.kort input {width:60px;}
#reg fieldset.kort label {width:190px;}
#reg fieldset.lang input {width:170px}
#reg fieldset.lang label {width:80px;}
#rightform {float:left; width:320px;}
.regbutton {margin-top:10px; font-weight:bold; border:2px solid #666}
.regbuttonOver {border-color:#000; color:red;}
#reg fieldset label.kort,#garantiramme label.kort {width:180px; }
.showreg {padding:2px 18px; background: url(images/add2.gif) 0 0 no-repeat; }
.clear {clear:both}
.center {margin-left:auto;margin-right:auto}
.garantinummer {font-weight:bold; font-size:14px}
/* lenker for prev_next visning */
.pnl {color:#003366;
	  text-decoration: none;
	  }
.pn {color:#000000;
	font-weight: bold}
/* new Navigation */
div.results_navigation {display:inline; margin-left:10px; font-family:arial,verdana,sans-serif}
div.results_navigation a {color:#003366;}
div.results_navigation strong {color:#000000; text-decoration:none;}
div.results_status {display:inline; margin-left:5px}
	
/* Popup calendar styles */
.cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:middle; text-decoration:none; color:#000000; font-weight:bold; }
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText { font-family:arial; font-size:8pt; }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate, a.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }

/* Garantiregistreringssiden */
.nyreg {font-weight:bold; }
.nyreg a { color: #00F;  } 

.skjul {display: none; }
.vis {display: block; }

/* Mine garantier tabell */
#mine_garanti,.mine_garanti {border-collapse:collapse; font-size:11px; }
#mine_garanti th,.mine_garanti th {font-size:11px; text-align:left; padding:2px;border-right:1px solid #fff }
#mine_garanti td,.mine_garanti td {border:1px solid #000; padding:3px }
#mine_garanti .alt, .mine_garanti .alt {background-color:#eee;}
#garanti_table,#garanti_table td,.garanti_table {margin-top:15px; font-size:11px }
#garanti_table caption,.garanti_table caption {text-align:left; background:transparent url(images/red_grad_bg.jpg) 0 0 repeat-y ;color:#fff; font-weight:bold; padding:2px}
#garanti_table caption.ferdigTable,.garanti_table caption.ferdigTable {background: transparent url(images/green_grad_bg.gif) 0 0 repeat-y ;color:#fff; font-weight:bold; padding:2px; cursor:hand}
#content {clear: both;}


input.check,.leaseFieldSet input.check {width:10px; border:1px solid #fff}

/* Vis garanti */
.title {font-weight:bold; color:maroon; }
#garantihead {background:#ed1c24 url(images/fjklogo_red.gif) 100px 22px no-repeat;  height:50px; margin-bottom:20px} 
#garantihead img {margin:15px 0 0 25px}
#garantiramme {border: 3px solid #ed1c24;  width: 660px;  color:#666; font-weight:bold; font-size:12px }
#garantiramme.vis {border:none}
#garantiramme h2 {padding:0; margin:0 0 0 20px; }
h3.reg {color: #fff; background: url(images/red_grad_bg.jpg) 0 0; padding:5px 3px; margin-bottom:3px; width:610px; font-size:14px  }
#garantiramme #leftform.print {margin-left:10px;border:none}
#garantiramme #leftform.vis {margin-left:0}
#garantiramme #rightform {line-height:normal }
#garantiramme fieldset div { clear:both}
#garantiramme fieldset {width:280px; margin: 10px 0; border:1px solid #999; padding:10px 0 10px 10px }
#garantiramme legend {padding:  0 5px; color:#333; font-weight:bold}
#garantiramme label {float:left; width: 95px; color:#000; font-weight:normal}
#garantiramme fieldset div {padding: 3px 0; margin-right:5px }
#garantiramme input { width:170px; }
#garantiramme input.check {width:14px; border:1px solid #fff}
#garantiramme textarea {width: 150px; height:60px;min-height:60px }
#garantiramme input.dato {width:90px; }
#skrivut {margin:50px 0 0 50px }
#garantiramme fieldset.kort input {width:60px;}
#garantiramme fieldset.kort label {width:220px;margin-right:10px}
#garantiramme fieldset.lang input  {width:170px}
#garantiramme fieldset.lang label {width:80px;}
#garantiramme textarea.rekl_kom0 {height:118px; min-height:118px; width:255px}
#garantiramme textarea.rekl_kom {height:50px;width:255px}
/* Reklamasjoner */
#mine_garanti .action, tr.action {background-color:#fffde8}
#mine_garanti .wait, tr.wait {background-color:#e4f2d5}
#faktorliste { }
#faktorliste td,#faktorliste th {font-weight:normal;text-align:left; border-bottom:1px solid #CCCCCC;}

/* Teknisk side */
#teknisk {width:570px; float:left; }
#teknisk_R {  float:left; width:330px; height:370px; margin: 0 -10px 0 0 }
#teknisk_R img {margin:5px auto 15px auto;}
#teknisk_R h4 {padding:15px 0 0 10px; margin:0}

#teknisk h2 {font-size:15px; margin:0; padding:10px 0}
#teksok label {float:left; width:130px; font-size:14px;}
#teksok #sok {font-size:14px; width:205px}
#teksok #send {font-size:14px; width:50px}

.tekgruppe {float:left; margin-top:40px }
.tekgruppe a {border:1px solid #000; display:block; padding:8px 20px;  margin:30px 0 30px 50px; background:#ccc; font-size:16px; color:#000; text-decoration:none}
.tekgruppe a:hover { background: #666; color: #fff;}

#sokres label {float:left; width:60px;}
#sokres li {font-size:15px; margin:5px 0; list-style:none; padding-left:10px; background: url(images/ball.gif) 0 3px no-repeat;}
#sokres a {}

/* Salg siden */
#salg ul {list-style:none;padding: 0 5px  }
#salg li {margin: 8px 0; padding:3px 0 3px 23px; background: url(images/icon_pdf.gif) 0 0 no-repeat; line-height:13px;}
#salg li.xls {background-image: url(images/icon_xls.gif); }
#salg li.pdf {background-image: url(images/icon_pdf.gif); }
#salg li.mail {background: url(images/icon_mail.jpg) 0 5px no-repeat; }
#salg li a {font-size:12px; }

#salgform h4 a {padding:4px 0; font-size:11px}
#salgform h4 a img, #salgarts img {margin-bottom:-5px} 
#salgform label {width:90px}
#salgform label.small {width:40px; text-align:right; padding-right:1px}
#salgform label.error {width:17px;background:url(images/unchecked.gif) 2px 0 no-repeat;} 
#salgform label.checked {background:url(images/checked.gif) 2px 0 no-repeat;}
#salgform input.ant {width:35px}
#salgform div {margin-bottom: 5px}
#salgarts {padding-bottom: 15px;}
#salginfo {width:250px; float:left}
#salgarts div {margin-bottom: 0;}
#salgform .kom{float:left}
#salgform .kom textarea {width:150px;height:100px; min-height:100px}

/* Startsiden */
#startinnhold {float:left; width:640px}
#startsidespalte {float:right; width: 230px;margin-left:10px; margin-right:-5px}
.text
{font-size: 10px;
font-family: Verdana,Arial,Helvetica,"Trebuchet MS",Tahoma,"Century Gothic";
line-height: 15px;
}
/* AutoComplete */
#finnForh { border: 1px #666 solid; }
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 10px;
	overflow: hidden;
	border-bottom:1px solid #eee;
}
.ac_loading {
	background : Window url('images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
#finansform label 
{/* setter fast størrelse samtidig som elementet ikke brekker*/
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
width:100px
}
#finansform input {width: 200px}

/* Div. forms css */
#viftebytte div {margin: 3px; }
#viftebytte img.calendar {margin-left:2px;margin-bottom:-2px }
#viftebytte label {width:80px; }
#viftebytte input {border-width:2px; }
#viftebytte fieldset {float:left; margin: 3px 15px 0 0; border:1px solid #999; padding:7px; }
#viftebytte fieldset.high {height:160px; margin-bottom:10px }
#viftebytte legend {padding: 3px 5px; font-weight:bold;color:#333;  margin: 0 0 5px 0; background:#eee}
.serienr {font-weight:bold; }
#mont_sign {text-align:center; width:200px; display:block}
#mont_sign select {border-bottom:2px solid red; padding-bottom:2px}
input.send {border:2px solid #fff;background-color: #CC3333; color: #fff}
input.sendover {color:#000; background:#fff; border:2px solid #CC3333;}
/* Leads siden */
div.xlang textarea {height: 50px;min-height:50px;width:280px}

/* Leasingsidene */
.leaseFieldSet {border:1px solid #ccc; width:690px; padding-left:15px}
.fs2 {width:680px}
.leaseFieldSet input,.leaseFieldSet select {width:150px }
.leaseFieldSet div.lang input,.leaseFieldSet div.lang select,div.lang textarea {width:200px}
#reg fieldset input.radio, input.radio {width:12px; border:none; padding:0; margin:0 5px 0 0}
div.lang textarea {height: 35px;min-height:35px}
div.left2 textarea {height: 35px;min-height:35px; width:180px}
div.vis textarea {height: 35px;min-height:35px width:130px;}

.leaseFieldSet .left {float:left;}
.leaseFieldSet .left1 {width:250px }
.leaseFieldSet .left2 {margin-left:15px}
.leaseFieldSet .left2 input {width:90px;}
.leaseFieldSet .left2 input.send {width:100px;padding:2px; margin:20px 0 10px 0;border:1px solid #000}
.leaseFieldSet .left2 label { /* margin-top:4px; */}
.leaseFieldSet .left2 label.returnert {width:120px}
.leaseFieldSet .left2 .nyordre {width:80px}
.leaseFieldSet .lang {margin-left:0px; }
.leaseFieldSet .lang input.submit { width:80px;margin:20px 0 10px 0}
.leaseFieldSet .lang input.send {border:1px solid #000} 
.leaseFieldSet .left img.calendar {margin:0 0 -2px 2px}
.leasePost .left div{margin:5px 0; }
.leaseFieldSet legend {font-weight:bold; padding:5px 5px 5px 25px; background: url(images/add2.gif) 5px 3px no-repeat; }
.leaseFieldSet legend.show{background: url(images/eye.gif) 5px 3px no-repeat; }
.leasePost label {width:70px }
.leasePostVis label {color:#333; width:80px}
.leasePostVis label.error {color:#ff0000;}

.leasePostVis .left div {border-bottom:1px solid #eee}
.leaseFieldSet .lang input.radio {width:12px; border:none; padding:0; margin:0 5px 0 0}
.leaseTable {width:850px}
.leaseFieldSet .left2 input.check, input.check {width:14px; border:1px solid #fff}
#ikkeferdig {cursor:pointer}
caption#ferdig {cursor:pointer}
div.datodiv {margin-bottom:5px}

/* Span viser adresseinfo ved mouseover */
a.adr span {display:none; text-decoration:none;}
a:hover.adr span
{
	position: absolute;
	top: 20px;
	left: 40px;
	display: block;
	width: 120px;
	background: #FFFFE1;
	background-color: #FFFFE1;
	border: 1px solid #000;
	color: #000;
	padding: 3px;
	text-decoration: none;
	z-index:100;
}
/* Table Sorter */

table.sortTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin-bottom:5px;
	font-size: 8pt;
	width: 100%;
}

table.sortTable thead tr th, table.sortTable tfoot tr th { border: 1px solid #000; padding-right: 20px;}
table.sortTable2 thead tr th, table.sortTable2 tfoot tr th {border:none;}
table.sortTable2 caption {text-align:left;font-size:12px;font-weight:bold; padding:3px 0 3px 3px}
table.sortTable thead tr th.senter, table.sortTable tfoot tr th.senter{padding:2px}
table.sortTable thead tr .header {background: #e6EEEE url(images/bg.gif) center right no-repeat; cursor: pointer;}
table.sortTable tbody td {color: #3D3D3D; background-color: #FFF;vertical-align: top;}
table.sortTable tbody tr.odd td {background-color:#F0F0F6;}
table.sortTable thead tr .headerSortUp {background-image: url(images/asc.gif);}
table.sortTable thead tr .headerSortDown {background-image: url(images/desc.gif);}
table.sortTable thead tr .headerSortDown, table.sortTable thead tr .headerSortUp {background-color: #8dbdd8;}
.senter {text-align:center;padding:0}

/* Errors */
.error {color: #ff0000; font-weight: bold}
.error a {color: #ff0000; font-weight: bold; text-decoration:none}
.error a:hover {color: #ff0000; text-decoration:underline}
.error a:visited {color: #ff0000; text-decoration:none} 
em.error {padding:0 9px; height:16px; background: url(images/error2.gif) 2px 2px no-repeat; }
em.success{background: url(images/accept2.gif) 2px 0 no-repeat; }
input.error {margin:0; padding:0;font-weight:normal; background:#ffbcbc;} 
.normal { color: #000;font-size: 11px;font-style: normal;}
.bold {font-weight: bold}
.fade {background:#ff7777}
.contrast,.contrast td {background:#cc3333; color:#fff}
/* Help box */
.helpbox {border:1px solid #ccc; font:11px arial;clear:both}
.helpbox ul {padding:0; margin:0 0 0 10px}
.helpbox li {padding: 0;margin:3px 10px}
.hide {display:none}
.rek_notok {background:#aaa;color:#fff;font-weight:bold}
/* div. forms */
#garantiramme input.radio {width:12px; border:none; padding:0; margin:0 5px 0 0}
/* TOOLTIP*/
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333; font-weight:bold; font-size:12px;
	display:none;
	}
.ui-widget,.ui-widget input,.ui-widget select, .ui-widget textarea, .ui-widget td, .ui-datepicker {font-size:10px;}
button.ui-datepicker-trigger {border:none; padding:0;background:transparent;}