body {font-family: Arial,Geneva,Helvetica,sans-serif; font-size: 75%; line-height: 1; margin:0 auto; padding:0; background-color: #dddddd; height:100%;}
body{margin: 20px 0;}

p { margin-bottom:1.2em; line-height: 1.25em; font-size: 1.1em; EditMenuName: Normal; }
h2 { font-size: 1.40em; font-weight: bolder; color: #000000; line-height:1.2; margin: .8em 0 .4em; EditMenuName: Rubrik; }
h3 { font-size: 1.20em; font-weight: bolder; color: #000000; line-height:1.2; margin: .7em 0 .35em; EditMenuName: Underrubrik; }
h4 { font-size: 1.15em; font-weight: bolder; color: #000000; margin:.6em 0 0; EditMenuName: Styckesrubrik; }
p.caption {font-size:1em; line-height: 1.2em; margin-top:.5em; EditMenuName: Bildtext; }

td{line-height: 120%;}

#MainMenuArea{ display:block; }
#MainMenu{ background-color:#669933; float: left; width:67%;}
#MainMenuRight{ background-color:#848484; float: right; width:33%; }

#GoogleTranslate{height: 65px;}

#MiddleArea .formscell{margin-top: 1px;}
#MiddleArea .formscell input,select,textarea,button{margin: 0; margin-bottom: 8px; vertical-align: middle;}
#MiddleArea .formscell label{position: relative; top: -3px; margin-right: 0.8em;}
#MiddleArea ul{margin: 0; line-height: 1.25em; font-size: 1.1em; padding: 0; list-style: disc outside none; margin: 0 0 0 20px;}

#TopMenuAreaBottom ul {clear: both; float: left; margin: 0;}
#TopMenuAreaBottom li {float: left; display: inline; list-style-type: none; padding: 0 15px 0 0;}

.TopMenu_Item{float: left; height: 32px;}
.TopMenu_ChosenItem{float: left; height: 32px; background: white url(/Ogardar/Images/TopMeny_Middle.jpg) repeat-x left top;}
.TopMenu_Link{float: left; padding: 9px 0 0 0; height: 22px;}
.TopMenu_Link a{font-size: 1em; line-height: 1.2em; text-decoration:none;font-weight: bolder; color: #006699; vertical-align: top;}
.TopMenu_Link a:link{font-size: 1em; line-height: 1.2em; text-decoration:none;font-weight: bolder; color: #006699; vertical-align: top;}
.TopMenu_Link a:visited{font-size: 1em; line-height: 1.2em; text-decoration:none;font-weight: bolder; color: #006699; vertical-align: top;}
.TopMenu_Link a:hover{font-size: 1em; line-height: 1.2em; text-decoration:underline; font-weight: bolder;color: #006699; vertical-align: top;}
.TopMenu_LeftItem{float: left; width: 16px; height: 32px; background: white url(/Ogardar/Images/TopMeny_Left.jpg) no-repeat left top;}
.TopMenu_RightItem{float: left; width: 16px; height: 32px; background: white url(/Ogardar/Images/TopMeny_Right.jpg) no-repeat left top;}

#TopRightAreaBottom{font-size: 1.0em; font-weight: bolder; color: #01669a;}
#TopRightAreaBottom p{margin: 0; padding: 0;}
#TopRightAreaBottom p{padding: 0; font-weight: bolder;}
#TopRightAreaBottom fieldset{padding: 0; margin: 0 0 0.6em 0;}

.TOP_TEXT{background-color: #ffffff; border: solid 1px #01669a; color: #01669a;}
.TOP_TEXT:focus{background-color: #00c7fb;}
.TOP_SOK{background: white url(/Ogardar/Images/Sok.gif) no-repeat top; width: 40px; height: 22px; color:white; padding: 0 0 2px 0;}

#Nyheter{float: left; clear: both; width: 430px; font-size: 0.9em; line-height: 1.1em;}
#Nyheter .StartRad{color: #006699; font-weight: bolder; float: left; clear: both; width: 430px; margin: 1.8em 0 0 0; font-size: 1.1em; line-height: 1.3em;}
#Nyheter .Rad{float: left; clear: both; width: 430px;}
#Nyheter .Bild{float: left; clear: both; width: 120px;}
#Nyheter .BildRad{float: left; width: 310px;}
#Nyheter .Divider{float: left; clear: both; height: 1.1em;}
#Nyheter .LASMER{color: #006699; font-weight: bolder; text-decoration: none;}
#Nyheter a.LASMER:link{text-decoration: none;}
#Nyheter a.LASMER:visited{text-decoration: none;}
#Nyheter a.LASMER:hover{text-decoration: underline;}

#Lista{float: left; clear: both; width: 430px;}
#Lista .Divider{float: left; clear: both; width: 100%; height: 1px; border: 0; border-bottom: 1px; border-style: dotted; border-color: Black; margin: 15px 0 15px 0;}
#Lista .Item{float: left; clear: both; width: 100%; margin: 0; padding: 0;}
#Lista .Rubrik{float: left; clear: both; width: 100%; font-size: 1.1em; font-weight: bolder; padding: 0 0 0.2em 0;}
#Lista .PersonalVansterKolumn{float: left; clear: both; width: 130px; padding: 0 10px 0 0;}
#Lista .LitenBild{float: left; clear: both; max-width: 125px; padding: 0 0 10px 0;}
#Lista .PersonalHogerKolumn{float: left; width: 290px; margin: 0;}
#Lista .PersonalRad{float: left; clear: both; width: 290px; font-size: 0.9em; line-height: 1.0em; padding: 5px 0 0 0;}
#Lista .PersonalLeft{float: left; clear: both; width: 65px; font-size: 0.9em; line-height: 1.0em; padding: 3px 0;}
#Lista .PersonalRight{float: left; width: 225px; font-size: 0.9em; line-height: 1.0em; padding: 3px 0;}
#Lista .Item .LedigRad{font-size: 1.1em; line-height: 1.3em; float: left; clear: both; width: 440px;}
#Lista .Item .LedigRad p{font-size: 1.0em;  line-height: 1.2em;}
#Lista .Item .LedigLeft{float: left; clear: both; font-size: 1.1em; line-height: 1.3em; width: 110px; padding: 3px 10px 0 0;}
#Lista .Item .LedigRight{float: left; font-size: 1.1em; line-height: 1.3em; width: 300px; padding: 3px 0 0 0;}
#Lista .VansterKolumn{float: left; clear: both; width: 130px; padding: 0 10px 0 0;}
#Lista .HogerKolumn{float: left; width: 290px; font-size: 0.8em;}
#Lista .RadLeft{float: left; width: 65px;}
#Lista .RadRight{float: left; width: 220px;}

#MainMenuRight li { display:inline; list-style-type: none; }

#LeftArea{font-size: 1.0em; line-height: 1.3em;}
#LeftArea p{padding: 0 0 20px 0; float: left; clear: both; width: 180px;}
#LeftArea h4{float: left; clear: both; padding: 0 0 20px 0; width: 180px; color: #009bcb; font-size: 1.1em;}
#LeftArea A{color: Black; font-size: 1.0em; text-decoration: none; line-height: 1.3em;}
#LeftArea A:link{color: Black; font-size: 1.0em; text-decoration: none;}
#LeftArea A:visited{color: Black; font-size: 1.0em; text-decoration: none;}
#LeftArea A:hover{color: Black; font-size: 1.0em; text-decoration: underline;}
#LeftArea ul{float: left; clear: both; list-style: none; font-size: 1.0em; margin: 0 0 0 10px; padding: 0;}
#LeftArea li{float: left; clear: both; width: 180px;}
#LeftArea .StartPageLeftArea{float: left; clear: both; padding: 0 0 20px 0;}
#LeftArea .StartPageWeather{float: left; clear: both;}

#LeftArea div{float: left; position: relative;}
#LMenu{}
#LMenu{}
#LMenu li div{width: 100%;}

#LeftArea .Vald{font-weight: bolder; position: relative; width: 138px;}
#LeftArea .ValdPil{float: left; position: absolute; left: -12px; width: 12px; top: 3px; margin: 0; padding: 0;}
#LeftArea .ValdText{float: left; position: relative; left: 0px; top: 0px; margin: 0; padding: 0;}

#RightTop{background: white url(/Ogardar/Images/HogerKolumnLitenTop.gif) no-repeat top right; width: 230px; height: 115px; position: relative;}
#RightTopStart{background: white url(/Ogardar/Images/HogerKolumnTop.gif) no-repeat top right; width: 230px; height: 240px; position: relative;}
#RightTopImage{position: absolute; bottom: 0px; left: 0px;}
#RightTopPil{position: absolute; bottom: 10px; left: 15px; font-size: 1.1em; color: #009bcb;}

#RightMenu ul{clear: both; float: left; list-style: none; list-style-position: inside; font-size: 0.9em; line-height: 1.1em; margin: 0.6em 0 0 10px; padding: 0;}
#RightMenu li{float: left; line-height: 1.6em;}

#RightMenu a{text-decoration: none; color: #006699; font-size: 1.0em; line-height: 1.2em; font-weight: bolder;}
#RightMenu a:link{text-decoration: none; color: #006699;}
#RightMenu a:visited{text-decoration: none; color: #006699;}
#RightMenu a:hover{text-decoration: underline; color: #0099cc;}
#RightMenu .selected{font-weight: bolder;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix{display: block;}

#Page{width: 920px; text-align: left; margin: 0 auto; background-color: White; height: auto;}
#PageBorder{float: left; clear: both; width: 900px; height: 100%; border: solid 10px white;}
#PageStop{float: left; clear: both;}
#TopArea{float: left; clear: both; width: 900px; height: 127px; position: relative; background: white url(/Ogardar/Images/Top_bg.jpg) repeat-x left top; padding: 0; margin: 0;}
	#LogoArea{float: left; min-height: 112px; width: 180px; padding: 15px 20px 0 20px; margin: 0;}
	#TopMenuArea{float: left; min-height: 127px; width: 440px; padding: 0 10px 0 0; margin: 0;}
		#TopMenuAreaBottom{position: absolute; bottom: 0px;}
	#TopRightArea{float: right; width: 230px; min-height: 127px; font-size: 0.8em; padding: 0; margin: 0;}
		#TopRightAreaBottom{width: 230px; position: absolute; bottom: 2px;}
#MainRegionArea{width: 900px; float: left; clear: both; margin: 0; background-color: White; height: 100%; background: white url(/Ogardar/Images/BG.gif) repeat-y left top;}
	#LeftArea{float: left; width: 180px; padding: 30px 20px 0 20px; margin: 0;}
	#MiddleArea{float: left; width: 430px; padding: 30px 20px 0 0; margin: 0;}
	#RightArea{float: left; width: 230px; min-height: 25em; position: relative; padding: 0; margin: 0; position: relative; background-color: #e6f5fd; height: 100%;}
		#RightTop{clear: both; min-height: 80px;}
		#RightMenu{clear: both; float: left;}

		#RightBackGround{clear: both; float: left; width: 230px; height: 100%; background: white url(/Ogardar/Images/Right_bg.jpg) repeat left bottom;}

#UnderMainRegionArea{width: 230px; height:0px; float: left; clear: both; margin: 0; padding: 0 0 0 670px; background: red url(/Ogardar/Images/BG.gif) repeat left bottom; position: relative;}
	#UnderMainRegionAreaBG{ height: 38px; position: relative; bottom: 0px; z-index: 9;}

#BottomArea{float: left; clear: both; z-index: 8; width: 900px; min-height: 114px; position: relative; background: white url(/Ogardar/Images/OG_Botten.jpg) no-repeat left top; padding: 0; margin: 0;}
	#BottomAreaText{position: absolute; bottom: -10px; padding: 0 0 5px 20px;}

#BottomAreaText .Rubrik {color: white; font-size: 1.1em; font-weight: bolder; letter-spacing: 0em; line-height: 1.1em;}
#BottomAreaText p{color: white; font-size: 0.75em; letter-spacing: 0.02em; line-height: 1.3em;}
#BottomAreaText a{color: white; text-decoration: none;}
#BottomAreaText a:link{color: white; text-decoration: none;}
#BottomAreaText a:visited{color: white; text-decoration: none;}
#BottomAreaText a:hover{color: white; text-decoration: underline;}


.Niva2{padding: 0 0 0 20px;}

.Left{float: left;}
.TopColumnLeft{float: left; width: 180px; margin: 0 20px;}												/* 220 */
.TopColumnMiddle{float: left; width: 430px; margin: 0 20px 0 0;}										/* 450 */
.TopColumnRight{float: left; width: 230px; margin: 0 0 10px 0;}											/* 230 */

.TopColumnHalfRight{float: left; width: 100px; margin: 0 10px 10px 0;}									/* 120 */
.TopColumnHalfLeft{float: left; width: 110px; margin: 0 0 10px 0;}										/* 110 */

.Column {clear: both; float: left; width: 900px; }

.ColumnLeft{float: left; width: 180px; margin: 0; padding: 30px 20px 20px 20px;}						/* 220 */
.ColumnMiddle{float: left; width: 430px; margin: 0; padding: 30px 20px 0 0;}							/* 450 */
.ColumnRight{float: left; width: 230px; margin: 0; padding: 0; background-color: #a9a9e9;}				/* 230 */