body {padding: 2em; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background: #a8c1c6 url("bilder/hakanbak1.gif");}

h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}

h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}

h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}

p {line-height: 1.5em; margin: 0 0 5px 0;}
a {color: #407475; text-decoration: none; font-weight: bold;}
a:hover {color: #0000FF; text-decoration: none; font-weight: bold;}



/* sidlayout */

#layout {width: 900px; background: #a8c1c6 url("bilder/bannerhokeweb1.gif"); border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #666666; margin-right: auto; margin-left: auto;}

#sidhuvud {padding: 5px; margin: 0;}

#kolumncontainer{float: left; width: 900px; background: #5E9192;}

#kolumn1 {float: left; width: 630px; padding: 10px; background: #ffffcc;}

#kolumn2 {float: left; width: 230px; padding: 10px; background: url("bilder/kolumn2_bakgrund.gif";}

#sidfot {clear: both; padding: 10px; border-bottom: 1px solid #666666;}



/* meny */

#menycontainer {border-bottom: 1px solid #666666;}

#menycontainer ul{padding: 0.5em 0; margin: 0;}

#menycontainer li{margin-right: 0.2em; display: inline; list-style: none;}

#menycontainer li a{text-decoration: none; padding: 0.5em 0.9em; margin-left: 0; background: #dbdbdb; font-weight: bold;}

#menycontainer a:link{color: #000000;}

#menycontainer a:visited{color: #000000;}

#menycontainer a:hover{background: #ffffff;}

#menycontainer a#current{background: #ffffcc; border-bottom: 1px solid #ffffcc; color: #000000;}