* {
	margin: 0;
	padding: 0;
}

body {
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	/*color: #333333;*/
	font-size: 100%;
	background:#666 url(../images/bg_ny.jpg) repeat-x;
}

/* TEXT OCH BILD ALLMANT */

a, a:link, a:active, a:visited   {
	font-weight: bold;
    text-decoration:none;
	color: #333;
    border-bottom: 1px solid #333;
}

a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #666666;
    border-bottom: 1px solid #666666;
} 
img {margin:0px 0px 5px 0px;}
img.rubrik {margin:0px 0px 15px 0px;}

/* LAYOUT  ALLMANT STRUKTUR */

#head-ram {
	margin: 0px auto 0px auto;
	padding:  0px;
	border: 0px;
	text-align: left;
	display: block !important; 
	width: 960px;	
	height: 239px;
	color: #f0f0f0;
}

#head-topplankar {padding:28px 0px 0px 0px; text-align: right; width: 690px; font-size:80%; float:right;}
#head-topplankar a, #head-topplankar a:link, #head-topplankar a:active, #head-topplankar a:visited {color: #f0f0f0;border-bottom: 0px; margin:0px 5px 0px 5px;}
#head-topplankar a:hover {color: #c63; border-bottom: 1px solid #c63;}
#head-topplankar a.aktiv {color: #c63; border-bottom: 0px;} 
#head-logo {padding:30px 0px 2px 0px; text-align:left; width:265px; height:84px; float:left;}
#head-flikar {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; width:944px; 
font-size:75%;
}
#head-sokfunktion {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; width:960px;font-size:75%;clear:left;}

#mitten {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	width: 100%;
	background-image: url(../images/white.gif);
	background-repeat: repeat-x;
	background-color:#fff;
	background-position: 0 0 !important;
	overflow:hidden;
}

#innehall {margin:30px auto 0px auto; padding:0px; text-align:left; display:block !important; width:960px;	background:none;min-height: 100%;}

* html #innehall {height: 100%;} 

#sidfot {padding:15px 0px 0px 0px; width: 100%; height:200px; background: #666 url('../images/bg_sidfot.jpg') repeat-x;}
#sidfotinnehall {width: 950px; margin: 0px auto 0px auto;}
.clear {clear:both;height:1px;}


/* FLIKAR MENY NY */
html>#head-flikar {top:90px;}

#head-flikar ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
#head-flikar ul li {float:left; padding:0px; margin:0px 2px 0px 0px; height:22px;}
#head-flikar ul li#varakurser {background:url(../images/flik_varakurser_h.gif) no-repeat top right;}
#head-flikar li#varakurser a {display:block; padding:5px 26px 0px 26px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_varakurser_v.gif) no-repeat top left; cursor:pointer;}

/*#head-flikar ul li#akeri {margin:0px 2px 0px 3s0px; background:url(../images/flik_akeri_h.gif) no-repeat top right;}*/
#head-flikar ul li#akeri {background:url(../images/flik_akeri_h.gif) no-repeat top right;}
#head-flikar li#akeri a {display:block; padding:5px 15px 0px 15px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_akeri_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#taxi {background:url(../images/flik_taxi_h.gif) no-repeat top right;}
#head-flikar li#taxi a {display:block; padding:5px 15px 0px 15px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_taxi_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#terminal {background:url(../images/flik_terminal_h.gif) no-repeat top right;}
#head-flikar li#terminal a {display:block; padding:5px 10px 0px 10px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_terminal_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#miljo {background:url(../images/flik_miljo_h.gif) no-repeat top right;}
#head-flikar li#miljo a {display:block; padding:5px 15px 0px 15px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_miljo_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#hamn {background:url(../images/flik_hamn_h.gif) no-repeat top right;}
#head-flikar li#hamn a {display:block; padding:5px 10px 0px 10px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_hamn_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#flyg {background:url(../images/flik_flyg_h.gif) no-repeat top right;}
#head-flikar li#flyg a {display:block; padding:5px 15px 0px 15px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_flyg_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#petroleum {background:url(../images/flik_petroleum_h.gif) no-repeat top right;}
#head-flikar li#petroleum a {display:block; padding:5px 10px 0px 10px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_petroleum_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#ykb {margin:0px 2px 0px 30px; background:url(../images/flik_ykb_h.gif) no-repeat top right;}
#head-flikar li#ykb a {display:block; padding:5px 10px 0px 40px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_ykb_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul li#truckmaskin {background:url(../images/flik_truckmaskin_h.gif) no-repeat top right;}
#head-flikar li#truckmaskin a {display:block; padding:5px 10px 0px 36px; line-height: 2.5 em; text-decoration:none; color:#fff; float:left; border:0px; background:url(../images/flik_truckmaskin_v.gif) no-repeat top left; cursor:pointer;}

