@import url("spira.css");
@import url("navigation.css");

body {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

h1, h2.puff1 {
font-family: Myriad Pro, Arial,  Helvetica, sans-serif;
font-size: 2.5em;
font-weight: 200;
color: #000;
padding: 0;
margin: 0 0 5px 0;
}

h1.h1puff {
font-family: Arial,  Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
padding: 0;
margin: 0 0 5px 0;
border-bottom:1px solid #CCC;
}
.displaynone {display:none;}

.hiddenobjekt {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

h1.rightk, h2.rightk {
font-family: Arial,  Helvetica, sans-serif;
font-size:1em;
color: #fff;
font-weight: bold;
padding:12px 0px 12px 14px;
margin:0;
}



h2 {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size: 1.9em;
font-weight: 500;
color: #000;
padding: 0;
margin: 5px 0 3px 0;
}

h3, h1.puff2, h2.puff2 {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 600;
color: #000;
padding: 0;
margin: 0 0 5px 0;
}


h4 {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 600;
color: #000;
padding: 0;
margin: 0 0 1px 0;
}

br.brcomp {
    height: 0px;
    display: none;
}

img { border: 0; }

p {
    font-size: 100%;
    line-height: 1.5em;
    padding: 0;
    margin: 0 0 10px 0;
}

.error {color:red;font-weight:bold;margin:5px 0;}

hr {
      border-bottom: 1px dashed #CCC;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      background-color: transparent;
      clear:both;
      height:1px;
      max-height:0px;
}
.hr {
clear:both;
height:1px;
width:100%;
}

.sub_cols_w ul {list-style-image: url(/templates/images/ylw_dot_small.png);}
.sub_cols_w ul li,.sub_cols_w ol li {line-height: 1.5em; margin-top:4px;}
.sub_cols {}
.sub_cols_w {}

.halvbreddshr {
border-top:1px dashed #CCC;
width:100%;
height:7px;
clear:both;
}

.m_news {
    clear: both;
    border-bottom: 1px dashed #CCC;
    margin-bottom: 5px;
}

dfn {
    font-style: normal;
    padding: 0 8px 0 8px;
}

kbd {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 0 0 0 5px;
}

span.ins {
    text-decoration: none;
    padding: 0 10px 0 0;
}

cite {
    font-style: normal;
    font-size: 90%;
    color: #919191;
}

#site_t {
    width: 61em;
    height: 201px;
    background: url(/templates/images/y.png) top center repeat-y;
    padding: 0 5px 0 5px;
    margin: 0 auto;
}

#site_c {
    width: 61em;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: url(/templates/images/y.png) top center repeat-y;
    padding: 0 5px 0 5px;
    margin: 0 auto;
}

#top {
    height: 158px;
    background: url(/templates/images/top.png) top center no-repeat;
    padding: 0 29px 0 29px;
    margin: 0 auto;
}
 
:first-child+html #white_t {
    height: 140px;
    background: #fff;
}

#qlinks {
    float: right;
    width: 100%;
    height: 30px;
    text-align: right;
    padding: 10px 0 0 0;
    font-size: .7em;
    color:#5e5e5e;
}

.headlang {text-transform: capitalize;}
#qlinks ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#qlinks li {
    display: inline;
    margin: 0 10px 0 10px;
}

#qlinks li.last {
    display: inline;
    margin: 0 0 0 10px;
}

#qlinks a {
    color: #5e5e5e;
    text-decoration: none;
}

#qlinks a:hover {
    color: #5e5e5e;
    text-decoration: underline;
}

#head {
    clear: both;
    height: 125px;
    border-bottom: 1px solid #adadad;
}

.logo {
    float: left;
    width: 180px;
    padding: 15px 0 0 23px;
}

#search {
    float: right;
    width: 450px;
    height: 90px;
    background: url(/templates/images/silhuett.png) bottom right no-repeat;
    padding: 35px 50px 0 0;
}

.search {
    width: 280px;
    margin: 0 0 0 204px;
}

.search_text {
    font-size: 80%;
font-weight:normal;
}

#cse-search-box {
    padding: 0;
    margin: 4px 0 0 0;
}

#cse-search-box p {
    padding: 0;
    margin: 0;
}

