﻿@charset "UTF-8";
/* CSS Document */

/* --- General ---*/

* { margin: 0; padding: 0; outline: none; }

html {
	height:101%;
}
	
body {
	font-family: "Tahoma", Arial, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFFFFF;
	text-align:center;
	}
	
img {
	border:none;
}	
	
a {
	text-decoration:none;
	color: #61BBF1;
}

a:hover {
	text-decoration:underline;
}
	
/* --- Structure / Wrappers
-------------------------------------------------------*/
					

#site_wrapper {
	width: 800px;
	margin:0 auto;
}
	
#content_container {
	width:800px;
	margin-top:12px;
	position:relative;
	text-align: left;
}		

/* --- Intro
-------------------------------------------------------*/

#intro_container {
	width:800px;
	height:608px;
	}
	
/* --- Top
-------------------------------------------------------*/

#top_container {
	width:800px;
	height:250px;
	}
	

/* --- Search
-------------------------------------------------------*/

#search_container {
	width:655px;
	height:23px;
	background:url(../img/search_bg.png) no-repeat;
	position:relative;
	margin-top:5px;
	padding: 2px 0 3px 145px;
	text-align:left;
	font-size:10px;
	color:#000000;
	z-index: 98;
	}
	
	#search_container ul {
		list-style-type:none;
		}
		
		#search_container li {
			padding:5px 0 5px 0;
			list-style-type:none;
			}
	
	.search_step {
	width:19px;
	height: 22px;
	padding-top:1px;
		}
		
		#search_step1{
	position:absolute;
	left: 134px;
			}
		
		#search_step2{
	position:absolute;
	left: 306px;
			}
		
		#search_step3{
	position:absolute;
	left: 475px;
			}
			
			.search_btn {
	height: 22px;
	width:150px;
	position:absolute;
	left:650px;
				}
				
				.search_open {
					width:131px;
					border: 1px solid #CCC;
					padding:5px 0 0 5px;
					float:left;
					margin-right:15px;
					background:url(../img/search_open.png) no-repeat;
					display:inline-block;
					}
	
					
div.visible {
	display: visible;
	}
div.hidden {
	display: none;
	}
	
	.search_checkbox {
		margin-right:5px;
		}
		
	

/* --- Content
-------------------------------------------------------*/

#content_centered {
	width:290px;
	float:left;
	position:relative;
	text-align:left;
	line-height:130%;
	padding:0 5px 0 5px;
	}
	
	#content_centered p {
		margin-bottom:15px;
		margin-left: 10px;
		margin-right: 10px;
		}
		
		#content_centered h1 {
			margin-bottom:10px;
			margin-left: 10px;
			margin-right: 10px;
			}
			
		#content_centered h2 {
			font-size:11px;
			font-weight:bold;
			}
			
#content_right 
{
    /* background:url(/img/news_bg.png) no-repeat; */
	width:229px;
	float:left;
	position:relative;
	line-height:140%;
	margin-bottom:10px;
	}
	
	#content_right_bg {
		background:url(../img/content_bg.gif);
		}
		
		#content_2col {
			width:539px;
			position:relative;
			float:left;
			line-height:140%;
			padding-right:10px;
			}
			
			#content_2col h1 {
				margin-bottom:10px;
				}
				
				#content_2col h2 {
					margin:10px 0 20px 0;
					color: #61BBF1;
					font-size:11px;
					font-weight:bold;
					}
					
					#content_2col p {
						margin-bottom: 10px;
						}
													
	#blueStrongText {color: #61BBF1; font-weight:bold;}
	
/* --- News
-------------------------------------------------------*/

#news_container {
	width:174px;
	height:322px;
	background:url(../img/news_bg.png) no-repeat;
	float:left;
	position:relative;
	padding: 35px 50px 0 26px;
	text-align:left;
	}
	
	.news_item {
		width: 190px;
		margin-bottom:10px;
		}
	
		.news_item h1 {
			font-size:10px;
			font-weight:bold;
			}
			
			.news_item p {
				font-size: 10px;
				line-height:130%;
				margin-bottom:3px;
				}
	.news_detail h1 {
	font-size:25px;
	font-family: Arial;
	font-weight: lighter;
	line-height:25px;
	color: #61BBF1;
	margin-top: 7px;
	}
	
	.news_date {
		width: 116px;
		height:15px;
		background:url(../img/news_date.gif) no-repeat;
		margin-bottom:5px;
		font-size:10px;
		}
	
	.news_url {
		font-size: 10px;
		}
		

/* --- Ads
-------------------------------------------------------*/

#ad_container {
	width:226px;
	height:344px;
	background:url(../img/ad_bg.gif) no-repeat;
	float:left;
	position:relative;
	text-align:left;
	padding:0 7px 0 7px;
	}
	
	.ad_item1 {
		width: 226px;
		height:169px;
		margin-bottom:6px;
		}
	
	.ad_item2 {
		width: 226px;
		height:169px;
		}
		
	#ad_img {
		width:220px;
		height:339px;
		float:left;
		position:relative;
		text-align:right;
		padding-left:10px;
		}		

