* { margin:0; }
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; background-image:url(http://www.webbgbg.se/bilder/background/1.jpg); background-repeat:no-repeat; width:70% }
p { margin:.5em; }
a { color:#647D8F;}
a:hover { color:#FF0000; background-color:#FFFFFF; background-image:url(../bilder/background/1.jpg) }
.h1 {font:Verdana, Arial, Helvetica, sans-serif; color:#000000}
.h1:hover {font:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC}

#content { margin:.5em; }
.navigation { list-style:none;
padding:0.75em; background-image:url(http://www.webbgbg.se/bilder/background/top.gif); background-repeat:repeat-x }
.navigation li { display:inline;
padding:3px; }
.navigation li a { color:#000000;  }
.navigation li a:hover { background-color:#CCCC99;
padding:1em;
color:#FF0000; font-weight:bold; background-image:url(../bilder/background/hovertop.gif) }
.navigation li:active {background-color:#50A17E; padding:1em; color:#CFE6DC;}
.active { background-image: url(../bilder/background/active.gif)}
.current{ background-image:url(../bilder/background/active.gif)}
#introduction { font-size:18px; }
#footer { background-color:#999966; background-image:url(http://www.webbgbg.se/bilder/background/top.jpg); 
padding:.5em;
color:#FFF; font-size:6px
 }
#footer a { color:#000000; font-size:9px; background-color:#FFFFFF; background-image:url(../bilder/background/top.jpg) }
#footer a:hover { color:#FF0000; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg) }
.box h1 { padding:0; margin:0; color:#FFF; font-size:20px; border-bottom:1px solid #A07850; }
.box p { color:#FFF; font-size:14px; padding:.5em; }
.box { background-color:#996633; background-image:url(../bilder/background/2.jpg);
margin:10px; }
.boxcontent { padding:.5em;
color:#000000;
margin:2px; left:200px; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg)  }
.boxcontent a:link { padding:.5em;
color:#FF0000;
margin:2px; left:200px; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg)  }
.boxcontent a:hover { padding:.5em;
color:#FF0000; font-weight:bold;
margin:2px; left:200px; background-color:#FFFFFF; background-image:url(../bilder/background/1.jpg)  }
.boxcontent span { font-size:12px; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg) }
.spacer {position:relative; margin-left:2em; margin-right:2em; font-size:24px}
b.rtop, b.rbottom { display:block; background-image:url(http://www.webbgbg.se/bilder/background/1.jpg)}
b.rtop b, b.rbottom b { display:block; height:1px;
overflow:hidden; background-color:#996633; }
b.r1 { margin:0 5px; }
b.r2 { margin:0 3px; }
b.r3 { margin:0 2px; }
b.rtop b.r4, b.rbottom b.r4 { margin:0 1px; height:2px; color:#FFFFFF

}
.sidan {background-image:url(http://www.webbgbg.se/bilder/background/left.jpg); width:120px; vertical-align:top}
.sidan a:link {color:#000000; font-weight:bold; background-color:#FFFFFF; background-image:url(../bilder/background/left.jpg)}
.sidan a:visited {color:#CCCCCC; font-weight:bold; background-color:#FFFFFF; background-image:url(../bilder/background/left.jpg)}
.sidan a:hover { 
color:#00FFFF; font-weight:bold; background-image:url(../bilder/1.jpg)}
.first {background-color:#FFFFFF; background-image:url(http://www.webbgbg.se/bilder/background/2.jpg); background-repeat:no-repeat
 }
.first a:link {color:#000000; font-weight:bold; width:120px; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg) }
.first a:hover { background-color:#FFFFFF; background-image:url(../bilder/background/1.jpg);
color:#FF0000; font-weight:bold; width:120px }
.bottom {position:relative; top:120px; right:120px}
.small a:link {font-size:9px;  color:#000000}
.small { font-size:9px}
.small a:hover{font-size:9px; color:#FF0000; background-image:url(../bilder/background/2.jpg)}
.red {color:#FF0000; font-weight:bold; background-color:#FFFFFF; background-image:url(../bilder/background/2.jpg)}