#cse-search-box #search_input {
    float: left;
    width: 194px;
    background: url(/templates/images/search_bg.gif) top left no-repeat;
    font-size: 75%;
    color: #646464;
    border-top: 1px solid #aaadb2;
    border-right: 1px solid #dbe0e4;
    border-bottom: 1px solid #e2e9ef;
    border-left: 1px solid #e3e3eb;
    padding: 2px 0 3px 18px;
}

#cse-search-box #search_button {
    float: left;
    margin: 1px 0 0 6px;
}

#nav {
    border-top: 1px solid #9d9d9d;
    height: 34px;
    background: url(/templates/images/nav.jpg) top center repeat-x;
    font-size: 75%;
    overflow: hidden;
}

#nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#nav li {
    float: left;
    display: block;
    background: url(/templates/images/nav_li.jpg) top left no-repeat;
    margin-bottom: 1px;
}

#nav li.topnav {
    background: url(/templates/images/nav_li.jpg) top left no-repeat;
}

#nav li.selected {
    background: url(/templates/images/nav_h.png) top left no-repeat;
}

#nav li a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 9px 18px 10px 18px;
    background: transparent !important;
}

#nav li a:hover {
    text-decoration: none;
    color: #933009;
    background: transparent !important;
}

#content {
    font-size: 75%;
    background: url(/templates/images/main_bg.jpg) top center repeat-x;
    padding: 16px 10px 0 20px;
}

#white {
    background: #fff;
    margin: 0 29px 0 29px;
}

#breadcrumbs {
    font-size: .9em;
    margin: 0 0 18px 0;
}

#breadcrumbs a { color: #006cfe; text-decoration: none; }
#breadcrumbs a:hover { color: #006cfe; text-decoration: underline; }

#breadcrumbs ul {
display:inline;
padding:0;
margin:0;
}

.breadcrumbs1 {
padding-right: 0px; 
display:inline; 
list-style-type: none;
margin:0px;
}
.breadcrumbs2 {
display:inline; 
padding-left:7px;
padding-right: 0px; 
list-style-type: none;
background-image: url(/templates/images/bc_arr.png);
background-repeat:no-repeat;
background-position: 0 50%;
}

.bc_arr {
    margin: 0 3px 1px 3px;
}

#col_left {
    float: left;
    overflow: hidden;
    width: 47.3%;
}

#col_left_s {
    float: left;
    width: 401px;
}

/**Pufflänkar förstasidan**/
#col_left a,
#col_left a:visited {color: #006cfe; text-decoration: underline;}
#col_left a:hover { color: #9a9a9a; text-decoration: underline;}

#col_left p a,
#col_left p a:visited {color: #006cfe; text-decoration: none; font-weight: bold;}
#col_left p a:hover { color: #9a9a9a; text-decoration: underline; font-weight: bold;}

/**Länkar i puffarnas brödtext - borttagen**/
/*
#col_left a.pufflank,
#col_left a.pufflank:visited {color: #000; text-decoration: none;font-weight: normal;}
#col_left a.pufflank:hover {color: #000; text-decoration: none;font-weight: normal;}
*/

#col_left a.apuffextra:link,
#col_left a.apuffextra:visited {color: #006cfe; font-weight: bold; text-decoration: none;}
#col_left a.apuffextra:hover {color: #9a9a9a; font-weight: bold; text-decoration: none;}

div.imgtop {
    padding: 0;
    margin: 0 0 10px 0;
}

div.bildtext {
    font-size: .9em;
}

div.imgtop-right img {}

div.imgtop-right {
    float: right;
    width: 180px;
    margin-left:2px;
}

div.imgright {
    float: right;
    margin: 2px 0 10px 20px;
}
div.imgleft {
    float: left;
    margin: 2px 20px 10px 0;
}

div.imgleft img {
    padding: 0;
    margin: 0 0 10px 0;
}

div.imgleft div.bildtext {
    font-size: .9em;
    text-align: right; 
}

.img_m {
    padding: 0;
    margin: 0 0 10px 0;
}

.img_plus {
    padding: 0;
    margin: 0 0 5px 0;
}

.img_info_r {
    float: right;
    width: 190px;
    text-align: right;
}
.dotted {
    background: url(/templates/images/grey_dotted.jpg) top left repeat-x;
    height:1px;
    padding: 0 0 8px 0;
    clear:both;
    display:block;
}

