/** CSS fil med utskriftsanpassning av keryx.se {{{
* }}} */

/* ==grundinställningar (*,html,body,h,p,etc) {{{
------------------------------------------------------------- */

html, body {
    font-family: Calibri, "Times New Roman", "CG Times", serif;
    margin: 0;
}
h1,h2,h3,h4,h5,h6,p,pre {
    margin-top: 1em;
    font-family: arial, helvetica, sans-serif;
}
/* återställ pre- och p-taggarnas font */
pre, p {
    font-family: Calibri, "Times New Roman", "CG Times", serif;
}
h1 {
    font-size: 32pt;
    position: relative;
    text-align: center;
    left: 0em; /* plats för loggan */
    top: 0;
    margin: 0 0 1em 0;
    padding: 0;
}
h2 {
    font-size: 24pt;
}
h3 {
    font-size: 18pt;
}
h4 {
    font-size: 14pt;
}
/* h5 och h6 om de behövs */
hr {
    /* */
}
p {
    font-size: 12pt;
}

/* }}} */
/* ==länkarnas grundinställning           {{{
------------------------------------------------------------- */

a:link {
    color: #172244;
}
a:visited {
    color: #2D4488;
}
a:focus, a:hover {
    background-color: #B6C5F2;
}
a img {
    border: 0;
}

/* }}} */
/* ==formulärs grundinställningar         {{{
------------------------------------------------------------- */

form {
    display: none;
}
fieldset {
    border: 2px solid #FF9900;
}
legend {
    font-weight: bold;
    color: #553E1C;
}
fieldset h2 {
    font-size: 120%;
}
input[type=text] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=submit], input[type=reset], button { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=radio] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=checkbox] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=text] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
textarea {
    /* */
}
select {
    /* */
}

/* }}} */
/* ==tabellers grundinställningar         {{{
------------------------------------------------------------- */

table {
    margin: 1em 0;
}
caption {
    padding-bottom: 0.5em;
}
tr {
    /* */
}
th {
    /* */
}
td {
    /* */
}
thead {
    /* */
}
tbody {
    /* */
}

tfoot {
    /* */
}

/* Andra element som kan tänkas komma ifräga:
colgroup, col
*/

/* }}} */
/* ==listor grundinställningar            {{{
------------------------------------------------------------- */
/* Tänkbart att man kan tänkas vilja vänta med dessa och styra dem endast per "div" */

ul {
    /* */
}
ul li {
    /* */
}
ol {
    /* */
}
ol li {
    /* */
}
ol ol {
    list-style-type: lower-alpha;
}
dl {
    /* */
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1em;
}

/* }}} */
/* ==övriga elements grundinställningar   {{{
------------------------------------------------------------- */

blockquote {
    margin-left: 20px;
    margin-right: 20px;
    border-left: 2px solid blue;
    padding-left: 5px;

}
/* Experimentella inställningar - kan krascha Firefox, ignoreras av MSIE */
blockquote *:first-child:before {
    content: open-quote;
}
blockquote *:last-child:after {
    content: close-quote;
}
pre {
    /* */
}
abbr, acronym, dfn {
    border-bottom: none;
}
address {
    font-style: inherit;
}
cite {
    /* */
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"; /* citationstecken */
}
code {
    color: darkred;
    font-weight: bold;
    font-size: inherit;
}
ins {
    text-decoration: none;
    color: #000080; /* Navy */
}
ins[datetime]:before {
    content:" [Uppdatering: "attr(datetime)"]"
}

/* Andra tänkbara element att styla:
em, strong
kbd, samp, var
object, img
big, small, sub, sup
hr
del
*/

object.youtube {
    /* Print URL */
}

object.slideshare {
    /* Print URL */
}

/* }}} */
/* ==sidans delar ("divvar")              {{{
------------------------------------------------------------- */

#wrapper {
    width: 100%;
    text-align: left; /* Upphäv text-align-center */
    min-height: 8in;
}
div#uRhere {
    display: none;
}
#topp {
    /* */
}
#meny {
    margin: 0;
    padding: 0;
}
#main {
    /* */
}
#fot {
    margin: 4em -10px 0 0;
    border-top: 5px solid #BF9960;
    text-align: left;
    clear: both;
}

/* }}} */
/* ==topp-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

#topp foobar {
    /* */
}

/* }}} *//* ==meny-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

#meny foobar {
    /* */
}

/* }}} */
/* ==main-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

#main a[href]:after {
    content:" ["attr(href)"]";
}

/* }}} */
/* ==meny-blocket (avkomlingsselektorer)   {{{
------------------------------------------------------------- */

div#meny img {
    border: 0;
    display: block;
    float: right;
    width: 131px;
    height: 75px;
    margin: 0 0 0 20px;
}
div#meny ul {
    display: none;
}
#meny img a[href]:after {
    content:"";
}
/* }}} */
/* ==fot-blocket (avkomlingsselektorer)   {{{
------------------------------------------------------------- */

