
/* Övergripande ramverk */
div#wrapper   {
	margin-top:20px;
	margin-bottom:0;
    width: 908px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
div#wrapper:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
div#wrappertop	{
	height:7px;
	width:908px;
}
div#wrappercontent	{
	margin:0 0 20px 0;
	padding:0;
	width:900px;
}
div#wrapperbottom	{
	height:9px;
	width:908px;
	margin-top:0;
	margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
	padding:0;
}

/* Kolumner inom ramverket */
div#primarycontent	{
	float:left;
	padding:0;
}
.onecol	{
	width:770px;
	margin:0 0 0 20px;
}
.twocol 
{
    margin-top:0;
    margin-right:30px;
    margin-bottom:0;
}
.twocol.start
{
    width:595px;
    margin-left:0;
}
.twocol.start .maincontent
{
    width:500px;
    margin-bottom:20px;
}
.twocol.sub
{
    width:425px;
    margin-left:30px;
}
.twocol.sub .maincontent
{
    width:400px;
    margin-bottom:20px;
}

/* Rutan för dialog */
div#dialog  {
    margin:20px 20px 20px 5px;
    padding:20px 0;
    border-top:solid 1px #6d7c71;
    border-bottom:solid 1px #6d7c71;
}
/* Skuggade boxar */
div.smallbox, div.mediumbox, div.largebox, div.columnright	{
	float:left;
}
.smallbox .box-wrapper div {
    width:175px;
}
.mediumbox .box-wrapper div {
    width:277px;
}
.largebox .box-wrapper div {
    width:581px;
}
.columnright .box-wrapper div {
    width:190px;
}

/* Bilder i boxar */
.box-wrapper div img {
    margin:0;
}

/* P i boxarna */
div.smallbox p, div.mediumbox p, div.largebox p, div.columnright p {
 padding:0 9px 20px 9px;
 margin:0;
}
div.smallbox p.readmore, div.mediumbox p.readmore, div.largebox p.readmore, div.columnright p.readmore {
 clear:both;
 float:right;
 padding-right:15px;
}

.box-wrapper div span.price	{
    float:right;
    display:inline;
	font-size:1.8em;
	font-weight:normal;
	color:#555d58;
	padding:0 10px 20px 0;
}
.box-wrapper div a	{
    font-style:italic;
	color:#6d7c71;
}
/* H4 i boxarna */
.box-wrapper div H4 {
    text-transform: uppercase;
    padding:7px 9px 5px 7px;
    margin:3px 2px 0 2px;
}
.box-wrapper div.noimg H4 {
    padding:9px 9px 9px 7px;
    margin:3px 2px 10px 2px;
}
/*.columnright .box-wrapper div {
    width:190px;
    height:250px;
}*/

/* Rubrik för Skogshem = röd */
div.smallbox H4.skogshem, div.mediumbox H4.skogshem, div.largebox H4.skogshem, div.columnright H4.skogshem	{
	background-color:#e83425;
	color:#fff;
}
/* Rubrik för Wijk = turkos-grön*/
div.smallbox H4.wijk, div.mediumbox H4.wijk, div.largebox H4.wijk, div.columnright H4.wijk	{
	background-color:#008e90;
	color:#fff;
}
/* Rubrik för Skogshem & Wijk = grön platta */
div.smallbox H4.skogshemwijk, div.mediumbox H4.skogshemwijk, div.largebox H4.skogshemwijk, div.columnright H4.skogshemwijk	{
	color:#fff;
}
div.smallbox H4.skogshemwijk, div.mediumbox H4.skogshemwijk, div.largebox H4.skogshemwijk, div.columnright H4.skogshemwijk	{
	background-color:#6d7c71;
}