﻿/* RESET */
* {margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* END RESET */
body {font: normal 13px/155% Arial, Verdana, sans-serif; background: #fff;}
a {border-bottom: 1px dotted #7AA22F; color: #7AA22F;text-decoration: none;}
p {margin: 0 0 13px 0;}
input {font: Arial, 12px/120% Arial, Verdana, sans-serif;}
#wrapper {width: 924px; margin: 0 auto;}
#topholder {position: relative;}
#menuholder {border-bottom: 1px dotted #7aa22f;padding: 18px 0 0 0;margin: 0;}
#logoholder a {border-bottom: none;}
#logoholder {position: absolute;right: 0; top: 0;}
#logoholder .logo {width: 126px; float: left;}
#logoholder .tools {width: 86px; position:absolute;right:0; text-align: right;padding: 20px 0 0 0;z-index: 3;top:0;}
#logoholder.normalpage {width: 231px;}

#menuholder ul {list-style: none; margin: 0; padding: 0;}
#menuholder li {list-style: none; margin: 0; padding: 0; display:block; float: left;position: relative;}
#menuholder	a {font-size: 14px;line-height: 14px;display: block; margin: 0; padding: 4px 14px 8px 0;color: #462;text-decoration: none; border-bottom: none;}
#menuholder a:hover {color:#7AA22F;text-decoration: none; border-bottom: none;}
#menuholder a.active {color:#333333;text-decoration: none; border-bottom: none;}

#menuholder ul li ul {display: none;position: absolute;top: 26px;background: #fff;left: -10px;}
#menuholder ul:first-child li ul {display: none;position: absolute;top: 26px;background: #fff;left: 0;}
#menuholder ul li ul a {font-size: 13px; color: #000;padding: 2px 10px;white-space: nowrap;}
#menuholder ul li:hover ul {display: block; border-left: 1px dotted #7aa22f;z-index: 10;}
#menuholder ul li ul li {display: block; float: none;padding: 2px 0;}

#SiteMap ul {margin: 0 20px; list-style: none;}
#SiteMap li {list-style: none;}
#content {padding: 0 0 40px 0; min-height: 400px;}
#leftcontent {width: 661px; min-height: 10px; float: left; padding: 0 32px 0 0;}
#rightcontent {width: 231px; float: left;min-height: 10px;}
#startpage #rightcontent {padding-top: 162px;}
.alphaimage {margin: 13px 0 32px 0; padding: 4px; border: 1px solid #462;}
.alphaimage img {display: block;}
#startpage #content {padding: 0 0 40px 0;}
#startpage #content .alpha {width: 424px; padding: 0 38px 0 0;float: left;}
#startpage #content .alpha a.dablock {margin: 14px 0 0 0;}
#startpage #content .alpha .date {margin: -2px 0 0 0;font: bold 14px/100% Arial, Verdana, sans-serif;padding: 0 0 6px 0;}
#startpage #content .alpha h1 {font: normal 26px/28px Arial, Verdana, sans-serif;margin: 0 0 7px 0;}
#startpage #content .beta {width: 199px; padding: 0;float: left;}
#startpage #content .beta h3 a {text-decoration: none; border: none;font: normal 16px/120% Arial, Sans-serif;}
#startpage #content .beta h2 {color: #7AA22F; font: bold 16px/16px Arial, Verdana, sans-serif;}
#startpage #content .beta .nyheterdate {font: bold 12px/150% Arial, Verdana, sans-serif; padding: 0 0 3px 0;}
#startpage #content .newsblock {border-bottom: 1px dotted #000; padding: 10px 0 7px 0;}
#normalpage #rightcontent {padding-top: 20px;}
#normalpage #content {padding: 45px 0 40px 0;}
#normalpage .col1 {float: left; width: 154px; padding: 0 20px 0 0;min-height: 10px;}
#normalpage .col1 img {border: 1px solid #689b36; padding: 3px 4px; margin: 0 0 7px 0;display: block;}
#normalpage .col2 {float: left; width: 487px;}
#normalpage .col2-2 {float: left; width: 661px;}
#normalpage h1 {font: normal 26px/28px Arial, Verdana, sans-serif;text-transform: uppercase;padding: 0 0 10px 0;}
#normalpage h2 {font: normal 20px/22px Arial, Verdana, sans-serif;padding: 0 0 6px 0;}
#normalpage h3 {font: normal 16px/18px Arial, Verdana, sans-serif;padding: 0 0 4px 0;}
#normalpage h4 {font: normal 13px/14px Arial, Verdana, sans-serif;padding: 0 0 2px 0; color: #7aa22f;}
#normalpage .ingress {font: normal 19px/23px Georgia, Arial, Verdana, sans-serif; font-style: italic;color: #7aa22f;padding: 0 0 20px 0;}
#normalpage .mainbody h3{font: bold 14px/140% Arial, Verdana, sans-serif;}
#normalpage .mainbody p img {max-width: 487px;}
.puffgreen {background: #462; padding: 5px; position: relative; margin: 0 0 32px 0;}
.puffgreen .content {border: 1px dotted #fff; padding: 47px 6px 6px 6px;color: #fff;font: normal 14px/16px Arial, Verdana, sans-serif;}
.puffgreen .content p {margin: 0 0 12px 0;}
.puffgreen .content h3 {color: #fff; font: bold 18px/20px Arial, Verdana, sans-serif; width: 154px; text-transform: uppercase;padding: 0 0 8px 0;}
.puffgreen .puffarrow {position: absolute; top: -6px; right: -40px;}
.puffbeta {background: #fff; padding: 5px 5px 4px;border: 1px solid #462;margin: 0 0 10px 0;line-height: 140%;}
.puffbeta p {margin: 0;}
.puffbeta .content {border: 1px dotted #462; padding: 5px;}
.puffbeta input.formsubmitbutton {margin: 10px 4px 0 0; display: block; text-align: right; background: transparent url(../img/submitarrow.png) no-repeat 100% 0; height: 24px; padding: 0 24px 0 10px;text-decoration: none;color: #fff;border: none;}
.puffbeta input.formsubmitbutton:hover {background-position: 100% -24px;}
.puffbeta input {border: 1px solid #462; padding: 6px 2px 2px 2px; margin: 8px 0 4px; display: block; width: 196px; line-height: 120%;}
h3.newsletter,h3.housestart {background: url(../img/h3nltr.png) no-repeat 0 0; padding: 5px 0 0 26px; font: bold 16px/150% Arial, Verdana, sans-serif; color: #7aa22f;}
#normalpage h3.newsletter,#normalpage h3.housestart {background: url(../img/h3nltr.png) no-repeat 0 0; padding: 5px 0 0 26px; font: bold 16px/150% Arial, Verdana, sans-serif; color: #7aa22f;}

input {border: 1px solid #462; padding: 2px; line-height: 120%; background: #fff; margin: 0;}
input[type="submit"] {border: 1px solid #462; padding: 1px 2px; line-height: 130%; background: #fff;margin: 0;}
#signupEmailFormSubmitted {display: none;}


.formholder {margin: 10px 0;}
.formholder input, .formholder textarea, .formholder select {border: 1px solid #462; padding: 2px; margin: 2px; display: block; float: left;}
.formholder textarea {width: 194px;}
.formholder select {padding: 1px;width: 200px;}
.formholder input {width: 194px;}
.formholder input[type="checkbox"] {border: none; padding: 0; margin: 4px 0; display: block; float: left;width: auto;}
.formholder label {float: left; display: block; width: 180px; margin: 2px 0;}
.formholder table td {overflow: hidden;}
.formholder table td fieldset {border: none; margin: 2px; padding: 0;}
.formholder table td fieldset label {width: auto;}
.formholder table td fieldset legend {display: none;}
.formholder input[type="submit"] {width: auto; float: right;}
a.roadsign {border: none; display: block; margin: 11px 0 12px 0; padding: 7px 11px 8px;color: #000; background: url(../img/bestillarrow.png) no-repeat;font-size: 14px;}


/*Husbilder galleri*/
#housegallery ul,#housegallery ul {margin: 0; padding: 0;}
#slideshow-image-container {overflow: hidden; width: 661px;height: 302px;position: relative;}
#slideshow-image-container a {border: none;}
#slideshow-image-container ul {position: absolute;margin: 0; padding: 0;list-style: none;height: 302px;width:661px;left: 0; top: 0;}
#slideshow-image-container ul li {position: absolute; top: 0; left: 0;}
#slideshow-image-container ul li img {position: absolute;}
#imgnavitems-left {position: absolute; left: 0; top: 0; width: 36px; height: 100%; background: transparent url(../img/bildspelsarrowleft.png) no-repeat 0 50%;cursor: pointer;z-index: 10;}
#imgnavitems-right {position: absolute; right: 0; top: 0; width: 36px; height: 100%; background: transparent url(../img/bildspelsarrowright.png) no-repeat 0 50%; cursor: pointer;z-index: 10;}
#imageholderul a {display: block; width: 100%; height: 100%;}
#DetailMenuArea {width: 661px;overflow: hidden;}
#DetailMenuArea ul{list-style: none; margin: 0; padding: 8px 0 7px; float: left;}
#DetailMenuArea li {list-style: none; margin: 0; padding: 0; display: block; float: left; color: #fff; padding: 6px 9px 5px 10px; border-right: 1px solid #462;}
#DetailMenuArea li:last-child {border: none;}
#DetailMenuArea li a {color: #462;text-decoration: none;font: normal 16px/16px Arial, sans-serif;}
#DetailMenuArea #DetailMenuAreaInfo {float: right;padding: 14px 10px 0 0 ;color: #000;}
#slideshow-image-container .ighidden {top: -9999px; left: -9999px;display: block;}
#jquery-lightbox a{border: none;}
.housedetailcontent {padding: 0 10px;}
#normalpage .housedetailcontent .col2 {width: 467px;}

#submenu ul {list-style: none; margin: 0; padding: 0 0 10px 0;}
#submenu ul ul {padding: 0 0 0 15px;}

#footer {border-top: 1px dotted #462; padding: 4px 0;color: #462;font-size: 11px;}
.clearing {clear: both;height: 0;}
.hidden {display: none;}


/* Landningssida */
#lWrapper {margin: 10px auto; width: 925px;}
#lWrapper h1 {font: bold 35px/37px Arial, Verdana, sans-serif; color: #7aa22f;margin: 0 0 0 1px;}
#lWrapper h2 {font: normal 20px/22px Arial, Verdana, sans-serif; color: #000;margin: 1px 0 0 1px;}
#lWrapper #holder {padding: 0 0 42px 0;}
#lWrapper #alpha {float: left; width: 661px; padding: 0 32px 0 0;overflow: hidden;line-height: 18px;}
#lWrapper #beta {float: left; width: 231px;}
#lWrapper #beta .logoholder img {display: block;}
#lWrapper #beta .logoholder {padding: 0 0 42px 1px;line-height: 100%;}
#lWrapper #beta .logoholder a{line-height: 100%;display: block;border: none;}
#lWrapper .alphaimage {margin:12px 0 18px;}
#lWrapper #alpha .col {width: 308px; float: left; padding: 0 32px 0 0;}
#lWrapper #alpha .col-last {padding: 0 0 0 0;}
#lWrapper #alpha .col h2 {color: #7aa22f;font: bold 20px/20px Arial, Verdana, sans-serif;padding: 0 0 7px 0;}
#lWrapper #alpha .linktextholder .col {width: 282px; padding: 5px 19px 5px 5px; background: #462 url(../img/linkarrow.png) 100% 0 no-repeat;margin: 0 32px 0 0;}
#lWrapper #alpha .linktextholder .col-last {margin: 0;}
#lWrapper #alpha .linktextholder .col .content {border: 1px dotted #fff; border-right:none; padding: 5px 5px 4px 5px;}
#lWrapper #alpha .linktextholder .col .content p {color: #fff; padding: 0;margin: 0;line-height: 15px;}
#lWrapper #alpha .linktextholder .col .content p a {color: #fff;border: none;}
#lWrapper .puffgreen .puffarrow {position: absolute; top: 30px; left: -18px;}
#lWrapper .puffgreen .content {padding: 100px 4px 0;}
#lWrapper .puffgreen .content h3 {font-size: 16px;padding: 0; width: 110px;}
#lWrapper .puffgreen .puffbild {position: absolute; top: -34px; right: -12px;}
.whitey {color: #fff; text-decoration: none; border: none;}