/* By Johan Larsell for konstakning.com */

/* Basic stuff */
table { font-size: 1em; }

h1, h2, h3, h4, h5 { margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

p { line-height: 1.4em; }

p.intro { font-weight: bold; font-style: italic; }

hr { border: 0; border-top: 1px solid #BABABA; height: 1px; }

a { text-decoration: none; color: #D32525; }

a:visited { color: #980000; }

a:hover { text-decoration: underline; color: #E05252; }

a:active { color: #980000; }

body { background-color: #FFFFFF; background-image: url(../images/bg_rand.jpg); background-repeat: repeat-x; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #666666; }

img { border-width: 0; }

/* This bit does all the work */
#container { position: relative; display: block; background: #FFFFFF; overflow: visible; }

#center { padding: 0em; }

#header { height: 127px }

#header h1 { text-transform: uppercase; font-size: 22px; text-align: center; }

#header h2 { font-size: 11px; text-align: center; }

#header h3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 3px; text-align: right; }

/*  Body */
#pagewidth { width: 987px; margin-left: auto; margin-right: auto; text-align: left; height: auto;  border-right: 1px solid #BBBBBB;  border-left: 1px solid #BBBBBB;  padding-left: 5px;  padding-right: 5px; }

#wrapper { background-image: url(../images/bg_rand.jpg); }

/*- Menu Tabs_Top --------------------------- */
    #tabs_top { width: 100%; font-size: 1em; line-height: normal;  vertical-align: bottom;  font-weight: bold; }

    #tabs_top ul { margin: 0; padding: 10px 10px 0 0px; list-style: none; }

    #tabs_top li { display: inline; margin: 0; padding: 0; }

    #tabs_top a { float: left; background: url("../images/tableftB.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }

    #tabs_top a span { float: left; display: block; background: url("../images/tabrightB.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #666666; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs_top a span { float: none; }

    /* End IE5-Mac hack */
    #tabs_top a:hover span { color: #000000; }

    #tabs_top a:hover { background-position: 0% -42px; }

    #tabs_top a:hover span { background-position: 100% -42px; }

    #tabs_top .sel { background-position: 0% -42px; }

    #tabs_top .sel span { background-position: 100% -42px; }


/*- Menu Tabs B--------------------------- */
    #tabsB { float: left; width: 100%; background: #EDF7E7; font-size: 93%; line-height: normal; }

    #tabsB ul { margin: 0; padding: 10px 10px 0 50px; list-style: none; }

    #tabsB li { display: inline; margin: 0; padding: 0; }

    #tabsB a { float: left; background: url("../images/tableftB.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }

    #tabsB a span { float: left; display: block; background: url("../images/tabrightB.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #666666; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span { float: none; }

    /* End IE5-Mac hack */
    #tabsB a:hover span { color: #000000; }

    #tabsB a:hover { background-position: 0% -42px; }

    #tabsB a:hover span { background-position: 100% -42px; }

    #tabsB .sel { background-position: 0% -42px; }

    #tabsB .sel span { background-position: 100% -42px; }

/* Sidebar */
#sidebar_bg { width: 250px; background: url(../images/bg_logga_stor.jpg); float: left; }

#sidebar_aktuellt { float: left; padding-top: 228px; }

#sidebar_aktuellt h4{ background: url(../images/klocka_bg.gif); color: #FFFFFF;  font-size: medium;  font-weight: bold; }

#sidebar_aktuellt h5{ color: #000000;  font-size: small;  font-weight: bold; }

#sidebar_tavling { float: left; width: 245px; clear: left; padding-top: 10px; }

#sidebar_tavling ul { margin: 0; padding: 6px; list-style: none; }

#sidebar_tavling li { display: block; margin: 0; padding: 0; }

#sidebar_tavling .rubrik { color: #000080; font: bold 14px; }

#sidebar_sponsorer { float: left; width: 245px; clear: left; padding-top: 10px; }

#sidebar_sponsorer ul { margin: 0; padding: 6px; list-style: none; }

#sidebar_sponsorer li { display: block; margin: 0; padding: 0; }

#sidebar_sponsorer .rubrik { color: #000080; font: bold 14px; }

#sidebar_skridskoskola { float: left; width: 245px; clear: left; padding-top: 10px; }

#sidebar_skridskoskola ul { margin: 0; padding: 6px; list-style: none; }

#sidebar_skridskoskola li { display: block; margin: 0; padding: 0; }

#sidebar_skridskoskola .rubrik { color: #000080; font: bold 14px; }

#sidebar_links { float: left; width: 245px; clear: left; padding-top: 10px; }

#content { overflow: auto; padding: 1px 5px 0px 5px; }

#content iframe { width: 100%; }

#content .smallgraytext{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #808080; }

#content .content_inledning { font-family: Arial, Helvetica, sans-serif; color: #0000FF; font: 12px; }

#snabbinfo { float: left; position: relative; display: inline; padding: 0px 5px; }

#snabbinfo .rubrik { color: #FF8C00; font: bold; }

#snabbinfo .vemskrev { color: #808000; font: bold; }

.protected_rubrik { font: 12px; font-weight: bold; }

.story1 { font-style: italic; color: #669900; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; }
	
.story2 { padding-left: 10px; }

.rubrik { color: #FF8C00; font: bold; }

.skridskoskola { color: #FF00FF; font: 14px bold; }

.tavling { color: #808000; font: bold; }

#links { width: 30%; float: right; position: relative; display: inline; padding: 0px 5px; border-left: 1px solid #BABABA; border-top: 1px solid #BABABA; }

/* Footer */
#footer_bg { background-image: url(../images/footer-side.gif); background-repeat: repeat-x; height: 53px; text-align: center; clear: both; }

#footer { margin-left: auto; margin-right: auto; text-align: center; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 10px; }

/* Sitemap */
.sitemap { font-size: 10px; color: #000000; font-family: verdana; text-decoration: none; }

.sitemap:hover { font-size: 10px; color: #000000; font-family: verdana; text-decoration: underline; }

.sitemap:visited { font-size: 10px; color: #000000; font-family: verdana; text-decoration: none; }

.sitemap:active { font-size: 10px; color: #000000; font-family: verdana; text-decoration: none; }

.sitemap:hover { font-size: 10px; color: #000000; font-family: verdana; text-decoration: underline; }

.lev1 { font-size: 10px; color: #333333; font-family: verdana; text-decoration: none; }

.lev1:hover { font-size: 10px; color: #333333; font-family: verdana; background-color: #FFE292; text-decoration: none; }

.lev1:visited { font-size: 10px; color: #333333; font-family: verdana; text-decoration: none; }

.lev1:active { font-size: 10px; color: #333333; font-family: verdana; text-decoration: none; }

.lev1:hover { font-size: 10px; color: #333333; font-family: verdana; background-color: #FFE292; text-decoration: none; }

 /* Float containers fix */
.clearer { clear: both; height: 1px; overflow: hidden; }

.clearfix:after { visibility: hidden; display: block; content: "."; clear: both; height: 0; /* slightly enhanced, universal clearfix hack/ */ }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/ * html .clearfix { height: 1%; }

.clearfix { display: block; /* close commented backslash hack */ }

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }

.clearfix{ display: block; }

/* End hide from IE-mac */
/*printer styles*/
@media print{ /*hide the left column when printing*/
#sidebar_bg { display: none; }

#content { width: 100%; float: none; }

}