body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color: #415e22; color: #000000;
font: 80% "Trebuchet MS", Verdana, Arial, sans-serif; 
}
h1, h2, h3, h4, h5 { 
font-family: Georgia, serif;
color: #336600; background-color: inherit;
margin-top: 2px;
margin-bottom: 8px; }
em {
	font-weight: bold;
}

hr {
	border-top: 1px dotted #000000;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin-bottom: 10px;
}


h1 {
	font-size: 1.20em;
	letter-spacing: 1pt;
}
h2 {
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 4px;
}
h3 {
	font-size: 0.8em;
	letter-spacing: 1px;
	margin-bottom: 3px;
}
hr {border-top: 1px dashed #999999; 
}

h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

p {
	margin: 0 0 12px;
	font-size: 0.9em;
	line-height: 150%;
}

p.just { text-align: justify; }

pnytt {
	font-size: 1em;
	line-height: 120%;
	text-align: left;
}

.space
{
	float: left;
	margin: 0px 20px 10px;
	width: 95%;
	clear: both;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	height: 4px;
	text-align: center;
}

#miljo1
{
	float: left;
	width: 85%;
	clear: both;
	padding-left: 60px;
	padding-right: 60px;
}
#miljo2
{
	float: left;
	width: 85%;
	clear: both;
	padding-left: 60px;
	padding-right: 60px;
}
#miljo3
{
	float: left;
	width: 85%;
	clear: both;
	padding-left: 60px;
	padding-right: 60px;
}
#miljo4
{
	float: left;
	width: 85%;
	clear: both;
	padding-left: 60px;
	padding-right: 60px;
}
#miljo5
{
	float: left;
	width: 85%;
	clear: both;
	padding-left: 60px;
	padding-right: 60px;
}

#miljo6
{
	float: right;
	width: 550px;
	height: 100px;
	clear: right;
	padding-left: 0px;
	padding-right: 60px;
}

.miljo {
	text-align: left;
	float: right;
	height: 250px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.miljoleft {
	float: left;
	padding-right: 40px;
	padding-left: 0px;
	padding-top: 30px;
	height: 200px;
}


a {
	color: #000066;
	background-color: inherit;
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1em;
}
a:visited { color: #000066; background-color: inherit; }
a:hover { color: #660000; background-color: inherit; }
a img { border: none; }

a.mix:link
{
	color : #999900;
	text-decoration : none;
} 
a.mix:active 
{
	color : #999900;
	text-decoration : none;
} 
a.mix:visited 
{
	color : #999900;
	text-decoration : none;
} 
a.mix:hover 
{
	color : #D5D500;
	text-decoration : none;
} 


#startlayout {
	width: 818px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;  
}

#sidhuvud {
	width: 818px;
	margin: 0px;
	padding: 20px 0px 0px;
	background-image: url(../img/bg_top.gif);
	background-repeat: no-repeat;
	height: 180px;

}
#topleft {
	height: 153px;
	float: left;
	background-image: url(../img/top_left.jpg);
	background-repeat: no-repeat;
	width: 645px;
	background-position: 20px;
	background-color: transparent;
}
#topright {
	width: 154px;
	height: 153px;
	background-image: url(../img/top_right.jpg);
	background-repeat: no-repeat;
	float: left;
	background-color: transparent;
	clear: right;
}
#navcontainer
{
	float: left;
	clear: both;
	width: 800px;
	background-image: url(../img/menubg.jpg);
	background-repeat: no-repeat;
	height: 20px;

}
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 8px;
	padding-left: 8px;
	width: 500px;
}
#navlist a, #navlist span
{
	color: #000000;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 0.9em;
}

#navlist a:hover, #navlist span#aktuell
{
	background-color: #415E22;
	color: #FFFFFF;
	padding-top: 1px;
}


#main {
	width: 100%;
	background-image: url(../img/bg_main.gif);
	padding-bottom: 20px;
	background-repeat: repeat-y;
	padding-top: 20px;
	height: 100%;
	float: left;
}
#boxtwo{
	padding-right: 50px;
	padding-left: 50px;
	float: left;
}

#boxleft {
	float: left;
	width: 49%;
}
#boxleftcontent {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 60px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}

#boxright {
	float: right;
	width: 49%;
}

#boxrightcontent {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#boxrightnedre {
	float: right;
	width: 330px;
	padding: 10px 50px 10px 14px;
}
.bildboxstart {
	background-image: url(../img/3degg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 640px;
	width: 350px;
	float: left;
	background-position: 14px;
}
.video {
	float: left;
	margin-top: 110px;
	padding-top: 110px;
	margin-left: 10px;
	padding-left: 10px;
}

.kolumn {
	float: left;
	padding-right: 20px;
	font-size: 0.9em;
	clear: right;
}
.foderbox {
	background-image: url(../img/foder.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 250px;
	width: 350px;
	float: left;
	background-position: 14px;
}
.bildbox {
	padding: 0px;
	height: 280px;
	float: left;
	text-align: right;

}
strong {
	color: #336600;
}

.bildbox1 {
	background-image: url(../img/hen1.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 280px;
	width: 350px;
	float: left;
	background-position: 14px;
}
.bildbox2 {
	background-image: url(../img/hen3.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 220px;
	width: 350px;
	float: left;
	background-position: 14px;
}
.bildbox3 {
	background-image: url(../img/hen2.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 280px;
	width: 350px;
	float: left;
	background-position: 14px;
}

#rightt {
	padding: 0px 70px 1px 0px;
	float: right;
	width: 320px;
	clear: both;
}
.righttexter {
	padding: 0px 70px 1px 0px;
	float: right;
	width: 320px;
	clear: both;
}

.bildspace {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;

}


.rubrik {
	padding-bottom: 20px;
}


.nytt {
	background-image: url(../img/newsplatta.gif);
	height: 151px;
	width: 334px;
	background-repeat: no-repeat;
	clear: both;
	padding-bottom: 0px;
}

.nyttext {
	padding: 30px 40px 0px 90px;
	font-size: x-small;
	text-align: left;
}
.ikontext {
	vertical-align: middle;
}

.bildtext ul, li {
	margin: 0;
	padding: 0;
	list-style-type: circle;
}
.bildtext ul {
	margin-left: 4px;
	list-style-type: none;
}

.bildtext {
	line-height: normal;
	font-size: 0.9em;
}
.miljotext {
	width: 160px;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: normal;
	font-size: x-small;
	text-align: left;
	display: block;
	padding-right: 50px;
}
.tillbaka {
	width: 90%;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: normal;
	font-size: x-small;
	padding-left: 80px;
}
.imgp1 {
	clear: both;
	float: left;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.film {
	float: left;
}

.imgp2 {
	clear: both;
	float: left;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.imgp {
	clear: both;
	float: left;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sidfot {
	width: 100%;
	background-image: url(../img/footer.jpg);
	clear: both;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
#sidfotcontent {
	background-image: url(../img/sidfot_bg.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	text-align: center;
	padding: 15px 7px 7px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-right: 20px;
	margin-left: 20px;
}
#copymix {
	text-align: center;
	padding-top: 25px;
	font-size: 90%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.left {
	padding-right: 15px;
	float: left;
	padding-bottom: 25px;
	padding-top: 15px;
}
.extra {
	font-weight: bold;
	color: #660000;
	padding-left: 0px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.2em;
	background-image: url(../img/jub_bg.jpg);
	background-repeat: no-repeat;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 30px;
	height: 60px;
}
.small {
	font-size: 0.85em;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
td {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 110%;
	background-color: #D6E6B9;
}
