body {
	margin: 0px 0px 0px 0px;
}

body,td,th {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #4a4a4a;
}

#sidhuvud {
	width: 884px; /* 934 - padding */
	height: 144px;
	padding-left: 50px;
	background-image:url(bilder/bakgr_main_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

#loggaNavigering {
	width: 884px;
	height: 144px;
	background-image:url(bilder/payer_logo_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

#logga {
	width: 884px;
	height: 100px; /* 114 - padding */
	padding-top: 14px;
	clear: both;
}

#navContainer {
	width: 879px; /* 884 - padding */
	height: 30px;
	padding-left: 5px;
	clear: both;
}

.navEfterOn { /* Efter aktiv länk */
	display: block;
	height: 30px;
	background-image:url(bilder/nav_efterOn.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0px;
	float: left;
}

.navEfterOn a:link, .navEfterOn a:visited {
	height: 17px; /* 30 - padding */
	margin: 0px;
	padding: 8px 4px 5px 30px;
	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
}

.navEfterOn a:hover {
	margin: 0px;
	text-decoration: none;
	color: #ffe100;
}

.navEfterOff { /* Efter inaktiv länk */
	display: block;
	height: 30px;
	background-image:url(bilder/nav_efterOff.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0px;
	float: left;
}

.navEfterOff a:link, .navEfterOff a:visited {
	height: 17px; /* 30 - padding */
	margin: 0px;
	padding: 8px 4px 5px 30px;
	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
}

.navEfterOff a:hover {
	margin: 0px;
	text-decoration: none;
	color: #ffe100;
}

.navStartOn { /* Om första länken är aktiv */
	height: 17px; /* 30 - padding */
	margin: 0px;
	padding: 8px 4px 5px 24px;
	background-image:url(bilder/nav_start_on.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 13px;
	color: #ffffff;
	float: left;
}

.navStartOff { /* Om första länken är inaktiv */
	display: block;
	height: 30px;
	background-image:url(bilder/nav_start_off.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0px;
	float: left;
}

.navStartOff a:link, .navStartOff a:visited {
	height: 17px; /* 30 - padding */
	margin: 0px;
	padding: 8px 4px 5px 24px;
	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
}

.navStartOff a:hover {
	margin: 0px;
	text-decoration: none;
	color: #ffe100;
}

.navOn { /* Aktiv länk (Ej första länken) */
	height: 17px; /* 30 - padding */
	margin: 0px;
	padding: 8px 4px 5px 30px;
	background-image:url(bilder/nav_on.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 13px;
	color: #ffffff;
	float: left;
}

.navSistOff { /* Om sista länken är inaktiv */
	width: 20px;
	height: 30px;
	margin: 0px;
	background-image:url(bilder/nav_sistOff.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
}

.navSistOn { /* Om sista länken är inaktiv */
	width: 20px;
	height: 30px;
	margin: 0px;
	background-image:url(bilder/nav_sistOn.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
}

#undernavContainer {
	height: 28px;
}

.undernav { /* Undernavigering på vissa sidor */
	display: block;
	height: 28px;
	background-image:url(bilder/bakgr_undernav.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0px;
	float: left;
}

.undernav a:link, .undernav a:visited {
	height: 18px; /* 28 - padding */
	margin: 0px;
	padding: 6px 16px 4px 11px;
	text-decoration: none;
	font-size: 11px;
	color: #ffffff;
}

.undernav a:hover {
	margin: 0px;
	text-decoration: none;
	color: #ffe100;
}

.undernavOn { /* Aktiv länk i undernavigeringen */
	height: 18px; /* 28 - padding */
	margin: 0px;
	padding: 6px 16px 4px 11px;
	background-image:url(bilder/bakgr_undernav.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	font-size: 11px;
	color: #434343;
	float: left;
}

#contentContainer {
	width: 906px; /* 934 - padding */
	padding-left: 28px;
	background-image:url(bilder/bakgr_main_middle.png);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll;
	clear: both;
}

#content {
	width: 840px; /* 894 - padding */
	padding: 0px 27px;
	background-image:url(bilder/bakgr_content.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	clear: both;
}

#sidfot {
	width: 732px; /* 934 - padding */
	padding: 44px 0px 50px 202px;
	background-image:url(bilder/bakgr_main_bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

#YtaEttStart { /* Största ytan på startsidan */
	width: 600px;
	height: 288px;
	margin-top: 12px;
}

#YtaTvaStart { /* Yta 2 på startsidan */
	width: 185px;  /* 225 - padding */
	height: 261px;  /* 274 - padding */
	margin-top: 12px;
	padding: 13px 20px 0px 20px;
	background-image:url(bilder/bakgr_yta2start.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#YtaNyhetStart { /* Yta för nyheter på startsidan */
	width: 252px;  /* 292 - padding */
	height: 288px;  /* 301 - padding */
	margin-top: 12px;
	padding: 13px 20px 0px 20px;
	background-image:url(bilder/bakgr_ytastorstart.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#YtaPartnersStart { /* Yta Partners i rad 2 på startsidan */
	width: 252px;  /* 292 - padding */
	height: 288px;  /* 301 - padding */
	margin-top: 12px;
	padding: 13px 20px 0px 20px;
	background-image:url(bilder/bakgr_partnersstart.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#YtaStorStart { /* Yta under stora bilden på startsidan */
	width: 272px;  /* 292 - padding */
	height: 288px;  /* 301 - padding */
	margin-top: 12px;
	padding: 13px 20px 0px 0px;
	background-image:url(bilder/bakgr_ytastorstart.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#YtaFemStart { /* Yta 5 på startsidan */
	width: 185px;  /* 225 - padding */
	height: 212px;  /* 225 - padding */
	margin-top: 12px;
	padding: 13px 20px 0px 20px;
	background-image:url(bilder/bakgr_yta5start.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#nyhetsbrevGreen { /* Yta nyhetsbrev på startsidan */
	width: 185px;  /* 225 - padding */
	height: 31px;  /* 68 - padding */
	margin-top: 8px;
	padding: 37px 20px 0px 20px;
	background-image:url(bilder/nyhetsbrev_green.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#nyhetsbrevGrey { /* Yta nyhetsbrev på undersidor */
	width: 185px;  /* 225 - padding */
	height: 31px;  /* 68 - padding */
	margin-top: 15px;
	padding: 37px 20px 0px 20px;
	background-image:url(bilder/nyhetsbrev_grey.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.bildNyhetStart {
	width: 61px;
	padding-top: 3px;
	float: left;	
}

.textNyhetStart {
	width: 191px;
	float: left;	
}

.textNyhetStartNoImg { /* Om bild saknas */
	width: 252px;
	float: left;	
}

.datum {
	width: 191px;
	font-size: 11px;	
}

.datumStora { /* Datum till stora nyheten på nyhetssidan */
	height: 17px;
	font-size: 11px;
	clear: both;
}

.tjanstText { /* Text under bild på Alla tjänster-sidan */
	width: 276px; /* 290 - padding */
	padding: 3px 7px 6px 7px;
}

.tjanstLink { /* Länk under texten på Alla tjänster-sidan */
	width: 276px; /* 290 - padding */
	padding: 0px 0px 22px 7px;
}

.contentTjanst {
	width: 592px; /* 600 - padding */
	padding: 4px 4px 8px 4px;
}

.punktlista { /* Punktlista. Varje punkt har en egen div. */
	background-image: url(bilder/punkt_gra.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 0px 0px 6px 11px;
}

#hurArbetarPayer { /* I högerspalten */
	width: 180px;  /* 225 - padding */
	padding: 171px 24px 15px 21px;
	background-color: #e3e3e3;
	background-image:url(bilder/bakgr_hurarbpayer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.ruta400TopBottom {
	width: 400px; 
	height: 16px;
	clear: both;
}

.ruta400Middle { /* Yta under formulär - Bli kund */
	width: 336px; /* 400 - padding */
	padding: 0px 32px 0px 32px;
	background-color: #e3e3e3;
	background-image:url(bilder/bakgr_ruta400.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

.ruta292TopBottom {
	width: 292px; 
	height: 12px;
	clear: both;
}

.ruta292Middle { /* Grå ruta, 292px bred */
	width: 232px; /* 292 - padding */
	padding: 0px 30px 0px 30px;
	background-color: #e3e3e3;
	background-image:url(bilder/bakgr_ruta292.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
}


.formTextruta {
	width: 152px;
	height: 19px; /* 19 - padding - ram */
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	color: #4a4a4a;
	font-size: 12px;
}

.formText { /* Text bredvid rutor i formulär */
	padding: 4px 15px 12px 0px;	
}

.underTextruta {
	width: 161px; /* 165-padding */
	padding: 0px 0px 0px 4px;
	background-image:url(bilder/bakgr_textruta.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
}

.formObl { /* Stjärna vid obligatorisk inmatning */
	padding: 6px 0px 0px 6px;
	font-size: 14px;
	color: #7dba01;
	float: left;
}

#rutaEpost {
	width: 302px;  /* 322 - padding */
	height: 106px;  /* 126 - padding */
	padding: 20px 0px 0px 20px;
	background-image:url(bilder/bakgr_e-post.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

.rutaGreen { /* Miniruta med grön bakgrung i högerspalten */
	width: 185px;  /* 225 - padding */
	height: 55px;  /* 68 - padding */
	margin-top: 15px;
	padding: 13px 20px 0px 20px;
	background-image:url(bilder/bakgr_rutagreen.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#rutaEpost {
	width: 302px;  /* 322 - padding */
	height: 106px;  /* 126 - padding */
	padding: 20px 0px 0px 20px;
	background-image:url(bilder/bakgr_e-post.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

.kommentarTopBottom {
	width: 225px;
	height: 13px;
	padding-left: 25px;
}

.kommentarMiddle { /* På nyhetssidan i högerspalten */
	width: 185px;  /* 225 - padding */
	padding: 0px 20px 0px 20px;
	margin-left: 25px;
	background-image:url(bilder/bakgr_kommentar.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: #e6e6e6;
}

.linje840 {
	width: 840px;
	height: 1px;
	padding: 11px 0px 28px 0px;
}

/* Text mm */

h1 { /* Huvudrubrik */
	font-size: 17px;
	line-height: 17px;
	margin: 0px 0px 1px 0px;
	font-weight: normal;
}

h2 { /* Ingress */
	font-size: 13px;
	line-height: 17px;
	margin: 0px;
	font-weight: normal;
}

h3 { /* Underrubrik */
	font-size: 14px;
	line-height: 17px;
	margin: 0px;
	font-weight: normal;
	color: #6bb300;
}

h4 { /* Underrubrik */
	font-size: 13px;
	line-height: 15px;
	margin: 0px;
	font-weight: normal;
	color: #6bb300;
}

h4 { /* Grön text */
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	font-weight: normal;
	color: #6bb300;
}

p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.pKommentar {
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

.adminRubrik {
	height: 21px;
	color: #FFF;
	font-size: 15px;
	padding-top: 2px;
}

a:link, a:visited { 
	text-decoration: underline; 
	color: #4a4a4a;
}

a:active, a:hover { 
	text-decoration: underline; 
	color: #7dba01;
}

a.navlank:link, a.navlank:visited {
	text-decoration: none;
	color : #ffffff;
}

a.navlank:active, a.navlank:hover {
	text-decoration: none;
	color : #ffe100;
}

a.osynliglank:link, a.osynliglank:visited {
	text-decoration: none;
}

a.osynliglank:active, a.osynliglank:hover {
	text-decoration: none;
}