body {
	margin: 15px 0px 55px 15px;
	padding: 0px;
	background-image: url(../img/bakgr_fade.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	background-color: #ebebeb; 
}

body, table, tr, td { 
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	line-height: 14px;
	color: #121212;
}

#sidhuvud {
	width: 937px; /*  968 - padding  */
	height: 98px; /*  176 - padding  */
	padding: 70px 0px 0px 31px;
	background-image: url(../img/sidhuvud.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

.loginfalt {
	width: 126px;
	height: 19px; /* 21 - padding - ram */
	margin: 0px;
	padding: 2px 2px 0px 2px;
	border: none;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

#mainContainer {
	width: 952px; /*  968 - padding  */
	padding: 6px 8px 30px 8px;
	background-color: #ffffff;
	clear: both;
}

#nav {
	width: 942px; /*  952 - padding  */
	height: 28px; /*  28 - padding  */
	padding-left: 10px;
	background-image: url(../img/bakgr_nav.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	clear: both;
}

#undernav {
	width: 946px; /*  952 - padding  */
	height: 28px; /*  26 - padding  */
	padding-left: 6px;
	background-image: url(../img/bakgr_undernav.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	clear: both;
}

.navEtt { /* Används för undernavigeringen */
	display: block;
	height: 26px;
	margin: 0px;
}

.navEtt a:link, .navEtt a:visited {
	height: 21px; /* 26 - padding */
	margin: 0px;
	padding: 5px 16px 0px 16px;
	text-decoration: none;
	color: #4d4e53;
}

.navEtt a:hover {
	margin: 0px;
	text-decoration: none;
	background-color: #d9d9da;
	color: #4d4e53;
}

#navEttAktiv {
	height: 21px; /* 26 - padding */
	margin: 0px;
	padding: 5px 16px 0px 16px;
	color: #0f957a;
}

#contentContainer {
	width: 920px; /*  952 - padding  */
	padding: 9px 16px 0px 16px;
	clear: both;
}

