* {margin: 0; padding: 0;}
body {background-color: #f5f5f5; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center;}

div#sida {background: #fff url(bild/grafik/bakgrund-sida.png) repeat-y top left; margin: 0px auto; text-align: center; width: 850px;}
div#sida-in {background: #fff; margin: 0px auto; text-align: left; width: 832px}

/* Sidhuvud */
div#sidhuvud {background: #284F7A url(bild/grafik/bakgrund-sidhuvud.png) top left; height: 160px; margin: 0 0px 0 0px}
div#sidhuvud-in {background-color: #284F7A; color: inherit; padding: 0 0 0 0}
div#sidhuvud img {border: 0}
div#sidhuvud .logo {float: left; padding: 90px 0 5px 25px}
div#sidhuvud .logo a {border: 0px; text-decoration: none}
div#sidhuvud .banner {float: right; text-align: right; padding: 10px 15px 0 0}
div#sidhuvud .banner a {border: 0px; text-decoration: none}

/* Meny */
div#meny {background: url(bild/grafik/bakgrund-meny.png) repeat-x top left; height: 38px; margin: 0 0 0 0}
div#meny-in {background-color: transparent; color: inherit; padding: 0 0 0 0}
ul#huvudmeny {display: block; float: left; height: 38px; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; width: auto}
ul#huvudmeny li {background: transparent url("bild/grafik/bakgrund-meny.png") repeat-x top left; display: block; float: left; height: 38px; margin: 0;
padding: 0}
ul#huvudmeny li a {background: transparent url("bild/grafik/bakgrund-meny-avdelare.png") no-repeat top right; border: 0px; color: #444; display: block;
float: left; font-size: 100%; font-weight: bold; height: 38px; margin: 0 0 0 0; padding: 11px 13px 0 11px; text-decoration: none}
ul#huvudmeny li a:hover {background: transparent url("bild/grafik/bakgrund-meny-hover.png") no-repeat top right; color: #222; height: 38px}
ul#huvudmeny li a.aktiv, ul#huvudmeny li a.aktiv:hover {color: #222; background: transparent url("bild/grafik/bakgrund-meny-aktiv.png") no-repeat top 
right; height: 38px}
ul#huvudmeny .vanster {background: transparent url("bild/grafik/bakgrund-meny-vanster.png") no-repeat top left; display: block; float: left;	
height: 38px; margin: 0; padding: 0; width: 15px}

div#sida2 {background-color: #fff; margin-top: 10px}

/* Vänsterkolumn */
div#vansterkolumn {background-color: #fff; color: inherit; float: left; width: 600px; line-height: 140%; word-spacing: 1px}
div#vansterkolumn-in {padding: 5px 5px 0 15px}
div#vansterkolumn blockquote {border-bottom: 1px solid #CECECE; height: 240px; margin: 0 0 15px 0}
div#vansterkolumn h1 {color: #284F7A; font-size: 150%; font-weight: bold; padding: 0 0 10px 0}
div#vansterkolumn .logo {float: right; padding: 0 0 0 2px}
div#vansterkolumn p {padding: 0 0 10px 0}

/* Vänsterkolumn 2 */
div#vansterkolumn2 {background-color: #fff; color: inherit; float: left; width: 220px; line-height: 140%; word-spacing: 1px}
div#vansterkolumn2-in {padding: 5px 5px 10px 15px}
div#vansterkolumn2 blockquote {border-bottom: 1px solid #CECECE; height: 240px; margin: 0 0 15px 0}
div#vansterkolumn2 h1 {color: #284F7A; font-size: 150%; font-weight: bold; padding: 0 0 10px 0}
div#vansterkolumn2 .logo {float: right; padding: 0 0 0 2px}
div#vansterkolumn2 p {padding: 0 0 10px 0}

/* Undermeny */
ul#undermeny {list-style: none; padding: 0}
ul#undermeny li {}
ul#undermeny li .bas {border-top: 1px solid #eee}
ul#undermeny li a {border-bottom: 1px solid #eee; background-color: inherit; color: #284F7A; display: block; padding: 10px 10px 5px 5px; 
text-decoration: none; width: 165px}
ul#undermeny li a:hover {color: #222;}
ul#undermeny li a.extra {margin-left: 10px; width: 145px}

