@charset "utf-8";
/* CSS Document */

body {
	margin: 10px 0px 55px 10px;
	padding: 0px;
	background-image: url(../img/bakgr_main.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	background-color: #ffffff; 
}

body, table, tr, td { 
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	line-height: 14px;
	color: #121212;
}

#sidhuvud {
	width: 928px; /*  954 - padding  */
	height: 102px; /*  126 - padding  */
	padding: 24px 0px 0px 26px;
	background-image: url(../img/bakgr_sidhuvud.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

#mainContainer {
	width: 954px; /*  954 - padding  */
	padding: 0px 0px 0px 0px;
	background-image: url(../img/bakgr.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	clear: both;
}

#nav {
	height: 24px;
	clear: both;
}

#undernav {
	height: 56px;
	clear: both;
}

#undernavOn {
	height: 56px;
	padding-left: 1px;
	background-image: url(../img/bakgr_undernav.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

.navEtt { /* Används för undernavigeringen */
	display: block;
	height: 24px;
	margin: 0px;
}

.navEtt a:link, .navEtt a:visited {
	height: 20px; /* 24 - padding */
	margin: 0px;
	padding: 4px 10px 0px 10px;
	text-decoration: none;
	color: #242424;
}

.navEtt a:hover {
	margin: 0px;
	text-decoration: none;
	background-image: url(../img/bakgr_link.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll; 
	color: #000000;
}

#navEttAktiv {
	height: 20px; /* 24 - padding */
	margin: 0px;
	padding: 4px 10px 0px 10px;
	color: #a75200;
}

#rubrik {
	height: 22px;
	margin-left: 1px;
	clear: both;	
}

#vittUnderRubr {
	width: 432px;
	height: 16px;
	background-color: #FFF;
	margin-left: 1px;
	background-image: url(../img/horna.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}

#vittUnderRubrBred {
	width: 599px;
	height: 16px;
	background-color: #FFF;
	margin-left: 1px;
	background-image: url(../img/horna.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: scroll; 
	clear: both;
}


#mittspalt {
	width: 396px; /* 434 - padding - ram */
	background-color: #FFF;
	padding: 0px 18px 12px 18px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	clear: both;
}

#mittspaltBred {
	width: 563px; /* 599 - padding - ram */
	background-color: #FFF;
	padding: 0px 18px 12px 18px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	clear: both;
}

.nyhetMedBild { /* Container för nyhet ett samt 2&3, startsidan */
	width: 396px;
	margin-bottom: 18px;
	clear: both;
}

.nyhetUtanBild { /* Container för nyheter från nr 4, startsidan */
	width: 396px;
	margin-bottom: 12px;
	clear: both;
}

.internNyhet { /* Container för interna nyheter på medlemssidan */
	width: 396px;
	margin-bottom: 12px;
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
	clear: both;
}

.txtInternNyhet { /* Text i interna nyheter på medlemssidan */
	padding-bottom: 7px;
	clear: both;
}

.rubrstycke { /* Rubrikstycke, tex under Kalendarium på medlemssidan */
	padding-bottom: 16px;
	clear: both;
}

.nyhetDatum {
	color: #515151;
}

.nyhetRubrik {
	color: #a75200;
	clear: both;
}

.nyhetBildStartsidan { /* Bilderna till nyhet två & tre */
	padding: 2px 0px 3px 0px;
	clear: both;
}

.nyhetBildEnskildHoger { /* Bilder till höger på den enskilda nyhetens sida */
	padding: 0px 0px 10px 16px;
	clear: both;
}

.nyhetText {
	clear: both;
}

#mittspaltBottom {
	height: 10px;
	clear: both;
}

#spaltTreTop {
	width: 153px;
	clear: both;
}

.spaltTreText {
	width: 127px; /* 153 - padding - ram */
	background-color: #FFF;
	padding: 2px 12px 0px 12px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	overflow: hidden;
	clear: both;
}

