/* html {
     background-color:#69F;
     color:#000;
} */

body {background-color:#69F;
     color:#000;
     font-family: Verdana,Arial,sans-serif;
     font-size:100%;
     line-height:1.4;
     /* min-width:60em;
     max-width:60em; */
     margin:0 auto;
     padding:0;}


* {margin:0; padding:0;} /* tar bort standardmarginaler och padding på alla element */

div#mainwrap {min-width:960px; max-width:960px;
	margin-left:auto; margin-right:auto;
	text-align:left;} /* förhindrar att element ärver textcentreringen i body-elementet */

div#header {
        height:70px;
        text-align:center;
        background-color:#69F;
        padding-bottom:3em;
}
div#contentarea { background-color:#FFF; /* ser till att bakgrunden är vit även om faux column-bilden inte laddas */
	background:url(bilder_pres/faux_left.gif) repeat-y top left; /* faux column-bilden för vänstra spalten */
	position:relative; /* anger positioneringskontext för vänstra spaltens div */
	top:4px;
	}
div#contentarea2 {background-color:#FFF; /* ser till att bakgrunden är vit även om faux column-bilden inte laddas */
	background:url(bilder_pres/faux_right.gif) repeat-y top right; /* faux column-bilden för högra spalten */
	position:relative; /* anger positioneringskontext för högra spaltens div */
	top:4px;
	}
div#column1 {width:150px; /* bredd på vänstra spalten */
	position: absolute; /* kontextuell positionering i contentarea-behållaren */
	top:0px; left:0px; /* positionar spalten inom contentarea-behållaren */
	background-color:#69F; /* bakgrundsfärg för vänstra spalten - (ändra färg för att se positionen för div) */
	overflow:hidden; /* förhindrar att alltför stora element bryter sig ut ur spalten */
	}

div#column2_firstpage {background-color:#FFF;
	margin:0 170px 0 150px; /* vänster och höger marginal för att ge utrymme åt sidospalterna */
	padding:1.25em 0 1.25em 0;
	}
div#column2 {background-color:#FFF;
	margin:0 170px 0 0; /* vänster och höger marginal för att ge utrymme åt sidospalterna */
	padding:1.25em 0 1.25em 0;
	}
div#column2_big {background-color:#FFF;
	margin:0 1px 0 0;
	padding:1.25em 0 1.25em 0;
	}


div#column3 {width:170px;
	position:absolute;  /* kontextuell positionering i contentarea-behållaren */
	top:0px; right:0px; /* positionar spalten inom contentarea-behållaren */
	background-color:#69F; /* bakgrundsfärg för högra spalten - (ändra färg för att se positionen för div) */
	overflow:hidden; /* förhindrar att alltför stora element bryter sig ut ur spalten */
	}
div#footer {background-color:#69F; text-align:center; padding-top:5px; padding-bottom:10px; margin-top:5px;} /* tillfälliga stilar för sidfoten */
div#footer p {font-size:0.6em; font-weight:bold;}
div#footer a:link {color:#000; text-decoration:underline;}
div#footer a:visited {color:#000; text-decoration:underline;}
div#footer a:hover {color:#000; text-decoration:underline;}
div#footer a:active {color:#000;}

/* -----------NAVIGERING 1-------------------- */
div#nav {
     /*position:absolute;
     top:105px;
     left:0;
     width:100%;*/
     height:1.3em;
     margin:0.5em 0 0 0;
     padding:3px 0;
     font-size:0.8em;
}

div#nav li {
        display:block;
        float:left;
        width:11%;
        margin:0;
        background:url("../bilder_design/left_tab.gif") no-repeat left top;
        color:#FFF;
        text-align:center;
}

div#nav li a {
        display:block;
        padding:8px 0 0;
        background:url("../bilder_design/right_tab.gif") no-repeat right top;
}

div#nav .current {
                 background-position:0% -50px;
}

div#nav .current a {
               background-position:100% -50px;

}

div#nav a:link, #nav a:visited {
             color:#FFF;
             text-decoration:none;
}

#nav li:hover, #nav li:hover a {
              color:#FFF;
              text-decoration:none;
              background-position:0% -50px;
}
#nav li:hover a {
              color:#FFF;
              text-decoration:none;
              background-position:100% -50px;
}
/* -----------SLUT NAVIGERING 1-------------------- */