.sub_l {
    float: left;
    width: 48.2%;
    overflow:hidden;
}

.sub_r {
    float: right;
    width: 48.2%;
    margin: 0;
    overflow:hidden;
}

.sub_l_w {
    float: left;
    width: 212px;
}

.sub_r_w {
    float: right;
    width: 212px;
    margin: 0 0 0 0;
}

.img_square {
    float: left;
    width: 76px;
    margin: 4px 10px 8px 0;
}

.img_square_right {
    float: right;
    width: 76px;
    margin: 4px 0 0 0;
}

.img_news_text {
    float: left;
    width: 80%;
    margin: 0;
}

.img_news_text1 {
    float: left;
    width: 78%;
    margin: 0;
}

.img_news_text2 {
    float: left;
    width: 99%;
    margin: 1px 0 0 0;
}

#news_expand {
    clear:both;
}

#news_expand_fold {
   margin:0;
}

.exp_news {
    height: 25px;
    display: inline;
    margin: 0 0 5px 0;
}
html>body .exp_news { 
    height: 12px;
}


.exp_news_o {
    display: inline;
    float: none;
    margin: 0 0 5px 0;
}

.exp_push {
border-bottom:1px dashed #CCC;
padding: 0 0 4px 0;
clear:both;
margin:0 0 4px 0;
}

.exp_push h2 {
font-weight: bold;
font-size:1em;
font-family: Arial,sans-serif;
padding: 0;
margin: 0 0 5px 0;
}

.plus {
    float: left;
    margin: 3px 8px 0 0;
    width:9px;
}

.exp_title {
    float: left;
    /**width: 94%;**/
    color: #000;
    font-family: Arial,  Helvetica, sans-serif;
}

.exp_cont {
    clear: both;
    padding: 0;
    overflow: hidden;
}

.exp_cont p { margin: 0px !important; }

:first-child+html .exp_cont { padding: 4px 0 0 0; }

.exp_img {
    float: left;
}

.exp_text {
    float: left;
    margin: 0;
    padding-top: 5px; 
}

#rss_news {}

#rss_news a { color: #006cfe; font-weight: bold; text-decoration: none; }
#rss_news a:hover { color: #006cfe; font-weight: bold; text-decoration: underline; }

#col_left_s {
    float: left;
    width:auto;
}

#col_center {
    float: left;
    width: 25%;
    margin: 0 0 0 18px;
}

#col_center_s {
    float: left;
    width: 50.1%;
    margin: 0 5px 0 25px;
}

#col_center_s_wide, #col_center_article_wide {
    float: left;
    width: 75%;
    margin: 0 0 0 25px;
}

#col_center_article {
    float: left;
    width: 50.1%;
    margin: 0 5px 0 25px;
}

/**Artikelkomp**/
#col_center_article a,#col_center_article_wide a { color: #006cfe; font-weight: bold; text-decoration: none; }
#col_center_article a:visited,#col_center_article_wide a:visited { color: #669; font-weight: bold; text-decoration: none; }
#col_center_article a:hover,#col_center_article_wide a:hover { color: #73aeff; font-weight: bold; text-decoration: none; }


/**Puffkomp**/
#col_center_s h2.puff2 a,
#col_center_s h2.puff2 a:visited {color:#006cfe;text-decoration: underline;font-weight: bold;}
#col_center_s h2.puff2 a:hover {color:#9a9a9a;text-decoration: underline;font-weight: bold;}

#col_center_s h2 a,
#col_center_s h2 a:visited {color:#006cfe;text-decoration: underline;font-weight: normal;}
#col_center_s h2 a:hover {color:#9a9a9a;text-decoration: underline;font-weight: normal;}

#col_center_s .exp_push h2 a,
#col_center_s .exp_push h2 a:visited {color:#006cfe;text-decoration: underline;font-weight: bold;}
#col_center_s .exp_push h2 a:hover {color:#9a9a9a;text-decoration: underline;font-weight: bold;}