#fot form {
    display: block; /* För att visa uppdateringsdatum och copyright */
}
#fot form#tidy fieldset {
    display: block;
    border: none;
    font-size: 9pt;
    padding: 5px 20px 20px 0;
}
#fot a {
    display: none;
}

/* }}} */
/* ==XOXO mikroformat                     {{{
------------------------------------------------------------- */

.xoxo a[href]:after {
    content:"";
}

/* }}} */
/* ==hCard mikroformat                    {{{
------------------------------------------------------------- */

.vcard {
    /*  */
}
.vcard a.url {      /* <a class="url fn n"...>Full Namne</a> är vanligt... */
    /*  */
}
.email {
    /* */
}
.vcard a.internet {    /* För mailto-länkar */
    /* */
}
.vcard img.photo {
    /* */
}
/* Andra klasser som kan bli aktuella:
.Prefix .Given-Name .Additional-Names .Family-Name .Honorific-Suffixes
.tel (cell,fax,work,pref,voice,msg)
.org .Organizational-Unit .title
Inneslutna i <address> eller <foo class="adr">: .Street-Address .Locality (=stad) .Region .Postal-Code .Country
   (work, postal, parcel)
.note
ul.nicknames
img.logo
abbr.bday
ul.categories
*/

/* }}} */
/* ==hCalendar mikroformat                {{{
------------------------------------------------------------- */

.vcalendar {
    /*  */
}
.vevent {
    /*  */
}
.vevent a.url {
    /*  */
}
.vevent abbr.dtstart,.vevent abbr.dtend {
    /*  */
}
/* Andra aktuella klasser:
.duration .rdate .rrule

/* }}} */
/* ==standardklasser                      {{{
------------------------------------------------------------- */

.fet {
    font-weight: bold;
}
.kursiv {
    font-style: italic;
}
.ingress {
    font-style: italic;
}
.osynlig {
    display: none;
}
.realNumber {
    white-space: nowrap;
}
.realNumber span {
    display: none;
}
@media print,screen { /* Dessa saker bör synas vid '@media embossed' */
    .noprint {
        display: none;
    }
}
/* }}} */
/* ==sajtspecifika klasser                {{{
------------------------------------------------------------- */

.htext {
    text-align: right;
}
fieldset.inforuta {
    padding: 20px;
    font-size: 90%;
    -moz-border-radius: 15px;
}
.invisible { /* Leta efter förekomster och byt mot 'osynlig' */
    display: none; /* På kontaktsidan */
}
/* För kod på ljusgrå bakgrund */
.codeblock {
    border: 2px solid blue;
    padding: 10px 5px;
    font-size: inherit;
}
/* Kolla var dessa klasser används */
table.border1 {
    border-collapse: collapse;
    border: 1px solid;
}
table.border1 th, table.border1 td {
    border: 1px solid;
    padding: 5px;
}
table.border2 {
    border-collapse: collapse;
    border: 2px solid;
}
table.border2 th, table.border2 td {
    border: 1px solid;
}
h3.lista {
    margin: 0.3em 0em;
}
p.lista {
    margin: 0em;
}
/* CSS för att emulera Skutans färger */
.startcitat {
    font-weight: bold;
}
.citat {
    background: #DDDDDD;
}
.tillagg {
  color: red;
}
/* Skapa extra utrymme ovanför tabellen med artikelinfo */
table.artikelinfo {
    margin: 20px auto 0 auto;
    padding: 10px;
    border: 2px solid #FF9900;
}
/* }}} */
/* ==övrigt                               {{{
------------------------------------------------------------- */

#main {
    min-height: 400px;
}
#hspalt {
    float: right;
    width: 38%;
    margin-left: 5px;
}

/* }}} */
/* ==Sidspecifika tillägg och undantag    {{{
------------------------------------------------------------- */

/* Kontaktsidan */
/* Allt skall ändras till hCard-format */

html#kontakt fieldset {
    display: none;
}
html#kontakt div#adresser img {
    float: right;
    width: 104px;
    height: 157px
}
html#kontakt div#adresser {
    position: relative;
    left: 20%;
    width: 60%;
}
html#kontakt dd {
    margin: 0em 0em 0.5em 0em;
    padding: 0;
}
/* Bloggsidan */
html#blogg h2 {
    margin-top: 0;
}
html#blogg fieldset {
    padding: 10px;
    border: 2px solid #FF9900;
}
html#blogg div#main {
    float: left;
    width: 62%;
    padding-right: 10px;
}
html#blogg div#hspalt {
    width: 32%; /* minskas något */
    padding-left: 10px;
    border-left: 1px solid #738FE6;
}
html#resurser fieldset.inforuta {
    display: none;
}
#twitter_div {
    display: none;
}
/* }}} */