html, body {
	background-image: url(../Images/bg2.jpg); 
	background-repeat: repeat-x;
	height:100%;
	margin:0px;
	padding:0px;
	font: 12px Arial, Tahoma, Verdana;
	line-height:18px;
	color: #505248;
}

body > #wrapper {height: auto; min-height: 100%;}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

.message {color: #fd3803; display: inline-block; padding-bottom: 20px; font-size: 13px; font-weight: bold;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */
.clear{ clear: both; }

#wrapper{position:relative; width:954px; margin: 0 auto; height:100%;}

#left_column_start{width:100%; height:583px; background:url("../Images/startbild.jpg") no-repeat top center;}

#right_column_start{width:100%; height:484px; float:right;}

#left_column{width:500px; height:350px; float:left;}

#right_column{width:450px; height:350px; float:right;}

.clear{clear:both;}

#content{width:954px; padding-bottom:20px;}

#footer{ font:11px Arial, Helvetica, sans-serif;position: relative; margin-top: -43px; height: 43px; clear:both; background:#f1f2ec; margin-top:20px; margin-bottom:0px; width:100%;}

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

.footer_column1 {float: left;width: 450px;}

.footer_column2 {float: right;width: 450px; text-align: right;}

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

#footer a{text-decoration:none; color:#727272;}

#footer a:hover{color:#333333;}




h1 {font-size: 46px; line-height:45px; color: #000;}

h2 {font-size: 25px; color: #000; margin-bottom: 15px; line-height:28px;}

h3 {font-size: 18px; color: #000; }

h4 {font-size: 13px; font-weight: bold; color: #000;}


/*------Meny-------*/

#header{height:49px; margin:0 auto; background:#ebede4;}

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

#menu li{float:left;display:inline;}
#menu li a{display:block;text-indent: -9999px;}
#menu li a.logo{width:200px; height:49px; background:url(../Images/logo.jpg) 0 0 no-repeat;}
#menu li a.hem{width:90px; height:49px; background:url(../Images/hem.jpg) 0 0 no-repeat;}
#menu li a.design{width:91px; height:49px; background:url(../Images/design.jpg) 0 0 no-repeat;}
#menu li a.cmsoffice{width:129px; height:49px; background:url(../Images/cmsoffice.jpg) 0 0 no-repeat;}
#menu li a.tjanster{width:157px; height:49px; background:url(../Images/tjanster.jpg) 0 0 no-repeat;}
#menu li a.omsitepark{width:137px; height:49px; background:url(../Images/omsitepark.jpg) 0 0 no-repeat;}
#menu li a.kontakt{width:119px; height:49px; background:url(../Images/kontakt.jpg) 0 0 no-repeat;}

#menu li a.hemactive{width:90px; height:49px; background:url(../Images/hem_a.jpg) 0 0 no-repeat;}
#menu li a.designactive{width:91px; height:49px; background:url(../Images/design_a.jpg) 0 0 no-repeat;}
#menu li a.cmsofficeactive{width:129px; height:49px; background:url(../Images/cmsoffice_a.jpg) 0 0 no-repeat;}
#menu li a.tjansteractive{width:157px; height:49px; background:url(../Images/tjanster_a.jpg) 0 0 no-repeat;}
#menu li a.omsiteparkactive{width:137px; height:49px; background:url(../Images/omsitepark_a.jpg) 0 0 no-repeat;}
#menu li a.kontaktactive{width:119px; height:49px; background:url(../Images/kontakt_a.jpg) 0 0 no-repeat;}

#menu li a.hem:hover{background:url(../Images/hem_o.jpg);}
#menu li a.design:hover{background:url(../Images/design_o.jpg);}
#menu li a.cmsoffice:hover{background:url(../Images/cmsoffice_o.jpg);}
#menu li a.tjanster:hover{background:url(../Images/tjanster_o.jpg);}
#menu li a.omsitepark:hover{background:url(../Images/omsitepark_o.jpg);}
#menu li a.kontakt:hover{background:url(../Images/kontakt_o.jpg);}



/*------Startsida-------*/

#allaharrad {margin-top: 0px; padding-top: 20px; border-top: 1px dashed #cbcdbd; position: relative; height: 35px;}

#allaharrad a.btn {position: absolute; z-index: 15; top: 20px; left: 0px; display: inline-block; width: 156px; height: 32px; padding: 0px; margin: 0px; text-indent: -9999px; background: url("../Images/alla_har_rad_.png") no-repeat;}
#allaharrad a.btn:hover {background: url("../Images/alla_har_rad.png") no-repeat;}

#allaharrad #btn_bar {font-size: 14px; position: absolute; overflow: hidden; z-index: 10; top: 20px; left: 50px;height: 32px; line-height: 32px; padding-left: 90px; width: 5px; background: #eeefe8;}
#allaharrad #btn_bar a {font-weight: bold; color: #000; text-decoration: none;}

#galleri {margin-top: 0px; padding-top: 20px; border-top: 1px dashed #cbcdbd;}

#galleri img {display: inline-block; padding: 5px; border: 1px dashed #cbcdbd; background: #f1f2ec; margin-right: 24px;}
#galleri img:hover {border: 1px dashed #9ea18d;}

#orange{position:absolute; top:548px; left:0px; width:369px; height:111px; background:url(../Images/avbetalning.png); display: none;}

#logotyp{float:left; width:362px; height:206px; background:url(../Images/tagline.jpg); margin-top:45px;}

#mac{background:url(../Images/flash.png); float:right; width:430px; height:405px; margin-top:37px;}

.text_column{width:298px; float:left;padding: 10px;}

.text_column span{margin-bottom: 22px;}


.text_box{width:343px; margin-top:30px; font:18px Arial, Helvetica, sans-serif; color:#6b6a6a;}

/*a.YesButton {text-indent: -9999px; display:block; float:left; width:109px; height:29px; margin-top:133px; margin-left:19px; background:url(../Images/jatack.jpg) 0 0 no-repeat;}

a.YesButton:hover {background:url(../Images/jatack_over.jpg);}*/

a.ReadButton {text-indent: -9999px;display:block; width:88px; height:25px; background: url(../Images/lasmer.jpg) right no-repeat; margin-left:195px; margin-top:23px;}
a.ReadButton:hover {background: url(../Images/lasmer_o.jpg) right no-repeat;}

a.YesButtonStart {display: block; width: 97px; height: 97px;position: absolute; z-index: 10; top: 185px; left: 740px; background: url("../Images/ja_tack_.jpg") no-repeat; text-indent: -9999px;}
a.YesButtonStart:hover {background: url("../Images/ja_tack.jpg") no-repeat;}

a.YesButton2 {display: block; width: 64px; height: 64px;position: absolute; z-index: 10; top: 282px; left: 122px; background: url("../Images/ja_tack_small_.jpg") no-repeat; text-indent: -9999px;}
a.YesButton2:hover {background: url("../Images/ja_tack_small.jpg") no-repeat;}


/*------Undersidor-------*/

#header_text{float:left; width:392px; height:206px; margin-top:45px;}

/*a.YesButton2 {text-indent: -9999px;display:block; float:left; width:109px; height:29px; margin-left:123px; background:url(../Images/jatack.jpg) 0 0 no-repeat;}
a.YesButton2:hover {background:url(../Images/jatack_over.jpg);}*/

.contact_box{width:200px; height:29px; background:url(../Images/vetamer.jpg) left top no-repeat; margin-top:20px; margin-right:20px;}

#pen{position:absolute; top:321px; left:0px; width:256px; height:22px; background:url(../Images/pen.jpg);}

.left_content{width:430px;  margin-top:23px; float:left;}

.left_content p{margin-bottom:20px; margin-top:5px;}

.left_content h3{margin-bottom:20px;}

.left_content ul li{padding-left: 28px; margin-top: 5px; background: url(../Images/arrow.jpg) no-repeat left center; list-style: none;}

.left_content span{margin-bottom:28px;}

.noshow {display: none;}


/*------Design-------*/

.right_content{width:400px;  margin-top:23px; float:right;}

.right_content li h3{padding-left: 28px; margin-top: 30px; background: url(../Images/arrow.jpg) no-repeat left center; list-style: none;}

#design{background:url(../Images/dog.png) no-repeat; float:right; width:516px; height:311px; margin-top:100px;}


#design_text{background:url(../Images/design_text.jpg) no-repeat; float:left; width:473px; height:231px; margin-top:0px;}

#pen{width:256px; height:22px; background:url(../Images/pen.jpg); margin-top:129px;}

a.ReadmooreButton {display:block; float:right; width:57px; height:15px; background: url(../Images/lasmer_knapp.jpg) right no-repeat; margin-right:0px; margin-top:0px;}

a.ReadmooreButton strong{position:absolute;top:-9000em;left:-9000em;}

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



/*------Tjanster-------*/

#tjanster{background:url(../Images/tjansterbild.png); float:right; width:464px; height:389px; margin-top:37px;}

#tjanster_text{background:url(../Images/tjanster_text.jpg) no-repeat; float:left; width:473px; height:231px; margin-top:0px;}

.right_content_checkbox{width:465px; margin-right: 10px;  margin-top:23px; float:right;}

.right_content_checkbox li{padding: 10px 0px; border-bottom: 1px dashed #cbcdbd;}

.right_content_checkbox li h3{display: inline-block; font-size: 12px; float: left; padding: 0px; margin: 0px;}

.right_content_checkbox li li ul p{margin-bottom:10px; margin-top:10px;}

.cmspage {padding-top: 85px;}
.cmspage2 {padding-top: 50px;}
.cmspage3 {padding-top: 60px;}
.cmspagedesign {padding-top: 55px;}

.cmslist ul {margin-top: 10px;}
.cmslist li{padding: 5px 0px; padding-left: 23px; background: url(../Images/check.gif) no-repeat left center;}

#startflash {width: 429px; height: 264px; position: absolute; z-index: 100; top: 245px; left: 262px;}


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

#cms{background:url(../Images/cms_office_box3.jpg) no-repeat; float:right; width:455px; height:416px; margin-top:5px;}
#cmsoffice_text{background:url(../Images/cmsoffice_text.jpg) no-repeat; float:left; width:473px; height:231px; margin-top:0px;}


/*------Om Sitepark-------*/

#omsitepark{background:url(../Images/omsitepark_bild.png); float:right; width:451px; height:406px; margin-top:37px;}
#sitepark_text{background:url(../Images/sitepark_text.jpg) no-repeat; float:left; width:473px; height:231px; margin-top:0px;}

/*------Kontakt-------*/

#phone{position:absolute; top:325px; left:0px; width:479px; height:182px; background:url(../Images/telefon.png);}
#kontakt_text{background:url(../Images/kontakt_text.jpg) no-repeat; float:left; width:397px; height:340px; margin-top:0px;}
#kontakt{background:url(../Images/kontaktbild.png) no-repeat; float:right; width:547px; height:370px; margin-top:14px;}

.kontakt_left {float: left; width: 417px; }
.kontakt_right {float: left; width: 537px; }

input{background:url(../Images/input_bg.jpg) no-repeat;padding:8px;width:356px;height:20px;font-size:1.2em;display:block;border:none; margin-bottom:27px;}

textarea{background:url(../Images/textarea_bg.jpg) no-repeat; padding: 8px;width:521px;height:211px;font-size:1.2em;display:block;border:none; font: 12px Arial;}

#imageField{background:url(../Images/skicka.jpg); float:right; width:109px; height:29px; margin-top:10px; padding: 0px;}