@charset "utf-8";

/* CSS Document */

#map_canvas {

	margin-top:20px;

	margin-left:auto;

	margin-right:auto;

	width: 500px; 

	height: 300px;

}

#header {

	float:left;

	width: 900px;

	height: 200px;

	background: url(bilder/logga.jpg) no-repeat;

	border-bottom: 1px black solid;

}



#menu {

	font-family: Verdana, sans-serif;

	float:left;

	background:url(bilder/button.gif);

	width:860px;

	height:32px;

	font-size : 1.0em;

	margin: 0; 

	padding-left: 40px;

	float: left;

}

#menu ul, #menu li {

	display: inline;

	margin: 0;

	padding: 0;

	color: #339;

	}



#menu li a{

	float: left; 

	text-decoration: none;

	color: white;

	padding: 10.5px 11px;

}

#menu li a:visited {

	color: white;

}

#menu li a:hover, #menu li .current{

	color: #fff;

	background: url(bilder/button-hover.gif);

	background-color:#862d59;

}

#menu li a:active {

	background:url(bilder/button-active.gif);

}

#menu a {

	font-family : Verdana;

}



body#hem a#hemnav,

body#om a#omnav,

body#butiken a#butikennav,

body#offentlig a#offentlignav,

body#sortiment a#sortimentnav,

body#karta a#kartanav,

body#inspiration a#inspirationnav,

body#design a#designnav,

body#tjanster a#tjansternav {

	color: #000;

	background: white;

}	

#content {

	float:left;

	padding:20px 40px 40px 40px;

	min-height:500px;

	width:820px;

	background-color : white;

	text-align : left ;

}

#content ul li {

	font-size:1.2em;

	font-family: Verdana;

}



p {

	font-size:1.2em;

	line-height:1.2em;

}

h1 {

	font-family: Verdana;

	font-size:2em



}

h2 {

	font-size:1.5em;

	font-family: Verdana;

}

li {

	font-family:inherit;

}

.thumbnail {

	width:190px;

	height:147px;

	border:0;

	text-align:center;

	padding:5px;

	background: url(bilder/img_bg.jpg);

}

.inspirationthumbnail {

	width:200px;

	height:250px;

	padding:5px;

	background: url(bilder/img_insp_bg.jpg);

	border:0;

}

.image {

	float:right;

	margin-top:10px;

	margin-bottom:20px;

	border:1px #000 solid;

}

#leftcontent {

	float:left; 

	width:400px; 

	margin:0px; 

	padding:0px;

}

#rightcontent {

	float:right; 

	width:380px; 

	margin:0px 0px 0px 10px;

	/*border-left: 1px #000 dashed;*/

	padding:0px 0px 0px 20px;
}
.rightmargin {
	float:right;
	text-align:left;
	margin: 20px 0 0 0;
	padding: 0 20px 5px 20px;
	border: 1px #000 solid;
	width: 250px;
}
.rightmargin h2 {
	background: url(bilder/fot.jpg);
	padding: 5px;
	margin: 0px -20px;
	color: #FFF;
	text-align:center;
}
#oppetv {
	float:left;
	margin-right: 40px;
	text-align:left;
}
#oppeth {
	float:right;
	text-align: right;
}

#footer a:link {

	color:white;

	text-decoration:none

}

#footer a:hover{

	text-decoration:underline;

}

#footer {

	float:left;

	width: 900px;

	height : 25px;

	padding-top: 10px;

	font-size : 1.2em;

	color:white;

	text-align : center;

	background: url(bilder/fot.jpg);

	border-top: 1px black solid;

}

#container {

	overflow:hidden;

	margin-left : auto; 

	margin-right : auto;

	width : 900px;

	border:1px solid #000;

	

}

body {

	background-color:#EAEAEA;

	font-size : 62.8%;

	font-family:Verdana;

}

a:link {

	color : #000000;

}

a:visited {

	color : #000000;

}

a:hover {

	color : #999999;

}

a:active {

	color : #000000;

}