.spaltTreRubrik {
	width: 127px; /* 153 - padding - ram */
	background-color: #FFF;
	padding: 8px 12px 0px 12px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	clear: both;
}

.spaltTreLogo { /* Används på presentation företag */
	width: 127px; /* 153 - padding - ram */
	background-color: #FFF;
	padding: 0px 12px 10px 12px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	clear: both;
}

.spaltTreBild {
	width: 151px; /* 153 - padding - ram */
	background-color: #FFF;
	padding-top: 18px;
	border-style: solid;
	border-color: #a89c8f;
	border-width: 0px 1px;
	clear: both;
}

.spaltTreBottom {
	width: 153px;
	height: 18px;
	clear: both;
}

.loggainMiddle {
	width: 114px; /* 140 - padding - ram */
	padding: 0px 12px 0px 12px;
	border-style: solid;
	border-color: #b6a99b;
	border-width: 0px 1px;
	color: #ffffff;
	clear: both;
}

.loginfalt {
	width: 106px;
	height: 17px;
	margin: 0px;
	padding: 2px 2px 0px 2px;
	border: none;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.sokfalt {
	width: 106px;
	height: 17px;
	margin: 0px;
	padding: 2px 2px 0px 2px;
	border: none;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	font-style: italic;
}


#graList {
	width: 361px; /* 381 - padding */
	height: 17px;
	padding: 2px 10px;
	margin: 3px 0px 4px 0px;
	background-color:#e0e0e0;
	clear: both;
}

.gracell { /* Anv i listan med protokoll. Sidan möten */
	padding: 2px 0px 5px 10px;
	margin: 3px 0px 4px 0px;
	background-color:#e0e0e0;
}

.cellMoten{ /* Anv i listan med protokoll. Sidan möten */
	padding: 1px 0px 2px 10px;
	overflow: hidden;
}


.graListMitten{
	width: 376px; /* 396 - padding */
	padding: 3px 10px 5px 10px;
	margin: 0px 0px 7px 0px;
	background-color:#d5d5d5;
	background-image: url(../img/bakgr_gralist.gif);
	background-position: top right;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}


.postMedlem { /* En rad i listan på sidan medlemsföretag. */
	padding-bottom:3px;
	clear: both;
}

