@import 'reset.css';
@import 'smartnavigationsg.css';
@import 'imageslideshow.css';

.FastAllImages img {border: 6px #fff solid; background: #fff; margin: 10px; display: block}

#ctl1246273236000_ctl00_lblAllImages {border: 10px}

html {overflow-y:scroll;}

body {font-family: helvetica, arial; font-size:12px; background: #67a467;}

.container {background-color:#fff; min-width: 990px;}

.logotype {margin:0px auto 10px auto; width:979px; height:77px;}

.logotype .contenttext {padding:11px 0px 0px 0px;}

.top-menu {height:36px; background: url(/filearchive/1/120/menu-bg.gif) repeat-x; min-width: 990px;}

.content {margin:6px auto; width:979px;}

.content .flash {float:left; width:683px; height:293px;}
.content .flashwide{float:left; width:979px; background-color:#ccc; height:350px; margin-bottom:10px;}

.sub-menu {width:320px; float:left;}

.subcontent {float:left; width:500px; margin-top:20px; margin-bottom:30px;}

.subcontent .contenttitle {font-weight:bold; font-size:17px; margin-bottom:20px;}

.map .contenttitle{font-weight:bold; font-size:17px; margin-bottom:20px;}}

.subcontent .left {width:400px; float:left;}

.subcontent .right {width:160px; float:right;}

.clear {clear:both;}

.content .pufftext {font-size:12px; padding:20px;}

.content .puffheader {background: #f2f2f2; height:30px; padding:12px 0px 0px 20px;}


/* Puff1 ****************************/
.content .puff1 {width:286px; height:295px; margin:0px 10px 11px 0px;}

.content .puff1 .top {height:4px; background: url(/filearchive/1/118/puff01-top.gif) no-repeat; font-size:1px;}

.content .puff1 .bottom {height:275px; background:url(/filearchive/1/117/puff01-bottom.gif) no-repeat left bottom; padding:13px 17px 0px 17px;}

.content .puff1 .puffoption {text-align:center; margin:20px 0px;}

.content .puff1 option {text-align:left; }

.content .puff1 select {text-align:left; width:216px; }

.content .puff1 .searchbutton {background: url(/filearchive/1/152/search-button.gif) no-repeat 0px 2px; width:253px; height:31px; color:#fff; font-family: helvetica, arial; font-size:17px; border:none; cursor: pointer; line-height:28px; font-weight:bold;}

.content .puffheader1 {background: #f2f2f2; height:25px; padding:8px 0px 0px 12px;}


/* Puff 2 ****************************/
.content .puff2 .date {font-weight:bold; color:#006600; font-size:12px;}

.content .puff2 .post { height:69px; border-bottom:1px solid #dfdfdf; margin:14px 0px 0px 0px; padding:0px 0px 5px 0px }

.content .puff2 {float:left; width:283px; margin:0px 11px 0px 2px; display:inline;}

.content .puff2 .post .postleft{float:left; width:180px;}
.content .puff2 .post .postright{float:right; width:103px; height:70px; overflow:hidden;}
.content .puff2 .post .postright img{max-width:100px;}


/* PUFF 3 ****************************/
.content .puff3 {float:left; width:388px; height:290px; margin:0px 11px 0px 0px; display:inline;}



/* Puff 4 ****************************/
.content .puff4 {float:left; width:284px; height:290px; display:inline;}

.content .puff4 img {float:right; display:block;}

.content .puff4 .post {border-bottom: 1px solid #dfdfdf; padding:5px 0px 5px 20px;}

.content .puff4 .post h4 {margin:4px 0px 10px 0px;}


/* Puff 5 Bevakning ****************************/
.content .puff5 {width:286px; margin:0px 10px 11px 0px;}

.content .puff5 .top {height:4px; background: url(/filearchive/1/118/puff01-top.gif) no-repeat; font-size:1px;}

.content .puff5 .bottom {height:185px; background:url(/filearchive/1/117/puff01-bottom.gif) no-repeat left bottom; padding:13px 17px 0px 17px;}

.content .puff5 .searchbutton {background: url(/filearchive/1/152/search-button.gif) no-repeat 0px 2px; width:253px; height:28px; color:#fff; font-family: helvetica, arial; font-size:17px; border:none; cursor: pointer; line-height:28px; font-weight:bold;}

.content .puffheader1 {background: #f2f2f2; height:25px; padding:8px 0px 0px 12px;}

.content .puff5 .pufftext {font-size:12px; padding:20px 13px;}


/* Puff 6 Bevakning ****************************/
.content .puff6 {width:286px; margin:0px 10px 11px 0px;}

.content .puff6 .top {height:4px; background: url(/filearchive/1/118/puff01-top.gif) no-repeat; font-size:1px;}

.content .puff6 .bottom {background:url(/filearchive/1/117/puff01-bottom.gif) no-repeat left bottom; padding:13px 17px 0px 17px; min-height:300px; float:left;}

.content .puff6 .searchbutton {background: url(/filearchive/1/152/search-button.gif) no-repeat 0px 2px; width:253px; height:28px; color:#fff; font-family: helvetica, arial; font-size:17px; border:none; cursor: pointer; line-height:28px; font-weight:bold;}

.content .puffheader1 {background: #f2f2f2; height:25px; padding:8px 0px 0px 12px;}

.content .puff6 .pufftext {font-size:12px; padding:20px 13px;}

.forminput {display:block; margin:5px 0px 10px; width:220px;}

.forminputnr {margin:5px 0px 10px; width:40px;}

.forminputort {margin:5px 0px 10px 17px; width:153px;}

/* Puff 6 GREEN */
div.green .puff6 .top { background:url("/filearchive/6/6528/top.jpg") no-repeat scroll 0 0 transparent; }
div.green .puff6 .bottom { background:url("/filearchive/6/6527/bottom.jpg") no-repeat scroll left bottom transparent; }
div.green .puff6 p { font-size:14px; font-weight:bold; color:#fff; }
div.green .puff6 .forminput, div.green .forminputnr, div.green .forminputort { border:1px solid #002500; padding:2px 0; }
div.green .forminputort { width:156px; }
div.green .puff6 .puffheader1 { 
	background:url("/filearchive/6/6529/platta.png") no-repeat scroll 0 0 transparent;
	height: 43px;
	width: 246px;
	padding: 9px 0 0 18px;
	margin-left: -5px;
}
div.green .puff6 .pufftext { padding: 0 13 20px; font-size: 14px; font-weight:bold; margin-top:-20px; }
div.green .puff6 .pufftext table { margin-top:-3px; }
div.green .puff6 .floatl { color:#fff; }
div.green .puff6 p.info { color:#fff; font-size:10px; font-weight:normal; }

/* Staff ****************************/
.staff {margin:0px 0px 20px 0px; width: 510px; background:#fff; }

.staff .image { float:left; width:120px; margin:10px 0 10px 10px; }

.staff .text { float:left; width:370px; margin:7px 10px 10px 0; }

.staff .title { display:block; color:#006600; margin:2px 0px 15px 0px; }

.altstaff { background:#EDF4ED; }




/* Fastighet Map ****************************/
.fastigcontent {width:665px; float:left;}
.mapnavigation {width:662px; height:37px; background:#ccc; line-height:37px; padding:0px 0px 0px 15px; font-size:15px; color:#fff; font-weight:bold;}

.fastigheader {background: #f2f2f2; margin:30px 0px 0px 0px; padding:6px 0px 6px 10px;}

.map {margin:7px 0px 14px 0px;}

.fastigcontent p {margin:10px 0px 10px 10px; line-height:16px;}

.fastigcontent h2 {margin:30px 0px 0px 10px;}

.reserve p {color:#666; margin:0px 0px 0px 0px; padding:0px;}

.reserve .info {color:#000; font-size:10px; margin:15px 0px 0px 0px; line-height:14px;}

.reserve .button {margin:15px 0px 0px 0px;}


/* Fastighet List ****************************/
.postdepartment {border:1px solid #c8c8c8; padding:5px; float:left; margin:5px 5px 5px 0px;}

.postdepartment .image {float:left; woith:150px; height:96px; margin-right:5px;}
.postdepartment .text {float:left; width:169px; height:96px; font-size:13px;}




/* FOOTER ****************************/
.footer {background: url(/filearchive/1/121/footer-bg.gif) repeat-x; height:127px; margin:0px auto; text-align:center; font-size:12px; color:#fff; padding-top:13px; line-height:18px; min-width: 990px; _width: 990px;}

.footer .image {margin-top:5px;}

.footer .image1 {margin:0px 15px 12px 0px}

.footer .image2 {margin:0px 15px;}



/* GENERAL ****************************/
h1 {}

h2 {color:#006600; font-size:14px;}

h3 {color:#006600; font-size:17px;}

h4 {color:#006600; font-size:15px;}

h5 {color:#000; font-size:12px;}

h6 {color:#000; font-size:18px; font-weight:normal;}

p {margin:0px 0px 20px 0px; line-height:16px;}

.floatl {float:left;}

.floatr {float:right;}

.b{font-weight:bold;}


/* LINK ****************************/
a:link, a:visited {color:#006600; text-decoration:none; font-size:12px;}

a:hover, a:active {color:#000;}


.puff4 a:link, .puff4 a:visited {color:#000; text-decoration:none; font-size:12px;}

.puff4 a:hover, .puff4 a:active {color:#006600;}

.footer a:link, .footer a:visited {color:#fff;}

.footer a:hover, .footer a:active {color:#000;}

.puff5 a:link, .puff5 a:visited {color:#666; text-decoration:underline; font-size:11px;}

.puff5 a:hover, .puff5 a:active {color:#006600;}

.mapnavigation a:link, .mapnavigation a:visited {color:#000; text-decoration:none; font-size:12px; margin:0px 0px 0px 10px;}

.mapnavigation a:hover, .mapnavigation a:active {color:#006600;}

a:link.enirolinks, a:visited.enirolinks {color:#006600; text-decoration:underline; font-size:15px;}

a:hover.enirolinks, a:active.enirolinks {color:#000;}

/* Nyheter */
.newsingress{
font-weight:bold;
}
.newsimage{margin-top:15px;}
.newscontent{margin-top:15px;}

.postleft .news{font-weight:bold;}

.newsbody a:link, .newsbody a:visited {color:#000}
.newsbody a:hover, .newsbody a:active {color:#000}


/* Personal */
.Employeewrapper{display:table; margin-bottom:30px;}
.empcontentwrapper{width:450px; float:right;}

.empImage{width:150px;float:left;}
.empImage img{border: 4px solid #ededed;}

.empName{font-size:17px; font-weight:bold;}
.empBefattning{color:#006600; margin-bottom:20px;}
.empText{margin-top:20px;}


/* Fastigheter listning */
.FastContentContainer{width:680px; /*display:table;*/ display:inline-block;}
.FastItemwrapper{
    border:1px solid #c8c8c8;
    /*display:table;*/
    display:inline-block;
    width:319px;

    min-height:121px;
    height:auto !important;
    height:121px;

    float:left;
    margin-bottom:7px;
    margin-right:7px;
    padding:6px;
}
.FastListImage{width:150px; height:95px; background-color:#333333; float:left;}
.FastListImage img{width:150px; height:95px;}

.FastListInfo{width:160px; float:right;}

.FastListInfoNamn{color:#006600; font-weight:bold; font-size:14px; margin-bottom:4px;}

.FastListInfoNamn a:link,
.FastListInfoNamn a:visited,
.FastListInfoNamn a:active,
.FastListInfoNamn a:hover{color:#006600; font-weight:bold; font-size:14px; margin-bottom:4px;}


.FastListInfoKommun{margin-bottom:10px;}
.FastListInfoPris{}
.FastListInfoLink{}
.FastListInfoSaldOverlay{position:absolute; }

.pagercontrols{float:right; margin-top:10px; margin-bottom:30px; font-size:14px; color:#006600; font-weight:bold;}
.pagercounter{margin:5px;}

.pagercontrols input{cursor:pointer;}


/* Fastighet detaljnivå */
.fastsublinks{margin-top:6px; margin-bottom:40px; display:table; }

.fastdetaljsubnavbtn{display:block; float:left; border: 1px solid #e4e4e4; height:22px; line-height:22px; 
background: url(/filearchive/7/723/fastsubbtn.gif) repeat-x; padding:0 15px; margin-right:2px; }

.DetaljFastInfo{clear:both; padding-left:10px; width:355px; }

.FastDetName{color:#006600; font-size:15px; font-weight:bold; margin-bottom:8px; width:600px;}

.DetaljFastDesc{/*display:table;*/ margin-top:20px; margin-bottom:10px; width:600px;}

.AllmanInfoheader{height:27px; line-height:27px; background-color:#f1f1f1; font-weight:bold; padding-left:10px; width:600px; margin-top:10px;}
.AllmanInfoContent{padding-left:10px; margin-top:10px; width:600px; margin-top:10px;}

.AnsvarigMaklareHeader{height:27px; line-height:27px; background-color:#f1f1f1; font-weight:bold; padding-left:10px; width:600px;margin-top:10px;}
.AnsvarigMaklareContent{padding-left:10px; width:600px;margin-top:10px;}

/* FASTIGHETER ****************************/

div.SGFastighetImages { width: 550px; }

div.SGFastighetImg { float:left;width:255px;height:255px;margin-right:10px;margin-bottom:10px; }


/* REGIONSBEVAKNING ***********************/
#divMapContainer {
   width:334px;
   height:800px;
   position:absolute;
   top:-40px;
   left:350px;
   background-image:url('/filearchive/4/4649/regionskarta.png');
   background-repeat:no-repeat;
}
#divMapOverlays {width:334px; height:800px; position:absolute;}
#divImageMap {width:334px; height:800px; position:absolute; z-index:10;}
.imagemap_region_overlay_visible {width:334px; height:800px; position:absolute; z-index:1; }
.imagemap_region_overlay_hidden {width:334px; height:800px; position:absolute; z-index:1; display:inline; left:-9999px; }
.imagemap_region_overlay {width:334px; height:800px; position:absolute; z-index:1; display:inline; left:-9999px; }

.lblMessage {width:350px; display:block;}

/* Tillfällig CSS för prospekt */
.fastsublinks { width:602px; }
.prospekt_link { float:right; }

.prospectbtnwrapper{position:absolute; margin-left:387px;}

/* Ny search */

.searchwrapper{background: url(/filearchive/6/6830/searchwrapperbg.jpg) no-repeat; height:41px; line-height:43px; width:979px;}
.searchheader{width:150px; margin-left:10px; color:#fff; float:left;}

.searchwrapper .puffoption{margin:10px 0; float:left;}

/* Puff1 Sök ****************************/
.content .puffsearch {margin:0px 0px 11px 0px;}

.content .puffsearch .puffoption {text-align:left; margin:10px 10px 10px 0; }

.content .puffsearch option {text-align:left; }

.content .puffsearch select {text-align:left; width:256px; }

.content .puffsearch .searchbutton {background: url(/filearchive/6/6836/searchbtnv2.png) no-repeat 0 2px; width:120px; height:32px; color:#fff; font-family: helvetica, arial; font-size:15px; border:none; cursor: pointer; line-height:32px; font-weight:bold;}

.searchbtnwrapper{position:relative; top:4px; width:120px; float:left;}