* { margin: 0; padding: 0 }
body { background: #899faf url(gfx/bg_body-alt.gif) repeat-x fixed; text-align: center; padding: 56px 0 0 0 }

#ramme {
	position: relative;
	width: 780px;
	margin: 0 auto;
	background: #fff url(gfx/bg_ramme.gif) repeat-y;
	text-align: left }

#header {
	height: 390px;
	background-image: url(gfx/bg_header.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	margin: 0 6px }

#innholdsramme { margin: 0 7px; padding: 5px 10px; line-height: 1.4em }
#end { clear: both }
#kol1, #kol2 { overflow: hidden; width: 233px }
#kol1 { float: left; padding: 35px 0 0 0 }
#kol2 { float: right }
#innhold { margin: 0 253px 0 251px }

html>body #innhold { margin: 0 253px 0 254px }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt {
	clear: both; position: relative;
	text-align: center;
	padding: 0 6px 10px 6px;
	background: #899faf url(gfx/bg_kred-link.gif) no-repeat }

#kreditt p { clear: both; margin: 0; padding: 15px 0 0 0; font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif }
#kreditt a, #kreditt { color: #b5bdc7 }
#kreditt a:hover { color: #fff }

/*  ----------------------------------   ALT. DESIGN   ------------------------------ */

body.tokol #innhold, body#guestbook #innhold, body#nyheter_cms #innhold, body#soek #innhold {
	margin: 0 0 0 254px }

body#index #innhold { margin: 0 10px }
body.tokol #kol2, body#guestbook #kol2, body#nyheter_cms #kol2, body#index #kol2, body#index #kol1, body#index #sok { display: none }
body.tokol #ramme, body#nyheter_cms #ramme { background: #fff url(gfx/bg_ramme-2kol.gif) repeat-y }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

body { font-size: 71%; color: #666 } /* Basestørrelse */
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, option {
	font-family: arial, helvetica, helve, verdana, "Bitstream Vera Sans", geneva, sans-serif } /* Basefont */

input { font-size: 1em }
#kreditt { font-size: 0.9em }

/* Overskrifter */

h1 { font-size: 1.4em; color: #435871 }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* Marger og padding */

h1,h2,h3,h4,h5,h6,blockquote,p,hr, object, table { margin: 0 0 10px 0 }
#innhold ul, #innhold ol { margin: 0 0 10px 30px }

/* Lenker, akronymer og forkortelser */

a { color: #369 }
a:hover { color: #333; text-decoration: none }
#kreditt a, #sitemap a, h1 a, #nav a, #submeny a, ul#merkeguide a, #nyheter a, p.knapp a { text-decoration: none }

p.skip, #header h1, #header p { display: none }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

.banner { position: absolute; top: 86px; left: 6px; width: 768px; height: 274px; overflow: hidden }
.banner img { position: absolute; top: 0; left: 0 }

table.ans td { padding: 0 5px 5px 0 }



/*  ---------------------------------- NAVIGASJON ---------------------------------  */



#nav { position: absolute; top: 366px; left: 6px; width: 768px; height: 1.2em; overflow: hidden; z-index: 10000 }

#kreditt ul { width: 576px; height: 24px; margin: 0 auto }

ul#merkeguide {
	position: absolute; z-index: 10000;
	top: 2px; right: 30px;
	height: 84px; width: 485px; }

#menu, #menu ul, ul#sub, ul#sub li, #kreditt ul, #kreditt li, ul#merkeguide li { /* all lists */

	list-style: none; line-height: 1 }



#menu a, #kreditt li a {

	display: block;

	width: 126px;

	padding: 1px 0;

	color: #fcc;

	border-right: 2px solid #d9dee3;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	overflow: hidden;

	color: #435871 }

#kreditt li a {

	border-right: 0; height: 23px; padding: 0 }

#kreditt li.oslo {width: 192px}
#kreditt li.drammen{width: 192px}
#kreditt li.sarpsborg {width: 190px}

#kreditt li.oslo a { width: 192px; background: url(gfx/kred-link-oslo.gif) no-repeat}
#kreditt li.drammen a {width: 192px; background: url(gfx/kred-link-drammen.gif) no-repeat}
#kreditt li.sarpsborg a {width: 190px; background: url(gfx/kred-link-sarpsborg.gif) no-repeat}
#kreditt li a { background-position: top left}
#kreditt li a:hover {
	 background-position: bottom left }

