@charset "UTF-8";


/*

	GRID SYSTEM: LINUS EKENSTAM. 
	FÖR KUNDEN: SKÖNA HUS
	FÖRETAG: WINTERNET.SE
	
	
*/


/* BODY BODY ---------------------------------------------------------------*/

body {
   	margin: 0px;
    padding: 0px;
    font-family: "Myriad Pro - semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
	line-height:18px;
    background-color: #FFF;
	color:#555555;
	background-color:#fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0px;
	padding:0px;
	line-height:26px;
}

h2 {
	font-family: "Myriad Pro - semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
	line-height:26px;
	font-style:normal;
	font-weight:400;
	
}

h3 {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica Neue, Helvetica,  Arial, Verdana, sans-serif;
	color:#333333;
    font-size: 18px;
	line-height:22px;
	padding-top:0px;
	padding-bottom:2px;
	font-style:normal;
	font-weight:500;
	padding-top:20px;
	
}

.allt {
	padding-top:20px;
	font-style:bold;
	font-weight:bold;
}

a {
	color:#333333;
	text-decoration:underline;
	background-color:none;
	padding:0px;
}

a:hover {
	color:#666666;
	text-decoration:underline;
	background-color:none;
	padding:0px;
}



a:selected a:fokus   {
	color:#333333;
	text-decoration:none;
	background-color:none;
	padding:0px;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.container {
	background-color:#ffffff;
	padding-top: 20px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 12px;
	margin-right: 12px;
}

/* Grid >> Barn (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:220px;
}

.container_4 .grid_2 {
	width:465px;
}

.container_4 .grid_3 {
	width:710px;
}

.container_4 .grid_4 {
	width:955px;
}



/* Prefix Extra Utrymme >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {
	padding-left:245px;
}

.container_4 .prefix_2 {
	padding-left:490px;
}

.container_4 .prefix_3 {
	padding-left:735px;
}



/* Suffix Extra Utrymme >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {
	padding-right:245px;
}

.container_4 .suffix_2 {
	padding-right:490px;
}

.container_4 .suffix_3 {
	padding-right:735px;
}



/* PUSH FLYTTA UNDAN UTRYMME >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .push_1 {
	left:245px;
}

.container_4 .push_2 {
	left:490px;
}

.container_4 .push_3 {
	left:735px;
}



/* PULL FLYTTA UNDAN UTRYMME >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .pull_1 {
	left:-245px;
}

.container_4 .pull_2 {
	left:-490px;
}

.container_4 .pull_3 {
	left:-735px;
}




/* CLEAR ALLA FLOTING ELEMENTS
----------------------------------------------------------------------------------------------------*/

/* FLOTING CLEAR HÄR */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* MENY
----------------------------------------------------------------------------------------------------*/


.meny {
	float:left;
	display:block;
	text-indent:-99999px;
	margin:0px;
	padding:0px;
	overflow: hidden;
	

}


.meny-stil {
	list-style:none;
	display:inline;
	background-color:#FFF;

}


.m-text {
	display:block;
	background-color:#FFF;
}

.m-text:hover {
	display:block;
	margin:0px;
	padding:0px;
	padding-right:20px;
	background-color:#FFF;
}

.start {
	background-image:url(../images/meny/start-off.jpg);
	background-repeat:no-repeat;
	width:48px;
	height:35px;
	padding:0px;
	padding-right:20px;

	
}

.start-on {
	background-image:url(../images/meny/start-on.jpg);
	background-repeat:no-repeat;
	width:48px;
	height:35px;
	padding:0px;
	padding-right:20px;

	
}

.start:hover {
	background-image:url(../images/meny/start-on.jpg);
}


.inspiration {
	background-image:url(../images/meny/inspiration-off.jpg);
	background-repeat:no-repeat;
	width:91px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}


.inspiration-on {
	background-image:url(../images/meny/inspiration-on.jpg);
	background-repeat:no-repeat;
	width:91px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.inspiration:hover {
	background-image:url(../images/meny/inspiration-on.jpg);
}

.vara-hus {
	background-image:url(../images/meny/vara-hus-off.jpg);
	background-repeat:no-repeat;
	width:87px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}


.vara-hus-on {
	background-image:url(../images/meny/vara-hus-on.jpg);
	background-repeat:no-repeat;
	width:87px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.vara-hus:hover {
	background-image:url(../images/meny/vara-hus-on.jpg);
}


.allt-du-behover {
	background-image:url(../images/meny/allt-du-behover-off.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.allt-du-behover-on {
	background-image:url(../images/meny/allt-du-behover-on.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.allt-du-behover:hover {
	background-image:url(../images/meny/allt-du-behover-on.jpg);
}


.tomter {
	background-image:url(../images/meny/tomter-off.jpg);
	background-repeat:no-repeat;
	width:64px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.tomter-on {
	background-image:url(../images/meny/tomter-on.jpg);
	background-repeat:no-repeat;
	width:64px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.tomter:hover {
	background-image:url(../images/meny/tomter-on.jpg);
}

.meny-kontakt {
	background-image:url(../images/meny/kontakt-off.jpg);
	background-repeat:no-repeat;
	width:69px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.meny-kontakt-on {
	background-image:url(../images/meny/kontakt-on.jpg);
	background-repeat:no-repeat;
	width:69px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.meny-kontakt:hover {
	background-image:url(../images/meny/kontakt-on.jpg);
	
}

.meny-press {
	background-image:url(../images/meny/press-off.jpg);
	background-repeat:no-repeat;
	width:55px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.meny-press-on {
	background-image:url(../images/meny/press-on.jpg);
	background-repeat:no-repeat;
	width:55px;
	height:35px;
	padding:0px;
	padding-right:20px;
	
}

.meny-press:hover {
	background-image:url(../images/meny/press-on.jpg);
	
}



/* START BILDER OCH ANNAT KUL
----------------------------------------------------------------------------------------------------*/



.logga {
	margin:0 auto;
	z-index:300;
	background-image:url(../images/logga.png);
	height:110px;
	width:975px; 
	position: absolute; 
	display: block;
	left:0;
	}
	
.top-wrapper {
	float: left; 
	position:relative; 
	z-index:1;
	}

.top-image {
	overflow:hidden; 
	background-image:url(images/vara-hus-top.jpg); 
	width:955px; 
	height:399px; 
	margin-bottom:6px;
	position: relative;
	z-index:2; 
	}	


.start-bild {
	margin-bottom:8px;
	margin-top:25px;
	}

.rubrik {
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:220px;
	height:58px;
	text-indent:-99999px;
	}
	
.personligt {
	background-image:url(../images/rubrik-personligt.jpg);
	}
	
.dina-ideer {
	background-image:url(../images/rubrik-dina-ideer.jpg);
	}

.leverenssakerhet {
	background-image:url(../images/rubrik-leverenssakerhet.jpg);
	}
	
.arkitektur-design {
	background-image:url(../images/rubrik-arkitektur-design.jpg);
	}

.valkommen {
	background-image:url(../images/rubrik-valkommen.jpg);
	}
	
.green-line {
	background-color:#77b800;
	clear: both;
	display: block;
	overflow: hidden;
	visibility:visible;
	width: 955px;
	height: 1px;
	margin:0 auto;
	}
	
.start-break {
	padding-top:50px;
	}
	
.start-balk {
	background-image:url(../images/start-skona-hus.jpg);
	background-repeat:no-repeat;
	height:130px;
	margin-top:10px;
	padding-bottom:40px;
}

.start-balk-content {
	width:190px;
	height:130px;
	padding:15px;
}

.test {
	
	height:130px;
	padding:15px;
}

.hus-undermeny {
	padding-right:25px; 
	padding-bottom:8px; 
	float:left;
}

.objekt {
	background-color:#ffffff;
	padding-left:0px;
	padding-right:0px;
	
	
}

.objekt-bild {
	padding-bottom:10px;
}

.objekt:hover {
	background-color:#77b800;
	padding:0px;
}

.objekt:selected .objekt:fokus   {
	background-color:#77b800;
	padding:0px;
}

.objekt-meny {
	background-color:#ffffff;
	color:#333333;
	padding-left:0px;
	padding-right:0px;
	
}

.objekt-meny:hover {
	color:#77b800;
	padding:0px;
	background-color:#ffffff;
	
}

.on-link {
	color:#77b800;
}


/* Start inspirations Karusell, editera här för att ändra */



#Workspace { width:980px; height:400px; float:left; text-align:left; padding:0px;}

/* Carousel */
#Carousel { 
	position:absolute; 
	left:760px; 
	top:0px; 
	border:0px solid #000000; 
	width:200px; 
	height:400px; 
	}
	
#CarouselList_ItemContainer { 
	position:absolute; 
	left:0px; 
	top:0px; 
    width:200px; 
	height:400px; 
	overflow:hidden;
    }
        
#CarouselList_Items { 
	position:absolute; 
	top:0; 
	left:0px; 
	}
	
#CarouselList_Items .item { 
	position:relative; 
	list-style-type:none; 
	margin:0px; 
	height:100px; 
	width:200px;
    cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    }
	
#CarouselList_Items .item.hover, #CarouselList_Items .item.selected { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    }
	
    #CarouselList_Items .item .caption { 
	position:absolute; 
	left:0px; 
	top:1px; 
	width:200px; 
	background-color:transparent; 
	font-size:.9em; 
	}
	
#CarouselList_Items .item .icon img { 
	position:relative; 
	left:0px; 
	width:0px !important; 
	height:0px; 
	cursor:default;
	}
	
#CarouselList_Items .item.hover .icon img, #LegendList_Items .item.selected .icon img  {
	width:15px !important; 
	}
	
#BtnCarousel_Back {  
	position:absolute; 
	top:0px; 
	left:340px; 
	padding:0px; 
	cursor:pointer; 
	display:block;
	}
	
#BtnCarousel_Forward {
	position:absolute; 
	top:0px; 
	left:240px; 
	padding:0px; 
	cursor:pointer; 
	display:block;
	}

/* Hide data items */
#CarouselList_Items .item .email {
	display:none;
	}

/* Profile viewer */
#Profile { 
	position:absolute; 
	left:0px; 
	top:0px; 
	border:none; 
	width:759px; 
	height:399px; 
	padding:0px; 
	margin-top:1px;
	}



/* Collapsable divs. acordions horisontal */

.haccordion .header, .haccordion .content{
   float: left;
   height: 250px;
  }
  
  .haccordion .header{
   width: 20px;
   background: #ccc;
   color: #fff;
   cursor: pointer;
  }
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
  }
  
  .haccordion .content p{
   margin: 5px;
  }
  
  
