/*	basis */
	
		body												{ margin: 0 0 40px 0; background: url(../graphics/top/bg.gif) repeat-x #b2b2b2; font-family: arial, helvetica; color: #313131; }
		.width												{ width: 826px; }
		.break												{ float: none; clear: both; overflow: hidden; }
		a img												{ border: 0; }
		a:focus												{ outline: none; }
		
		
	/*	top */
	
		.top												{ width: 100%; height: 130px;}
		.top .logo											{ width: 237px; height: 92px; padding: 48px 0 0 0; }
		.top .logo a										{ width: 237px; height: 44px; background: url(../graphics/top/logo.gif); display: block; }
		
		.secondbase											{ width: 90px; height: 91px; background: url(../graphics/top/2b.gif); position: absolute; top: 0; right: 0; }
		.secondbase a										{ width: 90px; height: 91px; display: block; }
		
		
	/*	tabs */
	
		.tabs												{ width: 100%; height: 32px; margin: 0 0 12px 0; overflow: hidden; }
		.tabs .tab											{ float: left; margin: 0 2px 0 0; }
		.tabs .tab a										{ height: 32px; float: left; padding: 0 0 0 20px; text-decoration: none; cursor: pointer; }
		.tabs .tab p										{ height: 32px; margin: 0; font-size: 10px; line-height: 11px; text-transform: uppercase; float: left; }
		.tabs .tab a.normal									{ background: url(../graphics/tabs/normal_left.gif) no-repeat; }
		.tabs .tab a.normal p								{ background: url(../graphics/tabs/normal_right.gif) no-repeat right 0; padding: 8px 20px 0 0; color: #8a8a8a; }
		.tabs .tab a.normal:hover p							{ color: #202020; }
		.tabs .tab a.selected								{ background: url(../graphics/tabs/selected_left.gif) no-repeat; }
		.tabs .tab a.selected p								{ background: url(../graphics/tabs/selected_right.gif) no-repeat right 0; padding: 9px 20px 0 0; color: #202020; }
		
		
	/*	area */
		
		.area												{ margin: 0 0 14px 0; background: url(../graphics/area/left.gif) #fff repeat-y; text-align: left; }
		.area .top											{ height: 5px; background: url(../graphics/area/top.gif); overflow: hidden; }
		.area .top .left									{ width: 5px; height: 5px; background: url(../graphics/area/topLeft.gif); float: left; }
		.area .top .right									{ width: 5px; height: 5px; background: url(../graphics/area/topRight.gif); float: right; }
		.area .bottom										{ height: 5px; background: url(../graphics/area/bottom.gif); overflow: hidden; }
		.area .bottom .left									{ width: 5px; height: 5px; background: url(../graphics/area/bottomLeft.gif); float: left; }
		.area .bottom .right								{ width: 5px; height: 5px; background: url(../graphics/area/bottomRight.gif); float: right; }
		.area .body											{ background: url(../graphics/area/right.gif) right 0 repeat-y; }
		.area .body .container								{ padding: 18px 23px 18px 23px; }
		.area .arrow										{ width: 54px; height: 16px; margin: -4px 0 0 0; background: url(../graphics/area/arrow.gif); position: absolute; overflow: hidden; }

		
	/*	gallery */
	
		.gallery											{ margin: 0 -14px 0 0; float: left; }
		.gallery .area										{ width: 266px; margin-right: 14px; float: left; }
		.gallery a											{ text-decoration: none; }
		.gallery a .line									{ height: 3px; margin: 2px 0 5px 0; margin: expression('0 0 5px 0'); background: #404040; overflow: hidden; }
		.gallery a:hover .line								{ background: #b3b3b3; }
		.gallery p											{ margin: 0; }
		.gallery p.title									{ font-size: 12px; line-height: 16px; color: #202020; font-weight: normal; margin: 0 0 0 0; }
		.gallery p.contact									{ font-size: 11px; line-height: 16px; color: #808080; font-weight: normal; margin: 0 0 0 0; }
		.gallery p.contact a								{ color: #808080; text-decoration: none; }
		.gallery p.contact a:hover							{ text-decoration: underline; }
		.gallery p.description								{ font-size: 10px; line-height: 15px; color: #505050; margin: 10px 0 0 0; }
		
		.scroll												{ width: 780px; overflow: hidden; }
		.scroll #window										{ position: relative; overflow: hidden; width: 2340px; }
		.scroll #window .item								{ float: left; width: 780px; height: auto; }
		.scroll #window .item img							{ width: 780px; }

		.arrows												{ width: 47px; height: 19px; float: right; }
		.arrows .arrowNext									{ width: 21px; height: 19px; background: url('../graphics/scroll/next_off.gif'); float: right; }
		.arrows .arrowNext a								{ width: 21px; height: 19px; display: block; }
		.arrows .arrowNext a.normal							{ background: url('../graphics/scroll/next_normal.gif'); }
		.arrows .arrowNext a.normal:hover					{ background: url('../graphics/scroll/next_mouse.gif'); }
		.arrows .arrowPrev									{ width: 21px; height: 19px; background: url('../graphics/scroll/prev_off.gif'); float: left; }
		.arrows .arrowPrev a								{ width: 21px; height: 19px; display: none; }
		.arrows .arrowPrev a.normal							{ background: url('../graphics/scroll/prev_normal.gif'); }
		.arrows .arrowPrev a.normal:hover					{ background: url('../graphics/scroll/prev_mouse.gif'); }

		
	/*	columns */
		
		.columns											{ margin: 0 -10px 0 0; float: left; }
		.columns .columnSmall								{ width: 280px; margin: 0 10px 0 0; float: left; }
		.columns .columnLarge								{ width: 564px; margin: 0 10px 0 0; float: left; }
		

	/*	text */
	
		.textLarge											{ font-size: 11px; line-height: 17px; color: #202020; }
		.textLarge p										{ margin: 0; }
		.textLarge h1										{ letter-spacing: 1px; margin: 0 0 2px 0; font-size: 11px; font-weight: normal; text-transform: uppercase; }
		
		.service											{ width: 50%; float: left; margin: 10px 0 0 0; }
		

	/*	grafik */
	
		.headline											{ margin: 0 0 22px 0; }
		.bigImage											{ margin: 0 0 10px 0; }
		.quot												{ padding: 0 0 29px 0; background: url(../graphics/misc/quot/quot.gif) right bottom no-repeat; float: right; }


	/*	uppdrag */
	
		.projectinfo										{ font-size: 10px; color: #898989; }
		.projectinfo p.info									{ float: left; margin: 12px 20px 0 0; }
		.projectinfo p.info b								{ text-transform: uppercase; padding: 0 5px 0 0; }
		.projectinfo a										{ text-decoration: none; color: #898989; }
		.projectinfo a:hover								{ text-decoration: underline; }


	/*	form */
		.form												{ margin: 16px 0 20px 0; }
		.form .lable										{ font-size: 10px; font-weight: bold; margin: 0; }
		.form input											{ width: 95%; background: #d2d2d2; border: 0; font-family: arial, helvetica; font-size: 12px; padding: 4px 0 4px 5px; height: expression('23px'); }
		.form input:focus									{ outline: 0; background: #e0e0e0; }
		.form .space										{ width: 100%; height: 8px; overflow: hidden; }
		.form a.button										{ padding: 6px 10px 6px 10px; text-decoration: none; display: block; float: left; background: #404040; }
		.form a.button p									{ font-size: 10px; line-height: 10px; color: #fff; text-transform: uppercase; margin: 0; }
		.form a.button:hover								{ background: #707070;  }
			

	/*	foot */
	
		.foot .body .container								{ padding: 22px 0 15px 0; }
		.foot .logo											{ width: 48px; height: 22px; margin: 0; background: url(../graphics/basis/logo.gif); }
		.foot .contact										{ padding: 16px 0 0 0; background: url(../graphics/foot/logo.gif) no-repeat center 62px; text-align: center; font-size: 10px; line-height: 16px; color: #505050; text-transform: uppercase; }
		.foot .contact .lable								{ font-weight: bold; padding: 0 1px 0 5px; }
		.foot .contact .info								{ padding: 0 4px 0 4px; }
		.foot .contact a									{ text-decoration: none; color: #505050; }
		.foot .contact a:hover								{ text-decoration: underline; }