body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; 
}

body, td { 
	font-family: Verdana, Tahoma, Arial, Geneva, Lucida, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 13px;
	color: #4D4F51;
} 

#huvud {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 952px; /* 965-padding */
	height: 108px; /* 154-padding */
	padding: 46px 0px 0px 13px;
	background-image: url(bilder/huvud.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#nav {
	position: absolute;
	left: 11px;
	top: 167px;
	width: 214px;
}

#bildEttan {
	position: absolute;
	left: 243px;
	top: 167px;
	width: 452px;
	height: 319px;
}

#spaltMittenEttan {
	position: absolute;
	left: 253px;
	top: 646px;
	width: 428px;
	padding-bottom: 25px;
}

#spaltMitten {
	position: absolute;
	left: 253px;
	top: 162px;
	width: 428px;
	padding-bottom: 25px;
}

.textMittenspalt {
	padding: 0px 2px;
	clear: both;
}

.graRutaMitten { /*  Grå bakgrundsruta i mittenspalten med text i  */
	width: 374px; /*  424 - padding - ram  */
	margin: 0px 2px;
	padding: 18px 24px;
	background-color: #F6F7F9;
	border-style: solid;
	border-width: 1px;
	border-color: #DCDEE1;
	clear: both;
}

.linje {
	width: 428px;
	height: 1px;
	margin: 10px 0px;
	background-image: url(bilder/linje428px.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#rubrik { /*  Används överst på alla undersidor.  */
	width: 428px;
	height: 28px;
	clear: both;
}

.gronRuta {  /*  Används i ruta i mittenspalten. Föregås av bild.  */
	width: 378px; /*  424 - padding  */
	padding: 6px 23px 10px 23px;
	background-color: #B9C240;
	color: #FFFFFF;
	clear: both;	
}

.gronRutaBottom {
	width: 424px;
	height: 12px;
	background-image: url(bilder/gronruta_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.pil {
	width: 16px;
	padding-top: 1px;
	float: left;
}

#spaltcontainerHoger {
	position: absolute;
	left: 709px;
	top: 167px;
	width: 251px;
	padding-bottom: 40px;
}

.spaltHogerTop {
	width: 251px;
	height: 12px;
	clear: both;
	background-image: url(bilder/hogerspalt_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.spaltHogerMiddle {
	width: 227px; /*  251 - padding - ram */
	padding: 0px 11px 0px 11px;
	border-style: none solid;
	border-width: 0px 1px;
	border-color: #DCDEE1;
	background-image: url(bilder/bakgr_hogerspalt.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: scroll; 
	clear: both;
}

.spaltHogerBottom {
	width: 251px;
	height: 3px;
	clear: both;
	background-image: url(bilder/hogerspalt_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.spaltHogerMarginal { /*  Används i högerspalten för att öka marginalen till kanten  */
	padding: 0px 10px;
	word-wrap: break-word;
}

.spaltHogerDatum { /*  Används i högerspalten för datum till nyheter  */
	padding: 5px 10px 4px 10px;
	font-size: 10px;
	color: #747678;
}

.spaltHogerRubrNyhet { /*  Används i högerspalten under rubriker till nyheter  */
	width: 207px; /*  227 - padding  */
	padding: 4px 10px 5px 10px;
	background-image: url(bilder/under_rubr_nyhet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #86888A;
	color: #FFFFFF;
	font-weight: bold;
	word-wrap: break-word;
	clear: both;
}

.spaltHogerRubrGrafik { /*  Bild som används i högerspalten under spaltHogerRubrNyhet  */
	width: 227px;
	height: 3px;
	padding-bottom: 3px;
	background-image: url(bilder/under_rubr_nyhet2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

.spaltHogerLasMer { /*  Läs mer används i högerspalten efter nyheter.  */
	width: 192px; /*  227 - padding  */
	padding: 5px 10px 18px 25px;
	background-image: url(bilder/pil_green.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	word-wrap: break-word;
	clear: both;
}

.spaltHogerLinje {
	width: 227px;
	height: 1px;
	margin-top: 12px;
	padding-bottom: 8px;
	background-image: url(bilder/linje227px_vit.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.spaltHogerStorBild { /*  Används i högerspalten. Ensam bild istället för Aktuellt.  */
	padding: 5px 6px 14px 6px;
}

.spaltHogerBildtext { /*  Används i högerspalten efter bilder. Bilder & länkar.  */
	padding: 5px 10px 16px 10px;
}

.spaltGreenTop {
	width: 251px;
	margin-top:20px;
	clear: both;
}

.spaltGreenMiddle {
	width: 227px; /*  251 - padding - ram */
	padding: 0px 11px 0px 11px;
	border-style: none solid;
	border-width: 0px 1px;
	border-color: #D0D67F;
	background-color: #B9C240;
	color: #FFFFFF;
	clear: both;
}

.spaltGreenBottom {
	width: 251px;
	height: 3px;
	clear: both;
	background-image: url(bilder/greenspalt_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.spaltGreenPil { /*  Används i gröna högerspalten vid länkar.  */
	width: 191px; /*  227 - padding  */
	padding: 13px 10px 24px 26px;
	background-image: url(bilder/pil_grey2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	word-wrap: break-word;
	clear: both;
}

.bildram {
	border-style: solid;
	border-width: 1px;
	border-color: #B9BABB;
}

.adminKnapp {
	margin: 8px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4F51;
	padding: 1px 7px;
}

.adminKnappBladdra {
	margin: 0px 0px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4D4F51;
	padding: 1px 7px 0px 7px;
}

.adminRutaLogin {
	width: 140px;
	margin-top: 2px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 3px;
}

.adminRutaDatum {
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 3px;
}

.adminRutaLong {
	width: 436px;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 3px;
}

.adminRutaBladdra{
	width: 323px;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 3px;
}


#adminNav {
	position: absolute;
	left: 0px;
	top: 136px;
	width: 249px;
}

.adminNavRubrik {
	width: 222px; /*  249-padding  */
	padding: 7px 0px 7px 27px;
	margin-bottom: 2px;
	background-color: #A2AD00;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
}

.adminNavLink {
	width: 222px; /*  249-padding  */
	padding: 3px 0px 3px 27px;
	clear: both;
}

#adminContentContainer {
	position: absolute;
	left: 300px;
	top: 136px;
	width: 500px;
}

.adminContentRubrik {
	width: 444px; /* 500-padding-ram */
	padding: 7px 27px 7px 27px;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#97989A;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
}

.adminContentText {
	width: 444px; /* 500-padding-ram */
	padding: 7px 27px 2px 27px;
	border-style: none solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#C7C8C9;
	clear: both;
}

.adminContentFel {
	width: 444px; /* 500-padding-ram */
	padding: 7px 27px 7px 27px;
	border-style: none solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#EC7FAA;
	color: #FFFFFF;
	font-weight: bold;
	clear: both;
}

.adminContentValj {
	width: 444px; /* 500-padding-ram */
	padding: 7px 27px 7px 27px;
	border-style: none solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#A2AD00;
	clear: both;
}

.adminContentBottom {
	width: 498px; /* 500-padding-ram */
	height: 2px;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#C7C8C9;
	clear: both;
}

.adminContentRuta {
	width: 444px; /* 500-padding-ram */
	padding: 0px 27px 7px 27px;
	border-style: none solid;
	border-width: 1px;
	border-color: #747678;
	background-color:#C7C8C9;
	clear: both;
}

.adminContentDropplist {
	width: 443px;
	margin: 6px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4F51;
	padding-left: 3px;
}

.nyhet {
	width: 424px;
	padding: 10px 2px 16px 2px;
	background-image: url(bilder/linje428px.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	clear: both;
}

.nyhetBild {
	margin-top: 3px;
}

.nyhetDatum {
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 2px;
}

.nyhetRubrik {
	font-weight: bold;
	color: #A2AD00;
	margin-bottom: 1px;
}

.nyhetLasMer { /*  Används för länken efter en nyhet i listan  */
	width: 310px; /* 336 - padding  */
	margin-top: 5px;
	padding: 0px 10px 0px 16px;
	background-image: url(bilder/pil_green_white.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	word-wrap: break-word;
	clear: both;
}

.nyhetNav {
	width: 428px;
	padding-top: 16px;
}

#nyhetStartbild { /*  Används i respektive nyhet för startbilden.  */
	padding: 0px 0px 10px 16px;
	float: right;
}

.nyhetStorBild {
	width: 422px;
	padding: 10px 0px;
}

.nyhetTillbaka { /*  Används för länken efter en enskild nyhet  */
	width: 398px; /* 428 - padding  */
	margin-top: 18px;
	padding: 0px 10px 0px 20px;
	background-image: url(bilder/pil_green_back.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	word-wrap: break-word;
	clear: both;
}

#bildTopp { /*  Används i mittenspalten för undersidor som startar med en bild  */
	width: 422px;
	padding: 6px 2px 12px 2px;
}

.linkPil { /*  Används i mittenspalten för länkar.  */
	width: 398px;
	margin-top: 5px;
	margin-left: 1px;
	padding: 0px 10px 0px 16px;
	background-image: url(bilder/pil_green_white.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	word-wrap: break-word;
	clear: both;
}

/*  Texter  */

.adminRubr {
	font-weight: bold;
	color: #6A6C6E;
}

.gronfet {
	font-weight: bold;
	color: #A2AD00;
}

a:link {
	text-decoration: underline;
	color : #4D4F51;
} 
 
a:visited {
	text-decoration: underline; 
	color : #717274;
}
 
a:active, a:hover {
	text-decoration: underline;
	color : #000000;
}

a.vitlink:link, a.vitlink:visited {
	text-decoration: underline;
	color : #FFFFFF;
}

a.vitlink:active, a.vitlink:hover {
	text-decoration: underline;
	color : #F1F3D9;
}