/**Länkar i puffarnas brödtext - borttagen**/
/*#col_center_s a.pufflank,
#col_center_s_wide a.pufflank,
#col_center_article_wide a.pufflank { color: red; text-decoration: none; font-weight: normal;}

#col_center_s a.pufflank:visited,
#col_center_s_wide a.pufflank:visited,
#col_center_article_wide a.pufflank:visited { color: #000; text-decoration: none; font-weight: normal;}

#col_center_s a.pufflank:hover,
#col_center_s_wide a.pufflank:hover,
#col_center_article_wide a.pufflank:hover { color: #000; text-decoration: none; font-weight: normal;}
*/

#col_center_s a.apuffextra:link,
#col_center_s a.apuffextra:visited {color: #006cfe; font-weight: bold; text-decoration: none;}
#col_center_s a.apuffextra:hover {color: #9a9a9a; font-weight: bold; text-decoration: none;}

/** enskilda länkar i puffar och hybridsidor där en enskild puffcomp gör om allt från articel till puff**/
#col_center_s a,#col_center_s_wide a {color: #006cfe; font-weight: bold; text-decoration: none;}
#col_center_s a:visited,#col_center_s_wide a:visited {color: #006cfe; font-weight: bold; text-decoration: none;}
#col_center_s a:hover,#col_center_s_wide a:hover {color: #9a9a9a; font-weight: bold; text-decoration: underline;}

/**Nyheter - startsida**/
#col_center a { color: #636363; font-weight: bold; text-decoration: none; }
#col_center a:visited,
#col_center a:hover { color:#9a9a9a; font-weight: bold; text-decoration: none; }

.l_box {
    margin: 0 0 24px 0;
}

.l_box_s {
    margin: 0 0 24px 0;
}

.grey_top {
    background: url(/templates/images/grey_top_left.png) top left no-repeat;
    padding:0;
    margin:0;
}

.grey_top h1, .grey_top h2 {
background: url(/templates/images/grey_top_right.png)  top right no-repeat;
}

.red_top_s {
background: url('/templates/images/red_top_left.png') top left no-repeat;
margin:0;
padding:0;
}

.red_top_s h1, .red_top_s h2 {
background: url('/templates/images/red_top_right.png') top right no-repeat;
}

.filelist {
display:block;
background-position:0px 3px;
background-repeat:no-repeat;
padding-left:23px;
padding-bottom:4px;
}


.iconunknown {
background-image: url('/templates/images/unknown.gif');
}
.iconcal {
background-image: url('/templates/images/image.gif');
}
.iconarr {
background-image: url('/templates/images/ylw_arr.gif');
}
.iconjpg {
background-image: url('/templates/images/jpeg.gif');
}
.iconpdf {
background-image: url('/templates/images/pdf_sm.gif');
}
.iconword {
background-image: url('/templates/images/word.gif');
}
.iconexcel {
background-image: url('/templates/images/excel.gif');
}
.iconpowerpoint {
background-image: url('/templates/images/powerpoint.gif');
}
.iconvideo {
background-image: url('/templates/images/video.gif');
}
.iconzip {
background-image: url('/templates/images/zip.gif');
}
.iconmp3 {
background-image: url('/templates/images/soundIcon.png');
}
.iconeps {
background-image: url('/templates/images/eps.png');
}

/*rss-startsida*/
.l_box_y {
    min-height: 50px;
    height: auto !important;
    height: 50px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0;
    margin:0px;
    list-style-type: none;
}

/*rss-artikel*/
.l_box_y_s {
    min-height: 50px;
    height: auto !important;
    height: 50px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0;
    margin:0px;
    list-style-type: none;
}


