/* CSS Document */
.shadetabs{
border-bottom: 1px solid gray;
width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(http://www.gbghtml.se/bilder/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#99FFFF; background-image:url(http://www.gbghtml.se/bilder/bg/back.gif);
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(http://www.gbghtml.se/bilder/shadeactive.gif); 
background-color:#99FFFF; border-bottom-color:#99FFFF
 
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.body { background-image:url(http://www.gbghtml.se/bilder/bg/bluegradient.jpg); background-repeat: repeat-y; background-color:#FFFFFF; width:90%; border-left:1px solid #778; }
.left {background-image:url(http://www.gbghtml.se/bilder/bg/back.jpg); width:10%;
}
.left a:link {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(http://www.gbghtml.se/bilder/bg/top.jpg);
	font-weight: bold;
	color: #21536A;
	}
.left a:hover {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(http://www.gbghtml.se/bilder/bg/tophover.jpg);
	font-weight: bold;
	color: #0000ff;
	}
.left a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	border-right:#999999 thin;
	background-image: url(http://www.gbghtml.se/bilder/bg/bluegradient.jpg);
	font-weight: bold;
	color: #00cccc;
	}
.padding {padding:10px}
.top {background-image:url(http://www.gbghtml.se/bilder/bg/bluegradient.jpg); background-repeat:repeat-y }

.footer { background-color:#FFFFFF; background-image:url(http://www.gbghtml.se/bilder/bg/bluegradient.jpg); background-repeat:repeat-y; 
padding:.5em;
color:#FFF; font-size:6px; width:90%;
 }
.footer a { color:#000000; font-size:9px; background-color:#FFFFFF; background-image:url(http://www.gbghtml.se/bilder/background/top.jpg) }
.footer a:hover { color:#FF0000; background-color:#FFFFFF; background-image:url(http://www.gbghtml.se/bilder/background/2.jpg) }
<!--tillsökboxen-->
.utility{ width:20%;
	font: 75% Verdana,sans-serif;
	position: absolute;
	left: 400px;
	right: 0px;
	color: #919999;
	text-align: right;
	border-bottom:#000000 thin;
}
<!--slut sökboxen-->
<!--till design-sidorna-->
 a.link{color:#003333; text-decoration:underline}
a.link:hover {color:#000000; font-size:large; text-decoration:none}
a.link:visited {color:#666666; text-decoration:underline}
#annorlunda {background-color:#FF9900; width:"50%"}
#annorlunda2 {background-color:#FF9900; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:large;}
#annorlunda3 {background-color:#FFFFFF; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#annorlunda4 { background-color:#00FFFF; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#annorlunda5 { background-color:#CCCCCC; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#annorlunda6 { background-color:#FFFF00; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#annorlunda7 { background-color:#000000; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:large;}
#annorlunda8 { background-color:#CCFFCC; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#annorlunda9 {background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/bild_som_bakgrund.jpg); background-repeat:no-repeat; font:Arial, Helvetica, sans-serif; color:#000000; }
#annorlunda10 {background-color:#FF9900; background-image:url(http://www.webbgbg.se/webbdesign/blue/bakgrundsbild.jpg); background-repeat:no-repeat; font:Arial, Helvetica, sans-serif; color:#FFFFFF; }
#annorlunda11 {background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/rund.gif); font:Arial, Helvetica, sans-serif; color:#000000; font-size:large }
#hoover1 {background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/rund.gif); font:Arial, Helvetica, sans-serif; color:#000000; font-size:large} 
#hoover1 a{ background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/rund.gif); font:Arial, Helvetica, sans-serif; color:#000000; font-size:large }
#hoover1 a:hover{ background-color:#0000FF; background-image:url(http://www.webbgbg.se/webbdesign/blue/rund.gif); font:Arial, Helvetica, sans-serif; color:#FF0000; font-size:large }
#hoover5 a{ background-color:#CCCCCC; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#hoover5 a:hover{ background-color:#FFFFFF; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#hoover7 a{ background-color:#000000; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:large;}
#hoover7 a:hover{ background-color:#CCCCCC; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large;}
#hoover9 a{background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/bild_som_bakgrund.jpg); background-repeat:no-repeat; font:Arial, Helvetica, sans-serif; color:#000000; font-size:large }
#hoover9 a:hover{background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/bakgrundsbild.jpg); background-repeat:no-repeat; font:Arial, Helvetica, sans-serif; color:#FFFFFF; }
#hoover11 a{background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/webbdesign/blue/rund.gif); font:Arial, Helvetica, sans-serif; color:#000000; font-size:large }
#hoover11 a:hover{background-color:#000000; background-image:url(http://www.webbgbg.se/webbdesign/blue/bla_rund.gif); font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:large }
.meny1 {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#000000; border:double}
.meny1 a{background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; color:#0000FF; display:block;} 
.meny1 a:hover{background-color:#000000; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF}
#backgroundcolor_red {background-color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#backgroundcolor_yellow {background-color:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#backgroundcolor_lime { background-color:#99FF00; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#backgroundcolor_light_blue { background-color:#CCFFFF; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#backgroundcolor_light_yellow { background-color:#FFFFCC; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#backgroundcolor_blue_green { background-color:#99FFCC; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
#font_grey {font-family:Arial, Helvetica, sans-serif; color:#999999}

