body{
  background:#fff;
  color:#797979;
}

.clear{clear:both;}

.flash-replaced .alt{display:none;}

.page{
  min-width:1200px;
}

#header{
  position:relative;
  width:870px;
  height:78px;
  margin:10px auto 0 auto;
}

#title h1{
  position:absolute;
  left:225px;
  top:0px;
  width:153px;
  height:78px;
  text-indent:-1000px;
  overflow:hidden;
  background:url(title_h1.png) no-repeat;
}

#address{
  position:absolute;
  right:90px;
  bottom:2px;
}

#address,
#address a{
  font:normal 10px Arial;
  text-decoration:none;
  color:inherit;
}

#languageToggler{
  position:relative;
  display:inline-block;
  width:15px;
  height:9px;
  overflow:hidden;
  line-height:1px;
  background:url(flag.png) no-repeat;
}

.lang_en #languageToggler{background-position:left top;}
.lang_sv #languageToggler{background-position:left bottom;}

#main{
  position:relative;
  background:url(main.png) no-repeat center bottom;
  height:300px;
}

#maintopbg{
  position:relative;
  height:50px;
  margin-bottom:-50px;
  background:url(main.png) no-repeat top;
}

#justnu{
  position:absolute;
  left:-85px;
  top:179px;
  width:97px;
  height:97px;
  background:url(justnu.png) no-repeat;
}

#justnu a{
  display:block;
  width:100%;
  height:100%;
}

#page{
  position:relative;
  width:870px;
  margin:0 auto 0 auto;
}

#columnText,
#columnImages,
#columnTitle{
  position:relative;
  float:left;
  color:#a6a390;
  font:normal 12px Arial;
}

#columnTitle{
  width:46px;
  height:250px;
  margin-top:14px;
}

#columnText{
  width:318px;
  margin-top:14px;
  margin:14px 0 20px 0;
  padding-right:5px;
  overflow-y:hidden;
  height:280px;
}

#columnText a,
#columnText a:visited{
  color:#fff;
}

#columnText p{
  margin-bottom:8px;
  line-height:140%;
}

#columnImages{
  width:409px;
}

#image, #imageoverlay{
  position:absolute;
  left:0px;
  top:7px;
  width:410px;
  height:233px;
  overflow:hidden;
}

#image{
  background:#615c57;
}

#imageoverlay{
  background:url(imageoverlay.png) no-repeat;
}

#imageList{
  position:absolute;
  left:5px;
  top:243px;
  width:397px;
  height:41px;
}

#prevImage,#nextImage{
  position:absolute;
  width:20px;
  height:41px;
  top:0px;
  cursor:pointer;
}

#prevImage{
  background:url(prevImage.png) no-repeat;
  left:0px;
}

#nextImage{
  background:url(nextImage.png) no-repeat;
  right:0px;
}

#footer{
  clear:both;
  position:relative;
}

#menucontainer{
  position:relative;
  background:url(menucontainer.png) no-repeat top;
  height:79px;
  margin:10px 0 0 0;
}

#menu{
  position:relative;
  margin:0 auto 0 auto;
  width:600px;
  padding:2px 0 0 545px;
  height:70px;
}

#menu li{
  position:relative;
  display:block;
  width:59px;
  height:70px;
  float:left;
}

#menu a{
  display:block;
  width:59px;
  height:70px;
  overflow:hidden;
  text-indent:-1000px;
  background-repeat:no-repeat;
  background-position:top left;
}

#liaHem{background-image:url(liaHem.png);}
#liaPortfolio{background-image:url(liaPortfolio.png);}
#liaDesign{background-image:url(liaDesign.png);}
#liaProduktion{background-image:url(liaProduktion.png);}
#liaKontakt{background-image:url(liaKontakt.png);}

#menu li a:hover,
#menu li:hover a{
  background-position:left bottom!important;
}


#submenucontainer{
  position:relative;
  background:url(submenucontainer.png) no-repeat top;
  height:80px;
  margin:10px 0 0 0;
}

#submenuinnercontainer{
  position:relative;
  margin:0 auto 0 auto;
  width:0px;
  height:80px;
}

#submenuinnerinnercontainer{
  position:absolute;
  left:0px;
  top:0px;
  width:500px;
  height:80px;
}

.breadcrumbs{
  margin:0 0 5px 0;
  font:bold 12px/180% Arial;
  color:#000;
}

.breadcrumbs a,
.breadcrumbs a:visited{
  color:#000;
  text-decoration:none;
}

.submenugroup{
  float:left;
  width:150px;
  border-left:solid 1px #000;
  padding: 0 5px 0 7px;
  font:normal 11px/180% Arial;
}

.submenugroupfirst,
.submenuarchivegroup{
  clear:both;
  border-left:none;
}

.submenugroup a,
.submenugroup a:visited{
  color:#af994b;
  text-decoration:none;
}

a.submenuarchive,
a.submenuarchive:visited{
  color:#544e49;
}

#images{
  position:absolute;
  left:25px;
  top:0px;
  width:347px;
  height:41px;
  overflow:hidden;
}

#imagesinner{
  position:absolute;
  left:0px;
  top:0px;
  height:41px;
  width:10000px;
  overflow:visible;
}

#images img{
  padding:1px 1px 1px 1px;
  cursor:pointer;
}

#images img.selected{
  padding:0;
  border:solid 1px #ccc;
}

.singleimage #imageList{
  display:none;
}

.singleimage #image, 
.singleimage #imageoverlay{
  position:absolute;
  left:0px;
  top:7px;
  width:488px;
  height:279px;
  overflow:hidden;
}

.singleimage #image{
  left:5px;
}

#image{
  left:5px;
  top:10px;
  width:402px;
  height:226px;
}
.singleimage #image{
  top:11px;
  width:480px;
  height:270px;
}

.singleimage #imageoverlay{
  background:url(imageoverlay_single.png) no-repeat;
}

.singleimage #columnText{
  width:240px;
}

#pageName {
  color:#333;
  font-size:18px;
  font-weight:bold;
  padding-top:25px;
  padding-left:10px;
}

.projectitem{
  width:110px;
  font-size:11px;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
}

#imageoverlay{
  cursor:pointer;
}

.bigimage{
  display:none;
  position:relative;
  margin:auto;
  margin-top:50px;
  width:925px;
  text-align:center;
  cursor:pointer;
}


#blogposts{
  position:relative;
  width:800px;
  height:30px;
  margin:auto;
  margin-bottom:10px;
}

#blogpostsinner{
  position:absolute;
  left:-800px;
  height:30px;
  width:1565px;
  overflow:hidden;
}

#blogpostsinnerinner{
  position:absolute;
  left:0px;
  top:0px;
  height:30px;
  width:10000px;
}

#blogposts span{
  display:block;
  float:left;
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-size:14px;
}

#blogposts span a{
  color:#544e49;
  text-decoration:none;
}

#blogposts span b {
  padding-left:15px;
  padding-right:15px;
}

#bigimageprev,
#bigimagenext {
  position:absolute;
  top:50%;
  width:40px;
  height:102px;
  margin-top:-51px;
}

#bigimageprev{
  left:-60px;
  background:url(arrowback.gif);
}

#bigimagenext {
  right:-60px;
  background:url(arrowforward.gif);
}