@import "screen-grids.css";

/**
 * Diverse inställningar
 * =====================
 */
html {background:#FFFFDD url(../images/backgrounds/bkg_mountains.jpg) no-repeat fixed center top;}
body {background:none;position:relative;}
.canvas {margin-top:16px;margin-bottom:4em;}
h1, h2 {color:#246a1a;}
h3 {color:#557755;}
del {color:#cc0000;}
ins {color:#00cc00;}
q,blockquote {color:#663633;}
acronym, abbr {border-bottom:1px dotted #999;}

/** Definiera alltid länkar i LVHFA-ordning -- "Lord Voldemort Has Foul Ambitions" */
a:link {color:#3C78EF;}
a:visited {color:#6655AA;}
a:hover {color:#0000CC;}
a:focus {}
a:active {color:#FF0000;}
a[rel~="external"] {background:transparent url(../images/icons/link-external.gif) no-repeat right center;padding-right:9px;}
a.protected {padding-right:20px;background:transparent url(../images/icons/password.png) no-repeat right center;}

.forScreen {}
.forPrint {display:none;}
.text_accessibility {position:absolute;top:-20000px;left:-20000px;}
.imageCaption {font-size:77%;font-style:italic;}
#news_boxes {margin-bottom:1.5em;}
#news_boxes .box h2 {}
#news_boxes .box {height:25em;overflow:hidden;}

/**
 * Anmälningsformulär
 * ==================
 */
.memberSignup {font-size:92%;}
label {display:block;font-weight:bold;width:12em;float:left;clear:left;}
label.block {width:auto;float:none;clear:both;}
textarea.text, input.text, input.textPostcode, input.textCity {width:23em;padding:0.3em;}
input.textPostcode {width:4em;}
input.textCity {width:18em;}
textarea.text {height:3em;}
fieldset {border:2px groove #ccc;padding:0.5em;}
legend {padding:0 0.5em;color:#333;}

/**
 * Dokumentsökning och resultat
 * ============================
 */
.button {font-size:114%;padding:6px 6px 6px 32px;background:buttonface none no-repeat 4px center;}
.btnSearch {background-image:url(../images/icons/system-search.png);}
#ie6 .btnSearch {background-image:url(../images/icons/system-search.gif);}
.pagingLink, .pagingLinkCurrent {border:1px solid #333;background:#e7e7e7;color:#333;text-decoration:none;padding:0.2em 0.6em;margin-right:1em;display:block;float:left;width:1.5em;text-align:center;}
.pagingLinkCurrent {background:#ffffcc;color:#ff9933;}
.pagingLink:hover {background:#fff;color:#3c78ef;text-decoration:underline;}
.pagingContainer {margin:1em 0;}
.pagingContainer em {display:block;float:left;padding:0.3em 0;margin-right:1em;}
.searchResultsInfo {font-size:133%;}
.searchItemDescription {margin:0 1em 1em 2em;}

/**
 * Sidans olika avsnitt (sidhuvud, logotyp, brödsmulor, sidinnehåll, sidfot) samt kantlinje
 * ========================================================================================
 */
#lg {}
#hd {padding:0;margin:0;background:#1C8236;color:#ffffff;font-size:131%;font-weight:bold;}
#bc {padding:0.25em 0.5em;background:#E0CD96;}
#bd {padding:0.25em 1.0em;background:#E9EFDA;padding-bottom:1em;font-size:116%;}
#bd {min-height:25em;}
/* #ie6 #bd {height:25em;} */
#ft {padding:0;background:#E0CD96;}
#lg p,#hd p,#bc p,#ft p {margin-bottom:0;}
#lg {background:transparent url(../images/logotypes/logo_vfsn.red.png) no-repeat scroll 16px top;height:7.2308em;min-height:94px;}
#ie6 #lg {background-image:url(../images/logotypes/logo_vfsn.red.gif);}
#ft {border-top:1px solid #333333;}
.outline {border:1px solid #333333;margin-bottom:2em;}
#bd {position:relative;}

/**
 * Huvudmeny
 * =========
 */
#menubar {padding:0;margin:0;position:relative;}
#menubar ul {margin:0;padding:0;list-style:none;}
#menubar li {display:block;float:left;margin:0;}
#menubar li a {font-weight:bold;color:#FFFFFF;border-right:1px solid #BFBFBF;text-decoration:none;}
#menubar li a {display:block;padding:0.4em 0.6em;margin:0;font-size:87%;}
#menubar li.active a {background:#8EC19B;}
#menubar li a:hover {background:#76B486;}
#ie6 #menubar {background:#1C8236;height:0;}

/**
 * Undermeny (vänsterspalten)
 * ==========================
 */
#sub_menubar {position:relative;top:0.3em;margin-bottom:3em;}
#sub_menubar {width:auto;border:5px solid #0D7740;background:#1f8f3c;font-size:114%;}
#sub_menubar p.submenu_headline {color:#ffffff;font-size:114%;margin:0;text-align:center;padding:0.25em 0;}
#sub_menubar ul {display:block;margin:0;padding:0;}
#sub_menubar li {list-style:none;margin:0;padding:0.75em 0.5em;color:#0d7740;background:#a7d199;}
#sub_menubar li a {color:#0d7740;text-decoration:none;}
#sub_menubar li a:hover {color:#0d7740;text-decoration:underline;}
#sub_menubar li ul {font-size:77%;margin-top:1em;margin-left:1em;border:1px solid #1f8f3c;}
#sub_menubar .first {border-top:5px solid #0d7740;}
#sub_menubar .last {border-bottom:5px solid #0d7740;margin-bottom:1em;}
#sub_menubar .even {background:#cde8c5;}
#sub_menubar li.even ul .odd {background:#d6e8c6;}
#sub_menubar li.even ul .even {background:#b5d198;}
#sub_menubar li.odd ul .odd {background:#b5d198;}
#sub_menubar li.odd ul .even {background:#d6e8c6;}
#sub_menubar li ul .last {margin-bottom:0;border-bottom:none;}
#sub_menubar .active ul li {color:#0d7740;font-weight:normal;}
#sub_menubar .active ul li.active {color:#333333;font-weight:bold;}
#sub_menubar .active {color:#333333;font-weight:bold;border-left:0.4em solid #fff;padding-left:0.1em;}
#sub_menubar li ul {display:none;}
#sub_menubar .active ul {display:block;}

/**
 * Brödsmulor
 * ==========
 */
#bc p {margin:0;padding:0.2em 0.3em;font-size:93%;}
#bc a {cursor:help;color:#884F09;text-decoration:none;}
#bc a:hover {color:#693E07;text-decoration:underline;}
#bc .B_currentCrumb {font-weight:bold;}

/**
 * Sidfot
 * ======
 */
#ft p {margin:0;}
#ft a {cursor:help;font-weight:bold;color:#884F09;text-decoration:none;}
#ft a:hover {color:#693E07;text-decoration:underline;}
#ft .footer_column {float:left;padding:0.6em;text-align:left;width:10.5em;overflow:hidden;}
#ft .footer_column span {display:block;}
#ft .page_info {border-left:1px solid #8F876D;float:right;padding:0.6em;width:15.2em;overflow:hidden;}
#ft #producer {font-size:85%;display:block;padding:0.3em;margin:1px;color:#999999;background:transparent;position:absolute;right:0;bottom:-2.2em;}
#ft #producer a {color:#666666;}
#ft #producer a:hover {color:#000066;}
#ft #login_link p {font-size:85%;display:block;padding:0.3em;margin:1px;color:#999999;padding-left:24px;background:transparent url(../images/icons/password.png) no-repeat 4px center;position:absolute;left:0;bottom:-2.2em;}
#ft #login_link a {color:#666666;}
#ft #login_link a:hover {color:#000066;}
#ie6 #ft .o {height:0;}
#ie #ft #producer, #ie #ft #login_link p {bottom:0;}

/**
 * Snabbmeny för Specialsidor
 * ==========================
 */
#spnav {position:absolute;top:0;right:0;background:transparent url(../images/opacity/opacity-50.png);color:#000;font-family:sans-serif;font-size:93%;text-align:left;width:auto;height:auto;margin:0;padding:0.3em 0.6em;border-top:1px solid #bfbfbf;}
#spnav a {text-decoration:none;color:#333366;font-weight:normal;}
#spnav a:hover {color:#3c78ef;font-weight:normal;}
#spnav img {border:none;vertical-align:middle;}
#spnav span {}
.spnav_divider {display:block;margin-top:0.2em;padding-top:0.1em;border-top:1px solid #999;}
#spnav .navbar_logo {display:block;font-size:93%;}
/** IE6 hanterar inte alfakanals-PNG */
#ie6 #spnav {background:#D1E4E9;}

/**
 * Artikelillustrationer
 * =====================
 */
.illustrationOutline {display:block;float:right;position:relative;margin:0;margin-top:0.25em;padding:0 0 16px 16px;width:256px;height:192px;overflow:hidden;}
.illustrationOutline br {display:none;}
.illustrationFrame {}
.illustrationImg {width:252px;height:188px;border:2px solid #333333;}
.fullwidth .illustrationOutline {width:auto;height:auto;}
.fullwidth .illustrationFrame {}
.fullwidth .illustrationImg {width:9em;height:auto;}

/**
 * Informationsrutor för olika ändamål
 * ===================================
 */
.box {padding:0.25em 0.5em;border:3px solid #0D7740;background:#CDE8C5;font-size:107%;}
.box h2 {color:#0d7740;font-size:113%;font-variant:normal;}
.box p {color:#000000;}
.box .earlierItems {padding-top:1em;border-top:1px solid green;}
.box ul {margin:0;font-size:77%;}
.box ul li {margin-left:1em;}
.box a {color:#0d7740 !important;text-decoration:none;font-weight:bold;}
.box a:hover {color:#0d7740 !important;text-decoration:underline;}
.quickfacts {display:block;background:#cceecc;border:2px solid #66aa67;padding:8px 12px;margin-bottom:3em;}
.quickfacts h2 {display:block;margin:-8px -12px 8px -12px;padding:0;background:#66aa67;color:#ffffff;padding:0 0.25em;}
#page_content .quickfacts {font-size:77%;width:18em;margin-left:1.6em;}
.excerpt {background:#d9eed2;padding:2px 8px;}


/**
 * Systemmeddelanden (info-, varnings- och felmeddelanden)
 * =======================================================
 */
.genericMsg {padding:0.5em;margin:0 0 1.5em 0;padding-left:32px;background:#fcf385 url(../images/icons/bullet-private-24.png) no-repeat 4px center;color:#766654;border:1px solid #e6ba0d;}
.systemMsg  {padding:1em;margin:0 0 1.5em 0;font-size:114%;padding-left:64px;background:#f0f5f7 url(../images/icons/dialog-information-48.png) no-repeat 8px center;color:#4f8093;border:2px solid #3d6372;}
.errorMsg   {background-color:#df4242;color:#fcf385;border-color:#9b2020;background-image:url(../images/icons/dialog-error-48.png);}
.warningMsg {background-color:#f7dd75;color:#925818;border-color:#f1c512;background-image:url(../images/icons/dialog-warning-48.png);}
.infoMsg    {}
#ie6 .genericMsg {background-image:url(../images/icons/bullet-private-24.gif);}
#ie6 .systemMsg  {background-image:url(../images/icons/dialog-information-48.gif);}
#ie6 .errorMsg   {background-image:url(../images/icons/dialog-error-48.gif);}
#ie6 .warningMsg {background-image:url(../images/icons/dialog-warning-48.gif);}
.genericMsg h2 {color:#766654;}
.systemMsg h2 {color:#4f8093;}
.errorMsg h2 {color:#fcf385;}
.warningMsg h2 {color:#925818;}

/**
 * Kontaktlistor med namn & bild
 * =============================
 */
.soylentgreen {width:99%;border:0;} /** .. is people! */
.soylentgreen th, .soylentgreen td {border:0;}
.soylentgreen img, .subsoylent img {height:9em;border:1px solid #1f8f3c;}
.subsoylent td {padding-top:1em;}
.subsoylent img {height:4.5em;margin-right:2em;}