/* --- Bottom
-------------------------------------------------------*/
#bottom {
	width:800px;
	height:24px;
	background:url(../img/bottom.png) no-repeat;
	font-size:10px;
	padding-top:12px;
	color:#333;
	margin: 0 auto;
	clear:both;
	}
	
	#bottom ul {
			list-style-type:none;
			}
		
		#bottom li {
			padding-right:14px;
			display:inline;
			}
#bottomStart {
	width:800px;
	height:39px;
	background:url(../img/bottom.png) no-repeat;
	font-size:10px;
	padding-top:12px;
	color:#333;
	margin-top:5px;
	margin-bottom:60px;
	}
	
	#bottomStart ul {
			list-style-type:none;
			}
		
		#bottomStart li {
			padding-right:14px;
			display:inline;
			}	
			
/* --- Object listing
-------------------------------------------------------*/

.object_listing_hits {
	height:20px;
	float:left;
	width:170px;
	position:relative;
	text-align:left;
	margin: 0 auto;
	}

.object_listing_container {
	height:101px;
	width:780px;
	position:relative;
	border-bottom: 1px solid #CCCCCC;
	margin:0 auto;
	clear:both;
	padding-top:10px;
	text-align:left;
	line-height:140%;
	}
	
	.object_listing_container a {
    text-decoration: none;
    color: #666666;
	}
	
	.object_listing_container a:hover {
    text-decoration: none;
    color: #666666;
	}
	
	.object_listing_container a:active {
    text-decoration: none;
    color: #666666;
	}
	
	.object_listing_container a:visited {
    text-decoration: none;
    color: #666666;
	}
	
	.object_listing_img {
		height:91px;
		width:145px;
		background:#CCCCCC;
		margin-right: 15px;
		float:left;
		position:relative;
		}
		
		.object_listing_desc_header {
			width:260px;
			height:20px;
			margin-right: 50px;
			float:left;
			font-weight:bold;
			position:relative;
			}
		
		.object_listing_desc {
			height:91px;
			width:260px;
			margin-right: 50px;
			float:left;
			position:relative;
			}
			
			.object_listing_lokaltyp_header {
				font-weight:bold;
				height:20px;
				width:80px;
				margin-right: 15px;
				float:left;
				position:relative;
				}

			.object_listing_lokaltyp {
				height:91px;
				width:80px;
				margin-right: 15px;
				float:left;
				position:relative;
				}
				
				.object_listing_yta_header {
					font-weight:bold;
					height:20px;
					width:80px;
					margin-right: 15px;
					float:left;
					position:relative;
					}

				.object_listing_yta {
					height:91px;
					width:80px;
					margin-right: 15px;
					float:left;
					position:relative;
					}
					
					.object_listing_kontakt_header {
						font-weight:bold;
						height:20px;
						width:105px;
						float:left;
						position:relative;
						}
					
					.object_listing_kontakt {
						height:91px;
						width:105px;
						float:left;
						position:relative;
						}
						
						.object_listing_kontakt a {
							color:#666666;
							text-decoration:underline;
							}
		
		
.object_listing_nav {
	height:45px;
	width:780px;
	position:relative;
	margin:0 auto;
	padding-top:10px;
	}
	
	.object_listing_nav ul {
		margin-top:8px;
		list-style-type:none;
		font-weight:bold;
		}
		
		.object_listing_nav li.first {
			display:inline;
			padding-left:0px;
			}
			
		.object_listing_nav li {
			display:inline;
			padding-left:8px;
			color:#999999;
			}
				
			.object_listing_nav li img{
			vertical-align:middle;
				}
				
.object_listing_title {
	font-weight:bold;
	margin-bottom:5px;
	}
	
	.object_listing_title ul{
		list-type:none;
		}
		
		.object_listing_title li{
			display:inline;
			padding-right:12px;
			}				
			
					
/* --- Object
-------------------------------------------------------*/

.object_container {
	width:778px;
	text-align:left;
	padding:0 11px 0 11px;
	margin-top: 10px;
	background-position: 0px 100px;
	}
	
	.object_container h1 {
		font-size:11px;
		font-weight:bold;
		margin-bottom:15px;
		}
	
	.object_headline h1 {
	font-size:20px;
	font-family: Arial;
	font-weight: lighter;
	line-height:25px;
	color: #61BBF1;
	margin-top: 5px;
	}
		
	.object_container h2 {
		font-size:11px;
		}
		
	.object_container hr {
		border: none 0; 
		border-top: 1px solid #CCC;/*the border*/
		width: 450px;
		height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
		}	
			
	.object_backlink {
	text-align: right;
	}
			.object_backlink a {
			text-decoration:none;
			color: #666666;
			}

			.object_backlink a:hover {
			text-decoration:underline;
			}	
	
.object_bg {
	height:*;
	margin-top:10px;
	margin-bottom:24px;
	}	
	
.object_row {
	width:778px;
	position:relative;
	text-align:left;
	margin: 0 auto;
	}	

.object_title {
	height:28px;
	width:539px;
	position:relative;
	text-align:left;
	float:left;
	}
	
	.object_back {
		height:18px;
		margin-top:10px;
		width:239px;
		position:relative;
		text-align:right;
		float:left;
		}
		
		.object_back a {
			color:#666666;
			}
			
