@import	url('reset.css');
@import	url('flexslider.css');
@font-face {font-family: DINWeb; src: url("../ff-din-web-1/DINWeb.woff") format("woff");}
@font-face {font-family: DINWebBold; src: url("../ff-din-web-1/DINWeb-Bold.woff") format("woff");}

html {
background-color: #3C3C3B; /*the footer color*/
}

body {

background-color: #fff; /*the body color*/
}
body					{ font-size: 14px; letter-spacing: 1px; font-family: DINWeb; font-style: normal; font-weight: 400; color: #3c3c3b;}

/* "din-condensed-web" */
a						{ text-decoration: none; color: #3c3c3b;}
p						{ margin-bottom: 20px; font-size: 14px; line-height: 20px; font-weight: 200; }
h1						{ font-size: 25px; margin-bottom: 40px; display: inline-block; border-bottom: 2px solid; padding-bottom: 5px; font-weight: 200;} 
h2						{ font-size: 25px; margin-bottom: 40px; display: inline-block; border-bottom: 2px solid; padding-bottom: 5px; font-weight: 200;} 
h3						{ color: #9CC100; font-size: 14px; margin-top: 20px;  font-weight: 200;} 
br 						{ line-height: 125%; }

strong					{ font-weight: 700; color: #4A4949;}

/*FÄRGER*/
.green					{ color: #9CC100 !Important; }
.mint					{ color: #F0F6DB }
.orange					{ color: #feece4 }
.darkOrange				{ color: #fb8243 }
.grey					{ color: #E0E0E0 }
.darkGrey				{ color: #4A4949 }
.black					{ color: #3c3c3b }
.mintBg					{ background: #F0F6DB }


.border3px				{ width: 100%; height: 3px; background: #4A4949; clear: both; margin: 20px 0px; }


.bold					{ font-weight: 700 !Important;}
.uppercase				{ text-transform: uppercase;}
.clear					{ clear: both; }
.right					{ float: right; }
.left					{ float: left; }
.center					{ margin: auto; text-align: center; display: inherit !important 	}

.currentPageColor		{ color: #9CC100; }

.title					{ }


.page-title				{ font-size: 12px; color: #4A4949; border-bottom: 0px solid !important; text-transform: uppercase; margin: 16px 0px 0px 0px !Important; padding: 0px !Important; }

.page-title:before		{ content: '> '; font-size: 16px;}

.title h2				{ text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; font-size: 28px;}
.title h2 a				{ text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; font-size: 28px;}
.marginTopHeaderFp		{ margin-top: -35px;  }


.pagePadding			{ padding: 40px 80px; }

.verticalAlign			{ top: 50%; transform: translateY(-50%)}
.textAlign				{ text-align: center; }

.vc_row					{ background: #fff; }
.narrow					{ width: 959px; margin: auto; }
.vc_row					{ margin-left: 0px !important; margin-right: 0px !important; }

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 40px; }
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 { padding-left: 0px !important; padding-right: 0px !important; }
 
 
 
 
 
 
 .whiteBgContent strong								{ margin-left: 40px; }
 .page-id-203 strong								{ margin-left: 0px !important; }
 .whiteBgContent ul li								{ margin-left: 55px !important; }
 

#sbiframeWrapper									{ width: 795px; height: 1000px; margin: auto; }
#sbiframe											{ width: 100%; height: 1000px;  border: 0px solid }
 

/*MENYER*/
#menu												{ width: 100%; max-width: 1170px; border-bottom: 3px solid #3c3c3b; 
                                                       display: none }

#menu nav 		 									{ padding: 30px 0px 0px 0px; }

#menu nav a		 									{ color: #3c3c3b; text-transform: uppercase; font-size: 11px;   }
#menu nav a						 					{ color: #3c3c3b; text-transform: uppercase; font-size: 11px;   }

#menu-huvudmeny_bostad li							{ width: 159px; float: left; margin: 0px 22px; }
#menu-huvudmeny_bostad li:last-child				{ margin: 0px 0px 0px 20px ;}
#menu-huvudmeny_bostad li:first-child				{ margin: 0px 20px 0px 0px;}

#menu > nav > ul > li > a 							{ text-transform: uppercase; font-size:  12px; font-weight: bold;}

.grandparent-4 .current-menu-item > a 				{ color: #9CC100 !important; }
.grandparent-6 .current-menu-item > a 				{ color: #fb8243 !important; }

.sub-menu li ul li 									{ margin-left: 5px !important;  }
.sub-menu li ul li a								{ text-transform: none !important; }

.menuBorderDiv										{ width: 100%; height: 2px; background: #3c3c3b; margin: 10px 0px 0px;}
.noMarginMenu										{ margin: 5px 0px 22px 0px !important}


#menu-huvudmeny_bostad .sub-menu					{ margin-top: 25px; }
#menu-huvudmeny_bostad .sub-menu li					{ float: none; margin: 15px 0px !important; }

/*lokal */
#menu-huvudmeny_lokal li							{ width: 159px; float: left; margin: 0px 22px; }
#menu-huvudmeny_lokal li:last-child					{ margin: 0px 0px 0px 20px ;}
#menu-huvudmeny_lokal li:first-child				{ margin: 0px 20px 0px 0px;}
#menu-huvudmeny_lokal .sub-menu						{ margin-top: 25px; }
#menu-huvudmeny_lokal .sub-menu li					{ float: none; margin: 15px 0px !important; }

/*stenbockengruppen*/
#menu-huvudmeny_sbgruppen li						{ width: 200px; float: left; margin: 0px 22px; }
#menu-huvudmeny_sbgruppen li:last-child				{ margin: 0px 0px 0px 20px ;}
#menu-huvudmeny_sbgruppen li:first-child			{ margin: 0px 20px 0px 0px;}
#menu-huvudmeny_sbgruppen .sub-menu					{ margin-top: 25px; }
#menu-huvudmeny_sbgruppen .sub-menu li				{ float: none; margin: 15px 0px !important; }

#menu > nav > ul > li > a 							{ text-transform: uppercase; font-size:  12px; font-weight: bold;}

.sub-menu li ul li 									{ margin-left: 5px !important;  }
.sub-menu li ul li a								{ text-transform: none !important; }

.menuBorderDiv										{ width: 100%; height: 2px; background: #3c3c3b; margin: 10px 0px 0px;}
.noMarginMenu										{ margin: 5px 0px 22px 0px !important}





#openClose							{ margin: 20px 0px 0px 0px; float: left; cursor: pointer; font-size: 12px; }
.borderMenu							{ width: 34px; height: 5px; margin-bottom: 5px; background: #3c3c3b; font-weight: bold; color: #3c3c3b; }
#switchSite							{ float: right; text-align: right; margin: -79px 0px 0px 0px; text-transform: uppercase; }
#switchSite ul li					{ margin-bottom: 8px; font-size: 12px; }

.minaSidor:before					{ content: url(../images/grontlas.png); margin:-5px 0 0 50px; float: left; }

/*MENYER SLUT */

/*STARTSIDA ÖVERSIKT*/

 
.fpBoxThreeCol						{ width: 375px; height: 440px; float: left; text-align: center; }
.fpBoxThreeCol .title				{ margin-top: 180px; font-size: 26px; letter-spacing: 2px; text-transform: uppercase; z-index: 2; position: relative;}
.fpBoxThreeColMargin 				{ margin: 0px 22px; }

.fpBox1								{ background: url(../images/bostad-375x762-2.jpg) no-repeat; overflow: hidden; background-position: 0px 0px; }
.fpBox2								{ background: url(../images/lokal-2.jpg) no-repeat; overflow: hidden ; background-position: 0px 0px;}
.fpBox3								{ background: url(../images/sb-gruppen-2.jpg) no-repeat; overflow: hidden; background-position: 0px 0px; }

.fpBoxThreeCol:hover:before			{ width: 375px; height: 630px; content: ''; display: block; background-color: rgba(0,0,0,0.5); z-index: 45645654 }

.fpBoxThreeCol:hover  .title 		{ margin-top: -450px !Important;} 

/*******************/


/*STARTSIDA BOSTAD */
.bostadFpColumn50					{ width: 577px; float: left; }
.bostadFpColumn50MarginRight		{ margin-right: 16px; }
.bostadFpColumn50MarginBottom		{ margin-bottom: 16px; }

#dinBostad							{ width: 100%; height: 576px; background: url(../images/lediga-lagenheter.jpg) no-repeat; text-align: center; }
#ledigaLagenheter					{ width: 100%; height: 280px; background: url(../images/service-anmalan.jpg) no-repeat; text-align: center; }
#manniskor							{ width: 100%; height: 280px; background: url(../images/barn-577x280.jpg) no-repeat; text-align: center; }
#minaSidor							{ width: 100%; height: 280px; background: url(../images/intresseanmalan.jpg) no-repeat; text-align: center;}
#omStenbocken						{ width: 100%; height: 280px; background: url(../images/vara-fastigheter.jpg) no-repeat; text-align: center; }
#tips-bostad-fp						{ width: 100%; height: 577px; background: url(../images/bild-sleipner-2.png) no-repeat; background-size: contain; text-align: center; margin-bottom: 16px;}

.titleFp							{ padding: 168px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px; }
.titleFpTips						{ padding: 122px 30px 0px 30px; margin: auto; display: inline-block; letter-spacing: 2px; font-size: 30px;
										line-height: 44px; text-transform: uppercase; }
.titleFp a							{ font-size: 30px; text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; }

.titleFpSmall						{ padding: 68px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px; text-transform: uppercase }
.titleFpSmall a						{ font-size: 30px; text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; }

#tips-bostad-fp .titleFpTips		{ color: black;padding: 50px 30px 0px 30px;font-size: 22px;line-height: 34px; max-width: 25rem;}
/*******************/

/*STARTSIDA LOKAL */
.lokalFpColumn50					{ width: 577px; float: left; }
.lokalFpColumn50MarginRight			{ margin-right: 16px; }
.lokalFpColumn50MarginBottom		{ margin-bottom: 16px; }

#lokal1								{ width: 100%; height: 576px; background: url(../images/din-lokal.jpg) no-repeat; text-align: center; }
#lokal2								{ width: 100%; height: 280px; background: url(../images/vara-fastigheter-lokal.jpg) no-repeat; text-align: center; }
#lokal3								{ width: 100%; height: 576px; background: url(../images/bra-att-veta.jpg) no-repeat; text-align: center; }
#lokal4								{ width: 100%; height: 280px; background: url(../images/kundservice-lokal.jpg) no-repeat; text-align: center;}
#ledigaLokaler						{ width: 100%; height: 280px; background: #FFECE5; text-align: center; }
#lokalBox							{ width: 100%; height: 280px; background: url(../images/lediga-lokaler-lokal.jpg) no-repeat; text-align: center; }
#tips								{ width: 100%; height: 577px; background: #F0F6DB; text-align: center; }

.titleFp							{ padding: 168px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px; }
.titleFp a							{ font-size: 30px; text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; }

.titleFpSmall						{ padding: 95px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px; }
.titleFpSmall a						{ font-size: 30px; text-transform: uppercase; display: inline-block; border-bottom: 3px solid #3c3c3b; padding-bottom: 5px; color: #3c3c3b; }

/*******************/

/*******************/

/*STARTSIDA SBGRUPPEN */
.lokalFpColumn50					{ width: 577px; float: left; }
.lokalFpColumn50MarginRight			{ margin-right: 16px; }
.lokalFpColumn50MarginBottom		{ margin-bottom: 16px; }

#sbgruppenbox1						{ width: 100%; height: 576px; background: url(../images/om-oss.jpg); no-repeat; text-align: center; }
#sbgruppenbox2						{ width: 100%; height: 280px; background: #feece4; text-align: center; }
#sbgruppenbox3						{ width: 100%; height: 280px; background: #E0E0E0; text-align: center; }
#sbgruppenbox4						{ width: 100%; height: 280px; background: url(../images/fastigheter-sb-gruppen.jpg); no-repeat;  text-align: center; }
#sbgruppenbox5						{ width: 100%; height: 280px; background: url(../images/finans-info-sbgruppen.jpg) no-repeat; text-align: center; }
#sbgruppenbox6						{ width: 100%; height: 576px; background: #fb8243; text-align: center; }

.titleFp							{ padding: 168px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px; font-size: 25px; text-transform: uppercase; }
.titleFp a							{ font-size: 25px; text-transform: uppercase; display: inline-block; border-bottom: 2px solid #3c3c3b; padding-bottom: 4px; color: #3c3c3b; }

.titleFpSmall						{ padding: 112px 0px 0px 0px; margin: auto; display: inline-block; letter-spacing: 2px;   }
.titleFpSmall a						{ font-size: 25px; text-transform: uppercase; display: inline-block; border-bottom: 2px solid #3c3c3b; padding-bottom: 4px; color: #3c3c3b; }

/*******************/


/* VÅRA FASTIGHETER */

.fastighetBlock						{ width: 100%; height: 230px; padding: 70px 0px 40px 0px; border-bottom: 3px solid #3c3c3b;  }
.fastighetBlockImg					{ height: 250px; margin-right: 16px; float: left; }
.fastighetBlockInfo					{ max-width: 240px; float: left; }
.fastighetBlockInfo h3				{ text-transform: uppercase; margin-bottom: 5px; margin-top: 0px !Important;}
.fastighetBlockInfo ul				{ margin-top: 20px;	   }
.fastighetBlockInfo ul li			{ margin-bottom: 10px; }

.fastighetBlockLeft					{ width: 50%; float: left  }
.fastighetBlockRight				{ width: 50%; float: right }

.fastighetInfoBox					{ padding: 30px 0px; text-align: center; border-bottom: 3px solid #3c3c3b; }
.fastighetInfoBox span				{ font-size: 20px; font-weight: 400; line-height: 30px; }

/********************/

/*VÅRA LÄGENHETER*/

#map_canvas							{ width: 1170px; height:450px; margin-bottom: 30px; float: left; }

.apartmentBlock						{ width: 100%; height: 245px; padding: 40px 0px 40px 0px; border-bottom: 3px solid #3c3c3b;  }
.apartmentBlockImg					{ margin-right: 16px; float: left; }
.apartmentBlockInfo					{ width: 33%; float: left; }
.apartmentBlockInfo h3				{ text-transform: uppercase; margin:0px 0px  5px 0px !Important;}
.apartmentBlockInfo ul				{ margin-top: 43px;	   }
.apartmentBlockInfo ul li			{ margin-bottom: 10px; }

.apartmentBlockLeft					{ width: 50%; float: left  }
.apartmentBlockRight				{ width: 50%; float: right }

.apartmentInfoBox					{ padding: 30px 0px; text-align: center; border-bottom: 3px solid #3c3c3b; }
.apartmentInfoBox span				{ font-size: 25px; font-weight: 400; }

.apartmentBlock .address			{ cursor: pointer; }

.pageBigTextApart						{ max-width: 425px; margin-left: 50px;  }
.pageBigTextApart p						{ font-size: 24px; color: #3c3c3b; line-height: 34px; }

/********************/

/*VÅRA LOKALER*/

#map_canvas							{ margin-bottom: 30px; float: left; }

.premisesBlock						{ width: 100%; height: 245px; padding: 40px 0px 40px 0px; border-bottom: 3px solid #3c3c3b;  }
.premisesBlockImg					{ margin-right: 16px; float: left; }
.premisesBlockInfo					{ float: left; }
.premisesBlockInfo h3				{ text-transform: uppercase; margin:0px 0px  5px 0px !Important;}
.premisesBlockInfo ul				{ margin-top: 43px;	   }
.premisesBlockInfo ul li			{ margin-bottom: 10px; }

.premisesBlockLeft					{ width: 52%; float: left  }
.premisesBlockRight					{ width: 48%; float: right }

.premisesInfoBox					{ padding: 30px 0px; text-align: center; border-bottom: 3px solid #3c3c3b; }
.premisesInfoBox span				{ font-size: 25px; font-weight: 400; }

.premisesBlock .address				{ cursor: pointer; }

.pageBigTextApart					{ max-width: 425px; margin-left: 50px;  }
.pageBigTextApart p					{ font-size: 24px; color: #3c3c3b; line-height: 34px; }

/********************/



/* SIDA */
.headerh2									{ display: inline-block; }

.redFontHeader p							{ color: #fb8243; font-size: 24px !Important; font-weight: 200; line-height: 32px  }

.redContent									{ background: #feece4; padding: 40px; }

/*grandparent 4 */
.grandparent-4 .redContent h2				{ color: #9CC100; margin-bottom: 50px; border-bottom: 0px solid !important; line-height: 35px; display: inherit; }
.grandparent-4 .redContent h3				{ color: #9CC100; margin-bottom: 5px; text-transform: uppercase; margin-top: 25px !important; font-size: 14px; }
.redContent .wpb_text_column				{ margin-bottom: 40px !Important;	  }

.grandparent-4 .whiteBgContent				{ padding: 50px 100px; border: 100px solid #F0F6DB; border-top: 50px solid #F0F6DB; background: #fff; } 
.grandparent-4 .whiteBgContentNoPadding		{ padding: 0px 0px; border: 100px solid #F0F6DB; margin-bottom: 0px !Important; 
												border-top: 100px solid #F0F6DB; border-bottom: 0px solid; background: #fff; } 

/*grandpartent-6 */

.grandparent-6 .redContent h2				{ color: #fb8243; margin-bottom: 50px; border-bottom: 0px solid !important; line-height: 35px; display: inherit; }
.grandparent-6 .redContent h3				{ color: #fb8243; margin-bottom: 5px; text-transform: uppercase; margin-top: 25px !important; font-size: 14px; }
.redContent .wpb_text_column				{ margin-bottom: 40px !Important;	  }

.grandparent-6 .whiteBgContent				{ padding: 50px 100px; border: 100px solid  #feece4 ; border-top: 50px solid #feece4; background: #fff; } 
.grandparent-6 .whiteBgContentNoPadding		{ padding: 0px 0px; border: 100px solid  #feece4 ; margin-bottom: 0px !Important; 
												border-top: 100px solid #feece4; border-bottom: 0px solid; background: #fff; } 

/*grandparent 8 */
.grandparent-8 .redContent h2				{ color: #9CC100; margin-bottom: 50px; border-bottom: 0px solid !important; line-height: 35px; display: inherit; }
.grandparent-8 .redContent h3				{ color: #9CC100; margin-bottom: 5px; text-transform: uppercase; margin-top: 25px !important; font-size: 14px; }
.redContent .wpb_text_column				{ margin-bottom: 40px !Important;	  }

.grandparent-8 .whiteBgContent				{ padding: 50px 100px; border: 100px solid #F0F6DB; border-top: 50px solid #F0F6DB; background: #fff; } 
.grandparent-8 .whiteBgContentNoBorder		{ padding: 50px 100px; border-left: 100px solid #F0F6DB; border-right: 100px solid #F0F6DB;  border-top: 50px solid #F0F6DB; background: #fff; } 
.grandparent-8 .whiteBgContentNoPadding		{ padding: 0px 0px; border: 100px solid #F0F6DB; margin-bottom: 0px !Important; border-top: 100px solid #F0F6DB; border-bottom: 0px solid; background: #fff; } 

.noBorderTop								{ border-top: 0px solid !Important; }



.noBorderTop								{ border-top: 0px solid !Important; }


.orangeBgContent							{ padding: 100px 100px 100px 100px; background: #feece4; margin-bottom: 0px !Important; } 
.greenBgContent								{ padding: 50px 50px 50px 50px; background: #F0F6DB; margin-bottom: 0px !Important; } 

.pageBigText								{ max-width: 60%; margin: 30px auto; text-align: center;  }
.pageBigText p								{ font-size: 24px; color: #fb8243; line-height: 34px; }
.pageIngress								{ font-size: 23px; text-align: center; color: #9CC100; line-height: 30px; font-weight: 200; }

.vc_row-fluid ul							{ margin: 20px 0px; }
.vc_row-fluid ul li							{ margin-bottom: 20px; list-style: disc; margin-left: 15px; font-family: DINWeb; font-size: 14px; letter-spacing: 1px}

/*******/


/*KONTAKT OCH FELANMÄLAN */

#formBox							{ width: 88%; text-align: center; min-height: 600px; padding: 50px; background: #fff; float: left;}
#mainContactBox .icon				{ width: 35px; height: 35px; margin: auto; margin-bottom: 20px; }
#mainContactBox .phoneIcon			{ background: url(../images/grontele-36px-2.png) no-repeat;}
#formBox .mailIcon					{ background: url(../images/mail_icon_orange_25.png) no-repeat;}
#formBox .serviceIcon				{ width: 30px; height: 30px; float: left; background: url(../images/grontverktyg-30px.png) no-repeat;}

.formBoxContent						{ text-align: center; margin: auto;  margin-bottom: 50px;}
.formBoxContent p					{ margin-bottom: 0px }


#formBox li							{ margin-bottom: 20px; color: #fb8243 }
#formBox form						{ margin-top: 20px;}
#formBox select						{ width: 100%; height: 30px; background: #feece4; margin-bottom: 20px; color:  #fb8243; border: 0px solid; }

#formBox label						{ margin-bottom: 7px; float: left; color: #fb8243}
#formBox input						{ width: 100%; height: 30px; border: 0px solid; clear: both; background: #feece4 }
#formBox textarea					{ width: 100%; height: 100px; border: 0px solid; background:  #feece4; }
#formBox .checkbox					{ width: auto !Important;  height: auto !important; }
#formBox .submitBtn					{ width: 55px !Important; padding: 0px !important; 
									  background: #feece4; color: #fb8243; cursor: pointer; float: left; margin-top: 20px;  }
.checkBoxForm						{ width: 50px; height: 20px; float: left; color: #fb8243;}

#mainContactBox						{ width: 590px; padding: 0px 50px 0px 0px; float: left}

.bigPhoneno							{ font-size: 24px !important; margin: 0px 0px 10px 0px !important;	}

.contactBox100						{ width: 50%; margin: auto; min-height: 270px;  background: #fff !important; padding: 50px; text-align: center  }
.contactBox50MarginLeft				{ margin-right: 50px; }
.contactBox100 h2					{ text-align: center; border-bottom: 0px solid; margin-bottom: 0px; }
.contactBox30MarginBottom			{ margin-bottom: 30px !important;}
.contactBox10MarginBottom			{ margin-bottom: 10px !important;}

/*******************/

/*KONTAKTSIDA */

#contactPage						{ max-width: 755px; margin: auto}
#contactPage .phoneIcon				{ width: 35px; height: 35px; margin: auto; margin-bottom: 20px; background: url(../images/grontele-36px-2.png) no-repeat;}
#contactPage .formBoxContent		{ }
#contactPage .mailIcon				{ width: 35px; height: 35px; margin: auto; margin-top: 30px; margin-bottom: 20px; 
								      background: url(../images/gronmail-35px-2_2.png) no-repeat;}

#contactPage .rows .third			{ width: 33%; float: left; margin-top: 50px; }

/*******************/

/*BOLAGSSTRUKTUR*/


#companyStructure .rows .third				{ width: 33%; float: left; margin-top: 50px; }
#companyStructure .rows .third ul li		{ margin-bottom: 20px;  }

/********************/



/*FRAMTIDA PROJEKT */

.framtidaProjekt					{  }
.readMore							{ width: 287px; height: 121px; background: rgba(255,255,255,0.8); color: #000; float: right; display: none; padding: 40px 25px; margin-right: 63px; }
.readMore h2						{ font-size: 21px; text-transform: uppercase; border-bottom: 0px solid !important; margin-bottom: 0px !Important; color: #fb8243; }
.readMore br						{ line-height: 200%;}
.readMoreBtn						{ width: 20px; height: 20px; margin: auto; padding: 10px; 
									  -moz-border-radius: 35px; border-radius: 35px; border: 3px solid #fb8243;}
.readMoreBtn p						{ margin-bottom: -3px; text-align: center;  color: #fb8243; font-size: 11px;}
.readMoreBig						{ height: 700px;  background: rgba(255,255,255,0.8); color: #000; }
.readMoreBig .col50					{ width: 46%; padding: 2px; float: left; }
.col50-margin						{ margin-left: 84px; }
.readMoreBig h2						{ font-size: 21px; text-transform: uppercase; border-bottom: 0px solid !important; margin-bottom: 10px !Important; color: #fb8243; }
.projH2								{ font-size: 21px; text-transform: uppercase; border-bottom: 0px solid !important; margin-bottom: 10px !Important; color: #fb8243; }
									  
.hidden								{ display: none; }

.framtidaProjekt .bg1				{ width: 100%; height: 700px; background: url(../images/projekt1-1170x700.jpg) no-repeat; }
.framtidaProjekt .bg2				{ width: 100%; height: 700px; background: url(../images/fast-proj-2.jpg) no-repeat; }



.dh-container						{ position:relative; overflow:hidden }
.dh-overlay							{ position:absolute; top:-100% }
.dh-container 						{ margin: 15px; width: 360px; height: 300px; background: black; float: left; cursor: pointer; }
.dh-container-1						{ background-image: url( 'http://www.stenbocken.se/sb-images/projekt/projekt1-360-300.jpg'); }
.dh-overlay 						{ background: rgba(156, 193, 0, 0.6); width: 100%; height: 100%; text-align: center; line-height: 300px; color: #fff; text-transform: uppercase; font-size: 20px; }

.proj-list	 						{ margin-bottom:  20px; }
.proj-list li						{ margin-bottom:  10px; }


/*******************/

.page-id-355 td						{ padding: 10px 40px 10px 0px; }

#container							{ max-width: 1170px; width: 100%; margin: auto;  }
#content							{ margin: 16px auto; }
#fp-content							{ min-height: 400px; margin: 22px auto; }
#logoBox							{ width: 121px; height: 76px;  margin: 10px auto; }

#fpHeaderTop						{ max-width: 1170px; width: 100%; margin: auto; border-bottom: 3px solid #3c3c3b;  height: 80px; padding: 30px 0 40px; }
#footerTop							{ width: 384px; height: 70px; margin: 100px auto 0px; background: url(../images/siluett.png) no-repeat;  }
#footerTop div						{ width: 58px; height: 31px; margin: auto; top: 39px; position:  relative;bottom: 0px; }

footer								{  width: 100%; height: 100%; padding: 15px 0px; float: left; text-align: center; background: #3c3c3b; color: #fff;  }
footer a							{ color: #fff; }
#inner-footer						{ border-bottom:  2px solid #fff; }
#inner-footer ul					{ display: inline-block; margin: 15px auto 0px 9px; }

#inner-footer ul li					{ list-style: none; float: left; margin: 0px 20px; }

#inner-footer a						{ color: #f3f2f1 !Important; }					
#inner-footer img					{ width: 25px; height: 25px; margin-bottom: 5px;}
#inner-footer p						{ font-size: 12px;  color: #f3f2f1}



.fincTable tr td:first-child		{ width: 220px  }

.page-id-355 strong					{ margin: 0px !important; }


/* Single apartment */
.imgSingleBorder					{ width: 65%; border: 0px solid #F0F6DB; }
#image-box							{ width: 100%; text-align: center; position: relative; z-index: 9999; }
#image-box img						{ margin-bottom: 40px }
.overlay 							{ position:fixed; top:0; bottom:0; left:0; right:0; background-color:#000;  opacity:0.8; z-index:1001; }

#image-box img						{  }
.flexslider							{ width: 100%; border: 0px solid !important; margin: 0px !important; }
#carousel ul li img					{ height: 72px; cursor: pointer; }

.flex-direction-nav .flex-next		{ right: 0px !important; }
.flex-direction-nav .flex-prev		{ left: 0px !important; }

#map_canvas_single					{ width: 100%; height: 450px; margin-bottom: 30px; float: right; }

#content-box						{ width: 100%; }
.apartmentBlockInfoSingle			{ width: 100%; margin: 40px 0px; float: left; 	}
.apartmentBlockInfoSingle h2		{ text-decoration: none !important; border-bottom: 0px; margin-bottom:  20px; }
.apartmentBlockInfoSingle h3		{ text-decoration: none !important; border-bottom: 0px; margin-bottom:  0px; }
.apartmentBlockInfoSingle p			{ text-decoration: none !important; border-bottom: 0px; margin-top:  0px; }


.sign-up-link						{ width: 500px; height: 60px; border: 1px solid #ccc;  background: url(../images/intresseanmalan.jpg); background-position: 0px 135px; padding: 25px; text-align: center; font-size: 28px; margin-top: 30px; cursor: pointer;  }
.show-images-box					{ width: 500px; height: 30px; background: url(../images/lediga-lagenheter.jpg); background-position: 0px 110px;   border: 1px solid #ccc; padding: 40px 20px; text-align: center; font-size: 28px; margin-top: 30px; cursor: pointer; }