.l_box_y_s_info {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: #f6f6f6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px;
}
/*filelist-comp*/
.l_box_y_s_filelist {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    /*background: #f6f6f6;*/
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.l_box_y_s_filelist hr {
      border-bottom: 1px dashed #CCC;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      /*background-color: transparent;*/
      clear:both;
      height:1px;
      max-height:0px;
	  padding: 0;
	  margin: 0;
}

.filelistbgcolor2 {
background-color:#f6f6f6;;
padding: 8px 15px;
}
.filelistbgcolor1 {
background-color:#FFF;
padding: 8px 15px;
}

.rss-component {
}

.nyhet {
    padding: 15px 10px 15px 10px;
    margin: 0;
    background: #f6f6f6;
}

/**.nyhet_s {
    padding: 15px 10px 15px 8px;
    margin: 0;
    background: #f6f6f6;
}**/

a.news {
background: url('/templates/images/ylw_arr.gif') no-repeat 0px 3px;
padding-left:13px;
display:block;
}

.l_box_y_s span,.l_box_y span {
display:block;
padding-left:13px;
color:#666;
}

.nyhet2 {
    padding: 15px 10px 15px 10px;
    margin: 0;
}

/**.nyhet2_s {
    padding: 15px 10px 15px 8px;
    margin: 0;
}**/

.drift {background: url('/templates/images/drift.png') #ff9 no-repeat 95% 85%;}

.newslist {margin:0;padding:0;}
.newslist li {
list-style-type:none;
list-style-image:none;
padding:5px;
margin:0;
border-top:1px dashed #CCC;
}

.kris_ikon {
    float: left;
    margin: -5px 30px 0 0;
}

.ext {
    margin: 0 0 0 2px;
}

.ylw_arr {
    float: left;
    padding: 0 0 40px 0;
    margin: 3px 7px 0 0;
}

.ylw_arr_e {
    float: left;
    padding: 0 0 15px 0;
    margin: 3px 7px 0 0;
}

.ylw_arr2 {
    float: left;
    padding: 0;
    margin: 3px 7px 0 0;
}

.ylw_arr3 {
    float: left;
    padding: 0;
    margin: 3px 15px 0 5px;
}

.ylw_dot {
    margin: 0 12px 0 0;
}

.ul_arr {
    margin: 0 9px 0 0;
}

.ul_arr2 {
    margin: 0 6px 0 0;
}


.doc_link {
margin:0;
}

.doc_img {
    margin: 0 15px 0 0;
}

/*nyhet-rss startsida och rss artikelsida*/
.fler {
    float: right;
    margin:3px 0;
    }
.fler span {text-transform:lowercase;}
.flerborder {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    padding:4px 0px;
}


.or_arr {
    margin: 1px 7px 0 0;
    background: url('/templates/images/or_arr.png') no-repeat 0px 1px;
    display: block;
    padding-left:20px;
}

.evenemang {
    padding: 10px 4px 10px 10px;
    margin:0;
}

.evenemang2 {
    background-color:#f6f6f6;
    padding: 10px 4px 10px 10px;
    margin:0;
}


.ev_t {
background: url('/templates/images/ylw_arr.gif') no-repeat 0px 3px;
padding-left:13px;
display:block;
}

.ev_date {
color:#666;
padding-left:13px;
}

.l_box_b {
    height: 4px;
    background: url(/templates/images/l_box_b_left.gif) top left no-repeat;
}

.l_box_b_right {
    height: 4px;
    background: url(/templates/images/l_box_b_right.gif) top right no-repeat;
}

.l_box_b_s {
    width: 200px;
    height: 6px;
    background: url(/templates/images/l_box_b_s.gif) top center no-repeat;
}

.l_box_b_s_info {
    width: 200px;
    height: 8px;
    background: url(/templates/images/l_box_b_s_info.gif) top center no-repeat;
}

#lankar_ao {
    font-size: 89%;
    text-transform: uppercase;
    width:100%;
    height:30px;
}

#lankar_ao a { float: left; background: #fbd834; color: #fff; font-weight: bold; padding: 4px; }
#lankar_ao a:visited { color: #fff; }
#lankar_ao a:hover { background: #e4881f; color: #fff; font-weight: bold; padding: 4px; }
#lankar_ao a.current { background: #e4881f; color: #fff; font-weight: bold; padding: 4px; }

/*#lankar_current {
    clear: both;
    padding: 5px 0 0 0;
}*/

#lankar_current {width:100%;}
#lankar_current li {
    list-style-type: none;
    list-style-image: none;
    margin:2px 0;
}

#lankar_current li a {
padding-left: 16px;
background: url(/templates/images/ylw_arr.gif) no-repeat 0px 3px;
}

#skolor {
    width: 445px;
    border: 0;
    margin: 0 0 40px 0;
}

#skolor_title {
    background: #e4881f;
    color: #fff;
    font-weight: bold;
}

.s1 {
}

.s2 {
    background: #e9e9e9;
}

.td_a {
    width: 120px;
    padding: 0 0 0 15px;
}

.td_b {
    width: 25px;
}

.td_c {
    width: 60px;
}

.td_d {
    width: 120px;
}

