/*-----------------------------------------------------------------------------
canvas-default, box/mått
-----------------------------------------------------------------------------*/

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgb(207,207,207);
    color: black;
    font-size: 11px;
}

body, table {
    font-family: arial, helvetica, sans-serif;
}


/*-----------------------------------------------------------------------------
html-element
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: rgb(159,154,154);
    line-height: 1.1;
}

h1 {
    margin: 0 0 .9em 0;
    font-size: 200%;
}

h2, h3, h4, h5, h6 {
    margin: 2.5em 0 .75em 0;
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 110%;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 100%;
    font-style: italic;
}

h1.align-top, h2.align-top, h3.align-top, h4.align-top, h5.align-top, h6.align-top {
    margin-top: 0;
    padding-top: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    padding: 0;
    font-size: 100%;
}

td, th {
    vertical-align: top;
    padding: 0 1em .5em 0;
    text-align: left;
    line-height: 1.5;
}

ul, ol {
    margin: 0 0 1em 0;
    padding: 0 0 0 1.5em;
}

ul, ol {
    list-style-position: outside;
}

ul {
    list-style-type: square;
}

.ulspace {
    margin-top:12px;
}

li {
    margin: 0 0 0 0;
}

p {
    margin: .5em 0 1em 0;
    padding: 0 0 .5em 0;
}

img {
    margin: 0;
    padding: 0;
}

hr {
    height: 1px;
    margin: 1.5em 0 .5em 0;
    padding: 0;
    border: none;
    background-color: rgb(175,205,215);
    color: rgb(175,205,215);
}


/*-----------------------------------------------------------------------------
länkar
-----------------------------------------------------------------------------*/

a, a:link, a:visited {
    color: black;
    text-decoration: underline;
}

a:hover, a:active {
    color: #74000E;
    text-decoration: underline;
}

#content a:hover {
    color: #8F4C3E;
}

a img {
    border: none;
    text-decoration: none;
}


/*-----------------------------------------------------------------------------
formulär
-----------------------------------------------------------------------------*/

label {
    font-weight: normal;
}

label.block {
    display: block;
}

button, .button {
    background-color: rgb(36,33,114);
    color: white;
    font-weight: bold;
}

legend, label, input, select, button, .button, textarea {
    font-family: tahoma, 'ms sans serif', verdana, helvetica, sans-serif;
    font-size: 100%;
}

input.text, textarea, select {
    border: 1px inset gray;
}

fieldset {
    padding: 1em;
    background-color: white;
    border: 1px solid rgb(175,205,215);
}

legend.hidden {
    display: none;
}

table.form {
    margin: 1em 0 1em 0;
}

fieldset table.form {
    margin: 0;
}

table.form th, table.form td {
    padding: .25em .5em .25em 0;
}

.validation {
    color: red;
    font-weight: bold;
}


/*-----------------------------------------------------------------------------
specialare
-----------------------------------------------------------------------------*/

p.intro {
    font-size: 110%;
}

td.right, th.right {
    padding-right: 0 !important;
    text-align: right !important;
}

td.left, th.left {
    padding-left: 0 !important;
    text-align: left !important;
}

td.top, th.top {
    vertical-align: top;
}

img.right {
    float: right;
    margin: 0 0 1em 2em;
}

img.left {
    float: left;
    margin: 0 2em 1em 0;
}

img.decor {
    border: 1px solid #ddd;
}

img.icon {
    margin-right: .5em;
    vertical-align: baseline;
}

img.linkicon {
    margin-left: .5em;
    vertical-align: baseline;
}

ul.hidden {
    list-style-type: none;
    padding-left: 0;
}

tr.apart th, tr.apart td {
    padding-bottom: 2em;
}

/*-----------------------------------------------------------------------------
eof
-----------------------------------------------------------------------------*/
