* { margin: 0; padding: 0; }

/* BAKGRUNDER */
body { text-align: center; background: #808080; font-family: verdana; font-size: 11px; line-height: 1.5; font-weight: normal; color: #000000; margin:0; padding:0;
							background-position: bottom left; background-attachment: fixed !important; background-repeat: no-repeat; background-image: url("/bilder/racerflagga.gif");
							behavior: url("/scripts/csshover.htc"); }
							
body.formular { text-align:left; background: #ffffff; font-family: verdana; font-size: 11px; line-height: 1.5; color: #000000; margin: 0; padding: 0;
	*line-height: 1.49; }

/* commented backslash hack \*/ 
html,body { height:100%; } 
/* end hack */

/* BILDER */

img { color:#000000; font-weight: bold; border: 0px; }

img.rutbild { color:#000000; font-weight: bold; border: 0px; margin: 0px 0px 10px 0px; }
img.rutbild2 { color:#000000; font-weight: bold; border: 0px; margin: 0px 10px 10px 0px; }

ul.ruta-ett img { color:#000000; font-weight: bold; border: 1px solid #3b3b3b; }

img.webbalbumbild { color:#000000; font-weight: bold; border: 1px solid #3b3b3b; }
img.webbalbumbild:hover { border:1px solid #ed1c24; }

/* BOXAR - RUTOR */

ul.rubbe-ett  { list-style: none; width: 468px; height: 40px; background-color: #ed1c24; border: 1px solid #3b3b3b; margin: 0px 0px 10px 0px;
																background-position: top left; background-repeat:no-repeat; background-image: url("/bilder/rubberander-ett.gif"); }
ul.rubbe-ett li { padding: 0px 0px 0px 50px;
																		*margin: -1px 0px 0px 0px }
																		
ul.rubbe-tva  { list-style: none; width: 252px; height: 40px; background-color: #2d4689; border: 1px solid #3b3b3b; margin: 0px 0px 10px 0px;
																background-position: top left; background-repeat:no-repeat; background-image: url("/bilder/rubberander-tva.gif"); }
ul.rubbe-tva li { padding: 0px 0px 0px 50px;
																		*margin: -1px 0px 0px 0px }
																		
ul.rubbe-tre  { list-style: none; width: 252px; height: 40px; background-color: #3b3b3b; border: 1px solid #3b3b3b; margin: 10px 0px 10px 0px;
																background-position: top left; background-repeat:no-repeat; background-image: url("/bilder/rubberander-tre.gif"); }
ul.rubbe-tre li { padding: 0px 0px 0px 50px;
																		*margin: -1px 0px 0px 0px }
																		
ul.ruta-ett  { list-style: none; width: 448px; padding: 10px; background-color: #ffffff; border: 1px solid #3b3b3b; margin: 0px 0px 10px 0px;
															_padding: 10px 0px 10px 10px;}
ul.ruta-ett li { padding: 0px; font-size: 11px; line-height: 1.5; }
ul.ruta-ett li.ruta-fjardedel { padding: 0px; width: 25%; font-size: 11px; line-height: 1.5; float: left; }
ul.ruta-ett li.ruta-halv { padding: 0px; width: 50%; font-size: 11px; line-height: 1.5; float: left; }
ul.ruta-ett li.ruta-halv-hoger { padding: 0px; width: 221px; font-size: 11px; line-height: 1.5; float: left; margin: 0px 0px 10px 0px; text-align: right; }
ul.ruta-ett li.ruta-halv-vanster { padding: 0px; width: 216px; font-size: 11px; line-height: 1.5; float: left; margin: 0px 0px 10px 5px; }
ul.ruta-ett li.ruta-hel { padding: 0px; width: 100%; font-size: 11px; line-height: 1.5; float: none; clear: both; }
ul.ruta-ett li.ruta-hel-formular-ok { padding: 0px; width: 100%; text-align: right; font-size: 11px; line-height: 1.5; float: none; clear: both; }
ul.ruta-ett li.ruta-lista { padding: 5px 5px 5px 5px; width: 438; font-size: 11px; line-height: 1.5; float: none; clear: both; background-color: #eeeeee; border-bottom: 1px solid #2d4689; }
ul.ruta-ett li.ruta-lista:hover { background-color: #dddddd; border-bottom: 1px solid #ed1c24; }

ul.ruta-ett li ul { margin-left: 20px; line-height: 1.5; list-style: disc; }

ul.ruta-tva  { list-style: none; width: 247px; background-color: #ffffff; border: 1px solid #3b3b3b; padding: 5px 0px 0px 5px; }
ul.ruta-tva li { padding: 10px; font-size: 11px; line-height: 1.5; }
ul.ruta-tva li.ruta-lista { padding: 5px 5px 5px 5px; width: 232px; font-size: 11px; line-height: 1.5; float: none; clear: both; background-color: #eeeeee; border-bottom: 1px dashed #2d4689; }
ul.ruta-tva li.ruta-lista:hover { background-color: #dddddd; border-bottom: 1px dashed #ed1c24; }

ul.ruta-tre  { list-style: none; width: 448px; padding: 10px; background-color: #ffffff; border: 1px solid #3b3b3b; margin: 0px 0px 10px 0px;
															_padding: 10px 0px 10px 2px;}
ul.ruta-tre li { padding: 0px; font-size: 11px; line-height: 1.5; }
ul.ruta-tre li.ruta-halv-hoger { padding: 0px; width: 221px; font-size: 11px; line-height: 1.5; float: left; margin: 0px 0px 10px 0px; text-align: right; }
ul.ruta-tre li.ruta-halv-vanster { padding: 0px; width: 216px; font-size: 11px; line-height: 1.5; float: left; margin: 0px 0px 10px 5px; }
ul.ruta-tre li.webbalbum-lista { margin: 0px 4px 10px 4px; width: 140px; font-size: 11px; line-height: 1.5; float: left; text-align: center;
																																	_margin: 0px 2px 10px 2px;}
ul.ruta-tre li.webbalbum-lista:hover { background-color: #eeeeee; }

/* BOXAR - YTOR */

div.formular ul { list-style: none; margin: 0px; width: 458px; padding: 5px;
																			*width: 468px; }
div.formular ul li.vanster { width: 226px; float: left; }
div.formular ul li.mitten { margin-top: 5px; }
div.formular ul li.hoger { width: 221px; float: left; margin-left: 6px;
																												*margin-left: 3px; }
div.formular ul li.knapp { margin: 10px 0px 0px 0px; text-align: right; }
div.formular ul li.hel { width: 458px; }

div.marginal-left { width: 468px; float: left; margin: 10px 10px 10px 0px; }

div.marginal-right { width: 252px; float: left; margin: 10px 0px 10px 0px; }

div.marginal-stor { width: 795px; float: left; margin: 10px 10px 10px 0px; }

ul.meny  { list-style: none; width: 730px; height: 40px;}
ul.meny li { padding: 9px 0px 0px 10px; float:left; color: #ffffff; font-size: 12px; font-weight: bold;
													*padding: 10px 0px 0px 10px; }

ul.toppen  { list-style: none; width: 730px; height: 75px;}
ul.toppen li { padding: 0px 10px 0px 10px; width: 223px; float:left; }

/* FORMULÄR */

input.halv { width: 214px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #2d4689; margin: 0px 0px 10px 0px; }
input.halv:hover { border:1px solid #ed1c24; background-color: #eeeeee; }
input.halv:focus { border:1px solid #ed1c24; background-color: #eeeeee; }

input.hel { width: 448px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #2d4689; margin: 0px 0px 10px 0px; }
input.hel:hover { border:1px solid #ed1c24; background-color: #eeeeee; }
input.hel:focus { border:1px solid #ed1c24; background-color: #eeeeee; }

input.tredjedel { width: 146px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #2d4689; margin: 0px 0px 10px 0px; }
input.tredjedel:hover { border:1px solid #ed1c24; background-color: #eeeeee; }
input.tredjedel:focus { border:1px solid #ed1c24; background-color: #eeeeee; }

input.knapp { border: 0px; cursor: pointer; color: #000000; background: transparent; background-repeat: repeat-x; background-position: left top; }
	input.knapp-25 { width: 25px; height: 21px; background-image: url("/bilder/knapp-25-1.gif"); }
		input.knapp-25:hover { background-image: url("/bilder/knapp-25-2.gif"); }

select.halv { width: 214px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #2d4689; margin: 0px 0px 10px 0px;
	           		*height: 22px; }
select.halv:hover { border:1px solid #ed1c24; background-color: #eeeeee; }
select.halv:focus { border:1px solid #ed1c24; background-color: #eeeeee; }

select.hel { width: 448px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #2d4689; margin: 0px 0px 10px 0px;
	           		*height: 22px; }
select.hel:hover { border:1px solid #ed1c24; background-color: #eeeeee; }
select.hel:focus { border:1px solid #ed1c24; background-color: #eeeeee; }

textarea.hel { width: 448px; height: 69px; background-color: #ffffff; color: #000000; border:1px solid #2d4689;
															*height: 71px; }
textarea.hel:hover { border:1px solid #ed1c24; background-color: #eeeeee;  }
textarea.hel:focus { border:1px solid #ed1c24; background-color: #eeeeee;  }

/* LINJER */

hr.streckad { border: none 0; border-top: 1px dashed #3b3b3b; height: 1px; margin: 10px 0px 10px 0px;
														* margin: 5px 0px 5px 0px; }
														
hr.streckad2 { border: none 0; border-top: 1px dashed #3b3b3b; height: 1px; margin: 5px 0px 5px 0px;
														* margin: 0px 0px 0px 0px; }
														
hr.streckads { margin: 0px 0px 0px 0px; height: 0px; padding: 0px; line-height: 0;
														*margin-top: 5px; border:1px dashed #3b3b3b; }
/* LISTOR */



/* LÄNKAR */

a {	text-decoration: none;	color: #2d4689; font-size: 11px; font-weight: bold; }
a:visited {	color: #ed1c24; }
a:hover { text-decoration: underline; color: #ed1c24; }
a:active { color: #ed1c24; outline: none; }
a:focus { outline: none; }
a:focus:visited {  }
a:focus:hover {  }
a:focus:active {  }
					
ul.meny a {	text-decoration: none;	color: #ffffff; font-size: 12px; font-weight: bold; }
ul.meny a:visited {	color: #ffffff; }
ul.meny a:hover { text-decoration: underline; color: #ffffff; }
ul.meny a:active { color: #ed1c24; outline: none; }
ul.meny a:focus { outline: none; }
ul.meny a:focus:visited {  }
ul.meny a:focus:hover {  }
ul.meny a:focus:active {  }

ul.menybilmarken a {	text-decoration: none;	color: #ffffff; font-weight: bold; }
ul.menybilmarken a:visited {	color: #ffffff; font-weight: bold; }
ul.menybilmarken a:hover { text-decoration: underline; }
ul.menybilmarken a:active { color: #ffffff; outline: none; }
ul.menybilmarken a:focus { outline: none; }
ul.menybilmarken a:focus:visited {  }
ul.menybilmarken a:focus:hover {  }
ul.menybilmarken a:focus:active {  }

ul.menybilmodeller a {	text-decoration: none;	color: #ffffff; font-weight: bold; }
ul.menybilmodeller a:visited {	color: #ffffff; font-weight: bold; }
ul.menybilmodeller a:hover { text-decoration: underline; }
ul.menybilmodeller a:active { color: #ffffff; outline: none; }
ul.menybilmodeller a:focus { outline: none; }
ul.menybilmodeller a:focus:visited {  }
ul.menybilmodeller a:focus:hover {  }
ul.menybilmodeller a:focus:active {  }

/* MENY */

ul.menu { list-style: none; margin: 0px 0px 0px 0px; width: 730px; height: 40px;  }
li.menu-main { width: 730px; height: 40px; padding: 7px 0px 0px 0px;
															*padding: 9px 0px 0px 0px; }
																			
div.menu-item {  }
ul.menu-item { padding: 0; margin: 0; list-style: none; z-index: 300;  }
ul.menu-item li { float: left; position: relative; padding: 2px 0px 6px 0px; color: #ffffff; font-weight: bold; z-index: 300; }
ul.menu-item li ul {display: none; position: absolute; top: 16px; width: 155px; left: 20px; margin: 2px; list-style: none; z-index: 300;}
ul.menu-item li ul li { top: -2px; left: auto; width: 210px; color: #ffffff; left: -30px; padding: 3px 5px 3px 5px; z-index: 300;
																								background-image: url("/bilder/meny/element-overkant.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; 
																								_top: -10px; _background-image: url("/bilder/meny/element-overkant.gif"); }
ul.menu-item li ul li.overkant { top: 4px; left: auto; width: 210px; height: 5px; left: -30px; z-index: 300;
																																	background-image: url("/bilder/meny/element-overkant.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; 
																																	*top: 4px; _background-image: url("/bilder/meny/element-overkant.gif"); }
ul.menu-item li ul li.underkant { top: -2px; left: auto; width: 210px; height: 10px; left: -30px;  z-index: 300;
																																		background-image: url("/bilder/meny/element-underkant.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important;
																																		_top: -10px; _background-image: url("/bilder/meny/element-underkant.gif"); }
ul.menu-item li ul li dl { background:#3a4a95; padding: 3px; margin-left: 5px; }
ul.menu-item li:hover ul, li.over ul { display: block; z-index: 300; }

ul.menu-item a {	text-decoration: none;	color: #ffffff; font-weight: bold; font-size: 12px; }
ul.menu-item a.item {	padding-left: 10px; }
ul.menu-item a:visited {	color: #ffffff; font-weight: bold; }
ul.menu-item a:hover { text-decoration: underline; }
ul.menu-item a:active { color: #ffffff; outline: none; }
ul.menu-item a:focus { outline: none; }
ul.menu-item a:focus:visited {  }
ul.menu-item a:focus:hover {  }
ul.menu-item a:focus:active {  }

div.meny-bilmarken { margin: -4px 0px 0px 92px; }
ul.menybilmarken { padding: 0; margin: 0; list-style: none; z-index: 200; }
ul.menybilmarken li { position: relative; width: 127px; padding: 2px 5px 2px 5px; color: #ffffff; font-weight: bold; background-color: #ed1c24; border: 1px solid #3b3b3b; z-index: 200; }
ul.menybilmarken li ul { display: none; position: absolute; top: 19px; width: 272px; height: 180px; left: -138px; margin: 2px; list-style: none; background-color: #ed1c24; border: 1px solid #3b3b3b; z-index: 200; }
ul.menybilmarken li ul ul { overflow: auto; left: 5px; right: 8px; width: 260px; top: 4px; text-align: right; height: 172px; margin: 0px; padding:0px; background-image:none; border: 0px; z-index: 200;
																												*width: 260px; }
ul.menybilmarken li ul ul li { top: 6px; width: 230px; color: #ffffff; right: -5px; text-align: right; padding: 0px 0px 3px 5px; background-image: none; background-color: #ed1c24; border: 0px; z-index: 200;
																															*right: 0px;}
ul.menybilmarken li:hover ul, ul.menybilmarken li.sfhover ul { display: block; z-index: 200; }

div.meny-bilmodeller { margin: 5px 0px 0px 92px; }
ul.menybilmodeller { padding: 0; margin: 0; list-style: none; z-index: 90; }
ul.menybilmodeller li { position: relative; width: 127px; padding: 2px 5px 2px 5px; color: #ffffff; font-weight: bold; background-color: #ed1c24; border: 1px solid #3b3b3b; z-index: 90;}
ul.menybilmodeller li ul { display: none; position: absolute; top: 18px; width: 272px; height: 180px; left: -138px; margin: 2px; list-style: none; background-color: #ed1c24; border: 1px solid #3b3b3b; z-index: 90; }
ul.menybilmodeller li ul ul { overflow: auto; left: 5px; right: 8px; width: 260px; top: 4px; text-align: right; height: 172px; margin: 0px; padding:0px; background-image:none; border: 0px; z-index: 90;
																														*width: 260px; }
ul.menybilmodeller li ul ul li { top: 6px; width: 230px; color: #ffffff; right: -5px; text-align: right; padding: 0px 0px 3px 5px; background-image: none; background-color: #ed1c24; border: 0px; z-index: 90;
																															*right: -0px;}
ul.menybilmodeller li:hover ul, ul.menybilmodeller li.sfhover ul { display: block; z-index: 90; }

/* RUBRIKER */

h1 { font-size: 27px; font-weight: bold; color: #ffffff; }
h2 { font-size: 15px; font-weight: bold; padding: 10px 0px 10px 0px; }
h3 { font-size: 13px; font-weight: bold; padding: 0px 0px 0px 0px; }
h3.tva { font-size: 13px; font-weight: bold; padding: 0px 0px 10px 0px; }
h4 { font-size: 11px; font-weight: normal; padding: 0px 0px 5px 0px; }
h4.tva { font-size: 11px; font-weight: bold; padding: 0px 0px 5px 0px; }

/* TEXT */

p.ett { color: #000000; font-size: 11px; margin: 0px 0px 10px 0px; }
p.tva { color: #000000; font-size: 11px; margin: 0px 0px 0px 5px; }
					
span.ett { font-weight: bold; color: #2d9e0a; } /* grön */
span.tva { font-weight: bold; color: #ed1c24; } /* röd */
span.tre { font-weight: bold; color: #2d4689; } /* blå */

/* TABELLER */

table { width: 100%; min-height: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; font-family: verdana; font-size: 11px; line-height: 1.5; }
								
table.main { width: 100%; min-height: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse;
								background-position: top left; background-attachment: scroll !important; background-repeat:repeat-x; background-attachment: fixed;	background-image: url("/bilder/bakgrund-topp.gif") }

td.table-left1 { width: auto; margin: 0px; padding: 0px; text-align: right; vertical-align: top; }
td.table-left2 { width: 140px; margin: 0px; padding: 125px 5px 0px 0px; text-align: right; vertical-align: top; }
td.table-middle { width: 735px; margin: 0px; padding: 0px; text-align: left; vertical-align: top; }
td.table-right1 { width: 140px; margin: 0px; padding: 0px; vertical-align: top; }
td.table-right2 { width: auto; margin: 0px; padding: 0px; vertical-align: top; }

/* XXX */

.floatkiller0 { height: 0px; margin: -1px 0 0 0; clear: both;
																*height: 0px; width: 456px; }
																					
					.floatkiller5 { height: 5px; margin: -1px 0 0 0; clear: both;
																					*height: 30px; }

/* CSS POPUP IMAGE VIEWER */

.flyout { position: relative; z-index:0; }
.flyout:hover { z-index:25 }

.flyout span.flyoutruta {display: none; text-decoration: none; }

.flyout:hover span.flyoutruta { display: block; font-size: 11px; position: absolute; white-space: nowrap; top: 17px; left: 10px; padding: 5px; border: 3px solid #3b3b3b; background-color: #ffffff; color: #000000; text-align: left;
																																*top: 22px; }
.flyout:hover span.flyoutruta img { border-width: 0; padding: 2px; }