#dropdown { 
    border: 1px solid #7e9db9;
}

.option {
    margin: 0 0 8px 0;
}

#kategori {
    width: 200px;
    border: 1px solid #7e9db9;
    margin: 10px 0 0 0;
}

#submit {
    margin: 25px 0 0 0;
}

.article_file {
    padding: 7px 0 0 0;
    margin: 0 0 7px 0;
}

.article_file_img {
    float: left;
    width: 35px;
    margin: 0 5px 0 0;
}

.article_file_info {
    float: left;
    width: 380px;
}

#nyhetskategori {
    float: right;
    width: 200px;
    text-align: right;
    margin: 5px 20px 0 0;
}

#col_right {
    float: left;
    width: 16.7em;
    margin: 0 0 0 18px;
}

#col_right_u {
    float: left;
    width: 16.7em;
    margin: 0 0 0 16px;
}

#col_right a,
#col_right_u a { color: #636363; font-weight: bold; text-decoration: none; }

#col_right a:hover,
#col_right_u a:hover { color: #9a9a9a; font-weight: bold; text-decoration: none; }

#col_right_a {
    float: left;
    width: 16.7em;
    margin: 0 0 0 16px;
}

#col_right_a a { color: #006cfe; font-weight: bold; text-decoration: none; }

#col_right_a a:hover { color: #73aeff; font-weight: bold; text-decoration: none; }

#grey_box {
    margin: 0 0 20px 0;
}

#grey_box_s {
    margin: 0 0 20px 0;
	
}

#grey_box a { color: #000; text-decoration: none; }

#grey_box a:hover { color: #000; text-decoration: none; }

.grey_box_t {
    width:100%;
    height: 6px;
    background: url(/templates/images/grey_box_t_left.gif) top left no-repeat;
	
}

.grey_box_t_right {
    height: 6px;
    background: url(/templates/images/grey_box_t_right.gif) top right no-repeat;
}

.grey_box_t_s {
    width: 200px;
    height: 6px;
    background: url(/templates/images/grey_box_t.gif) top center no-repeat;
}

.grey_box_y {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: #f2f2f2;
    padding: 10px 18px 10px 18px;
}

.grey_box_y_s {
    width: 164px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: #f2f2f2;
    padding: 5px 18px 10px 18px;
}

#grey_box_s h2 { /*Kontakt*/
font-family: Arial,  Helvetica, sans-serif;
font-size:1.0em;
border-bottom:1px solid #CCC;
font-weight:bold;
padding:6px 0 9px 12px;
background: #f2f2f2;
margin:0;
width:188px;
}

a#mail { color: #006cfe; font-weight: bold; text-decoration: none; }

a#mail:hover { color: #73aeff; font-weight: bold; text-decoration: none; }

a#kontaktuppgifter,a#tycktill { 
    color: #000; 
    font-weight: normal; 
    text-decoration: none; 
    background: url(/templates/images/gr_arr.gif) no-repeat 0px 4px;
    padding-left: 10px;
}


a#kontaktuppgifter:hover,a#tycktill:hover { color: #000; font-weight: normal; text-decoration: underline; }

a#print { color: #000; font-weight: normal; text-decoration: underline; }

a#print:hover { color: #000; font-weight: normal; text-decoration: none; }

.grey_box_b {
    height: 6px;
    background: url(/templates/images/grey_box_b_left.gif) top left no-repeat;
	width:200px;
}

.grey_box_b_right {
    height: 6px;
    background: url(/templates/images/grey_box_b_right.gif) top right no-repeat;
}

#wh_box {
    margin: 0 0 20px 0;
    overflow:hidden;
}

.wh_box_t {
    height: 4px;
    background: url(/templates/images/wh_box_t_left.gif) top left no-repeat;
    margin: 0px !important;
}

.wh_box_t_right {
    height: 4px;
    background: url(/templates/images/wh_box_t_right.gif) top right no-repeat;
    margin: 0px;
}

.wh_box_y {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    clear:both;
}

.wh_box_y_cntnt {
    min-height: 20px;
    height: auto !important;
    margin: 0px 18px 0px 18px;
    padding: 15px 0 6px 0;
}
.wh_box_y h2 {/*Genvägar*/
font-family: Arial,  Helvetica, sans-serif;
font-size:1.0em;
border-bottom:1px solid #CCC;
font-weight:bold;
padding:6px 0 9px 12px;
background: white;
margin:0;
}

