html {
	background-image: url(/Images/bg.jpg);
	background-repeat: repeat;
}

body {
	background: url(/Images/toning.jpg) no-repeat top center;
	margin:0px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif; 
	color:#afaa92;
	line-height:20px;
}
/*#wrapper{background:url(/Images/bg_top.jpg) top center no-repeat; width:100%; margin:0px auto; padding:0px;}
*/


/*UNIVERSAL---------------------------------------------------------------------------------------*/

#imggalleri img {width: 65px; height: 65px; border: 4px solid #0f0f0d;}

#imggalleri img:hover {border: 4px solid #2f2f2a;}

b, strong { font-weight: bold; }

i, em { font-style: italic; }

a {color: #fff; text-decoration: none;}
a:hover {color: #e0fd6d; text-decoration: none;}

a.lasmer {position: relative;display: inline-block;width: 141px;height: 30px;}
a.lasmer span.s1 {position: absolute;z-index: 1;top: 0px;left: 0px;display: inline-block;width: 141px;height: 30px;background: url("/Images/lasa_mer.png") no-repeat;text-indent: -9999px;}
a.lasmer span.s2 {position: absolute;z-index: 2;top: 0px;left: 0px;display: inline-block;width: 141px;height: 30px;background: url("/Images/lasa_mer_.png") no-repeat;text-indent: -9999px;display: none;}


a.visahemsida {position: relative;display: inline-block;width: 111px;height: 30px;}
a.visahemsida span.s1 {position: absolute;z-index: 1;top: 0px;left: 0px;display: inline-block;width: 111px;height: 30px;background: url("/Images/visa_hemsida.png") no-repeat;text-indent: -9999px;}
a.visahemsida span.s2 {position: absolute;z-index: 2;top: 0px;left: 0px;display: inline-block;width: 111px;height: 30px;background: url("/Images/visa_hemsida_.png") no-repeat;text-indent: -9999px;display: none;}


a.skicka {position: relative;display: inline-block;width: 76px;height: 30px;}
a.skicka span.s1 {position: absolute;z-index: 1;top: 0px;left: 0px;display: inline-block;width: 76px;height: 30px;background: url("/Images/skicka.png") no-repeat;text-indent: -9999px;}
a.skicka span.s2 {position: absolute;z-index: 2;top: 0px;left: 0px;display: inline-block;width: 76px;height: 30px;background: url("/Images/skicka_.png") no-repeat;text-indent: -9999px;display: none;}


#header{position:relative; height:60px; width:100%; background:#0a0908;}

#pen{ width:289px; height:140px; position:absolute; z-index:1; top:0px; right:0px; background:url(/Images/penna.png);}

#content{position:relative; width:990px; margin: 60px auto; margin-bottom:30px;}

.header_content{width:990px; margin:0 auto; position: relative;}

.UnderText{width:990px; margin:0 auto; margin-top:20px; margin-bottom:20px; background:url(/Images/linje.jpg) bottom center no-repeat; padding-bottom:50px;}

.center{width:990px; margin-left:auto; margin-right:auto; margin-top:90px;}

.MarginTop{margin-top:10px;}

.MarginBottom{margin-bottom:20px;}

.clear{clear:both;}

.float{float:left;}

.floatright {float: right;}

.logotyp{margin-left:10px;}

h1{display: none;}

h2{font:18px Arial, Helvetica, Times, serif; font-weight:bold; color:#FFFFFF; margin-bottom:5px;}

h2.toph2{font:40px Arial, Georgia, "Times New Roman", Times, serif !important; color:#FFFFFF; font-weight: normal !important;}

h3{font:14px Arial, Helvetica, Times, serif; color:#afaa92;}

h4{font:13px Arial, Helvetica, Times, serif; color:#c3c1b5; font-weight: bold;}

a.ReadmooreButton {text-indent: -9999px; display:block; float:right; width:140px; height:19px; background: url(/Images/lasa.jpg) right no-repeat; margin-right:0px; margin-top:28px;}

a.ReadmooreButton:hover {background: url(/Images/lasa_o.jpg) right no-repeat;}

a.link{font:12px Arial, Helvetica, sans-serif; color:#e0fd6d; text-decoration:none;}

a.link:hover{font:12px Arial, Helvetica, sans-serif; color:#e0fd6d; text-decoration:underline;}

.GreenText {color:#e0fd6d;}

.WhiteText {color:#fff;}



/*STARTSIDA---------------------------------------------------------------------------------------*/

#javascript{height:213px; width:100%; background:url(/Images/java_bg.jpg);}

.jscontent {width: 990px; margin: 0 auto; height: 213px; font-size: 0px; position: relative; text-align: center;}

.jscontent .case {display: block; float: left; width: 150px; height: 150px; margin: 0px 15px; overflow: hidden; text-align: center; margin-top: 25px; border: 8px solid #0f0f0d;}


#case1box { position: absolute; z-index: 550; width: 166px; height: 166px; top: 25px; left: 15px; border: 1px solid red; background: red;}
#case2box { position: absolute; z-index: 550; width: 166px; height: 166px; top: 25px; left: 211px; border: 1px solid red; background: red; }
#case3box { position: absolute; z-index: 550; width: 166px; height: 166px; top: 25px; left: 407px; border: 1px solid red; background: red; }
#case4box { position: absolute; z-index: 550; width: 166px; height: 166px; top: 25px; left: 603px; border: 1px solid red; background: red; }
#case5box { position: absolute; z-index: 550; width: 166px; height: 166px; top: 25px; left: 800px; border: 1px solid red; background: red; }

.news{width:244px; padding:10px 10px 0px 10px; background: #0f0f0d url(/Images/nyheter_top.jpg) top no-repeat; }

.bottom{ display:block; width:264px; height:16px; margin-bottom:0px; background:url(/Images/nyheter_bottom.jpg) no-repeat; margin-bottom:15px;}

.text_column{width:283px; margin-right:45px; float:left; }


/*FOOTER---------------------------------------------------------------------------------------*/

.footer_content{width:990px; margin:0 auto; padding-top:14px;}

#footer{position: relative; margin-top: 90px; height: 142px; clear:both; background: #0f0f0d; margin-bottom:0px; width:100%; border-top: 1px solid #1c1c15; color: #636352;}

#footer li{display:inline; list-style:none; margin-right:13px;}

#footer a{text-decoration:none; font:11px Arial, Helvetica, sans-serif; color:#afaa92;}

#footer a:hover{color:#25241c;}

.footer_hk{ float:left;width:185px; height:120px;}

.footer_hk img {margin-top: 7px;}

.footer_info{ float:left;width:200px; height:120px;}


/*OM OSS---------------------------------------------------------------------------------------*/

.OmOssColumn{width:485px; float:left;}

.cmstext { width: 465px;}

.BorderRight{ border: 8px solid #0f0f0d; float:right;}

.Margin{margin-bottom:10px;}

.BorderLeft{ border: 8px solid #0f0f0d; float:left; margin-right:20px; width:152px; height:188px;}

.OmOssList {float:left; width:558px;}


/*OM OSS & PORTFOLIO---------------------------------------------------------------------------------------*/

#content li { padding-bottom:25px; padding-top:25px; background:url(/Images/linje.jpg) bottom no-repeat; margin-bottom:10px;}


/*PORTFOLIO---------------------------------------------------------------------------------------*/


#portfcats {border: 1px solid #222119; background: #14130f; padding: 15px 15px; padding-bottom: 10px; margin-bottom: 20px; display: none;}

#contentportfolio{position:relative; width:990px; margin: 60px auto; margin-bottom:30px;}

.BorderLeftPortfolio{ border: 8px solid #0f0f0d; margin-right:20px; width:555px; height:205px;}

.PortfolioList {float:left; width:315px; margin-bottom:10px;}

.selected { color:#33FF00;}

.BorderBottom {background:url(/Images/linje.jpg) no-repeat; width:981px; height:1px; display:block; margin-top:40px; margin-bottom:40px; clear:both;}

.imgPortf {overflow: hidden; width: 571px; height: 221px; position:relative; margin-right: 20px; font-size: 0px; line-height: 0px;}

.imgPortf div {position: absolute; z-index: 5; top: 0px; left: 0px;}

.imgNums span {display: inline-block; padding: 2px 5px;}
.imgNums span:hover {background: #0f0f0d; cursor: pointer; color: #fff;}

.wedid {margin-left: 8px; font-size: 0px; line-height: 0px; display: inline-block; width: 168px; height:21px; padding: 4px; background: url("/Images/we_did_bg.png") no-repeat;}
.wedid span {display: inline-block; width: 21px; height: 21px; padding-right: 2px; cursor: help;}
.wedid span.c { background: url("/Images/c.png") no-repeat;}
.wedid span.w { background: url("/Images/w.png") no-repeat;}
.wedid span.p { background: url("/Images/p.png") no-repeat;}
.wedid span.d { background: url("/Images/d.png") no-repeat;}
.wedid span.f { background: url("/Images/f.png") no-repeat;}
.wedid span.b { background: url("/Images/b.png") no-repeat;}
.wedid span.i { background: url("/Images/i.png") no-repeat;}


/*KONTAKT---------------------------------------------------------------------------------------*/

.KontaktRuta{ display:block; width:230px; height:63px; margin-bottom:10px; padding: 5px 5px 5px 12px; background:url(/Images/kontaktruta_liten.jpg);}

.form-item{background:url(/Images/form_bg.jpg) no-repeat;width:245px;height:36px;padding:6px; display:block;float:left;border:none; margin-bottom:5px; color:#FFFFFF;}

.form-item-big{background:url(/Images/form_bg_big.jpg) top no-repeat; width:289px; height:216px; padding:6px; overflow:hidden; display:block;float:left;border:none; color:#FFFFFF;}

input{background:url(/Images/form_bg.jpg) no-repeat; padding:8px; width:245px; height:36px; font-size:12px; display:block; border:none; margin-bottom:3px; color:#afaa92;}

textarea{background:url(/Images/form_bg_big.jpg) no-repeat; padding: 8px 10px; width:289px; height:216px;font-size:12px;display:block;border:none; font: 12px Arial; color:#777464;}

#imageField{display:block; float:right; width:144px; height:27px; margin-top:10px; padding: 0px; margin: 0px;}

.message {display: block; padding: 15px; border: 1px dashed #353127; background: #2a271f; color: #9b8f6f; margin-bottom: 20px;}

.checkbox {background: none; padding: 0px; margin: 0px; border: 0px; width: auto; display: inline; height: auto; display: none;}


/*CMS Office---------------------------------------------------------------------------------------*/


div.cmsofficebg {background: url("/Images/screen.jpg") no-repeat top right; min-height: 476px;}


/*textarea{background:url(/Images/form_bg_big_bottom.jpg) top no-repeat; display:block;  width:289px;}
*/
/*MENY---------------------------------------------------------------------------------------*/

#menu ul{display:inline; list-style:none; margin:0px; padding:0px;}

#menu li{float:left;display:inline;}
#menu li a{display:block;position:relative; text-indent: -9999px;}
#menu li a.logo{width:160px; height:60px; background:url(/Images/logotyp.jpg) 0 0 no-repeat;}
#menu li a.hem{width:71px; height:60px; background:url(/Images/hem.jpg) 0 0 no-repeat;}
#menu li a.portfolio{width:90px; height:60px; background:url(/Images/portfolio.jpg) 0 0 no-repeat;}
#menu li a.tjanster{width:82px; height:60px; background:url(/Images/tjanster.jpg) 0 0 no-repeat;}
#menu li a.omrodeopark{width:128px; height:60px; background:url(/Images/omoss.jpg) 0 0 no-repeat;}
#menu li a.cmsoffice{width:106px; height:60px; background:url(/Images/cms.jpg) 0 0 no-repeat;}
#menu li a.kontakt{width:119px; height:60px; background:url(/Images/kontakt.jpg) 0 0 no-repeat;}

#menu li a.hemactive{width:71px; height:60px; background:url(/Images/hem_o.jpg) 0 0 no-repeat;}
#menu li a.portfolioactive{width:90px; height:60px; background:url(/Images/portfolio_o.jpg) 0 0 no-repeat;}
#menu li a.tjansteractive{width:82px; height:60px; background:url(/Images/tjanster_o.jpg) 0 0 no-repeat;}
#menu li a.omrodeoparkactive{width:128px; height:60px; background:url(/Images/omoss_o.jpg) 0 0 no-repeat;}
#menu li a.cmsofficeactive{width:106px; height:60px; background:url(/Images/cms_o.jpg) 0 0 no-repeat;}
#menu li a.kontaktactive{width:119px; height:60px; background:url(/Images/kontakt_o.jpg) 0 0 no-repeat;}

#menu li a.hem:hover{background:url(/Images/hem_over.jpg);}
#menu li a.portfolio:hover{background:url(/Images/portfolio_over.jpg);}
#menu li a.tjanster:hover{background:url(/Images/tjanster_over.jpg);}
#menu li a.omrodeopark:hover{background:url(/Images/omoss_over.jpg);}
#menu li a.cmsoffice:hover{background:url(/Images/cms_over.jpg);}
#menu li a.kontakt:hover{background:url(/Images/kontakt_over.jpg);}
#menu li a.logo:hover{width:160px; height:60px; background:url(/Images/logotyp_o.jpg) 0 0 no-repeat;}


/* Tooltip ---------------------------------------------------------------------------------*/

#currinfobox {
	position: absolute;
	z-index: 500;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 39px;
	background: url("/Images/tooltip.png");
	padding-top: 7px;
	color: #36342a;
	font-size: 12px;
	font-weight: bold;
	display: none;
	text-align: center;
}

#casebox {
	position: absolute;
	z-index: 500;
	border: 10px solid #0f0f0d;
	top: 5px;
	left: 330px;
	width: 275px;
	height: 185px;
	font-size: 0px;
	text-align: center;
	background: #fff;
	overflow: hidden;
	display: none;
}


/*SIFR---------------------------------------------------------------------------------------*/

  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  

#langbox {position: absolute; z-index: 5; left: 871px; top: 15px; padding: 1px; background: url("../Images/lang_bg.jpg"); width: 108px; height: 27px;}  

#langbox a {
	display: block;
	float: left;
	width: 41px;
	height: 21px;
	line-height: 27px;
	padding: 6px 6px 0px 6px;
}

.sellang {
	background: url("../Images/lang_sel.png");
}

#EngFlag {float: right !important;}