body {padding: 0; margin: 0; font: 0.7em Verdana, sans-serif;  background-color: #cccccc; background-image: url(bild.jpg); background-repeat: no-repeat;} 

h1{margin: 0 0 5px 0; font-size: 1.5em; color: #ffffff; letter-spacing: 0.3em;} 

h3{margin: 10px 0 5px 0; font-size: 1.5em; font-weight: normal; letter-spacing: 0.1em; } 

h4{margin: 5px 0; font-size: 1em; color: #000000; background: #CCCCCC;} 
p{margin: 0 0 5px 0;}

h5{margin: 0 0 5px 0; font-size: 0.7em; color: #ffffff; letter-spacing: 0.3em;}

a{border-bottom: 1px dotted #000000; text-decoration: none;}

a:link{color: #000000;}

a:visited{ color: #666666;}

a:hover{text-decoration: none;}


/* sidlayout */

#layout {width: 700px; margin-right: 0; margin-left: 0;}

#sidhuvud {height: 108px; padding: 20px; margin-top: 0px; margin-right: 0; margin-left: 197px; background: #000000;color: #ffffff;}

#kolumncontainer{padding: 0px; width: auto; float: left; margin-top: 0px; border-top: 2px none #000000; border-right: 1px none #333333; border-left: 1px none #333333; background: #cccccc;}

#kolumn1 {float: left; width: 200px; background: #cccccc; opacity: 0.5; filter: alpha(opacity=100);}

#opacitybox{float: left; margin: 0; padding: 10px; background: #000000; opacity: 1.0; filter: alpha(opacity=50); line-height: 1.8em;}

#box{float: left; margin: 0; padding: 10px; line-height: 1.8em;}
#box a:link{text-decoration: none; border-bottom: 0px dotted #000000;}

#box a:visited{text-decoration: none; border-bottom: 0px dotted #000000;}

#box a:hover{text-decoration: none; border-bottom: 0px dotted #000000;}

#kolumn2 {float: left; width: 478px; padding: 10px; background: #ffffff; opacity: 1.0; filter: alpha(opacity=100); line-height: 1.8em;border-left: 1px none #000000; border-right: 1px none #000000; }

#sidfot {clear: both; padding: 10px; background: #cccccc; color: #000000;}


/* Sidhuvud och sidfot (hf) runda horn */

.rundhf {background: transparent;}

.rundtopph {background: transparent;}

.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #333333;}

.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #333333;}

.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #333333;}

.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #333333;}


/* meny */

#menycontainer{float: left; margin: 1em 0 0 1em; padding: 0;}

#meny{margin: 0; padding: 0; list-style-type: none; font-size: 1em;}

#meny a{width: 10em; text-decoration: none; display: block; padding: 0.3em 1em; margin-bottom: 0.8em; border-bottom: 1px dotted #000000; border-left: 1px none;}

#meny a:link{color: #2d371e;}

#meny a:visited{color: #2d371e;}

#meny a:hover{background: #CCCCCC;}

#meny a#current{font-weight: bold; border-left: 1px solid #000000; border-right: 10px solid #000000;}

#box1 {float: left; width: 100px;}
#box2 {float: left; width: 100px;}
#box3 {float: left; width: 400px;}
#box3 a:link{text-decoration: none; border-bottom: 0px dotted #000000;}
#box3 a:visited{text-decoration: none; border-bottom: 0px dotted #000000;}
#box3 a:hover{text-decoration: none; border-bottom: 0px dotted #000000;}
#box4 {float: left; width: 478px; clear:left;}
#box4 a{border-bottom: 1px dotted #000000; text-decoration: none;}