#kreditt li a span {
	display: none }

#menu a:hover, #menu li.aktiv a { color: #000 }

ul#menu em, ul#sub em { font-style: normal }

#menu li, #kreditt ul li { float: left; width: 128px }

#submeny { background: url(gfx/bg_sub.gif) repeat-y; padding: 0 0 5px 0; margin: 0 0 15px 0 }

#submeny h1 { margin: 0 }

#submeny h1 a {

	display: block; padding: 1px 0 1px 30px; color: #000;

	background: #ccd6dd url(gfx/a.gif) 10px 8px no-repeat;

	border-bottom: 1px solid #fff }

#submeny h1 a:hover { color: #fff }



ul#sub, ul#sub li { width: 233px }

ul#sub li ul, ul#sub li.aktiv ul li ul { display: none }

ul#sub li.aktiv ul, ul#sub li.aktiv ul li.aktiv ul { display: block }

ul#sub li.aktiv { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #ccd6dd }

ul#sub li.aktiv ul li.aktiv { border: 0 }



/* 1. nivå */

ul#sub a {

	display: block;

	padding: 3px 0 3px 30px;

	font-weight: bold;

	color: #71849b;

	background-image: url(gfx/a.gif);

	background-position: 10px 6px;

	background-repeat: no-repeat }

ul#sub a:hover, ul#sub li.aktiv a  { color: #435871; background-position: 10px -30px }



/* 2. nivå */

ul#sub li.aktiv ul li a  {

	color: #71849b; padding: 3px 0 3px 45px; background-position: 30px 6px;

	font-weight: normal; background-color: #fff  }

ul#sub li.aktiv ul li.aktiv a:hover  {

	color: #435871; background-position: 30px -30px}



/*  ------------------------------------ NETTSTEDKART ----------------------------  */



ul#merkeguide a {

	display: block;

	height: 82px;

	border-bottom: 2px solid #fff }

ul#merkeguide a:hover { border-bottom: 2px solid #f90 }

ul#merkeguide span { display: none }
ul#merkeguide li { float: right; height: 84px; text-align: center; background: no-repeat 50% 50% }
ul#merkeguide li.opel { width: 40px; background-image: url(gfx/logo/opel.gif) }
ul#merkeguide li.fiat { width: 40px; background-image: url(gfx/logo/fiat.gif) }
ul#merkeguide li.chevrolet { width: 55px; background-image: url(gfx/logo/chevrolet.gif) }
ul#merkeguide li.hummer { width: 60px; background-image: url(gfx/logo/hummer.gif) }
ul#merkeguide li.cadillac { width: 60px; background-image: url(gfx/logo/cadillac.gif) }
ul#merkeguide li.corvette { width: 60px; background-image: url(gfx/logo/corvette.gif) }
ul#merkeguide li.saab { width: 40px; background-image: url(gfx/logo/saab.gif) }
ul#merkeguide li.gmc { width: 79px; background-image: url(gfx/logo/gmc.gif) }
ul#merkeguide li.jeep { width: 60px; background-image: url(gfx/logo/jeep.gif) }
ul#merkeguide li.chrysler { width: 60px; background-image: url(gfx/logo/chrysler.gif) }
ul#merkeguide li.dodge { width: 50px; background-image: url(gfx/logo/dodge.gif) }