#wh_box a { color: #595959; font-weight: bold; text-decoration: none; }

#wh_box a:hover { color: #9a9a9a; font-weight: bold; text-decoration: none; }

.a_link {
    margin: 0 0 15px 0;
}

.a_arr {
    float: left;
    margin: 1px 6px 0 0;
}

.wh_box_b {
    margin: 0 !important;
    height: 4px;
    background: url(/templates/images/wh_box_b_left.gif) top left no-repeat;
}

.wh_box_b_right {
    margin: 0;
    height: 4px;
    background: url(/templates/images/wh_box_b_right.gif) top right no-repeat;
}

.ad {
    margin: 0 0 20px 0;
}

.puffextraurl {
padding-left: 15px;
background: url('/templates/images/ylw_arr.gif') 0px 3px no-repeat;
display:block;
clear:both;
margin-bottom:5px;
}

#sitemap ul {list-style-image: url(/templates/images/ylw_arr.gif);}
#sitemap ul li a {color:#006cfe;}
#sitemap ul li a:hover {color:#73aeff}
#sitemap ul li {margin:10px 0px;}
#sitemap ul li ul li {margin:3px 0px;}

.filecomp {
margin: 10px 0px;
padding-left:23px;
background-position:0px 0px;
background-repeat:no-repeat;
}

.filecomp a {color:blue;}

.hrefcomp {
    margin: 10px 0px;
}
.hrefcomp a {
    padding-left:16px;
    background: url(/templates/images/ylw_arr.gif) no-repeat 0px 3px;
}

.href-list-comp {
    margin:10px 0;
    padding:0;
}
.href-list-comp li {
    list-style-type: none;
    list-style-image: none;
    margin:0;
}
.href-list-comp a {
padding-left: 16px;
background: url(/templates/images/ylw_arr.gif) no-repeat 0px 3px;
}

.genvagar {
    margin:0;
    padding:0;
}

.genvagar li {
    list-style-type: none;
    margin: 0 0 10px 0;
}

.genvagar a {
    padding-left:18px;
    background: url('/templates/images/or_arr.png') no-repeat 0px 1px;
    display: block;
    width:85%;
}

.hrefcompmov {
    margin: 10px 0px;
    padding: 0px 0px;
}
.hrefcompmov a {
    padding: 7px 0 10px 23px;
    background: url('/templates/images/video.jpg') no-repeat 0px 7px;
}

form {margin:0}
legend { color:#000; font-weight: bold;}
fieldset p input {margin:0px}
form h2 {border-bottom:thin solid #CCC;margin-bottom:10px;}

fieldset {
border: 1px solid #CCC;
margin: 3px 0px;
padding:5px;
}

fieldset legend {}
fieldset p label {
font-weight:normal;
margin:0px 0px 0px 2px;
}

label {font-weight:bold;}
form div {margin-top:0px;}
input {margin-bottom:5px;}
textarea {margin-bottom:5px;}
textarea,input {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 1em;}
input#hidden {display:none;}
input#hidden2 {display:none;}
input#hidden3 {display:none;}
input#reklam, div.reklam {display:none;}

/*--Blanketter--*/

	
div.namnteckning,
div.namnteckning1, 
div.namnteckning2,
div.namnteckning3,
div.namnteckning4 {border:1px dotted #666;margin-bottom:2px;background-color:#eee;height:40px;display:block;}
	
textarea#namnteckning,
textarea#namnteckning1,
textarea#namnteckning2,
textarea#namnteckning3,
textarea#namnteckning4 {display:none;}

input#namnteckning,
input#namnteckning1,
input#namnteckning2,
input#namnteckning3,
input#namnteckning4 {display:none;}

div#form-submit-component-id {float: left; width: 100%; text-align: right; clear: both; padding-top: 4px; padding-bottom: 4px;}

.tableheaderform {background-color:#eee; text-align:left;}
.tabletrform {background-color:#FFF;height:30px;}


div#form-submit-component-id {font-size:11px;}

/*---Blanketter slut---*/

.tableheader {background-color:#e4881f; text-align:left;}
.tabletr1 {background-color:#EEE}
.tabletr2 {background-color:#FFF;}
table {margin:10px 0;background-color:#ccc;border-collapse:collapse;}
table,th,td {border:1px solid #ccc;}


#footer {
    width: 61em;
    min-height: 102px;
    height: auto !important;
    height: 102px;
    background: url('/templates/images/bot.png') top center repeat-y;
    padding: 0 5px 0 5px;
    margin: 0 auto;
    color:#333;
}

#footer span.footerimg {
background: url('/templates/images/footer.png') center center no-repeat;
padding:0 5px 0 5px;
}

#white_b {
    margin: 0 auto;
    padding: 0 49px 0 49px;
}

.footer {
    border-top: 1px solid #e8e8e8;
    /*background-color:#FFFFFF;*/
    padding: 22px 0 10px 0;
    text-align:center;
    font-size: .7em;
}

#footer p {
    padding: 0;
    margin: 0 0 5px 0;
}

#footer a { color:#333; text-decoration: none; }
#footer a:hover { color:#333; text-decoration: underline; }

/*--detaljplaner mm--*/
ul#searchdir {
list-style-type: none;
list-style-image: url();
margin:0px;
padding:0px;
}

ul#searchdir li {
margin:5px 0px;
font-weight:bold;
}
ul#searchdir ul {
list-style-image: url(/templates/images/ylw_arr2.gif);
}
#searchdir ul li {
font-weight:normal;
margin:4px 0px;
padding-left:3px;
}

div#searchdir ul {
list-style-image: url(/templates/images/ylw_arr2.gif);
}
div#searchdir li.bg {background-color: #EEE;}


#status {
margin:10px 0px;
border:1px solid #CCC;
padding:4px;
}