#head-flikar ul a:hover {color:#ccc;}

/* SOKFUNKTION */

#head-sokfunktion div#sok1 { float:left; width:202px; height:100px; background: url(../images/bg_sok_1.jpg) no-repeat;}
#head-sokfunktion div#sok2 { float:left; width:202px; height:100px; background: url(../images/bg_sok_2-5.jpg) no-repeat;}
#head-sokfunktion div#sok3 { float:left; width:202px; height:100px; background: url(../images/bg_sok_2-5.jpg) no-repeat;}
#head-sokfunktion div#sok4 { float:left; width:202px; height:100px; background: url(../images/bg_sok_2-5.jpg) no-repeat;}
#head-sokfunktion div#sok5 { float:left; width:150px; height:100px; background: url(../images/bg_sok_2-5.jpg) no-repeat;}

#head-sokfunktion div#sok1 img {margin:20px 0px 10px 0px;}
#head-sokfunktion div#sok2 img, #head-sokfunktion div#sok3 img, #head-sokfunktion div#sok4 img, #head-sokfunktion div#sok4 img, #head-sokfunktion div#sok5 img {margin:20px 0px 10px 10px;} 

#head-sokfunktion select.falt {width:150px; border:1px solid #333; background-color:#f0f0f0;margin:0px 0px 10px 0px;}
#head-sokfunktion select.falt2-4 {width:150px; border:1px solid #333; background-color:#f0f0f0;margin:0px 0px 10px 10px;}
#head-sokfunktion .seval {margin:0px 0px 10px 10px;}

