﻿body {font-family: Arial,Geneva,Helvetica,sans-serif; font-size: 75%; line-height: 1; margin:0 auto; padding: 0; height:100%; background-color: #eaeedb;}

ul{list-style-position:outside; list-style-type:disc; margin: 0; padding: 0;}
li{list-style-type:none;}

p { margin-bottom:1.2em; line-height: 1.25em; font-size: 1.1em; EditMenuName: Normal; }
h2 { font-size: 1.70em; font-weight: bolder; color: #ab0132; 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%;}
 a{text-decoration:none; color: #003063;}
a:link{text-decoration:none; color: #003063;}
a:visited{text-decoration:none; color: #003063;}
a:hover{text-decoration:underline;}

#translate{position:absolute; right: 50px; top: 40px; display: none; padding: 1em; background-color: #cfcfcf; border: solid 2px #83838f; z-index:5; }

#MainRegionArea ol {line-height: 2em; margin-bottom: 1.4em; margin-left: 1.6em; }
.PagingContainer {clear: both; float: left; font-weight: bold; margin-bottom: 2em; }
.PagingContainer ol {list-style: none inside none; margin: 0 !important; }
.PagingContainer ol li {display: inline;}
.PagingContainer li {padding: 0.2em 0.5em;}
.PagingContainer li a:link { color: #000000; }
.PagingContainer li a:visited { color: #000000; }
.PagingContainer li a:hover { color: #000000; text-decoration: underline; }

.LeftLink{font-size: 1.0em; text-decoration: none; color: #313131;}
.LeftLink:link{}
.LeftLink:visited{}
.LeftLink:hover{text-decoration: underline;}

#GreenBoxLink {color: White;}
#GreenBoxLink a{font-size: 1.0em; font-weight: bolder; text-decoration: none; color: White;}
#GreenBoxLink a:link{color: White;}
#GreenBoxLink a:visited{color: White;}
#GreenBoxLink a:hover{color: White; text-decoration: underline;}

.GreenLink{color: White;}
.GreenLink:link{color: White; font-size: 1.0em; font-weight: bolder; text-decoration: none;}
.GreenLink:visited{color: White;}
.GreenLink:hover{color: White; text-decoration: underline;}

#MainMenuArea{ display:block; }
#MainMenu{ background-color:#669933; float: left; width:67%;}
#MainMenuRight{ background-color:#848484; float: right; width:33%; }

#MiddleArea .formscell{margin-top: 1px;}
#MiddleArea .formscell input,select,textarea,button{margin-bottom: 8px; vertical-align: middle;}
#MiddleArea .formscell label{position: relative; top: -3px; margin-right: 0.8em;}
#MiddleArea ul{line-height: 1.25em; font-size: 1.1em; list-style: disc outside none; margin: 0 0 0 20px;}

#TopMenuAreaBottom ul {clear: both; float: left; padding: 0 0 0 20px;}
#TopMenuAreaBottom li {float: left; display: inline; list-style-type: none; padding: 0 25px 0 0;}
#TopMenuAreaRight ul {clear: both; float: left; padding: 0 0 0 20px;}
#TopMenuAreaRight li {float: left; display: inline; list-style-type: none; padding: 0 15px 0 0;}



.TopMenu_Item{float: left; height: 63px; font-size: 1.5em; line-height: 1.8em; color: White;}
.TopMenu_ChosenItem{float: left; color: #99aee3; background: white url(/LoveOckelbo/Images/vald_middle.gif) repeat-x left top;}

.TopMenu_LeftItem{float: left; width: 9px; height: 63px; background: white url(/LoveOckelbo/Images/vald_left.gif) no-repeat left top;}
.TopMenu_Left{float: left; width: 9px; height: 63px;}
.TopMenu_RightItem{float: left; width: 9px; height: 63px; background: white url(/LoveOckelbo/Images/vald_right.gif) no-repeat left top;}
.TopMenu_Right{float: left; width: 9px; height: 63px;}

.TopMenu_Link{float: left; padding: 19px 0 15px 0; font-size: 1.35em; line-height: 1.55em; height: 29px; color: White; text-transform: uppercase;}
.TopMenu_Link a{text-decoration:none; color: White;}
.TopMenu_Link a:link{}
.TopMenu_Link a:visited{}
.TopMenu_Link a:hover{text-decoration:underline;}

.TopMenu_ChosenLink{float: left; padding: 19px 0 15px 0; font-size: 1.35em; line-height: 1.55em; height: 29px; color: #003063; text-transform: uppercase; background: white url(/LoveOckelbo/Images/vald_middle.gif) repeat-x left top;}
.TopMenu_ChosenLink a{text-decoration:none; color: #003063;}
.TopMenu_ChosenLink a:link{}
.TopMenu_ChosenLink a:visited{}
.TopMenu_ChosenLink a:hover{text-decoration:underline;}

.TopMenuRight_LeftItem{float: left; width: 9px; height: 36px; background: white url(/LoveOckelbo/Images/vald_right_left.gif) no-repeat left top;}
.TopMenuRight_Left{float: left; width: 9px; height: 36px;}
.TopMenuRight_RightItem{float: left; width: 8px; height: 36px; background: white url(/LoveOckelbo/Images/vald_right_right.gif) no-repeat left top;}
.TopMenuRight_Right{float: left; width: 9px; height: 36px;}

.TopMenuRight_Link{float: left; padding: 7px 0 0 0; font-size: 1.20em; line-height: 1.35em; height: 29px; color: White;}
.TopMenuRight_Link a{text-decoration:none; color: White;}
.TopMenuRight_Link a:link{}
.TopMenuRight_Link a:visited{}
.TopMenuRight_Link a:hover{text-decoration:underline;}

.TopMenuRight_ChosenLink{float: left; padding: 7px 0 0 0; font-size: 1.20em; line-height: 1.35em; height: 29px; color: #003063; background: white url(/LoveOckelbo/Images/vald_right_middle.gif) repeat-x left top;}
.TopMenuRight_ChosenLink a{text-decoration:none; color: #003063;}
.TopMenuRight_ChosenLink a:link{}
.TopMenuRight_ChosenLink a:visited{}
.TopMenuRight_ChosenLink a:hover{text-decoration:underline;}


#MainMenuRight li{display:inline; list-style-type: none;}
#presslist li{ margin-bottom: 1em; font-size: 1.0em;}
#presslist .date{clear: both; float: left; font-size: 1.0em; padding: 5px 0 0 0; font-weight: bolder;}
#presslist .datelink{clear: both; float: left; font-size: 1.0em; padding: 5px 0; border-bottom:1px solid #999999; font-weight: bolder;}
#presslist .datelink p{padding-top: 5px; font-size: 1.0em; line-height: 1.25em; margin-bottom: 12px; font-weight: normal;}
#presslist a{color: #003063; text-decoration: none; font-size: 1.0em;}
#presslist a:link{}
#presslist a:visited{}
#presslist a:hover{text-decoration: underline;}

#paket li{clear: both; float: left;  padding: 0 16px 4px 0; width: 150px;}
#paket .bild{ clear: both; float: left; padding: 0 0.5em 0 0.5em;}
#paket .p_rubrik{font-size: 1.0em; letter-spacing: 0.11em; font-weight: bolder; color: green; text-transform: uppercase; padding: 0.3em 0 0 0;}
#paket .p_link{font-size: 1.0em; font-weight: bolder; padding: 6px 0 0 0;}
#paket .bottom{border: 0; padding: 3px 8px 0 8px; font-size: 1.0em; line-height: 1.25em;}
#paket li_borttagen{border-bottom: 1px solid #999999;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix{display: block;}

#BG{width: 100%; height: 217px; background:url(/LoveOckelbo/Images/border.gif) repeat-x scroll center top ;}
#Page{width: 900px; text-align: left; margin: 0 auto; height: 100%;}
#TopArea{float: left; clear: both; width: 900px; position: relative;}
	#LogoArea{clear: both; float: left; min-height: 147px; width: 900px; background: white url(/LoveOckelbo/Images/topp.png) repeat-x left top;}
	#TopMenuArea{float: left; height: 70px; width: 900px; background: white url(/LoveOckelbo/Images/blue_border.gif) repeat-y left top;}
		#TopMenuAreaBottom{float: left; height: 63px; position: absolute; left: 14px; bottom: 0px;}
		#TopMenuAreaRight{float: right; height: 36px; position: absolute; right: 30px; bottom: 34px; text-transform: uppercase;}
#MainRegionArea{width: 900px; padding: 0 0 20px 0; clear: both; float: left; height: auto; background:url(/LoveOckelbo/Images/middle_border.gif) repeat-y scroll center top #ffffff;}
	#MainContentArea{width: 835px; float: left; background-color: white; margin: 20px 34px 20px 34px;}
		#LeftArea{float: left; width: 180px; margin: 0 20px 0 0; min-height: 1px;}
			#LightGreenBoxTop{clear: both; float: left; width: 180px; height: 20px; background:url(/LoveOckelbo/Images/lightgreenbox_top.gif) no-repeat scroll left top #ffffff;}
			#LightGreenBox{clear: both; float: left; width: 180px; background:url(/LoveOckelbo/Images/lightgreenbox_middle.gif) repeat-y scroll left top #ffffff;}
				#LightGreenItem{clear: both; float: left; width: 150px; padding: 5px 15px; background:url(/LoveOckelbo/Images/lightgreenbox_middle.gif) repeat-y scroll left top #ffffff;}
				#LightGreenItemChosen{clear: both; float: left; width: 150px; padding: 5px 15px; background:url(/LoveOckelbo/Images/lightgreenbox_middle_chosen.gif) repeat-y scroll left top #ffffff;}
			#LightGreenBoxBottom{clear: both; float: left; width: 180px; height: 20px; background:url(/LoveOckelbo/Images/lightgreenbox_bottom.gif) no-repeat scroll left top #ffffff;}
		#MiddleArea{float: left; width: 435px; margin: 0 20px 0 0; min-height: 1px; overflow: hidden;}
		#LeftMiddleArea{float: left; width: 635px; margin: 0 20px 0 0; min-height: 1px; overflow: hidden;}
		#RightArea{float: left; width: 180px; min-height: 25em;}
			#Twitter{clear: both; float: left; width: 180px; height: 30px;}
				#Images{float: left; width: 80px; margin-left: 100px;}
			#BlueBoxTop{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/bluebox_top.gif) no-repeat scroll left top #ffffff;}
			#BlueBox{clear: both; float: left; width: 180px; text-transform: uppercase; background:url(/LoveOckelbo/Images/bluebox_middle.gif) repeat-y scroll left top #ffffff;}
				#BlueBoxContent{padding: 2px 15px 2px 15px;}
				#BlueBoxContent ul li { padding-bottom:.4em; }
				#BlueBoxContent ul li.pad { padding-bottom:2em; }
				    a.BlueBoxLink{float: left; letter-spacing: 0.1em;}
					a.BlueBoxLink{text-decoration: none; color: White; font-size: 1.25em; font-weight: bolder;}
				    a:hover.BlueBoxLink, a:hover.BlueBoxLinkSmall{text-decoration: underline;}
				    a.BlueBoxLinkSmall{text-decoration: none; color: White; font-size: 1em; text-transform:none; padding-left:.1em;}
			#BlueBoxBottom{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/bluebox_bottom.gif) no-repeat scroll right top #ffffff;}
.W180{clear: both; float: left; width: 180px; min-height: 1px;}

			#GreenBoxTop{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/greenbox_top.gif) no-repeat scroll left top #ffffff;}
			#GreenBox{clear: both; float: left; width: 180px; background:url(/LoveOckelbo/Images/greenbox_middle.gif) repeat-y scroll left top #ffffff;}
				#GreenBoxRubrik{clear: both; float: left; width: 123px; margin: -7px 15px 5px 15px; padding: 3px 0 0 27px; height: 25px; color: White; font-size: 1.2em; font-weight: bolder;
								background:url(/LoveOckelbo/Images/small_heart.gif) no-repeat scroll left top #86a20b;}
				#GreenBoxText{clear: both; float: left; width: 150px; margin: 0px 15px; color: White; font-size: 1.0em; line-height: 1.25em;}
				#GreenBoxLink{clear: both; float: left; text-align: right; width: 150px; height: 20px; margin: 0px 15px; color: White; font-size: 1.0em; line-height: 1.25em;}
			#GreenBoxBottom{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/greenbox_bottom.gif) no-repeat scroll left top #ffffff;}

			#WhiteBoxTop{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/whitebox_top.gif) no-repeat scroll left top #ffffff;}
			#WhiteBox{clear: both; float: left; width: 180px; background:url(/LoveOckelbo/Images/whitebox_middle.gif) repeat-y scroll left top #ffffff;}
				#WhiteBoxContent{padding: 2px 7px 2px 7px;}
			#WhiteBoxBottom{clear: both; float: left; width: 180px; height: 24px; background:url(/LoveOckelbo/Images/whitebox_bottom.gif) no-repeat scroll left top #ffffff;}

.Left{float: left;}