.rutaStartsidan {
	width: 621px; /*  677 - padding  */
	height: 64px; /*  118 - padding  */
	padding: 27px 28px;
	margin-top: 2px;
	background-image: url(../img/ruta_startsidan.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

.lankpil {
	font-size: 13px;
	color: #f07100;
}

.halvdistans {
	padding-top: 6px;
}

.spaltHogerTop {
	width: 198px; /*  226 - padding  */
	height: 21px; /*  39 - padding  */
	padding: 18px 0px 0px 28px;
	background-image: url(../img/hogerspalt_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

.spaltHogerTopStart {
	width: 198px; /*  226 - padding  */
	height: 21px; /*  39 - padding  */
	padding: 18px 0px 0px 28px;
	background-image: url(../img/hogerspalt_top_start.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

.spaltHogerMiddle {
	width: 212px; /*  226 - padding  */
	padding: 0px 7px;
	background-image: url(../img/hogerspalt_middle.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.spaltHogerBottom {
	width: 226px;
	height: 9px;
	clear: both;
}

.datum {
	font-size: 10px;
	color: #747679;
	padding: 0px 21px 0px 21px;
	clear: both;
}

.datumAktuellt {
	font-size: 10px;
	color: #747679;
}

.nyhetStartsidan {
	padding: 0px 21px 22px 21px;
	clear: both;
}

.spaltContainer {
	padding: 6px 21px 14px 21px;
	clear: both;
}

.rubrik { /* Används på undersidor */
	width: 379px;
	height: 21px;
	margin-top: 7px;
	clear: both;
}

.rubrikBred { /* Används på bredare undersidor */
	width: 900px;
	height: 21px;
	margin: 0px 0px 0px 7px;
	clear: both;
}

.rubrikTillagg { /* Används på bredare undersidor efter rubriken */
	float: left;
	color: #1e9571;
	padding: 4px 0px 0px 6px;
}

.text { /* Används på undersidor */
	width: 379px;
	clear: both;
}

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

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

.boxTop {
	width: 677px;
	height: 27px;
	margin-top: 3px;
	clear: both;
}

.boxMiddle {
	width: 623px; /*  677 - padding  */
	padding: 0px 27px;
	background-image: url(../img/box_middle.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.boxBottom {
	width: 677px;
	height: 27px;
	margin-bottom: 7px;
	clear: both;
}

.boxTvaTop {
	width: 423px; /*  451 - padding  */
	height: 24px; /*  40 - padding  */
	padding: 16px 0px 0px 28px;
	background-image: url(../img/boxtva_top.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.boxTvaMiddle {
	width: 419px; /*  451 - padding  */
	padding: 0px 16px;
	background-image: url(../img/boxtva_middle.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.boxTvaBottom {
	width: 451px;
	height: 14px;
	margin-bottom: 7px;
	clear: both;
}

.boxTvaSidfot {
	padding: 0px 0px 0px 28px;
	color: #747679;
}

.boxGreyTop {
	width: 451px;
	height: 28px;
	clear: both;
}

.boxGreyMiddle {
	width: 379px; /*  451 - padding  */
	padding: 0px 36px;
	background-image: url(../img/boxgrey_middle.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.boxGreyBottom {
	width: 451px;
	height: 14px;
	margin-bottom: 7px;
	clear: both;
}

#textInloggad {
	width: 182px;
	height: 32px; /* 34 - padding */
	padding-top: 2px;
	color: #00557d;
	clear: both;
}

#knappInloggad {
	width: 72px;
	height: 21px;
	margin-left: 119px;
	clear: both;
}

.rubrForening { /* Rubrik på inloggningssidan */
	width: 395px; /*  419 - padding  */
	padding: 5px 12px 6px 12px;
	background-image: url(../img/bakgr_rubr_orange.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: #fbc595;
	clear: both;
}

.rubrAllmant { /* Rubrik på inloggningssidan */
	width: 395px; /*  419 - padding  */
	padding: 5px 12px 6px 12px;
	background-image: url(../img/bakgr_rubr_gra.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #1e9571;
	background-color: #ececed;
	clear: both;
}

.rubrForeningDokument { /* Rubrik på inloggningssidan till dokument */
	width: 395px; /*  419 - padding  */
	height: 21px; /*  26 - padding  */
	padding: 5px 12px 0px 12px;
	background-image: url(../img/bakgr_rubr_orange.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	overflow: hidden;
	margin-bottom: 1px;
	clear: both;
}

.rubrAllmantDokument { /* Rubrik på inloggningssidan till dokument */
	width: 395px; /*  419 - padding  */
	height: 21px; /*  26 - padding  */
	padding: 5px 12px 0px 12px;
	background-image: url(../img/bakgr_rubr_gra.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	overflow: hidden;
	margin-bottom: 1px;
	clear: both;
}

.textTvaspalt  { /* Text i spalterna på inloggningssidan */
	padding: 5px 12px 21px 12px;
	clear: both;
}

.textTvaspaltDok  { /* Text i spalterna på inloggningssidan, för dokument */
	padding: 0px 12px 10px 12px;
	clear: both;
}

.bildDokument {
	float: left;
	width: 24px;
}

.filnamn {
	float: left;
	width: 295px;
}

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

.formTextarea {
	width: 250px;
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #dcdcdd;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.formKnapp {
	width: 80px;
	margin-bottom: 4px;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.bildAktuellt {
	margin-right: 20px;
}

.bildEnskildNyhet {
	margin: 0px 20px 5px 0px;
	float: left;
}

.medarbetare {
	width: 130px;
	padding: 0px 50px 25px 0px;
	float: left;
}

.medarbNamn {
	width: 120px;
	padding: 2px 5px 1px 5px;
	line-height: 15px;
	clear: both;
}

.medarbTfn {
	width: 120px;
	padding-left: 5px;
	clear: both;
}

/* Texter */

h3 { /* Grön 12px */
	font-size: 12px;
	line-height: 14px;
	color: #1e9571;
	margin: 0px;
	font-weight: normal;
}

h4 { /* Orange 12px */
	font-size: 12px;
	line-height: 14px;
	color: #f07100;
	margin: 0px;
	font-weight: normal;
}

h5 { /* Grönt 11px avstånd topp */
	font-size: 12px;
	line-height: 14px;
	color: #1e9571;
	margin: 0px;
	padding-top: 4px;
	font-weight: normal;
}

.gra {
	color: #747679;
}

.datumForening {
	color: #ffffff;
	font-size: 11px;
}

.datumDokumentForening {
	width: 75px;
	color: #ffffff;
	font-size: 11px;
	float: left;
	padding-top: 1px;
}

.datumAllmant {
	color: #747679;
	font-size: 11px;
}

.datumDokumentAllmant {
	width: 75px;
	color: #747679;
	font-size: 11px;
	float: left;
	padding-top: 1px;
}

.fetstil {
	color: #1e9571;
}

a:link, a:visited {
	text-decoration: underline;
	color : #121212;
} 
 
a:active, a:hover {
	text-decoration: underline;
	color : #f07100;
}

a.doklankForening:link, a.doklankForening:visited {
	text-decoration: underline;
	color : #121212;
}

a.doklankForening:active, a.doklankForening:hover {
	text-decoration: underline;
	color : #ffffff;
}

a.doklankAllmant:link, a.doklankAllmant:visited {
	text-decoration: underline;
	color : #1e9571;
}

a.doklankAllmant:active, a.doklankAllmant:hover {
	text-decoration: underline;
	color : #121212;
}