/* padding + margin = 0 för att få innehållet att börja i kanten på webbläsaren*/

body{padding: 0; margin: 0; background: url("bakgrundgul.png"); background-repeat: repeat-x; font-size: 17px;}
h1{font: 1.5em bold Arial, sans-serif;}
h2{font: 1.2em bold Arial, sans-serif;}
.blue{color: #3366ff;}
.linespaceing{line-height: 50px}
/* tims layout - centreringen för att få sidan på mitten. Margin auto har denna uppgift. 
vanster + main, float används för att få boxarna att ligga bredvid varandra */

#centrering{width: 840px; margin-right: auto; margin-left: auto; background: #ffffff; border: 1px solid #000000;}
#sidhuvud{width: 800px; padding: 20px; background: #ffffff;}
#board{width: 820px; background: #3366ff url("road.png"); background-repeat: repeat-x; padding: 10px; text-align: center; border-bottom: 1px solid #000000;}
#vanster{width: 210px; padding: 10px 0px 10px 10px; float: left; background: #ffffff;}
#vanster1{width: 209px; padding: 10px 0px 10px 10px; float: left; background: #ffffff; border-right: 1px solid #000000;}
#main{width: 619px; float: left; background: #ffffff; border-left: 1px solid #000000; font:bold 1em/1.5em arial, sans-serif;}
#main1{width: 620px; float: left; background: #ffffff; font:bold 1em/1.5 arial, sans-serif;}
#main3{width: 609px; padding: 0px 5px; float: left; background: #ffffff; border-left: 1px solid #000000; text-align: right;}
#kolumn1{width: 330px; float: left; padding: 0px 10px 0px 10px; font:bold 1em/1.5em arial, sans-serif;}
/* koolumn 11 = naturbilder*/
#kolumn11{width: 330px; float: left; padding: 10px 10px 0px 10px; font:bold 1em/1.5em arial, sans-serif;}
#kolumn2{width: 250px ;float: left; padding: 10px 0px 10px 10px; font:bold 1em/1.5em arial, sans-serif;}
#sidfot{clear: both; Padding: 0px 5px; Background: #3366ff; border-top: 1px solid #000000; color: #ffffff; text-align: right; font:bold 0.8em arial, sans-serif;}

/* Meny - Meny li - Paddingen är för att bakgrunden ska börja före texten. Inte på varann. 
no-repeat center centrerar bilden. Meny a - text-decoration: none tar bort understrecket på länken*/

#meny{list-style: none; padding: 0px; margin: 0px;}
#meny li{padding-left: 20px; font:bold 1em/2em arial, sans-serif; background: url("menyimage.png") no-repeat left center;} 
#meny a{text-decoration: none;}
#meny a:link{color: #339933;}
#meny a:visited{color: #339933;}
#meny a:hover{color: #000000; text-decoration: underline overline;}
#meny a#current{background: #3366ff; color: #000000;}