ul#merkeguide ul a {
	color: #425770;
	padding: 1px 0;
	width: 79px; height: auto;
	background: #d9dee3;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #425770 }

ul#merkeguide ul a:hover {
	font-weight: bold;
	color: #fff;
	background: #425770;
	border-top: 1px solid #5b6f87;
	border-left: 1px solid #5b6f87;
	border-bottom: 1px solid #425770 }

ul#merkeguide li ul {
	position: absolute;
	border-top: 1px solid #425770;
	border-left: 1px solid #425770;
	border-right: 1px solid #425770;
	width: 80px;
	left: -999em;
	top: -50px }

ul#merkeguide li.opel ul, ul#merkeguide li.fiat ul, ul#merkeguide li.jeep ul, ul#merkeguide li.chrysler ul, ul#merkeguide li.dodge ul  { top: 10px }

ul#merkeguide li.cadillac ul { top: -5px }

ul#merkeguide li.corvette ul, ul#merkeguide li.saab ul { top: -20px }

ul#merkeguide ul li { width: 79px; height: auto }

ul#merkeguide ul li.merke { background: #425770; color: #d9dee3; padding: 1px 0 1px 1px }

ul#merkeguide li:hover ul, ul#merkeguide li.sfhover ul { left: auto }



/*  --------------------------------- KOMPONENTER --------------------------------  */



/*  Nyheter  */



#nyheter h1.tittel a { color: #435871 }

#nyheter .art h1 { font-size: 1.1em; padding: 0 0 3px 0 }

#nyheter .art { border-top: 2px solid #d9dee3; padding: 3px 0 }

#nyheter h1 a { color: #555 }

#nyheter h1 a:hover { color: #000 }

#nyheter h1, #nyheter p {

	margin: 0 }

#nyheter strong { font-weight: normal }

p.dato { margin: 0 }

p.news_arkiv { margin: 0 0 10px 0 }

p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none }



/*  -------------------------------- RESPONSSKJEMA -------------------------------  */



#respons table { width: auto }

#respons table td { vertical-align: middle; padding: 1px 5px 1px 0 }

#respons table tr.textarea td { vertical-align: top }

#respons fieldset { border: 0 }

#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }

#respons input, #respons textarea { width: 300px }

#respons p.melding, #respons textarea { height: 70px }

#respons p.knapp { width: 300px; margin: 0  }



p.knapp {

	border: 1px solid #899faf;

	height: 20px }

p.knapp a, p.send a {

	color: black;

	font-weight: bold;

	text-align: center;

	padding: 3px 0 0 4px;

	height: 15px;

	border: 1px solid;

	border-color: #fff #98c5da #98c5da #fff;

	background: #b5d7e6;

	display: block;

	color: #369 }

p.knapp a:hover, p.send a:hover  {

	border-color: #d1e4ec;

	background: #d1e4ec;

	color: #333 }



/*  --------------------------------    VERKTØY    ---------------------------------  */



#sok, #sok a, #sok input { position: absolute }

#sok {
	top: 390px; left: 15px;
	width: 233px; height: 23px; line-height: 23px;
	border: 1px solid #899faf;
	background: #fff }

#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top:1px; left: 1px;
	width: 145px; padding: 0;
	background: #fff;
	border: 1px solid #fff }

#sok a {
	left: 210px; top: 1px;
	width: 22px; height: 21px;
	display: block; background-color: #899faf; background-image: url(gfx/sokeknapp.gif) }

#sok a:hover { background-color: #435871; background-position: -22px 0 }
#sok a span, #sok label, #logo a span { display: none }



/*  ------------------------------------- DESIGN ------------------------------------  */



.skg, #logo { position: absolute }

#logo {

	left: 30px; top: 20px;

	width: 193px; height: 57px }

#logo a { display: block; height: 57px }

.skg { top: 0; left: -37px }

.topp { top: -43px }

.right { left: 780px }

.banner.galleri p { display: none }