html, body {background-color: #FFFFFF; margin: 0;}

body {font-family: Arial, Helvetica, sans-serif; color: #494949;}

p, ul{font-size: 12px; line-height: 18px;}
.af td {font-size: 12px; margin: 0; padding: 4px;}
h6 {font-size: 10px; margin: 0; padding: 0; color:#666666;}
/* ----------------- */

#container { z-index:1;  position: relative; left: 50%; width: 940px; margin-left: -470px; margin-top: 0; margin-right:0; margin-bottom:0; cursor:auto;}

/* ----------------- */

#header { width:940px; background: url(../images/bg_top.jpg) no-repeat top; height: 80px; margin:0; padding:0; display: block;}
#header h1 a { width: 150px; height: 80px; background: transparent url(../images/fogia.gif) no-repeat; text-indent:-9999px; float:left; display:block;}

#menu1 { width:940px; background: url(../images/menu_bg.gif) no-repeat top; height: 38px; margin:0; padding:0; float:left;}
#menu1 ul { width: 800px; height: 38px; float:left; position: relative;}
#menu1 ul li { float: left; }
#menu1 ul li a { position: absolute; top:0px; left:0; display:block; height:38px; background: url(../images/menu_sv.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu1 ul li#hem a { width: 80px; background-position: 0 0;}
#menu1 ul li#om_fogia a { left: 80px; width: 88px; background-position: -80px 0;}
#menu1 ul li#sortiment a { left: 168px; width: 98px; background-position: -168px 0;}
#menu1 ul li#inspiration a { left: 266px; width: 102px; background-position: -266px 0;}
#menu1 ul li#aktiviteter a { left: 368px; width: 106px; background-position: -368px 0;}
#menu1 ul li#annonser a { left: 474px; width: 96px; background-position: -474px 0;}
#menu1 ul li#aterforsaljare a { left: 570px; width: 140px; background-position: -570px 0;}
#menu1 ul li#kontakt a { left: 710px; width: 90px; background-position: -710px 0;}
#menu1 ul li#webshop a { left: 820px; width: 84px; background-position: -820px 0;}

#menu1 ul li#hem a:hover { background-position: 0 -38px;}
#menu1 ul li#om_fogia a:hover { background-position: -80px -38px;}
#menu1 ul li#sortiment a:hover { background-position: -168px -38px;}
#menu1 ul li#inspiration a:hover { background-position: -266px -38px;}
#menu1 ul li#aktiviteter a:hover { background-position: -368px -38px;}
#menu1 ul li#annonser a:hover { background-position: -474px -38px;}
#menu1 ul li#aterforsaljare a:hover { background-position: -570px -38px;}
#menu1 ul li#kontakt a:hover { background-position: -710px -38px;}
#menu1 ul li#webshop a:hover { background-position: -820px -38px;}

#menu2 { width:940px; background: url(../images/menu_bg.gif) no-repeat top; height: 38px; margin:0; padding:0; float:left;}
#menu2 ul { height: 38px; float:left; position: relative;}
#menu2 ul li { float: left; }
#menu2 ul li a { position: absolute; top:0px; left:0; display:block; height:38px; background: url(../images/menu_sv_2.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu2 ul li#hem a { width: 80px; background-position: 0 0;}
#menu2 ul li#om_fogia a { left: 80px; width: 88px; background-position: -80px 0;}
#menu2 ul li#sortiment a { left: 168px; width: 98px; background-position: -168px 0;}
#menu2 ul li#referenser a { left: 266px; width: 108px; background-position: -266px 0;}
#menu2 ul li#aktuellt a { left: 374px; width: 88px; background-position: -374px 0;}
#menu2 ul li#kontakt a { left: 462px; width: 102px; background-position: -462px 0;}
#menu2 ul li#webshop a { left: 820px; width: 84px; background-position: -820px 0;}

#menu2 ul li#hem a:hover { background-position: 0 -38px;}
#menu2 ul li#om_fogia a:hover { background-position: -80px -38px;}
#menu2 ul li#sortiment a:hover { background-position: -168px -38px;}
#menu2 ul li#referenser a:hover { background-position: -266px -38px;}
#menu2 ul li#aktuellt a:hover { background-position: -374px -38px;}
#menu2 ul li#kontakt a:hover { background-position: -462px -38px;}
#menu2 ul li#webshop a:hover { background-position: -820px -38px;}

#menu3 { width:940px; background: url(../images/menu_bg.gif) no-repeat top; height: 38px; margin:0; padding:0; float:left;}
#menu3 ul {height: 38px; float:left; position: relative;}
#menu3 ul li { float: left; }
#menu3 ul li a { position: absolute; top:0px; left:0; display:block; height:38px; background: url(../images/menu_sv_3.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu3 ul li#hem a { width: 80px; background-position: 0 0;}
#menu3 ul li#om_fogia a { left: 80px; width: 88px; background-position: -80px 0;}
#menu3 ul li#sortiment_mobler a { left: 168px; width: 154px; background-position: -168px 0;}
#menu3 ul li#cafe a { left: 322px; width: 60px; background-position: -548px 0;}
#menu3 ul li#kontakt a { left: 382px; width: 87px; background-position: -608px 0;}
#menu3 ul li#webshop a { left: 820px; width: 84px; background-position: -820px 0;}

#menu3 ul li#hem a:hover { background-position: 0 -38px;}
#menu3 ul li#om_fogia a:hover { background-position: -80px -38px;}
#menu3 ul li#sortiment_mobler a:hover { background-position: -168px -38px;}
#menu3 ul li#cafe a:hover { background-position: -548px -38px;}
#menu3 ul li#kontakt a:hover { background-position: -608px -38px;}
#menu3 ul li#webshop a:hover { background-position: -820px -38px;}


a:link {color:#b01817;}
a:visited {color:#b01817;}
a:active {color:#b01817;}
a:hover {text-decoration: underline; color:#b01817;}

/* SUBMENU----------------- */
#submenu { width:940px; background: url(../images/menu_sub_bg.gif) no-repeat top; height: 31px; margin-top:5px; margin:0; padding:0; float:left;}
#submenu_empty { width:940px;  background: url(../images/menu_sub_empty_bg.gif) no-repeat top; height: 31px; margin:0; padding:0; float:left;}

#submenu_empty p { font-size:11px; margin-top: 2px;}
#submenu ul {margin-top: 9px; margin-left: 42px; position: relative;}
#submenu li {margin-right: 10px; display: inline; font-size: 11px; float:left;}
#submenu a {text-decoration: none; color:#646060;}
#submenu a:hover {text-decoration: underline; color:#646060;}
#submenu p {font-size:11px;}

.red {color: #b01817; font-size: 11px;}
.table_designers {font-size: 11px; line-height: 13px;}
/* ----------------- */

#main {width: 860px; float:left; background: url(../images/page_bg.gif) repeat-y; margin:0; padding-bottom:5px; padding-left:40px; padding-right:40px; padding-top:20px;}
#wide_logos {width: 860px; float:left; margin:0; padding: 5px 0;}

#col_left {width: 440px; float:left;}
#col_left h1 { font-size: 18px; margin-bottom: 20px; color: #494949; font-weight: bold;}
#col_left p {margin-bottom: 10px;}

#col_left_butik {width: 380px; float:left;}
#col_left_butik h1 { font-size: 18px; margin-bottom: 20px; color: #494949; font-weight: bold;}
#col_left_butik p {margin-bottom: 10px;}

#col_850 {width: 850px; float:left;}
#col_850 h1 { font-size: 18px; margin-bottom: 20px; color: #494949; font-weight: bold;}
#col_850 p {margin-bottom: 10px;}

#sortiment_div {width: 850px; float:left;}
#sortiment_div h1 { font-size: 18px; margin-bottom: 20px; color: #494949; font-weight: bold;}
#sortiment_div p {margin-bottom: 5px; font-size: 11px;}

#sortiment_div a:link {text-decoration: none; color: #494949;}
#sortiment_div a:visited {text-decoration: none; color: #494949;}
#sortiment_div a:active {text-decoration: none; color: #494949;}
#sortiment_div a:hover {text-decoration: underline; color: #8d8d8d;}

#col_right {width: 385px; float:right;}
#col_right_420 {width: 420px; float:right;}
#col_right_440 {width: 440px; float:right;}
/* ----------------- */

#main_info a:link { color:#C80000;}
#main_info a:visited { color:#C80000;}
#main_info a:active { color:#C80000;}
#main_info a:hover { color:#4069AC;}

#main_info ul {margin-left:0px; margin-top:15px; color:#707070; font-size:110%;}

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

#footer { width: 860px; height:35px; float:left; background: url(../images/footer_bg.gif) no-repeat; margin: 0; padding:40px;}
#footer p{font-size: 11px; line-height: 16px; color:#646060;}

#footer a:link { color:#646060; text-decoration:underline;}
#footer a:visited { color:#646060; text-decoration:underline;}
#footer a:active { color:#646060; text-decoration:underline;}
#footer a:hover { color:#646060; text-decoration:underline;}

/* ----------------- */

/* FIX */
.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 */


.form {font-size:110%; color: #656B76;}
.knapp { font-size:110%; color: #000000;}
.px180 { border: 1px solid #DFDFDF; margin-top: 2px; width: 180px; height: 15px; font-size:11px; color: #4E4E4E;}
.px180_2 { border: 1px solid #DFDFDF; width: 180px; height: 60px; font-size:110%; color: #4E4E4E;}

.px150 {
	border: 1px solid #C5C5C5;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
}

.px200 {
	border: 1px solid #C5C5C5;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
}

.px240 { border: 1px solid #C5C5C5;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
}