/* Högerkolumn */
div#hogerkolumn {background-color: #fff; color: inherit; float: right; width: 220px}
div#hogerkolumn-in {padding: 0 10px 10px 0px}
div#hogerkolumn blockquote {background-color: #F1F1F1; border: 1px solid #CECECE; margin: 0 0 10px 0; padding: 10px}
div#hogerkolumn h1 {color: #284F7A; font-size: 150%; font-weight: bold; padding: 0 0 8px 0}
div#hogerkolumn h2 {color: #284F7A; font-size: 100%; font-weight: bold; padding: 0 0 2px 0}
div#hogerkolumn p {font-size: 100%; line-height: 130%; padding: 0 0 10px 0}
div#hogerkolumn i {color: #444; font-size: 100%; padding: 0 0 2px 0}

/* Högerkolumn 2 */
div#hogerkolumn2 {background-color: #fff; color: inherit; float: right; min-height: 300px; width: 600px}
div#hogerkolumn2-in {padding: 10px 20px 10px 0px}
div#hogerkolumn2 blockquote {background-color: #F1F1F1; border: 1px solid #CECECE; margin: 0 0 10px 0; padding: 10px}
div#hogerkolumn2 h1 {color: #284F7A; font-size: 150%; font-weight: bold; padding: 0 0 8px 0}
div#hogerkolumn2 h2 {color: #284F7A; font-size: 100%; font-weight: bold; padding: 0 0 2px 0}
div#hogerkolumn2 h3 {color: #284F7A; font-size: 130%; font-weight: normal; padding: 0 0 15px 0}
div#hogerkolumn2 p {font-size: 100%; line-height: 140%; padding: 0 0 10px 0}
div#hogerkolumn2 i {color: #444; font-size: 100%; padding: 0 0 2px 0}
div#hogerkolumn2 table {margin: 0 0 15px 0}
div#hogerkolumn2 .hast, div#hogerkolumn2 .hast2 {border: 0px; padding: 0 0 10px 0; width: 110px}
div#hogerkolumn2 .hast img {border: 0px}
div#hogerkolumn2 .hast a {border: 0px}
div#hogerkolumn2 td {height: 25px}
div#hogerkolumn2 td.vanster {height: 25px; width: 120px}
div#hogerkolumn2 td.sponsor {text-align: center; padding: 10px}
div#hogerkolumn2 td.junior {vertical-align: top; width: 220px}
div#hogerkolumn2 td.kontakt {vertical-align: top; width: 120px}
div#hogerkolumn2 td.kontakt2 {padding: 0 0 10px 0; vertical-align: top; width: 200px}

/* Sidfot */	
div#sidfot {background-color: #F3F3F3; border-top: 1px dotted #ccc; clear: both; font-size: 90%; height: 50px; }
div#sidfot-in {}
div#sidfot p.vanster {float: left; font-size: 100%; padding: 10px 0 0 20px; }
div#sidfot p.vanster a {border-bottom: 1px solid #F3F3F3; color: #222}
div#sidfot p.hoger {float: right; padding: 25px 15px 0 0; }
div#sidfot p.hoger a {border-bottom: 1px solid #F3F3F3; color: #bbb; font-size: 100%;}

/* Bas */
div#bas {background: #f5f5f5 url(bild/grafik/bakgrund-bas.png) no-repeat top left; height: 10px; margin: 0px auto; text-align: center; width: 850px; }

/* Diverse */
ul.lista {font-size: 100%; line-height: 20px; margin: 1px 30px}
ol.lista {font-size: 100%; line-height: 20px; margin: 1px 30px}
ol.lista li {padding: 0 0 5px 0}
td a, p a, li a  {background-color: inherit; border-bottom: 1px solid #b3b1b1; color: #284F7A; text-decoration: none; }
td a:hover, p a:hover, li a:hover {background-color: inherit; border-bottom: 1px solid #333; color: #333; }
a {background-color: inherit; border-bottom: 1px solid #b3b1b1; color: #284F7A; text-decoration: none; }
a:hover {background-color: inherit; border-bottom: 1px solid #333; color: #333; }

#manadens {
background: url(bild/grafik/manadens-juni.jpg) top left no-repeat;
color: #fff;
height: 183px;
width: 578px}
#manadens .text {
padding: 30px 30px 0 240px}
#manadens h2 {
line-height: 22px;
padding: 0 0 10px 0}
#manadens p a {
border-bottom: 1px solid #fff;
color:#fff}
#manadens p a:hover {
border-bottom: 1px solid #000;
color:#000}

#payson {
background: url(bild/grafik/payson.png) top left no-repeat;
color: #fff;
height: 116px;
margin: 0 0 10px 0;
width: 209px}
.payson {
line-height: 30px;
margin: 0 20px 0 20px;
padding: 20px 0 0 0}