@charset "UTF-8";
/* CSS Document */

html {
	height:100%;

}


body {
	background:url(../images/bg.jpg) repeat-x #ebebeb;
	text-align:center;
	margin: 0 auto;
	color:#303030;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-decoration:none;
	font-weight:normal;
	line-height:1.5em;
	height:100%;
}

#banner {
	position:absolute;
	top:380px;
	left:593px;
	text-align:right;
	margin-right:20px;
	z-index:100;
	width:356px;
	height:317px;
	

}

#slider2 {
	float:left;

}

.bilden2 {
	float:left;
	width:289px;

}

.bilden2_txt {
	float:left;
	width:259px;
	padding-left:15px;
	padding-right:15px;
}

.bilden3_txt {
	float:left;
	width:359px;
	padding-top:10px;
	
}

#slider {
	float:left;

}

#umenyn {
	float:left;
	width:260px;
	padding-left:18px;

}


#wrapper {
	position:relative;
	width:950px;
	height:100%;
	text-align:left;
	margin: 0 auto;
	


}

#header {
	float:left;
	width:927px;
	background:url(../images/topp.jpg) no-repeat;
	padding:0px 0px 0px 23px;


}

#startpage {
	float:left;
	width:923px;
	padding:0px 0px 0px 27px;
	background:url(../images/start_bg2.jpg) no-repeat;


} 


#startpage_u {
	float:left;
	width:919px;
	padding:0px 0px 0px 23px;
	background:url(../images/u_bg.jpg) no-repeat;
	


} 

#logo {
	float:left;
	width:250px;
	height:60px;
	padding:10px 0px 0px 13px;

}

img {
	border:none;


}


a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#bd252b;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#bd252b;

}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.30em;
	color:#787878;

}



h1 {
	font-family:Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:bold;
	line-height:1.1em;
	margin: 0px 0px 10px 0px; 
	

}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:108%;
	margin:0px;
	padding:0px;
	color:#303030;

}

h2 a {

	color:#303030;

}

h2 a:hover {

	text-decoration:underline;
	
	color:#303030;

}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:normal;
	margin:6px 0px 6px 0px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
	margin:0px;
	padding:0px;

}


#kontakt {
	float:left;
	width:270px;
	height:120px;
	border-top:solid 1px #d3d3d3;
	padding: 5px 0px 0px 0px;
	margin:5px 10px 0px 10px;


}

.puff {
	float:left;
	width:272px;
	height:130px;
	background:url(../images/puff_bg3.png) no-repeat;
	padding-left:18px;

}

.imgmarg {
	margin-left:2px;
	margin-bottom:10px;

}

.puff_h {
	float:left;
	width:272px;
	height:24px;
	margin-top:20px;
	

}

.puff_t {
	float:left;
	width:262px;
	height:75px;
	
}

.puff2 {
	float:left;
	width:272px;
	height:280px;
	background:url(../images/puff_bg2.png) no-repeat;
	padding-left:18px;

}

.puff2 p {
	font-size:100%;

}

.puff_h2 {
	float:left;
	width:272px;
	height:24px;
	margin-top:20px;
		

}


.puff_h3 {
	float:left;
	width:272px;
	height:24px;
	margin-top:7px;
		

}

.puff_t2 {
	float:left;
	width:262px;
	height:210px;
	padding-top:6px;
	

}

#puffs {
	float:left;
	width:290px;
	height:550px;
	
	margin-top:25px;

}

#puffs_u {
	float:left;
	width:290px;
	height:550px;
	
	margin-top:25px;

}

#content {
	float:left;
	width:609px;
	margin-top:5px;
	margin-left:20px;

}

#content_u {
	float:left;
	width:560px;
	margin-top:28px;
	margin-left:10px;
	color:#646464;
	

}

#content_personal {
	float:left;
	width:890px;
	margin-top:28px;
	padding-left:36px;
	color:#646464;
	

}

#content_u p {
	font-size:98%;
	color:#646464;

}

.movie {
	width: 100%;
	height:100%;
}

div.movie {
				width: 600px;
				height: 400px;
				text-align: center;
				
				
				
			}

/*#botten {
	float:left;
	height:100px;
	width:630px;
	background:url(../images/botten.png) no-repeat;
}

#botten2 {
	float:left;
	height:100px;
	width:950px;
	background:url(../images/botten2.jpg) no-repeat;
}


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

#meny {
	float:left;
	width:922px;
	height:42px;
	padding:9px 0px 0px 30px;
	margin:20px 0px 0px  0px;
	background:url(../images/meny_bg.jpg) no-repeat;


}

#meny ul {
	margin: 0;
	padding: 0;
}
#meny li {
	display: inline;
	margin: 0;
	padding: 0;
}
#meny .meny1 a{
	width: 43px;
	height: 33px;
	background: url(../images/meny/start.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny2 a{
	width: 94px;
	height: 33px;
	background: url(../images/meny/omoss.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny3 a{
	width: 57px;
	height: 33px;
	background: url(../images/meny/historik.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny4 a{
	width: 48px;
	height: 33px;
	background: url(../images/meny/smak.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny5 a{
	width: 59px;
	height: 33px;
	background: url(../images/meny/storhus.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}

#meny .meny6 a{
	width: 116px;
	height: 33px;
	background: url(../images/meny/industri.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny7 a{
	width: 42px;
	height: 33px;
	background: url(../images/meny/must.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny8 a{
	width: 93px;
	height: 33px;
	background: url(../images/meny/kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}




#meny .meny1 a:hover{
	width: 43px;
	height: 33px;
	background: url(../images/meny/start.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny2 a:hover{
	width: 94px;
	height: 33px;
	background: url(../images/meny/omoss.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny3 a:hover{
	width: 57px;
	height: 33px;
	background: url(../images/meny/historik.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny4 a:hover{
	width: 48px;
	height: 33px;
	background: url(../images/meny/smak.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny5 a:hover{
	width: 59px;
	height: 33px;
	background: url(../images/meny/storhus.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}

#meny .meny6 a:hover{
	width: 116px;
	height: 33px;
	background: url(../images/meny/industri.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny7 a:hover{
	width: 42px;
	height: 33px;
	background: url(../images/meny/must.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny8 a:hover{
	width: 93px;
	height: 33px;
	background: url(../images/meny/kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}




#meny .meny1_on a{
	width: 43px;
	height: 33px;
	background: url(../images/meny/on_start.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny2_on a{
	width: 94px;
	height: 33px;
	background: url(../images/meny/on_omoss.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny3_on a{
	width: 57px;
	height: 33px;
	background: url(../images/meny/on_historik.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny4_on a{
	width: 48px;
	height: 33px;
	background: url(../images/meny/on_smak.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}
#meny .meny5_on a{
	width: 59px;
	height: 33px;
	background: url(../images/meny/on_storhus.jpg) no-repeat;
	float: left;
	padding-right: 5px;
}

#meny .meny6_on a{
	width: 116px;
	height: 33px;
	background: url(../images/meny/on_industri.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny7_on a{
	width: 42px;
	height: 33px;
	background: url(../images/meny/on_must.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny8_on a{
	width: 93px;
	height: 33px;
	background: url(../images/meny/on_kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}




#meny span {
	display:none;
}