/* -----------NAVIGERING 2-------------------- */
div#nav2 {
     /*position:absolute;
     top:105px;
     left:0;
     width:100%;*/
     height:1.0em;
     margin:0.5em 0 0 0;
     padding:0;
     background-color:#69F;
     font-size:0.8em;
}
div#nav2 li {
        display:block;
        float:left;
        width:10%;
        margin:0;
        background-color:#69F;
        color:#FFF;
        text-align:center;
}
div#nav2 a:link, #nav2 a:visited {
             color:#FFF;
             text-decoration:none;
}
div#nav2 a:hover {
             color:#FFF;
             text-decoration:underline;
}
div#nav2 .current {
                 background-color:#06C;
}
/* -----------SLUT NAVIGERING 2-------------------- */

/* -----------NAVIGERING 3-------------------- */
div#nav3 {
     /*position:absolute;
     top:105px;
     left:0;
     width:100%;*/
     height:1.0em;
     margin:0.5em 0 0 0;
     padding:0;
     background-color:#69F;
     font-size:0.8em;
}
div#nav3 li {
        display:block;
        float:left;
        width:12%;
        margin:0;
        background-color:#69F;
        color:#FFF;
        text-align:center;
}
div#nav3 a:link, #nav3 a:visited {
             color:#FFF;
             text-decoration:none;
}
div#nav3 a:hover {
             color:#FFF;
             text-decoration:underline;
}
div#nav3 .current {
                 background-color:#06C;
}
/* -----------SLUT NAVIGERING 3-------------------- */

/* -----------NAVIGERING 4-------------------- */
div#nav4 {
     /*position:absolute;
     top:105px;
     left:0;
     width:100%;*/
     height:1.0em;
     margin:0.5em 0 0 0;
     padding:0;
     background-color:#69F;
     font-size:0.8em;
}
div#nav4 li {
        display:block;
        float:left;
        width:12%;
        margin:0;
        background-color:#69F;
        color:#FFF;
        text-align:center;
}
div#nav4 a:link, #nav4 a:visited {
             color:#FFF;
             text-decoration:none;
}
div#nav4 a:hover {
             color:#FFF;
             text-decoration:underline;
}
div#nav4 .current {
                 background-color:#06C;
}
/* -----------SLUT NAVIGERING 4-------------------- */



div#column1 .content {margin:0 5px 1em 0;
                     padding:0.5em 5px;
                     background-color:#EEEBF3;
                     text-align:left;}

div#column1 caption {text-align:left;
                    font-size:0.7em;
                    font-weight:bold;
                    }
div#column1 th {vertical-align:top;
               font-size:0.6em;
               font-weight:bold;}
div#column1 td {vertical-align:top;
               font-size:0.6em;}

div#column1 p {font-size:0.7em;
              padding:0.5em 5px;
              background-color:#EEEBF3;
              text-align:center;}
div#column1 img {border-style:none;}

div#column2 p {font-size:0.7em;
              padding-bottom:0.7em;}
div#column2_firstpage p {font-size:0.7em;
              padding-bottom:0.7em;}
div#column2_big p {font-size:0.7em;
              padding-bottom:0.7em;}


div#column2 em {font-style:italic;
               font-weight:bold;}
div#column2 .tavlingsprogram em {font-style:normal;
                                font-weight:normal;}


div#column2 h1 {font-size:1.5em;
               text-align:center;
               margin-bottom:0.75em;}

div#column2 h2 {font-size:0.9em;
               text-align:center;
               margin-bottom:.75em;}

div#column2_firstpage h2 {font-size:0.9em;
               text-align:center;
               margin-bottom:.75em;}

div#column2_big h2 {font-size:0.9em;
               text-align:center;
               margin-bottom:.75em;}

div#column2 h3 {font-size:0.7em;
               margin-bottom:.25em;
               margin-top:0.7em;}
div#column2 h4 {font-size:0.7em;
               font-weight:normal;
               text-align:center;
               margin-bottom:.25em;
               margin-top:0.7em;}
div#column2_firstpage h3 {font-size:0.7em;
               margin-bottom:.25em;}
div#column2_big h3 {font-size:0.7em;
               margin-bottom:.25em;}

div#column2 th {text-align:left;
               vertical-align:top;
               font-size:0.7em;
               font-weight:bold;
               padding:0 0.5em;}
div#column2_big th {text-align:left;
               vertical-align:top;
               font-size:0.7em;
               font-weight:bold;
               padding:0 0.5em;}
