body {padding: 2em;	margin: 0; font: 0.7em Verdana, sans-serif;  background: url(bilder/bakgrund.jpg) fixed;}
h1 {margin: 0 0 5px 0; letter-spacing: 0.3em; font: normal 4.5em Arial; color: #003366;}
h3 {margin: 0px 0 5px 0; letter-spacing: 0.05em; font: normal 2.0em Helvetica; text-shadow: black 0.2em 0.3em 0.2em }
h4 {margin: 10px 0 3px 0; padding: 0 0 0 5px; letter-spacing: 0.1em; font: 1.2em; color: #d45415; background: #FBC549;}
p {margin: 0 0 5px 0;}
a{border-bottom: 1px dotted #7b2e00; text-decoration: none;}
a:link{color: #7b2e00;}
a:visited{ color: #7b2e00;}
a:hover{text-decoration: underline;}

/*skuggad text*/
.shadow {font-weight: bold; filter: DropShadow(Color=aeaeae, OffX=5, OffY=5, Positive=1); width: 100%; height: 60px;}


/*design för tabeller*/
.kantlinje {border: 0px groove #003366}

/* sidlayout */
#layout {width: 65em; margin-left: auto; margin-right: auto;}
#sidhuvud {padding: 1em; height: 200px; margin: 0;	color: #800080;}
#kolumncontainer{float: left;}
#kolumn1 {float: left; width: 22em; padding: 0 1em 5em 0;}
#opacitybox{float: left; margin: 0;	padding: 1em; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em; color: #7b2e00;}
#kolumn2 {float: left; width: 40em; padding: 1em; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em; color: #7b2e00;}
#kolumnindex {float: left; width: 40em; padding: 0em; line-height: 0em; color: #7b2e00;}
#kolumn3 {float: left; width: 60em; padding: 1em; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em; color: #7b2e00;}
#sidfot {clear: both; padding: 10px; border-top: 1px solid #E27304;	border-bottom: 1px solid #E27304; color: #E27304;}

/* meny */
#content{margin: 1em 0em 1em 1em; padding: 0; float: left;}
#menycontainer{float: left; margin: 1em 0 1em 0em; width: 20em; font: 100% Verdana, Helvetica, sans-serif;}

#meny{margin: 0; padding: 1; list-style-type: none;}
#meny a{display: block;	padding: 0.3em 0 0.3em 0.7em; text-decoration: none; width: 100%; height: 1.1em; border: 1px solid #7b2e00;	margin-top: 0.2em; background: #FFFF99; }
#meny ul{list-style-type: none;}
#meny ul a{padding: 0.3em;}	
#meny a:link{color: #7b2e00;}
#meny a:visited{color: #7b2e00;}
#meny a:hover{background: #FFFFFF;}
#meny a#current{font-weight: bold; background: #FBC549;}
#meny a#subcurrent{font-weight: bold; background: #FBC549;}

/* Runda horn */
.runda {}
.roundtop {}
.roundbottom {}
.r1{margin: 0 16px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r2{margin: 0 13px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r3{margin: 0 11px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r4{margin: 0 9px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r5{margin: 0 8px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r6{margin: 0 7px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r7{margin: 0 6px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r8{margin: 0 5px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r9{margin: 0 4px; height: 1px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r10{margin: 0 3px; height: 2px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r11{margin: 0 2px; height: 2px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.r12{margin: 0 1px; height: 3px; overflow: hidden; background: #FFFF99; opacity: 0.8; filter: alpha(opacity=80);}
.content {padding: 0px 10px;}