/* VANSTER */
#vansterram {float:left; width:565px;}
.rambox-v {width:565px; padding:0px 0px 10px 0px;}
.rambox-v p.tillbaka {text-align:right; background:#fff url(../images/icon_tillbaka.gif) no-repeat;font-size:80%; padding:0px 0px 5px 0px;}
.bildvansterbox {float:left; width:220px;}

.litenvansterbox {float:left; width:260px; margin-top:10px;}
.litenhogerbox {float:right; width:260px; height:230px;background:#fff url(../images/bg_inlogg.jpg) no-repeat; margin-top :10px; padding:15px;}
.litenvansterbox h2 {font-size:100%; padding:0px 0px 10px 0px;}
.litenvansterbox p {font-size:80%; padding:0px 0px 10px 0px;}
.litenvansterbox p.dok {background:#fff url(../images/icon_dokument.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}

.textvansterbox {float:right; width:320px;}
.textvansterstorbox {width:565px; color:Black ;}
.textvansterbox h1, .textvansterstorbox h1 {font-size:120%; font-weight:bold; padding:0px 0px 10px 0px;}
.textvansterbox h2, .textvansterstorbox h2 {font-size:100%; font-weight:bold; padding:0px 0px 5px 0px;}
.textvansterstorbox h2.kontakt {padding:10px 0px 5px 0px;}
.textvansterbox h3, .textvansterstorbox h3 {font-size:80%; font-weight:bold; padding:0px 0px 3px 0px;}
.textvansterbox p, .textvansterstorbox p {font-size:80%; padding:0px 0px 10px 0px;}
p.lasmer {background:#fff url(../images/icon_lasmer.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}
.textvansterstorbox p.skrivut {padding:0px 0px 10px 25px; background:#fff url(../images/icon_skrivut.gif) no-repeat;}
.textvansterstorbox p.tipsa {padding:0px 0px 10px 25px; background:#fff url(../images/icon_tipsa.gif) no-repeat;}
.rambox-v .tabellform td, .tabellform td {padding:5px 0px 5px 2px;font-size:80%;}
.rambox-v .tabellform td.formrubrik, .tabellform td.formrubrik {font-weight:bold;}

/*.rambox-v span {color:#f90; font-weight:bold;}*/
/*.rambox-v span {color:#c63; font-weight:bold;}*/
.rambox-v span {color: black; font-weight:normal;}

/* ANSOKAN FORMULAR GRAPLATTA */

#vansterram .rambox-v .graruta { margin-right:5px; width:565px; padding:10px; background-color:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #dcdcdc;}

/* VANSTER NYHETER */
.nyhetstext {width:565px;}
.nyhetstext h1 {font-size:120%; font-weight:bold; padding:0px 0px 10px 0px;}
.nyhetstext h2 {font-size:100%; font-weight:normal; padding:0px 0px 10px 0px;}
.nyhetstext p {font-size:80%; padding:0px 0px 10px 0px;}
.nyhetstext p.tillbaka {text-align:right; background:#fff url(../images/icon_tillbaka.gif) no-repeat;font-size:80%; padding:0px 0px 15px 0px;}
.nyhetstext img.staende {float:right; margin:0px 0px 10px 10px;}
.nyhetstext img.liggande {margin:0px 0px 10px 0px;}
.nyhetstext p.skrivut {padding:0px 0px 10px 25px; background:#fff url(../images/icon_skrivut.gif) no-repeat;}
.nyhetstext p.tipsa {padding:0px 0px 10px 25px; background:#fff url(../images/icon_tipsa.gif) no-repeat;}

/*VANSTER FORMULAR */
.falt {border:1px solid #666;padding:2px; background-color:#f0f0f0; width:280px;}
span.checkbox label{padding:0px 10px 0px 10px; color:#333;}
.faltinlogg {border:1px solid #666;padding:2px; background-color:#f0f0f0; width:150px;}


/* HOGER */
#hogerram {float:right; width:365px;}
.rambox-h {width:365px; padding:0px 0px 10px 0px;}
.texthogerbox p {font-size:80%; padding:0px 0px 10px 0px;}
.texthogerbox p.ok {background:#fff url(../images/icon_ok.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}
.bildhogerbox img {margin:0px 0px 15px 0px;}


/* SIDFOT VANSTER */
#sidfotvansterram {float:left; width:565px;}
.sidfotrambox-v {width:565px; padding:0px 0px 10px 0px;}
.sidfottextvansterbox {width:565px;}
.sidfottextvansterbox h1 {font-size:120%; font-weight:bold; padding:0px 0px 10px 0px;}
.sidfottextvansterbox p {font-size:80%; padding:0px 0px 10px 0px;}
.sidfottextvansterbox p.lasmer {background:#dcdcdc url(../images/icon_lasmer_grey.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}

/* SIDFOT HOGER */
#sidfothogerram {float:right; width:365px;}
.sidfotrambox-h {width:365px; padding:0px 0px 10px 0px;}
.sidfottexthogerbox p {font-size:80%; padding:0px 0px 10px 0px;}
.sidfottexthogerbox p.info {background:#dcdcdc url(../images/icon_info_grey.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}
.sidfottexthogerbox p.skriv {background:#dcdcdc url(../images/icon_skriv_grey.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}
.sidfottexthogerbox p.dok {background:#dcdcdc url(../images/icon_dokument_grey.gif) no-repeat; font-size:80%; padding:0px 0px 10px 30px;}

/* COPY FALT */
#copyram {margin:30px auto 0px auto; padding:0px; text-align:left; display:block !important; width:960px; background:none;}
.copytextbox {text-align:right;}
.copytextbox p.copy {background-color:#666; font-size:75%; padding:0px 0px 10px 80px; color:#fff;}
.copytextbox p.copy a {color:#fff; border-bottom:1px solid #fff;}

/*VISA KURS HOGER */
.inforutadelbranscher {width:341px; height:47px; padding:12px; background:#fff url(../images/inforuta_delbranscher.gif) no-repeat; font-size:75%;}
.tabelldelbranscher td.sant {background:#dcdcdc url(../images/icon_ok_grey.gif) no-repeat; padding:0px 0px 10px 20px;}
.tabelldelbranscher td.falskt {background:#dcdcdc url(../images/icon_ej_grey_ny.gif) no-repeat; padding:0px 0px 10px 20px;}

.faktaruta {width:335px; margin:15px 0px 0px 0px; padding:15px; background:#fff url(../images/faktaruta.gif) no-repeat; font-size:80%; color:#fff;}
.faktaruta h3 {padding:0px 0px 3px 0px;font-size:100%; font-weight:bold;}
.faktaruta p {padding:0px 0px 10px 0px;}
.faktaruta p a {color:#fff; border-bottom:1px solid #fff;}
.faktaruta p a:hover {color:#ccc; border-bottom:1px solid #ccc;}
.faktarutabotten {width:365px; height:22px; background:#fff url(../images/faktarutabotten.gif) no-repeat;}

.hjalpiconruta {width:320px; padding:0px 0px 0px 15px; font-size:75%;}
.hjalpiconruta p {padding:0px 0px 10px 0px;}
.hjalpiconruta p.skrivut {padding:0px 0px 10px 25px; background:#fff url(../images/icon_skrivut.gif) no-repeat;}
.hjalpiconruta p.merinfo {padding:0px 0px 10px 25px; background:#fff url(../images/icon_pdf.gif) no-repeat;}
.hjalpiconruta p.tipsa {padding:0px 0px 10px 25px; background:#fff url(../images/icon_tipsa.gif) no-repeat;}
.hjalpiconruta p.fraga {padding:0px 0px 10px 25px; background:#fff url(../images/icon_fraga.gif) no-repeat;}

/* VISA AKTUELLA KURSTILLFALLEN */
.rambox-v .tabellaktuellakurser td {padding:5px 0px 5px 2px;font-size:80%;}
.rambox-v .tabellaktuellakurser td.kursrubrik {font-weight:bold; border-bottom:1px solid #ccc;}
.rambox-v .tabellaktuellakurser td.grey {background-color:#f0f0f0;}

/* VISA VAL AV KURSER */
#helsideram {width:960px;}
#helsideram h1 {font-size:120%; font-weight:bold;}
#helsideram h1 span.delbranscher {font-size:90%;}
#helsideram h1 span.kursnamn {font-size:80%;}
#helsideram h1 span.kursort {font-size:75%;}
#helsideram .tabellvisakursval {font-size:80%;}
#helsideram .tabellvisakursval td {padding:10px;}
#helsideram .tabellvisakursval td.grey {background-color:#f0f0f0;}
#helsideram .tabellvisakursval td h3, #helsideram .tabellvisakursval td.grey h3 {margin:0px 0px 7px 0px; font-size:80%; font-weight:bold;}
#helsideram .tabellvisakursval td p, #helsideram .tabellvisakursval td.grey p {margin:0px 0px 5px 0px;}
#helsideram .tabellvisakursval td p.lasmer {background:#fff url(../images/icon_lasmer.gif) no-repeat; padding:0px 0px 10px 30px; font-size:100%;}
#helsideram .tabellvisakursval td.grey p.lasmer {background:#f0f0f0 url(../images/icon_lasmer_grey.gif) no-repeat; padding:0px 0px 10px 30px;}
#helsideram .tabellvisakursval tr:hover, #helsideram .tabellvisakursval tr:hover td.grey, #helsideram .tabellvisakursval tr:hover, #helsideram .tabellvisakursval tr:hover td {background:#dcdcdc url(../images/ruta_dcdcdc.gif) no-repeat;}
#helsideram .tabellvisakursval tr:hover, #helsideram .tabellvisakursval tr:hover td.grey p.lasmer {background:#dcdcdc url(../images/icon_lasmer_grey.gif) no-repeat;}
#helsideram .tabellvisakursval tr:hover, #helsideram .tabellvisakursval tr:hover td p.lasmer {background:#dcdcdc url(../images/icon_lasmer_grey.gif) no-repeat;}






/*html>#head-sokfunktion { top:108px; }

#head-sokfunktion ul { margin:0px; padding:0px; list-style:none; text-align: center;}
#head-sokfunktion ul li { float:left; height:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; font-weight:bold; color:#fff;}
#head-sokfunktion li > ul { top:auto; left:auto;}
#head-sokfunktion ul li a { display:block; margin:0px; text-decoration:none; font-weight:bold; color:#fff;}
#head-sokfunktion ul li#sok1 { width:202px; background: url(../images/bg_sok_1.jpg) no-repeat;}
#head-sokfunktion ul li#sok2 { width:202px; background: url(../images/flik_akeri.gif) no-repeat;}


/*html>#head-sokfunktion { top:108px; }

#head-sokfunktion ul { margin:0px; padding:0px; list-style:none; text-align: center;}
#head-sokfunktion ul li { float:left; height:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; font-weight:bold; color:#fff;}
#head-sokfunktion li > ul { top:auto; left:auto;}
#head-sokfunktion ul li a { display:block; margin:0px; text-decoration:none; font-weight:bold; color:#fff;}
#head-sokfunktion ul li#sok1 { width:202px; background: url(../images/bg_sok_1.jpg) no-repeat;}
#head-sokfunktion ul li#sok2 { width:202px; background: url(../images/flik_akeri.gif) no-repeat;}
#head-sokfunktion ul li#sok3 { width:202px; background: url(../images/flik_taxi.gif) no-repeat;}
#head-sokfunktion ul li#sok4 { width:202px; background: url(../images/flik_terminal.gif) no-repeat;}
#head-sokfunktion ul li#miljo { width:80px; background: url(../images/flik_miljo.gif) no-repeat;}
#head-sokfunktion ul li#flyg { width:80px; background: url(../images/flik_flyg.gif) no-repeat;}*/
