@charset "utf-8";
/* Topmenu */

div#menu ul {list-type: none; float:left;}

div#menu ul li { float: left;                 
                 text-align:center;
                 display:inline;}

div#menu ul li a {color:#fff; 
				  text-decoration:none; 
				  font:13px Arial, Helvetica, sans-serif; 
				  background:url(gfx/bg_menu.jpg) repeat-x; 
				  line-height: 32px; 
				  padding:9px 10px 9px 9px; 
				  margin-right:2px; 
				  outline-style: none;
				  }


div#menu ul li.current a#varmepumpar {background: url(gfx/bg_menu_selected.jpg) repeat-x;  line-height: 32px; outline-style: none; color:#fff;  margin-right:2px; }
div#menu ul li:hover a#varmepumpar{background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li.current a#vvs_menu {background: url(gfx/bg_menu_selected.jpg) repeat-x;  line-height: 32px; outline-style: none; color:#fff;  margin-right:2px; width:35px;}
div#menu ul li:hover a#vvs_menu{background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li.current a#eldningsolja {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#eldningsolja {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li.current a#gas {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#gas {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li a#fastbransle {}
div#menu ul li.current a#fastbransle {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#fastbransle {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li a#solvarme {}
div#menu ul li.current a#solvarme {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#solvarme {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li a#badrum {}
div#menu ul li.current a#badrum {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#badrum {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li a#centraldammsugare {}
div#menu ul li.current a#centraldammsugare {background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff; margin-right:2px;}
div#menu ul li:hover a#centraldammsugare{background: url(gfx/bg_menu_selected.jpg) repeat-x; line-height: 32px; outline-style: none; color:#fff; margin-right:2px;}

div#menu ul li a#kampanj {}
div#menu ul li.current a#kampanj {background: url(gfx/bg_menu_selected.jpg) repeat-x; height: 27px; outline-style: none; color:#fff;  margin-right:2px;}
div#menu ul li:hover a#kampanj {background: url(gfx/bg_menu_selected.jpg) repeat-x; height: 27px; outline-style: none; color:#fff;  margin-right:2px;}

div#menu ul li a#kontakt { margin-right:0;}
div#menu ul li.current a#kontakt{background: url(gfx/bg_menu_selected.jpg) repeat-x; height: 27px; outline-style: none; color:#fff; margin-right:0;}
div#menu ul li:hover a#kontakt {background: url(gfx/bg_menu_selected.jpg) repeat-x; height: 27px; outline-style: none; color:#fff; margin-right:0;}

/* submenu */

div#submenu ul {list-type: none; float:left; margin:5px 0 0 0}

div#submenu ul li {float: left;                 
                   text-align:left;
                   display:inline;
				   margin:0 0 5px 0;
				   width:300px;
				   }

div#submenu ul li a {color:#fff; 
					  text-decoration:none; 
					  font:13px Arial, Helvetica, sans-serif; 
					  background:url(gfx/bg_menu.jpg) repeat-x; 
					  line-height: 14px; 
					  padding:9px 0px 9px 10px; 
					  margin-right:2px; 
					  outline-style: none;
					  width:100%;
					  display:block;					  }
div#submenu ul li.current a{background: url(gfx/bg_menu_selected.jpg) repeat-x;}
div#submenu ul li:hover a#treD {background: url(gfx/bg_menu_selected.jpg) repeat-x; }
