

/*	basis */
	body													{ margin: 0; padding: 0 0 10px 0; background: url(../graphics/basis/bg.gif) repeat-x #e8edf2; font-family: georgia; color: #404040; }
	#site													{ width: 882px; text-align: left; }
	.break													{ float: none; clear: both; display: expression('inline'); }
	.hidden													{ display: none; }
	p.line													{ border-top: 1px solid #e3e5e6; height: 20px; margin: 20px 0 0 0; float: none; clear: both; }


/*	head */
	#head													{ height: 121px; background-image: url(../graphics/head/bg.gif); }
	_head .logo a											/* normal */ { width: 162px; height: 28px; margin: 56px 0 0 28px; display: block; }	
	#head .logo a											/* 20 years */ { width: 162px; height: 58px; margin: 36px 0 0 28px; display: block; }


/*	navigation - main */
	#navigation div											{ float: right; }
	#navigation a											{ display: block; }
	#navigation .small										{ height: 15px; margin-top: 38px; float: none; }
	#navigation .main										{ height: 30px; margin-top: 7px; float: none; }
	#navigation .kontakt a									{ width: 73px; height: 15px; margin-right: 10px; background-image: url(../graphics/navigation/small_kontakt.gif); }
	#navigation .sitemap a									{ width: 50px; height: 15px; margin-right: 10px; background-image: url(../graphics/navigation/small_sitemap.gif); }
	#navigation .inEnglish a								{ width: 62px; height: 15px; margin-right: 10px; background-image: url(../graphics/navigation/small_inEnglish.gif); }
	#navigation .admin a									{ width: 87px; height: 15px; margin-right: 10px; background-image: url(../graphics/navigation/small_admin.jpg); }
	#navigation .bostader a									{ width: 92px; height: 30px; margin: 0 1px 0 1px; }
	#navigation .bostader a.normal							{ background-image: url(../graphics/navigation/main_bostader_normal.gif); }
	#navigation .bostader a.selected						{ background-image: url(../graphics/navigation/main_bostader_selected.gif); }
	#navigation .bostad a									{ width: 77px; height: 30px; margin: 0 1px 0 0; }
	#navigation .bostad a.normal							{ background-image: url(../graphics/navigation/main_bostad_normal.gif); }
	#navigation .bostad a.selected							{ background-image: url(../graphics/navigation/main_bostad_selected.gif); }
	#navigation .fastigheter a								{ width: 110px; height: 30px; margin: 0 1px 0 1px; }
	#navigation .fastigheter a.normal						{ background-image: url(../graphics/navigation/main_fastigheter_normal.gif); }
	#navigation .fastigheter a.selected						{ background-image: url(../graphics/navigation/main_fastigheter_selected.gif); }
	#navigation .forvaltning a								{ width: 117px; height: 30px; margin: 0 1px 0 0; }
	#navigation .forvaltning a.normal						{ background-image: url(../graphics/navigation/main_forvaltning_normal.gif); }
	#navigation .forvaltning a.selected						{ background-image: url(../graphics/navigation/main_forvaltning_selected.gif); }
	#navigation .tjanster a									{ width: 87px; height: 30px; margin: 0 1px 0 1px; }
	#navigation .tjanster a.normal							{ background-image: url(../graphics/navigation/main_tjanster_normal.gif); }
	#navigation .tjanster a.selected						{ background-image: url(../graphics/navigation/main_tjanster_selected.gif); }
	#navigation .affarsomraden a							{ width: 142px; height: 30px; margin: 0 1px 0 0; }
	#navigation .affarsomraden a.normal						{ background-image: url(../graphics/navigation/main_affarsomraden_normal.gif); }
	#navigation .affarsomraden a.selected					{ background-image: url(../graphics/navigation/main_affarsomraden_selected.gif); }
	#navigation .omBesqab a									{ width: 113px; height: 30px; margin: 0 1px 0 0; }
	#navigation .omBesqab a.normal							{ background-image: url(../graphics/navigation/main_omBesqab_normal.gif); }
	#navigation .omBesqab a.selected						{ background-image: url(../graphics/navigation/main_omBesqab_selected.gif); }
	
/*	navigation - sub */
	.navigation												{ width: 180px; margin: 0 30px 0 0; float: left; overflow: hidden; }
	.navigationXXX											{ width: 210px; float: left; padding-top: 12px; overflow: hidden; }
	.navigation a											{ font-family: arial, helvetica; text-decoration: none; padding: 2px 4px 2px 4px; }
	.navigation .level1										{ margin: 10px 0 6px 0; }
	.navigation .level1 a									{ font-size: 11px; line-height: 15px; margin-left: 6px; background-color: transparent; }
	.navigation .level2										{ margin-bottom: 6px; }
	.navigation .level2 a									{ font-size: 10px; line-height: 14px; margin-left: 17px; color: #707070; }
	.navigation .level1 a:hover,
	.navigation .level2 a:hover								{ background-color: #ebebeb; }
	.navigation a.selected									{ color: #fff; }
	.navigation a.selected:hover							{ color: #fff; }


/*	tabs */
	.tabs													{ height: 28px; margin: 4px -3px 0 0; overflow: hidden; }
	.tabs .tab												{ height: 28px; float: left; overflow: hidden; }
	.tabs .tab a											{ display: block; text-decoration: none; cursor: pointer; }
	.tabs .tab a p											{ width: 135px; height: 28px; text-align: center; font-size: 10px; line-height: 15px; font-weight: bold; text-transform: uppercase; margin: 0; float: left; }
	.tabs .tab a.normal .left								{ width: 6px; height: 28px; float: left; background-image: url(../graphics/tabs/normalLeft.gif); }
	.tabs .tab a.normal .right								{ width: 6px; height: 28px; float: left; background-image: url(../graphics/tabs/normalRight.gif); }
	.tabs .tab a.normal p									{ color: #909090; padding-top: 8px; background-image: url(../graphics/tabs/normal.gif); }
	.tabs .tab a.normal:hover p								{ color: #5d6679; }
	.tabs .tab a.selected									{  }
	.tabs .tab a.selected .left								{ width: 6px; height: 28px; float: left; background-image: url(../graphics/tabs/selectedLeft.gif); }
	.tabs .tab a.selected .right							{ width: 6px; height: 28px; float: left; background-image: url(../graphics/tabs/selectedRight.gif); }
	.tabs .tab a.selected p									{ padding-top: 10px; background-image: url(../graphics/tabs/selected.gif); }
	
	
/*	flaps */
	.flaps													{ height: 26px; display: table; display: expression('inline'); margin: 0 0 10px 0; }
	.flaps .flap											{ height: 26px; overflow: hidden; float: left; margin: 0 5px 0 5px; }
	.flaps .flap a											{ display: block; text-decoration: none; float: left; cursor: pointer; }
	.flaps .flap a p										{ height: 26px; font-family: 'lucida grande', verdana; font-size: 9px; line-height: 11px; font-weight: bold; float: left; margin: 0; padding: 4px 3px 0 3px; }

	.flaps .flap a.normal									{ background: url(../graphics/flaps/normalBg.gif); }
	.flaps .flap a.normal p									{ color: #717b90; }
	.flaps .flap a.normal:hover	p							{ color: #4c566a; }
	.flaps .flap a.normal .left								{ width: 8px; height: 20px; background: url(../graphics/flaps/normalLeft.gif) no-repeat; float: left; }
	.flaps .flap a.normal .right							{ width: 8px; height: 20px; background: url(../graphics/flaps/normalRight.gif) no-repeat; float: left; }
	
	.flaps .flap a.selected									{ background: url(../graphics/flaps/selectedBg.gif); }
	.flaps .flap a.selected p								{ background: url(../graphics/flaps/selectedArrow.gif) no-repeat center top; color: #fff; }
	.flaps .flap a.selected .left							{ width: 8px; height: 20px; background: url(../graphics/flaps/selectedLeft.gif) no-repeat; float: left; }
	.flaps .flap a.selected .right							{ width: 8px; height: 20px; background: url(../graphics/flaps/selectedRight.gif) no-repeat; float: left; }
		

/*	area */
	.area													{ background: #fff; margin: 0 0 8px 0; }
	.areas													{ margin: 0 0 8px 0; }

	.area .top												{ height: 6px; background: url(../graphics/area/top.gif); overflow: hidden; }
	.area .top .left										{ width: 6px; height: 6px; background: url(../graphics/area/topLeft.gif); float: left; }
	.area .top .right										{ width: 6px; height: 6px; background: url(../graphics/area/topRight.gif); float: right; }
	.area .bottom											{ height: 7px; background: url(../graphics/area/bottom.gif); overflow: hidden; }
	.area .bottom .left										{ width: 6px; height: 7px; background: url(../graphics/area/bottomLeft.gif); float: left; }
	.area .bottom .right									{ width: 6px; height: 7px; background: url(../graphics/area/bottomRight.gif); float: right; }

	.area .base												{ padding: 0 0 0 6px; background: url(../graphics/area/left.gif) repeat-y left 0; width: expression('100%'); }
	.area .base .container									{ padding: 0 6px 0 0; background: url(../graphics/area/right.gif) repeat-y right 0; }
	.area .base .marginsLarge								{ padding: 28px 25px 20px 25px; width: expression('100%'); }
	.area .base .marginsSmall								{ padding: 12px 16px 12px 16px; }

	/* specifications */
	.area .white											{ background: #fff; }
	.area .blue												{ background: url(../graphics/area/bgBlue.gif) repeat-x 0 3px #e0e7ee; }
	.area .pink												{ background: url(../graphics/area/bgPink.gif) repeat-x 0 3px #ecdbdd; }
	.area .brown											{ background: url(../graphics/area/bgBrown.gif) repeat-x 0 3px #e7dfdb; }
	.area .green											{ background: url(../graphics/area/bgGreen.gif) repeat-x 0 3px #e1e6e3; }
	
	.area .area11											{  }
	.area .area12											{ width: 437px; float: left; margin-right: 8px; }
	.area .area22											{ width: 437px; float: left; }
	.area .area13											{ width: 288px; float: left; margin-right: 9px; }
	.area .area23											{ width: 288px; float: left; margin-right: 9px; }
	.area .area33											{ width: 288px; float: left; }


/*	appendix */
	.appendix												{ background: url(../graphics/appendix/bg.gif) repeat-x 0 7px #fff; margin: -8px 0 8px 0; }
	.appendix .top											{ height: 7px; overflow: hidden; background: url(../graphics/appendix/top.gif); }
	.appendix .top .left									{ width: 6px; height: 7px; background: url(../graphics/appendix/topLeft.gif); float: left; }
	.appendix .top .right									{ width: 6px; height: 7px; background: url(../graphics/appendix/topRight.gif); float: right; }
	.appendix .body											{ background: url(../graphics/appendix/left.gif) repeat-y; }
	.appendix .body .container								{ background: url(../graphics/appendix/right.gif) repeat-y right 0; }
	.appendix .body .container div							{ margin: 0; padding: 10px 0 0 31px; }
	.appendix .bottom										{ height: 4px; overflow: hidden; background: url(../graphics/appendix/bottom.gif); }
	.appendix .bottom .left									{ width: 9px; height: 4px; background: url(../graphics/appendix/bottomLeft.gif); float: left; }
	.appendix .bottom .right								{ width: 9px; height: 4px; background: url(../graphics/appendix/bottomRight.gif); float: right; }
	.appendix p												{ margin: 0; font-size: 11px; color: #707070; }
	.appendix p b											{ padding: 0 10px 0 0; float: left; font-size: 11px; color: #a2b7cb; letter-spacing: 1px; font-family: arial, helvetica; font-weight: normal; text-transform: uppercase; }
	.appendix a												{ text-decoration: none; }
	.appendix a:hover										{ text-decoration: underline; }
	

/*	page */
	.page													{ width: 610px; float: left; }
	.page .intro											{ width: 480px; }
	.page .content											{ width: 400px; float: left; }
	.page .wide												{ width: 560px; }
	.page .column											{ width: 180px; float: left; margin: 0 0 0 20px; border-left: 1px solid #e3e5e6; }
	.page .column .container								{ padding: 0 0 0 15px; background: none; }
	
	
/*	colors */

	/* blue */
	.blue h1, .blue h2, .blue h3 .blue a					{ color: #4c566a; border: #4c566a; }
	.blue .navigation a.selected,
	.blue .navigation a.selected:hover						{ background-color: #4c566a; }

	/* pink */
	.pink h1, .pink h2, .pink h3 .pink a					{ color: #a24c52; border: #a24c52; }
	.pink .navigation a.selected,
	.pink .navigation a.selected:hover						{ background-color: #a24c52; }

	/* green */
	.green h1, .green h2, .green h3, .green a				{ color: #4c566a; border: #4c566a; }
	.green .navigation a.selected,
	.green .navigation a.selected:hover						{ background-color: #43644e; }

	/* brown */
	.brown h1, .brown h2, .brown h3, .brown a				{ color: #865e4a; border: #865e4a; }
	.brown .navigation a.selected,
	.brown .navigation a.selected:hover						{ background-color: #865e4a; }	


/*	text */

	/* misc */
	.navigation h1											{ font-size: 11px; color: #a2b7cb; letter-spacing: 1px; font-family: arial, helvetica; font-weight: normal; text-transform: uppercase; margin: 0 0 8px 0; }

	/* intro */
	.intro													{  }
	.intro h1												{ font-size: 11px; color: #a2b7cb; letter-spacing: 1px; font-family: arial, helvetica; font-weight: normal; text-transform: uppercase; margin: 0 0 8px 0; }
	.intro h2												{ font-size: 20px; line-height: 26px; color: #4c566a; font-weight: normal; margin: 0 0 20px 0; }
	.intro h3												{ font-size: 34px; line-height: 40px; margin: 0; font-weight: normal; }
	.intro h4												{ font-size: 11px; line-height: 16px; margin: 5px 0 26px 0; color: #737373; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
	
	/* small */
	.textSmall												{ font-size: 10px; line-height: 15px; font-family: arial, helvetica, sans-serif; color: #404040; }
	.textSmall p											{ margin: 0 0 10px 0; }
	.textSmall h1											{ font-size: 14px; line-height: 17px; font-weight: normal; font-family: Georgia; padding: 0 0 4px 0; margin: 0; }
	.textSmall h2											{ font-size: 10px; line-height: 16px; font-weight: bold; margin: 0; }
	
	/* medium */
	.textMedium												{ font-size: 10px; line-height: 17px; color: #404040; }
	.textMedium p											{ margin: 0 0 12px 0; }
	.textMedium h1											{ font-size: 15px; line-height: 18px; font-weight: normal; margin: 0 0 4px 0; }
	.textMedium h2											{ font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 1px 0; }
	.textMedium ul											{ margin: 0; padding: 0 0 0 15px; color: #404040; }
	.textMedium ul li										{ margin: 0; padding: 0; list-style-type: square;  }
	.textMedium .table p									{ margin: 0 0 2px 0; }
	.textMedium .table p.lable								{ float: left; width: 90px; font-family: arial, helvetica; text-transform: uppercase; font-size: 10px; }
	
	/* large */
	.textLarge												{ font-size: 11px; line-height: 18px; color: #404040; }
	.textLarge p											{ margin: 0 0 14px 0; }
	.textLarge b											{ font-size: 10px; color: #505050; text-transform: uppercase; margin: 0 5px 0 0; }
	.textLarge h1											{ font-size: 16px; line-height: 19px; font-weight: normal; margin: 0 0 2px 0; }
	.textLarge h2											{ font-size: 10px; line-height: 17px; font-weight: bold; text-transform: uppercase; margin: 0; }
	.textLarge ul											{ margin: -10px 0 14px 0; padding: 0 0 0 15px; color: #404040; }
	.textLarge ul li										{ margin: 0; padding: 0; list-style-type: square;  }
	
	.textLarge p.line										{ border-top: 1px solid #e3e5e6; height: 20px; margin: 20px 0 0 0; }
	.textLarge .table										{ margin: 4px 0 14px 0; float: left; width: 95%; }
	.textLarge .table .row									{ margin: expression('0 0 2px 0'); float: left; width: 100%; background: url(../graphics/misc/lining.gif) repeat-x; }
	.textLarge .table .row p								{ margin: 0; line-height: expression('16px'); }
	.textLarge .table .row .left							{ float: left; width: 70%; }
	.textLarge .table .row .left p							{ float: left; padding: 0 8px 0 0; text-transform: uppercase; font-size: 10px; font-weight: bold; background: #fff; }
	.textLarge .table .row .right							{ float: right; padding: 0 0 0 8px; background: #fff; }
	.textLarge .table .row .right p							{ color: #404040; }

	/* other */	
	.marginsSmall h1										{ margin: 0 0 8px 0; }

/*	button */
	.button													{ overflow: hidden; margin: 0 0 7px -1px; }
	.button a												{ height: 28px; padding: 0 0 0 16px; text-decoration: none; cursor: pointer; float: left; }
	.button p												{ height: 28px; padding: 7px 15px 0 0; margin: 0; float: left; }
	.button a p												{ font-family: 'lucida grande', verdana; font-size: 9px; line-height: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
	.button a.default										{ background: url(../graphics/button/defaultLeft.gif); }
	.button a.default p										{ background: url(../graphics/button/defaultRight.gif) right 0; color: #4a6291; }
	.button a.general										{ background: url(../graphics/button/generalLeft.gif); }
	.button a.general p										{ background: url(../graphics/button/generalRight.gif) right 0; color: #69748a; }
	.button a.simple										{ padding: 0; height: auto; }
	.button a.simple p										{ padding: 0; height: auto; margin: 0 0 0 1px; color: #69748a; text-transform: none; letter-spacing: normal; }
	
	
/*	downloads */
	.downloads												{ padding-bottom: 2px; border-bottom-color: #dadada; border-bottom-style: solid; border-bottom-width: 1px; width: 100%; margin: 0 0 15px 0;  }
	.downloads .item										{ width: 100%; }
	.downloads .item a										{ float: left; text-decoration: none; margin: 3px 0 3px 0; line-height: expression('20px'); }
	.downloads .item a:hover								{ text-decoration: underline; }
	.downloads .item a.pdf									{ padding: 0 0 0 24px; background: url(../graphics/icons/small/pdf.gif) no-repeat; }


/*	push */
	.push													{ background: url(../graphics/push/left.gif) repeat-y #e8edf2; margin: 20px 0 0 0; font-family: georgia; }
	.push .body												{ background: url(../graphics/push/right.gif) repeat-y right 0; padding: 6px 17px 7px 17px; }
	.push .top												{ height: 6px; background: url(../graphics/push/top.gif); }
	.push .top .left										{ height: 6px; width: 6px; background: url(../graphics/push/topLeft.gif); float: left; }
	.push .top .right										{ height: 6px; width: 6px; background: url(../graphics/push/topRight.gif); float: right; }
	.push .bottom											{ height: 6px; background: url(../graphics/push/bottom.gif); }
	.push .bottom .left										{ height: 6px; width: 6px; background: url(../graphics/push/bottomLeft.gif); float: left; }
	.push .bottom .right									{ height: 6px; width: 6px; background: url(../graphics/push/bottomRight.gif); float: right; }
	.push h1, .push h2										{ color: #505050; }
	.push p													{ margin: 2px 0 0 0; }


/*	foot */
	.foot													{ padding: 14px 25px 14px 25px; color: #404040; }
	.foot .logo												{ border-bottom: #e3e5e6 solid 1px; margin: 0 0 16px 0; }
	.foot .info												{ float: left; padding-right: 45px; }
	.foot .info p											{ margin: 0; }
	.foot .info a											{ color: #404040; text-decoration: none; }
	.foot .info a:hover										{ text-decoration: underline; }
	.foot h1												{ margin: 0; color: #8aa0b4; font-family: arial, helvetica; font-size: 11px; font-weight: bold; }
	.foot h4												{ margin: 0 0 16px 0; color: #4c566a; }
	

/*	pricelist */

	.pricelist												{ width: 100%; border: 0; }

	.pricelist td											{ text-align: right; border-left: 1px solid #fff; }
	.pricelist td.left										{ text-align: left; }

	.pricelist tr.headrow									{ font-family: arial, helvetica; font-size: 11px; font-weight: bold; color: #fff; }
	.pricelist td.headcolumn								{ padding: 4px 6px 4px 6px; }
	.pricelist td.cursor									{ cursor: pointer; }

	.pricelist tr.row										{ font-family: georgia; font-size: 11px; color: #404040; cursor: pointer; }
	.pricelist tr.row td.column								{ padding: 7px 6px 7px 0; border-top: 1px solid #fff; }
	.pricelist tr.headrow td.left,
	.pricelist tr.row td.left								{ padding: 4px 0 4px 6px; border-left: none; }

	.pricelist tr.odd										{  }
	.pricelist tr.even										{  }
	.pricelist tr.reserved									{ background: #e3e3e3; color: #9d9292; }
	.pricelist tr.arrow										{ cursor: default; }
	
	.pricelist fieldset										{ border: 0; margin: -1px 3px 0 -3px; padding: 0; float: left; }
	.pricelist tr.row td.column p							{ margin: 0; padding: 2px 0 0 0; padding-top: expression('3px'); }


/*	images */
	.page .image											{ margin: 0 0 25px 0; }


/*	photo */

	.photos													{ margin: -3px -20px -10px 5px; }
	.photos h1												{ margin: 0 20px 0 0; padding: 0 0 10px 11px; float: none; clear: both; font-size: 11px; color: #a2b7cb; letter-spacing: 1px; font-family: arial, helvetica; font-weight: normal; text-transform: uppercase; }
	.photos .item											{ width: 142px; height: 135px; float: left; margin: 0 25px 0px 0; background: url(../graphics/photo/thumb.gif) no-repeat; }
	.photos .item img										{ margin: 11px 0 0 11px; }
	.photos .item a											{ display: block; }
	.photos .item a img										{ border: 0; }
	.photos .item a:hover img								{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
	.photos .item .title									{ margin: 15px 0 0 12px; font-family: Georgia, Arial; font-size: 11px; font-style: italic; color: #979797; }

	.photo													{  }
	.photo .top												{ height: 13px; background: url(../graphics/photo/top.gif); }
	.photo .top .left										{ width: 13px; height: 13px; background: url(../graphics/photo/topLeft.gif); float: left; }
	.photo .top	.right										{ width: 13px; height: 13px; background: url(../graphics/photo/topRight.gif); float: right; }
	.photo .bottom											{ height: 13px; background: url(../graphics/photo/bottom.gif); }
	.photo .bottom .left									{ width: 13px; height: 13px; background: url(../graphics/photo/bottomLeft.gif); float: left; }
	.photo .bottom	.right									{ width: 13px; height: 13px; background: url(../graphics/photo/bottomRight.gif); float: right; }
	.photo .body											{ padding: 0 0 0 13px; background: url(../graphics/photo/left.gif) repeat-y; }
	.photo .body .container									{ padding: 0 13px 0 0; background: url(../graphics/photo/right.gif) repeat-y right 0; }
	.photo .textSmall p										{ margin: 10px 0 0 0; }
	
	/* VH */
	#vh														{ width: 24px; height: 11px; margin: -18px 20px 0 0; position: absolute; right: 0; overflow: hidden; }
	#vh a													{ background: url(../graphics/basis/vh_normal.gif); width: 24px; height: 11px; display: block; }
	#vh a:hover												{ background: url(../graphics/basis/vh_mouse.gif); }


/*	library */
	.library												{  }
	.library .item											{ clear: both; border-top: 1px solid #e3e5e6; cursor: pointer; }
	.library .item a										{ display: block; text-decoration: none; padding: 10px 0 10px 0; width: 100%; margin: expression('0 0 0 0'); cursor: pointer; }
	.library .item a:hover									{ background: #f1f1f1; }
	.library .item a img									{ border: 0; float: left; }
	.library .icon											{ width: 47px; height: 32px; float: left; }
	.library .icon p										{ width: 37px; height: 32px; margin: 0; }
	.library .icon p.pdf									{ background: url(../graphics/icons/big/pdf_off.gif) 5px 0; }
	.library .item a:hover .icon p.pdf						{ background: url(../graphics/icons/big/pdf.gif) 5px 0; }
	.library .item .info									{ float: left; cursor: pointer; }
	.libraru .item .info .title								{  }
	.library .item .info .description						{ color: #808080; font-size: 9px; font-family: 'lucida grande', verdana; margin: 2px 0 0 0; padding: 0; height: auto; }