#object_menu {
	height:18px;
	width:768px;
	background-color:#F0F0F0;
	position:relative;
	font-weight:bold;
	padding:7px 0 0 10px;
	}
	
#object_menu a {
	color:#666666;
	text-decoration:none;
	}	
	
	#object_menu ul {
		list-style-type:none;
		}
		
		#object_menu li {
			display:inline;
			padding-right:30px;
			}
			
			#object_menu li.current {
				color:#61BBF1;
				}

#object_content {
	width:538px;
	border-right: 1px solid #CCCCCC;
	position:relative;
	float:left;
	line-height:140%;
	padding-right:10px;
	}
	
	#object_content p {
		margin-bottom: 10px;
		margin-top: 10px;
		}
	
	.object_img {
		width:539px;
		height:339px;
		margin-bottom:10px;
		}

#object_right {
	width:210px;
	float:left;
	position:relative;
	padding-left:10px;
	line-height:140%;
	margin-bottom:10px;
	}
	
	.object_right_title {
		font-weight:bold;
		margin-bottom:5px;
		}
		
		.object_pdf {
			height:22px;
			width:160px;
			padding:2px 0 0 32px;
			background:url(../img/pdf_icon_small.gif) no-repeat;
			margin-bottom:5px;
			}
			
			.object_pdf a{
				color:#666666;
				}
				
				.object_contact {
					width:160px;
					height:18px;
					padding: 0 0 0 20px;
					font-weight:bold;
					background:url(../img/newoffice_icon_small.gif) no-repeat;
					margin-bottom:5px;
					}


.object_img_desc {
	margin:10px 0 10px 0;
	}
	
.form_contact {
	 border: solid #cccccc 1px;
	font-family: "Tahoma", Arial, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
	height: 18px;
	}
	
	
/* --- Press
-------------------------------------------------------*/

#press_content {
	width:500px;
	float:left;
	position:relative;
	text-align:left;
	line-height:130%;
	padding:0 5px 0 5px;
	}
	
	#press_content p {
		margin-bottom:15px;
		margin-left: 10px;
		margin-right: 10px;
		}
		
		#press_content h1 {
			margin-bottom:10px;
			margin-left: 10px;
			margin-right: 10px;
			}
			
		#press_content h2 {
			font-size:11px;
			font-weight:bold;
			margin-left: 10px;
			margin-right: 10px;
			}
			
			#press_content a {
				text-decoration:none;
				color: #666666;
				}

			#press_content a:hover {
				text-decoration:underline;
				}	
				


/* --- Hyresbarometern
-------------------------------------------------------*/
																		
.tr_gray {
	background-color:#F3F3F3;
	vertical-align:top;
	}
	
	.tr_blank {
		vertical-align:top;
		padding:10px;
		}

		.tr_headline {
			font-weight:bold;
			font-size:11px;
			}
			
			.tr_headline_11{
				font-size:9px;
				line-height:normal;
				width:150px;
				}

#hyresbarometern {
	line-height:110%;
	}
				
#hyresbarometern td{
	padding:5px;
	}				



/* --- För uthyrare
-------------------------------------------------------*/

.uthyrare_box {
	width:504px;
	border: 1px solid #EAEAEA;
	padding:2px 2px 10px 2px;
	text-align:center;
	line-height:150%;
	}
	
	.uthyrare_box_title {
		width:504px;
		background:#C6CBD2;
		color:#FFFFFF;
		font-weight:bold;
		margin-bottom:5px;
		}
		
		.uthyrare_box_centered {
			width:480px;
			padding:15px;
			text-align:center;
			}



/* --- Kontakta oss
-------------------------------------------------------*/

#contact_content {
	width:480px;
	float:left;
	position:relative;
	text-align:left;
	line-height:130%;
	padding:0 5px 0 5px;
	}
	
	#contact_content p {
		margin-bottom:15px;
		margin-left: 10px;
		margin-right: 10px;
		}
		
		#contact_content h1 {
			margin-bottom:10px;
			margin-left: 10px;
			margin-right: 10px;
			}
			
#contact_info {
	width:174px;
	height:522px;
	background:url(../img/contact_bg.gif) no-repeat;
	float:left;
	position:relative;
	padding: 10px 50px 0 26px;
	text-align:left;
	}
	
	#contact_info a {
		color:#666666;
		}
	
.contact_person {
	width:125px;
	height:185px;
	float:left;
	display:inline;
	padding-left:35px;
	margin-bottom: 35px;
	}
	
.contact_img {
	width:100px;
	height:130px;
	margin-bottom:5px;
	}				
			
			
/* --- Text styles
-------------------------------------------------------*/

.blue {
	color:#61BBF1;
	}


											
/* --- Fixes
-------------------------------------------------------*/			

.clearfix {
	clear:both;
	font-size:0.1px;
	height:0pt;
	line-height:0pt;width:0pt;}			


	
   .modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.updateProgress
{
	background-color: White;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.progressBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.arow td {padding:2px 5px;}
.arow th {padding:2px 5px;}