#status img {border:1px solid black;}
#status span img {border:0px solid black;}

/*----- Editbox -----*/
.roxen-edit-box-off { }

.roxen-edit-box-on {
outline:1px dotted #f8bb7b;
background: #faf9f3;   
 }

.roxen-edit-marker-off {
visibility: hidden;
display: block;
position: absolute;
}

.roxen-edit-marker-on {
 visibility: visible;
 display: block;
 position: absolute;
 background: URL("/roxen-files/cms-images/button_edit_comp.gif") top left no-repeat;
 width: 28px;
 height: 13px;
 z-index: 1;
}

div.roxen-linkbrowser-anchor a {
visibility: visible;
display: block;
position: absolute;
background: URL("/roxen-files/cms-images/button_link_browser.gif") top left no-repeat;
width: 28px;
height: 13px;
z-index: 1;
}

.addthis {margin-top:30px;}

/*----generell fix-----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.printinfo {display:none;}

.formhelpbtn {
width:20px;
height:20px;
background: url(/templates/images/helpicon24.png) no-repeat 0% 0%;
cursor:help;
float:right;
margin:-26px 3px 0 0;
}

.formhelptext {
margin-bottom:5px;
padding:5px;
font-size:1em;
background-color:#ffC;
border:1px solid #CCC;
}

.forminvalid {
padding:10px;
background-color:#ffc;
border:thin solid #ccc;
}
/**Livsmedelskontroll**/

	/**
	table,
	tr {
		border-width: 1px;
		border-style: hidden; <!--solid-->
		width: 100%;
	}
	
        table{

                background-color: white;
        }
	td {
		vertical-align: top;
	}
	
	h3 {
		margin-top: 1px;
	}
**/

h1.verksamhetssida{color:black;}
table#livsmedelskontroll {width:100%;background-color:white;}
table#livsmedelskontroll th {text-align: left;border-bottom: 1px solid #FB7A31;}


/* general styling for image gallerys */

/* begin gallery styling */
 #jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }

 #jgal li img {position: absolute; top: 5px; left: 160px; display: none;}

#jgal li.active img { display: block; }

#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }



.bokstav_huvud {


    color: black;
    font-weight: bold;
    text-decoration: none;
    font-size: 130%;
    font-family: Arial,Helvetica,sans-serif;
    border-bottom:solid #ff0000;
 

}

.bokstav_lista {

   padding-left: 5px;
   font-size: 90%;
   font-family: Arial,Helvetica,sans-serif; 


}


#hoger {float: left; margin-right: 20px;}
#mitten {float: left; margin-right: 20px;}}
#vanster {float: left;}