.punktBrun { /* Punktlista. Varje punkt har en egen DIV. */
	background-image: url(../img/punkt_brun.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 0px 0px 5px 12px;
	margin-top: 5px;
	clear: both;
}

.punktBrunAvst { /* Punktlista till papagrafer. Varje punkt har en egen P. */
	background-image: url(../img/punkt_brun.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 0px 0px 5px 12px;
	margin-bottom: 0px;
	clear: both;
}

#foto { /* Används i popuper för foton. */
	padding: 25px;
}

.lankRefobj { /* Anv under referensobjekt */
	padding-top: 4px;
}

.bildRefobj { /* Anv under referensobjekt */
	padding-bottom: 14px;
}

.styckeMedBild {
	margin-bottom: 3px;
}

.bildNyhet {
	padding-right: 16px;
	float: left;
}

.annons {
	padding-bottom: 10px;
	clear: both;
}

.logga {
	padding: 15px 0px;
}

.fragetext { /* Anv bredvid en radioknapp */
	padding: 3px 0px 4px 0px;
}

.levnotis { /* anv i spalt tre på medlsidan */
	padding-bottom: 4px;
}

.datum { /* Anv till spalt 3 på medlsidan */
	font-size: 10px;
	line-height: 12px;
	color: #515151;
}

.datumAvst { /* som datum men med andra avstånd */
	font-size: 10px;
	line-height: 12px;
	padding-top: 3px;
	color: #515151;
}

.stad { /* Anv till spalt 3 på medlsidan */
	padding-top: 3px;
	color: #a75200;
}

.ikonMiniDoc { /* För Word-filer. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_doc.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.ikonMiniPpt { /* För PowerPoint-filer. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_ppt.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.ikonMiniXls { /* För Excel-filer. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_xls.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.ikonMiniPdf { /* För Pdf-filer. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_pdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.ikonMiniBild { /* För bild-filer, text gif, jpg, png. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_bild.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.ikonMiniOvrigt { /* För Övriga filer. Varje ikon har en egen DIV. */
	background-image: url(../img/miniikon_ovrigt.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 1px 0px 2px 15px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

.linjeCell { /* Anv på sidan möten mellan resp rad */
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
}

.datumruta { /* Anv på sidan kalendarium, månadsrutorna */
	width: 16px; /* 18 - padding */
	padding: 0px 0px 2px 2px;
	float: left;
}

.datumrutaToday { /* Anv på sidan kalendarium, månadsrutorna */
	width: 16px; /* 18 - padding */
	padding: 0px 0px 2px 2px;
	background-color: #b0661f;
	color: #FFF;
	float: left;
}

.datumrutaLank { /* Anv på sidan kalendarium, månadsrutorna */
	width: 16px; /* 18 - padding */
	padding: 0px 0px 2px 2px;
	background-color: #ffe6a4;
	float: left;
}

.manad { /* Anv på sidan kalendarium, månadsrutorna */
	width: 125px; /* 127 - padding */
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 2px 2px;
	margin-bottom: 2px;
	clear: both;
}

#refobjekt { /* Anv för att visa referensobjekt i spalt 1 (Flash) */
	padding-top: 16px;
	clear: both;
}

.avstRadio { /* Avstånd för text bredvid radioknappar i tabell */
	padding: 3px 0px 7px 0px;
}

.stapel { /* Avstånd för en stapel. Medlemsfrågan. */
	padding: 3px 0px 7px 10px;
}

.medlfraga { /* Container för medlemsfrågor på medlemssidan */
	width: 396px;
	margin-bottom: 18px;
	padding-bottom: 20px;
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
	clear: both;
}

.procent {
	padding-left: 7px;
	color:#666;
}

.pilManader { /* Används under månadsspalten på kalendersidan */
	width: 17px; /* 127 - padding */
	height: 16px;
	padding-left: 110px;
	padding-top: 7px;
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
	clear: both;
}

.levinfo { /* Container för leverantorer på sidan Leverantörsinfo (Medlemssidan) */
	width: 563px;
	margin-bottom: 14px;
	border-style: solid;
	border-color: #e5e0d5;
	border-width: 0px 0px 1px 0px;
	clear: both;
}

.levinfoBild {
	padding-top: 2px;
}

.levinfoRubrSmall {
	width: 176px; /* 186 - padding */
	padding: 1px 0px 3px 10px;
	margin: 10px 0px 4px 0px;
	background-color:#ebe9e5;
	color: #a75200;
	clear: both;
}

.levinfoRubrLarge {
	width: 338px; /* 358 - padding */
	padding: 1px 10px 3px 10px;
	margin: 10px 0px 4px 0px;
	background-color:#ebe9e5;
	color: #a75200;
	clear: both;
}

.levinfoLeft {
	width: 166px;
	padding: 0px 10px;
}

.kontaktperson {
	width: 154px; /* 174 - padding */
	padding: 7px 10px 10px 10px;
	margin: 0px 0px 7px 0px;
	background-image: url(../img/bakgr_kontakt.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	clear: both;
}

.notisrubr { /* Används på sidan leverantötrsnotiser */
	padding: 1px 7px 2px 7px;
	line-height: 16px;	
	background-color:#ebe9e5;
}

.notisleverantor { /* Används på sidan leverantötrsnotiser */
	margin-bottom: 4px;
}

.notiscontainer { /* Container för leverantorsnotiser */
	width: 396px;
	padding: 8px 0px 4px 0px;
	clear: both;
}

.notisbild { /* Används på den eskilda sidan för en leverantötrsnotis */
	float: right;
	padding: 0px 0px 8px 14px;
}

#navKopSalj {
	width: 376px; /* 396 - padding */
	height: 34px;
	padding: 0px 10px;
	/*margin: 0px 0px 7px 0px; */
	background-image: url(/img/bakgr_nav_kopsalj.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #a89d8f;
	clear: both;
}


/* Formulär */

.rutaRubrik {
	width: 396px;
	padding: 4px 0px 0px 0px;
	color: #a75200;
	clear: both;
}

.rutaForm {
	width: 396px;
	padding: 3px 0px 0px 0px;
	clear: both;
}

.textfalt { /* En-radigt fält */
	width: 383px;
	height: 16px;
	padding: 1px 4px;
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.textyta { /* Fler-radigt fält */
	width: 386px;
	margin-bottom: 4px;
	padding-left: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.droppmeny {
	height: 21px;
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

#lankKopSalj {
	height: 19px; /* 21 - padding */
	float: right;
	background-image: url(/img/bakgr_lank_kopsalj.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	/* background-color: #a89d8f; */
	padding: 2px 10px 0px 10px;
}




/* Texter */


h1 { /* Brun 14px */
	font-size: 14px;
	line-height: 16px;
	color: #b0661f;
	margin: 0px 0px 3px 0px;
	font-weight: normal;
}

h2 { /* Som h1 men utan avstånd efter */
	font-size: 14px;
	line-height: 16px;
	color: #b0661f;
	margin: 0px;
	font-weight: normal;
}

h3 { /* Brun 11px */
	font-size: 11px;
	line-height: 14px;
	color: #a75200;
	margin: 0px;
	font-weight: normal;
}

h4 { /* Som h3 med avstånd */
	font-size: 11px;
	line-height: 14px;
	color: #a75200;
	padding:10px 0px 2px 0px;
	margin: 0px;
	font-weight: normal;
}

h5 { /* Ljusbrun 11px */
	font-size: 11px;
	line-height: 14px;
	color: #776f66;
	margin: 0px;
	font-weight: normal;
}

p {
	padding: 0px;
	margin: 0px 0px 14px 0px;
}

.lankpil {
	font-size: 13px;
	color: #a75200;
}

.bildtext {
	color: #776f66;
	font-style: italic;
}

.brun {
	color: #a75200;
}

.rubrikRef {
	padding: 14px 0px 3px 0px;
	clear: both;
}

.halvdistans {
	padding-top: 7px;
}

a:link, a:visited {
	text-decoration: underline;
	color : #121212;
}
 
a:active, a:hover {
	text-decoration: underline;
	color : #a75200;
}

a.rubriklank:link, a.rubriklank:visited {
	text-decoration: none;
	color : #121212;
}

a.rubriklank:active, a.rubriklank:hover {
	text-decoration: underline;
	color : #a75200;
}

a.gralank:link, a.gralank:visited {
	text-decoration: underline;
	color : #646464;
}

a.gralank:active, a.gralank:hover {
	text-decoration: underline;
	color : #a75200;
}

a.brunlank:link, a.brunlank:visited {
	text-decoration: none;
	color : #a75200;
}

a.brunlank:active, a.brunlank:hover {
	text-decoration: none;
	color : #a75200;
}

a.kalenderlank:link, a.kalenderlank:visited {
	text-decoration: underline;
	color : #a75200;
}

a.kalenderlank:active, a.kalenderlank:hover {
	text-decoration: underline;
	background-color: #b0661f;
	color : #ffffff;
}

a.annonslank:link, a.annonslank:visited {
	text-decoration: underline;
	color : #a75200;
}

a.annonslank:active, a.annonslank:hover {
	text-decoration: none;
	color : #a75200;
}


/* ------ KH ---------- */


#sidfot
{
    width:850px;
    text-align:center;
    margin-top:30px;
    color:#999;
}
    #sidfot a   {color:#999;}
    
/* -------- END KH ----------- */