div#column2 td {vertical-align:top;
               font-size:0.7em;
               padding:0 0.5em;}
div#column2_big td {vertical-align:top;
               font-size:0.7em;
               padding:0 0.5em;}

div#column2 caption {text-align:left;
                    font-size:0.9em;
                    font-weight:bold;
                    }

div#column2 #galleritabell td {padding:8px 0.5em;
                              margin-top:8px}
div#column2 #galleritabell img {border-style:solid;}

div#column2 #sponsortabell td {padding:25px 0.5em;
                              margin-top:25px}

div#column2_big .resultattabell table {background-color:#EEEBF3;}
div#column2_big .resultattabell td {padding:0.2em 5px;}
div#column2_big .resultattabell #current {background-color:#EEEBF3;}
div#column2_big .resultattabell a:link {color:#000;
                                       text-decoration:underline;}
div#column2_big .resultattabell a:visited {color:#000;
                                          text-decoration:underline;}
div#column2_big .resultattabell a:hover {color:grey;
                                  text-decoration:underline;}
div#column2_big .resultattabell a:active {color:#000;}


div#column2 .tavlingsprogram table {background-color:#EEEBF3;
                                   margin:0.6em 0;}
div#column2 .tavlingsprogram th {padding:0.4em 25px;
                                font-weight:bold;}
div#column2 .tavlingsprogram td {padding:0.4em 25px;
                                text-align:left;}
div#column2 .tavlingsprogram th.rubrik {text-align:center;
                               font-size:0.8em;
                               font-weight:bold;
                               padding:0.5em;}


div#column2 #barometer table {border-collapse: collapse;
                             margin-top:4em;
                             width:45em;}
div#column2 #barometer th {text-align:center;
                               font-size:0.6em;
                               font-weight:bold;
                               border: 1px solid #000;
                               background-color:#ccd8f7;
                               color:#000;}
div#column2 #barometer th.rubrik {text-align:center;
                               font-size:0.9em;
                               font-weight:bold;
                               border: 1px solid #000;
                               background-color:#EEEBF3;
                               color:#000;
                               padding:0.5em;}
div#column2 #barometer td {text-align:left;
                               font-size:0.6em;
                               font-weight:normal;
                               border: 1px solid #000;}
div#column2 #barometer tr {border: 1px solid #000;}
div#column2 #barometer caption {font-size:0.9em;
                               text-align:center;
                               margin-top: 2em;
                               padding-bottom:0.7em;}
div#column2 #barometer tbody tr:nth-child(odd) td {background-color:#e8edf8;}



div#column2 li {font-size:0.7em;}

div#column2 p img {float:left;
               margin:0 6px 6px 0;}
               
div#column2 a img {border-style:none;}

div#column2 .centerdiv {text-align:center;}
div#column2_firstpage .centerdiv {text-align:center;}

div#column2 .floatingtables table {float:left;
                                  margin:0 2em 0 2em;}
div#column2_big .floatingtables table {float:left;
                                  margin:0 2em 0 2em;}

.clearthefloats {clear:both;}

div#column2 .content {
                     margin:1em 40px;}

div#column2 .content_box {background-color:#EEEBF3;
                     margin:1em 30px;
                     padding:0.5em 6px;}
div#column2_firstpage .content_box_blue {background-color:#036;
                                        color:#FFF;
                                        margin:1em 30px;
                                        padding:0.5em 6px;}
div#column2_firstpage .content_box_blue p {line-height:1.6;}

div#column2 .small_box {background-color:#EEEBF3;
                       margin:1em 180px;
                       padding:0.5em 20px;}

div#column2 .frame_box {border-style:solid;
                     margin:1em 50px;
                     padding:0.5em 6px;}


div#column2_firstpage .content_box {background-color:#EEEBF3;
                     margin:1em 30px;
                     padding:0.5em 6px;}

div#column2 iframe {border: 2px solid #69F;}

div#column3 .content {margin:0 0 1em 5px;
                     padding:0.5em 5px;
                     background-color:#EEEBF3;
                     text-align:right;}

div#column3 p {font-size:0.7em;
              padding:0.5em 5px;
              text-align:center;}
              
div#column3 .image_firstpage {margin:1em 5px 1em 5px;
                   text-align:center;}
div#column3 .image {margin:0 5px 1em 5px;
                   text-align:center;}
div#column3 img {border-style:none;}




/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     	/* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */