﻿/* Positionering */

body {
 margin: 0px;
}

#header {
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 100%;
}

#header img {
 margin-left: 10px;
}

#leftwindow {
 margin: 0px;
 padding: 0px;
 float: left;
 width: 190px;
 border: 0px;
 background: #def;
}

#leftwindow form, ul {
 margin-left: 5px;
 padding: 0px;
}

#dagenslink {
 margin-left: 10px;
 margin-top: 75px;
 margin-bottom: 10px;
}

#rightwindow {
 margin-top: 0px;
 margin-bottom: 50px;
 margin-left: 210px;
 margin-right: 0px;
 background: #fff;
}

#xtraruta {
 width: 200px;
 float: right;
 padding: 5px;
 background-color: #def;
 color: #000;
}

#transparentxtraruta {
 width: 200px;
 float: right;
 padding: 5px;
 background-color: #fff;
 color: #000;
}

#traktormodeller {
 text-align: center;
 background-color: #def;
 color: #000;
}

.centerimage {
 display: block;
 margin-left: auto;
 margin-right: auto;
}


/* Text- och fontegenskaper */

body, table { 
 font-size: 10px;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
 font-size: 24px;
 font-weight: bold;
 font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
 color: #900;
}

#xtraruta h1 {
 font-size: 16px;
 font-weight: bold;
 font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
}

h2 {
 font-size: 18px;
 font-weight: bold;
 font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
}

#xtraruta h2 {
 font-size: 14px;
 font-weight: normal;
}

h3 {
 font-size: 16px;
 font-weight: bold;
 font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
}

#xtraruta h3 {
 font-size: 12px;
 font-weight: normal;
}

h4 {
 font-size: 14px;
 font-weight: normal;
}

h5 {
 font-size: 12px;
 font-weight: normal;
}

h6, legend {
 font-size: 10px;
 font-weight: bold;
 color: #006;
}

pre {
 font-family: "courier New", Courier, monospace;
 font-size: 12px;
 background-color: #ff8;
 color: #333;
}

a:link {
 color: #006;
}

a:visited {
 color: #009;
}

a:hover {
 color: #900;
}

a:active {
 color: #900;
}

em {
 font-style: italic;
 font-weight: normal;
}

strong { 
 font-style: normal;
 font-weight: bold;
}

.nummer {
 font-weight: bold;
 color: #000;
 background-color: #fff;
}

.pris {
 color: #fff;
 background-color: #f00;
}

.disclaimer {
 font-variant: small-caps
}

/* Menyer */

#headermenu {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid #006;
}

#headermenu li {
 list-style: none;
 display: inline;
 margin: 0px;
}

#headermenu li#first {
 margin-left: 50px;
}

#headermenu li a {
 padding: 3px 0.5em;
 margin-left: 5px;
 border: 1px solid #006;
 border-bottom: none;
 background-color: #900;
 color: #fff;
 text-decoration: none;
}

#headermenu li a:hover {
 background-color: #fc0;
 color: #000;
}

#headermenu li a:active {
 background-color: #cf0;
 color: #000;
}

#headermenu li a#current {
 background-color: #fff;
 color: #000;
 border-bottom: 1px solid #fff;
}

#leftmenu {
 margin-top: 10px;
}

#leftmenu ul {
 list-style: outside;
 list-style-type: none;
}

#leftmenu a {
 display: block;
 width: 150px;
 padding: 3px 12px 3px 8px;
 background-color: #006;
 color: #fff;
 border-bottom: 1px solid #fff;
 text-decoration: none;
 font-weight: bold;
}

#leftmenu a:visited {
 background-color: #006;
 color: #fff;
}

#leftmenu a:hover {
 background-color: #900;
 color: #fff;
}

#leftmenu a:active {
 background-color: #900;
 color: #fff;
}


/* Formulär */

#prissok {
 margin-left: 5px;
 margin-top: 5px;
}

#searchform {
 display: block;
}

#searchform input, select {
 margin: 5px;
}

#searchfield {
 width: 130px;
}
 
#searchfield input {
 width: 120px;
}

#searchfield input.submit-button {
 width: 50px;
 clear: both;
}

#bestillingsskjema input, select {
 text-align: left;
 width: 200px;
}

#bestillingsskjema select {
 text-align: left;
 width: 300px;
}
 
#bestillingsskjema label {
 float: left;
 text-align: right;
 margin-right: 1px;
 padding-top: 9px;
 width: 100px;
}

#bestillingsskjema br, hr {
 clear: both;
}

#bestillingsskjema label.radiobuttonlabel {
 float: left;
 text-align: left;
 padding-top: 4px;
 padding-bottom: 15px;
}

#bestillingsskjema input.radioknapp {
 float: left;
 padding-bottom: 15px;
}

#bestillingsskjema input.antall {
 width: 3em;
}

#bestillingsskjema input.radioknapp {
 width: 2em;
 text-align: center;
}

#bestillingsskjema input.artikel {
 width: 150px;
}

#bestillingsskjema input.knapp {
 clear: both;
 float: left;
 margin-right: 10px;
 margin-left: 5px;
 width: 6em;
 text-align: center;
}

#doropplysninger label {
 width: 2em;
}

input.sporinginp	{
	border: 1px solid #d0d0d0;
	width: 140px;
	vertical-align: middle;	
}

input.sporingbtn	{
	vertical-align: middle;
}



/* Lister */

#xtraruta ul {
 list-style: inside;
 list-style-type: disc;
}
 

/* Tabeller */

table {
 border: 0px solid #006;
 background-color: #fffFFF;
}

th, td, caption {
 padding: 4px;
 text-align: left;
 margin-left: 2px;
}

th {
 border: 0px;
 background-color: #900;
 color: #fff;
}

th.underrubrik {
 font-style: italic;
}

td {
	background-color: #FFFFFF;
	color: #000;
}

caption {
 font-style: italic;
 font-weight: normal;
}

td.highlight {
 color: #000;
 background-color: #fc0;
}

td img {
 text-align: center;
}


/* Diverse */

a img {
 border: 0px;
}

#bestilling img {
 margin: 15px;
}

.bottenstreck {
 color: #006;
}

</style>
