/*
 * Main stylesheet for the new cleaned structure.
 *
 * 090814	HE		Initial version
 * 111028	NP		Removed some imports
 */

@import url("Structure.css");
@import url("Font.css");
@import url("CM.css");

@import url("Elements/General.css");
@import url("Elements/TopMenu.css");
@import url("Elements/SubMenu.css");
@import url("Elements/Lists.css");
@import url("Elements/Boxes.css");
@import url("Elements/Grids.css");
@import url("Elements/DynamicMap.css");
@import url("Elements/Slider.css");


/*
 * Site structure
 *
 * 090814	HE		Initial version
 * 090902	HE		Updated the site grid to standard 960-grid measures (www.960.gs)
 *					Removed obsolete col-sizes col70 & col30.
 */
 
/*
 * Main site containers 
 */
div.siteHeader-container {width:100%;background:#464a4d;}
div.siteMain-container {background:#fff;border-left:3px solid #99cc33;border-right:3px solid #99cc33;}
div.siteFooter-container {height:194px;width:100%;background: url("../Img/background.gif") no-repeat scroll 50% 0 #464a4d;}

div.siteHeader {height:180px;width:960px;}
div.siteMain {min-height:600px;}
div.siteFooter {padding-top:30px;}

/*
 * Site header
 */
div.siteHeader {}
ul.translate {float:right;width:50px;display:block;position:relative;right:247px;top:63px;}
ul.translate li a {color:#fff;text-decoration:none;font-size:18px;}
ul.translate li a:hover {color:#7a7a7a;}
div.search_area {float:right;width:200px;position:relative;top:40px;background:#fff;height:24px}

div.search_area .search_field {
    border: medium none;
    border-radius: 0;
    height: 13px;
    width: 148px;
}

div.search_area .btn_search {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #464a4d;
    cursor: pointer;
    font-family: "Source Sans Pro";
    font-size: 14px;
    height: 24px;
    padding-right: 3px;
}
ul.login li {float:right;}
ul.login li a {background:#99cc33;color:#000;text-align:center;width:320px;line-height:41px;display:block;font-size:18px;text-decoration:none;}
ul.login li a:hover {color:#464a4d;}
/*
 * Sidebar container 
 */
div.siteSidebar {}
	
/*
 * Content containers 
 */
div.siteContent {}
div.siteContentFull {}
div.siteContentPopup {}
div.siteContentIframe {}	
	
/*
 * Footer elements 
 */
div.siteBreadcrumbs {float:none;text-decoration:none;color:#575757;padding:20px 10px;}
div.siteBreadcrumbs a {color:#575757;text-decoration:none;font-size:11px;}
div.siteBreadcrumbs a b {color:#99cc33;font-weight:normal;}
body.default div.siteBreadcrumbs {display:none;float:none !important;}
div.siteContact {color: #fff;float: left;font-size: 14px;width:160px;padding-top:20px;}
div.siteLogos {}
ul.siteOptions {float: right;font-size: 14px;padding-right:90px;width: 130px;padding-top:20px;}
ul.siteOptions li {display:block;}
ul.siteOptions li a {color:#fff;text-decoration:none;}
ul.siteOptions li a:hover {color:#7a7a7a;text-decoration:none;}
ul.footerlogos {width:500px;height:75px;float:right;padding-top:15px;margin-left:20px;}
ul.footerlogos li {}
ul.footerlogos li a.astorp {background: url("../Img/footer_astarp.png") no-repeat scroll 100% 50% transparent;width:200px;height:100px;display:block;margin-left:260px;}

/*
 * Page containers 
 */
.col100, .col75, .col50, .col37, .col25 {}
.col100 {}
.col75  {}
.col50  {}
.col37  {}
.col33  {}
.col25  {}
.page-popup {}

/*
 * Errormessage control
 */
div.errormsg {}
div.erroricon{}
div.errortext {}

input {
    height: auto;
}

/* 
 * General
 */
html {}
body {background:#d2d2d2;font-family:'Source Sans Pro';height:100%;font-size:14px;}
input, textarea, select {}
pre, code, kbd {}
strong, b {}
em {}
.ingress {font-size:16px;color:#383838;}
.pre-amble {}
.alert {}
p {font-size:14px;color:#464A4D;}
a {font-size:14px;color:#016633;}

/*
 * Headers
 */
h1, h2, h3, h4, h5 {background: transparent;color: #016633;font-weight:normal;font-size:100%;}
h1, h2.pagetitle  {font-size:26px;}
h2  {font-size:26px;}
h3  {font-size:24px;}
h4  {font-size:22px;}
h5  {font-size:20px;}
h6 {font-size:18px;}
h2.header, h3.header {}
.siteHeader h1 {padding-bottom:25px;}
    
/*
 * Menus
 */
ul.topmenu li a {}
ul.submenu li {}

/*
 * Search area
 */	
	

/*
 * Boxes
 */
.box {}
.primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6 {background:transparent;font-weight:normal;color:#000;}
.primary h3 {}
.secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6 {color:#016633;background:transparent;color: #016633;}
.box-rental h2, .box-resident h2 {}

.box-secondary h3, .secondary h3, .box-secondary h4, .secondary h4 {background:transparent;color:#016633} 
h2.localnews {}

ul.mypage_profile_interest_header h4 {font-size: 16px;background:transparent;}

span.button-list input {}	
a.link-large {}
.siteBreadcrumbs,.siteOptions {}
.siteContact {}

div.siteHeader table {}
ul.form {}
.box ul.form {}
.pageFooter input {}
div.navbar div.text {}
	
.tbl_list {}
.tbl_cell_list_header {}
.tbl_grid {}
.agreetext, .infotext {}


/*
 * Styles used by content from the CM-editor in PortalAdmin
 *
 * 090824	HE		Initial version
 */
 
/* 
 * Snippets 
 */
.tbl_snippets_main {}
.tbl_snippets_main_70 {}
.tbl_snippets_main_hss {}
.tbl_cell_snippet_spacer {}
.tbl_cell_snippet_33 {}
.tbl_cell_snippet_50 {}
.tbl_cell_snippet_70 {}
.tbl_cell_snippet_100 {}
.link {}


/*
 * Paragraphs
 */
p {}
p.mul-img img {}
p.mul-plan img {}
p.pNoEntries {}
	
/*
 * Hyperlinks
 */
a.image {}
a.planning {}
a.bulleted {}
a.icon-areainfo img {}
	
/*
 * Form elements
 */
input, select, textarea {}
input, textarea {}
input.no-border, table.no-border input, span.no-border input {}

/*** Checkbox ***/
input.check, table.check input, span.check input {}

/*** Radiobutton ***/
input.radio, table.radio input, span.radio input, span.radio label  {}
	
/*** Submit button ***/
.btn, .btn-disabled {}
.btn {}
.btn-disabled {}

/*** Input element default sizes ***/
.col50 .box-inner .textbox,
.col75 .box-inner .textbox {}
.col50 .box-inner .textarea,
.col75 .box-inner .textarea {}
	
/*
 * Horizontal rule 
 */
hr {}

/*
 * Button list
 */
span.button-list input, span.button-list a {}
span.button-list a {}	
span.button-list a.selected {}	
.rentalinfo input, .rentalinfo a {}

/* 
 * Navigation bar
 */
div.navbar {margin-top:20px;}
div.navbar .buttons {}
div.navbar .buttons input {}
div.navbar .buttons input dimmed {}
div.navbar .buttons .btn_first {}
div.navbar .buttons .btn_prev {}
div.navbar .buttons .btn_next {}
div.navbar .buttons .btn_last {}
div.navbar .text {}
div.navbar .text a {}
div.navbar .text p {}
div.navbar .text p.left {color:#fff;}
div.navbar .text p.right {}

/*
 * Page form header & footer
 */
div.pageHeader, div.pageSubHeader {}
div.pageHeader, div.pageSubHeader {}
div.pageFooter {}
div.pageFooter input {}

/*
 * Validator 
 */
td div.validator-valid, td div.validator-unvalid {}
div.validator-valid {}
div.validator-unvalid {}
span.validation-summary {}
span.forminfo-icon {}
span.forminfo-text {}

/*
 * Landlord presentation
 */
div.landlord-area {}
div.landlord-img {}
div.landlord-img img {}
ul.landlord-list {}
ul.landlord-list li {}
ul.landlord-list li div.label {}
	
/* 
 * Image text 
 */
div.image-text-basic {}
div.image-text-basic img {}
div.article {}

/* 
 * Parking-direct & Object-direct & Storage-direct
 */
span.ico_p-direct, span.ico_object_direct, span.ico_storage-direct {}
span.ico_p-direct {}
span.ico_object_direct {}
span.ico_storage-direct {}
    
/* NEWS DATE */
span.newsdate {}

/* COMMENT*/	
span.comment {}

/* 
 * Table list
 */
table.tbl_list {}
table.tbl_list tr td {}
table.tbl_list tr.tbl_cell_list_header td {}

/* 
 * Table grid
 */
table.tbl_grid {}
table.tbl_grid tr td {}
.headerstyle {}
.alternate {}

/*
 * Control specific styles
 */
div.ImageTextStyles {}

/*
 * Search Area Results
 */
div.search_results {}
div.search_results .search_textfield_area {}
div.search_results .navbar {}

ul li.ico_rentalinfo { display:none; }

/*
 * TopMenu definition.
 *
 * 090817	HE		Initial version
 */

/*** Reset all list-styles ***/
ul.topmenu, ul.topmenu li {float:left;}

/*** Setup basic menu look ***/
ul.topmenu {width:639px;background:#016633;border-right:1px solid #fff;height:41px;}
ul.topmenu li {}
ul.topmenu li a {line-height:41px;color:#fff;background:#016633;font-size:17px;text-decoration:none;padding-left:13px;padding-right:13px;border-left:1px solid #fff;}
ul.topmenu li a:hover {color:#24a07f;}

/*** Selected item or selected child-item ***/

ul.topmenu li.selected, ul.topmenu li.childselected {}
ul.topmenu li.selected a, ul.topmenu li.childselected a {color:#00563f;background:#fff;font-size:18px;padding-left:11px;padding-right:12px;border-left:1px solid #fff;padding-bottom:1px;}
ul.topmenu li.selected a:hover, ul.topmenu li.childselected a:hover {color:#24a07f;}


/*** Element padding ***/
ul.submenu {background:#fff;width:220px;padding:0 0 5px 0;min-height:90px;border-top:1px solid #016633;}
ul.submenu ul {}
ul.submenu ul a {}
ul.submenu ul ul a {}

/*** Link styles ***/
ul.submenu a {font-size:14px;text-decoration:none;color:#016633;line-height:25px;border-bottom:none;font-weight:normal;padding: 4px 0 7px 10px;}
ul.submenu a:hover {color:#24a07f;}

/*** Special styles ***/
ul.submenu li {}
ul.submenu li.selected {color:#fff;background:#016633;}
ul.submenu li.selected a {color:#fff;background:#016633;padding-left:10px;}
ul.submenu li.selected a:hover {color:#24a07f;}
ul.submenu li.collapsed {background: url("../../Img/submenu_expand.png") no-repeat 190px 10px transparent;}

ul.submenu li.collapsed.selected a {background: url("../../Img/submenu_expand.png") no-repeat 190px 10px transparent;color:#00563F;}
ul.submenu li.collapsed.selected {}
ul.submenu li.expanded {background: url("../../Img/submenu_expand.png") no-repeat 190px 10px transparent;}
ul.submenu li.expanded.childselected {background: url("../../Img/submenu_collapse.png") no-repeat 190px 10px #5fcff3;}

ul.submenu li.expanded {background: url("../../Img/submenu_collapse.png") no-repeat 190px 10px transparent;}
ul.submenu li.expanded a:hover {color:#24a07f;}
ul.submenu li.expanded.childselected {background:#00a753;width:220px;}
ul.submenu li.expanded.childselected a {background: url("../../Img/submenu_collapse.png") no-repeat 190px 10px #008d46;color:#fff;}
ul.submenu li.expanded.childselected ul li a {background:transparent;padding-left:20px;}
ul.submenu li.expanded.childselected a:hover {color:#59d0b1;}


ul.submenu li.expanded:before, ul.submenu li.collapsed:before {
display:none;
visibility:hidden
}

/*
 * Ordered/Unordered lists 
 */
ul, ol {}
ul li {}
ol li {}

/* 
 * Horizontal list 
 */
ul.horizontal {}
ul.horizontal li, div.box-primary-inner ul.horizontal li, div.box-secondary-inner ul.horizontal li, div.box-inner ul.horizontal li {}
ul.horizontal-bulleted {}
ul.horizontal-bulleted li {}
div.related-content div.box-inner li.doc_document {}
div.related-content div.box-inner li.inf_link {}
div.related-content div.box-inner li.cm_page {}

/*
 * Boxlist
 */
ul.boxlist {}
ul.boxlist li {}

/* 
 * FAQ List 
 */
ul.faq-list {}
ul.faq-list li {}
ul.faq-list .icon-question {}
ul.faq-list .icon-answer {}
ul.faq-list .question {}
ul.faq-list .question, ul.faq-list .answer {}

/* 
* Sitemap
*/
.sitemap_paragraph {}

/* 
 * Sitemap List 
 */
ul.link {}
ul li.maplink {}

/* 
 * ListAvailable
 */
ul.listavailable {}
.col50 ul.listavailable li a {}
.col25 ul.listavailable li a.align-left {}
ul.listavailable a img {}

/*
 * Thumbnail list
 */
div.thumbnail-container {}
ul.thumbnail-list {}
ul.thumbnail-list img {}
.thumbnail-container ul.thumbnail-list li {}
.thumbnail-container ul.thumbnail-list li.alignleft {}
.col25 .thumbnail-container ul.thumbnail-list li {}
.col25 .thumbnail-container ul.thumbnail-list li.alignleft {}


/*** General rules ***/
.box {}
.box-outer {min-height:60px;}
.box .noheight {}
.box-inner {min-height:60px;}
.box a.rss {}
.box a img {}
.box a.rss img {}
td.box-inner {}

/*** Primary ***/
.primary {color:#212121}
.primary .box-inner {background:#99cc33;}
.primary hr {background:#fff}
.primary p {font-size:14px;color:#000}
.primary a {}
.primary a.bulleted  {background:transparent;padding-left:0;font-size:14px;color:#000;}

.primary a.bulleted::before {
    color: #000;

}

/*** Secondary ***/
.secondary {}
.secondary .box-inner {background:#d2d2d2;}
.secondary hr {background:#575757}
.secondary a {}
.secondary p {font-size:14px;color:#212121}
.secondary a.bulleted:before {
    color: #016633;
}
	
/*** Login Control ***/
.col25 div.loginarea span {}
.col37 div.loginarea span {}
.col37 div.loginarea input {}
.col37 div.loginarea input.btn {}

/*** Ingångar ***/

.default .col33 {width:310px;}
.default .col33 .box-inner {padding:0}
.default .col33 .ledigt .box-inner {margin-top:10px;height:140px;}
.default .col33 .ledigt .box-outer {background:#016633;}
.col33 .ledigt h4 {color:#fff;font-size:33px;padding:20px 0 0 15px;line-height:30px;}
.col33 .ledigt a {color:#fff;font-size:14px;text-decoration:none;padding:20px;}
.col33 .ledigt a:hover {color:#24a07f;font-size:14px;text-decoration:none;padding:20px;}
.col33 .minasidor .box-inner {background:#016633;height:140px;margin-top:1px;}
.col33 .minasidor a {color:#fff;font-size:14px;text-decoration:none;padding:20px;}
.col33 .minasidor a:hover {color:#24a07f;font-size:14px;text-decoration:none;padding:20px;}
.col33 .minasidor h4 {color:#fff;font-size:33px;padding:20px 0 0 15px;line-height:30px;}
.col33 .serviceanmalan .box-inner {background:#016633;height:140px;margin-top:1px;}
.col33 .serviceanmalan h4 {color:#fff;font-size:33px;padding:20px 0 0 15px;line-height:30px;}
.col33 .serviceanmalan a {color:#fff;font-size:14px;text-decoration:none;padding:20px;}
.col33 .serviceanmalan a:hover {color:#24a07f;font-size:14px;text-decoration:none;padding:20px;}
.col33.ingang .box-inner {position:relative;}
span.ikon {height:140px;width:100px;position:absolute;top:10px;right:-5px;display:block;}
span.ikon:hover {height:140px;width:100px;position:absolute;top:12px;right:-5px;display:block;}

/***Puffar***/

.box.primaryfocus {margin-bottom:0;}
.primaryfocus .box-inner {padding:0;margin-top:10px;margin-bottom:0;}
.primaryfocus .box-inner.column h3 {background:transparent;width:220px;float:right;color:#016633;font-size:24px;margin-bottom:10px;}
.primaryfocus .box-inner.column p {width:220px;float:right; font-size:14px;color:#545654;}
.primaryfocus .box-inner.column img {float:left;}
.primaryfocus .box-inner.column a {padding:2px 6px;background:#016633;color:#fff;text-decoration:none;}
.primaryfocus .box-inner.column a:hover {color:#24a07f;}

/*
 * Table grid list
 */
div.grid {}
table.gridlist {}
table.gridlist tr.headerrow {}
table.gridlist tr.marked {}
table.gridlist tr.dimmed {}
table.gridlist td {}
table.gridlist td.header, tr.header td {}
table.gridlist td.header a, tr.header td a {}
table.gridlist td.header a:hover, tr.header td a:hover {}
table.gridlist td.header a.sel-asc, table.gridlist tr.header td a.sel-asc {}
table.gridlist td.header a.sel-desc, table.gridlist tr.header td a.sel-desc {}
table.gridlist td.listitem-even, tr.listitem-even td {}
.box-primary table.gridlist td.listitem-even, .box-primary tr.listitem-even td,
.box-secondary table.gridlist td.listitem-even, .box-secondary tr.listitem-even td,
.box table.gridlist td.listitem-even, .box tr.listitem-even td,
.box-primary table.gridlist td.listitem-odd, .box-primary tr.listitem-odd td,
.box-secondary table.gridlist td.listitem-odd, .box-secondary tr.listitem-odd td,
.box table.gridlist td.listitem-odd, .box tr.listitem-odd td {}
table.gridlist td.listitem-odd, tr.listitem-odd td {}
table.gridlist td.listitem-level2, tr.listitem-level2 td {}
table.gridlist .label {}
table.gridlist tr td td {}
table.gridlist img.objectlist_icon {}

/*
 * UL form list
 */
ul.form {}
ul.form li {}
ul.form li.validator {}
ul.form li.label {}
.box-primary ul.form li.label,
.box-secondary ul.form li.label,
.box ul.form li.label {}
ul.form li.textvalue {}
ul.form li.value {}
ul.form li.text {}
div.siteContentIframe ul.form li.label {}
div.siteContentIframe ul.form li.text {}
ul.form li.textrow {}
ul.form li.value label {}
ul.form li.value input {}
ul.form li.label-large {}
.formstyle {}
.formstyle .label {}

/*
 * Statistics grid
 */
div.statistics table {}
    
/*
 * News-archive grid
 */
div.news-archive .date-column {}
div.news-archive .content-column .title {}

.dynamic-map {}
.dynamic-map a {}
.dynamic-map #infobox {}
.dynamic-map #infobox > div {}
.dynamic-map #fade_bg {}
.dynamic-map #fade_color {}
.dynamic-map #fade_bg img {}
.dynamic-map .more {}
.dynamic-map .more .nr {}
.dynamic-map .more .area-label {}


 /*
  * Slider width and position
  */
.col100 .slider,
.col100 .slider-container {}
.col75 .slider,
.col75 .slider-container {}
.col50 .slider,
.col50 .slider-container {}
.col25 .slider,
.col25 .slider-container {}
.col25 .slider,
.col25 .slider-container {}
.col66 .slider,
.col66 .slider-container {}
.slider-container {width:620px;margin-bottom:10px;margin-top:10px;}
.slider-inner {width:620px;}
.slider {height:422px;}
.slider img {width:620px;background:#464b4d;}

/*
 * Pager
 */
.pager-container {margin: -170px 0 0 50px;position:absolute;text-align: center;}
.pager {}
.pager li {border:0;background:transparent url(../../Img/pagination_unselected.png) no-repeat 50% 50%;width:29px;height:40px;margin:11px;}
.pager li.selected {border:0;background:transparent url(../../Img/pagination_selected.png) no-repeat 50% 50%;}
/*
 * Prev/Next buttons
 */
#slider_next, #slider_prev {top: 67%;}
#slider_next {background:transparent url("../../Img/pager_right.png") no-repeat 50% 50%;}
#slider_prev {background:transparent url("../../Img/pager_left.png") no-repeat 50% 50%;}
#slider_next[style], #slider_prev[style] {top:264px !important;}
#slider_prev[style] {left:0px !important;}

/*
 * Slider Text
 */


div.ImageTextStyles {margin:0;} 
div.ImageTextStyles.Image {height:371px;overflow:hidden;}
div.ImageTextStyles.Text {position:absolute;width:620px;height:100px;bottom:0px;background:#464b4d;}

div.ImageTextStyles.Text div.sliderTitle, div.ImageTextStyles.Text {}
div.ImageTextStyles.Text div.sliderTitle {color:#fff;font-size:30px;line-height:40px;padding: 0px 10px 0 10px;}
div.ImageTextStyles.Text p {font-size:13px;color:#fff;padding:0 10px 0px 10px;margin:0}
div.ImageTextStyles.Text p a {color:#fff;font-size:13px;margin-left:0px;text-decoration:none;background:none;float:right;}
div.ImageTextStyles.Text p a:visited {}
div.ImageTextStyles.Text p a:hover {color:#687072;}
div.ImageTextStyles.Text px a:active {}
div.ImageTextStyles.Text p a span.abstract {display:inline;font-size:13px;line-height:21px;color:#fff;}
div.ImageTextStyles.Text hr {display:none;}
div.ImageTextStyles a.bulleted::before {

    display:none;
    visibility:hidden;

}

p.readmore {text-align:left;}

.devwatermark {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 144px;
    position: fixed;
    bottom: 49px;
    right: 8px;
    opacity: 0.05;
    z-index: 99;
    color: black;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}