/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body {
	margin-left: 1%;
	margin-top: 10px;
	background-image: url(bilder/bg.gif);
	title: Test;
}

#menu {padding:0; margin:0; list-style:none; width:758px; height:32px; float:right;}

#menu li {position:relative; float:left; margin:0 0 0 0;}
#menu li a {display:block; height:32px; width:114px; line-height:20px; padding:0; float:left; color:#fff; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:18px; text-align:center; cursor:pointer;}
#menu li a b {display:block; height:0; padding-top:0; overflow:hidden;}

#menu li#home a {
	background:url(bilder/hem01.jpg);
	width: 67px;
}
#menu li#tjanster a {
	background:url(bilder/tjanster01.jpg);
	width: 167px;
}
#menu li#koncept a {
	background:url(bilder/koncept01.jpg);
	width: 179px;
}
#menu li#kontakt a {
	background:url(bilder/kontakt01.jpg);
	width: 126px;
}
#menu li#bloggen a {
	background:url(bilder/bloggen01.jpg);
	width: 125px;
}
#menu li#ovrigt a {
	background:url(bilder/ovrigt01.jpg);
	width: 94px;
}



#menu li#home a:hover {background:url(bilder/hem02.jpg);}
#menu li#tjanster a:hover {background:url(bilder/tjanster02.jpg);}
#menu li#koncept a:hover {background:url(bilder/koncept02.jpg);}
#menu li#kontakt a:hover {background:url(bilder/kontakt02.jpg);}
#menu li#bloggen a:hover {background:url(bilder/bloggen02.jpg);}
#menu li#ovrigt a:hover {background:url(bilder/ovrigt02.jpg);}



.home #menu li#home a {background:url(bilder/hem02.jpg);}
.tjanster #menu li#tjanster a {background:url(bilder/tjanster02.jpg);}
.koncept #menu li#koncept a {background:url(bilder/koncept02.jpg);}
.kontakt #menu li#kontakt a {background:url(bilder/kontakt02.jpg);}
.bloggen #menu li#bloggen a {background:url(bilder/bloggen02.jpg);}
.ovrigt #menu li#ovrigt a {background:url(bilder/ovrigt02.jpg);}



/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file */
* html #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/hem01.jpg', sizingMethod='scale');}
* html #menu li#tjanster a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/tjanster01.jpg', sizingMethod='scale');}
* html #menu li#koncept a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/koncept01.jpg', sizingMethod='scale');}
* html #menu li#kontakt a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/kontakt01.jpg', sizingMethod='scale');}
* html #menu li#bloggen a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/bloggen01.jpg', sizingMethod='scale');}
* html #menu li#ovrigt a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/ovrigt01.jpg', sizingMethod='scale');}




* html #menu li#home a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/hem02.jpg', sizingMethod='scale');}
* html #menu li#tjanster a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/tjanster02.jpg', sizingMethod='scale');}
* html #menu li#koncept a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/koncept02.jpg', sizingMethod='scale');}
* html #menu li#kontakt a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/kontakt02.jpg', sizingMethod='scale');}
* html #menu li#bloggen a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/bloggen02.jpg', sizingMethod='scale');}
* html #menu li#ovrigt a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/ovrigt02.jpg', sizingMethod='scale');}





* html .home #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/hem02.jpg', sizingMethod='scale');}
* html .tjanster #menu li#tjanster a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/tjanster02.jpg', sizingMethod='scale');}
* html .koncept #menu li#koncept a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/koncept02.jpg', sizingMethod='scale');}
* html .kontakt #menu li#kontakt a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/kontakt02.jpg', sizingMethod='scale');}
* html .bloggen #menu li#bloggen a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/bloggen02.jpg', sizingMethod='scale');}
* html .ovrigt #menu li#ovrigt a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/ovrigt02.jpg', sizingMethod='scale');}