/* EXPANDIBLE DIVS */

.slider  {
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.slider-li {
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
  
}

.slider-li a {
  display: block;
  overflow: hidden;
  height: 400px;
  width: 50px;
}

#a1 {
	width:50px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}


#a2 {
	width:50px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}


#a3 {
	width:50px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}


#a4 {
	width:50px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}

.slider-li img {
  position: absolute;
  border: none;
}

.slider-li p {
  margin: 0;
  padding: 0;
  width: 785px;
  display: block;
  margin-left: 0px;
}

.objekt-nummer {
	font-size:48px;
	color:#77b800;
	display:block;
	
}

.objekt-visning {
	padding-bottom:8px;
}

.print-ikon {
	padding-right:10px;
	padding-top:6px;
	padding-left: 10px;
}


.jamfor-oss {
	display:block;
	background-image:url(../images/jamfor-oss-off.jpg);
	float:left;
	width:220px;
	height:138px;
	margin-top:25px;
	background-repeat:no-repeat;
	background-color:#FFF;
}

.jamfor-oss:hover {
	display:block;
	background-image:url(../images/jamfor-oss-on.jpg);
	float:left;
	background-color:#FFF;
}


.vi-bygger-skona-hus {
	background-image:url(../images/vi-bygger-hus.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999999px;
	float:left;
	width:465px;
	height:240px;
	margin-top:15px;
}

.check {
	background-color:#f1f1f1;
	padding-bottom:3px;
	padding-top:3px;
}

.checklista {
	display:block;
	background-image:url(../images/checklista-off.jpg);
	float:left;
	width:220px;
	height:136px;
	margin-top:20px;
	background-repeat:no-repeat;
	background-color:#FFF;
}

.checklista:hover {
	display:block;
	background-image:url(../images/checklista-on.jpg);
	float:left;
	background-color:#FFF;
}

.print-logga{
	display: none;
}