html, body {
    color: #333;
    background-color: #666;
    background-image: url("p2/backgroundwrapper.jpg");
    background-repeat:repeat-y;
}

html, body, div {
    margin: 0;
    border: none;
    padding: 0;
}



#content {
/*     position: absolute; */
    margin: 0 0 0 240px;
    padding: 0px;
    top: 0;
    left: 0;
    width: 760px;
}
#navigation {
    position: absolute;
    background-image: url("p2/background2.jpg");
    top: 0;
    left: 0;
    width: 233px;

}

.portlet {
    position: relative;
    margin: 0;
    border: none;
    border-left:   1px solid #fee;
    border-right:  2px solid #baa;
    border-top:    1px solid #fee;
    border-bottom: 2px solid #baa;
    font-size: 100%;
    padding: 3px;
}
#nav-logo.portlet {
    border-top: none;
    padding: 0px;
}
#nav-author.portlet {
/*     background-image: none; */
/*     background-color: #108; */
    font-size:110%;
    text-align: center;
    -moz-border-radius-bottomright: 2em;
}
#nav-logo img {
    padding: 0px;
}

.pBody {
    font-size: 93%;
}

.visualClear {
    clear: both;
}

#navigation a {
    font-size: 93%;
    text-decoration: none;
    font-weight: bold;
    color: #631;
    background: none;
}
#navigation a:hover {
    text-decoration: none;
    color: #c75;
}



/* general styles */

a {
    text-decoration: none;
    font-weight: bold;
    color: #631;
    background: none;
}

#headcol {
    color: #500;
}
#linkcol {
    color: #853;
}

#content a:visited {
    color: #853;
}
#content a:hover {
    color: #c75;
}

img {
    border: none;
    vertical-align: middle;
}

img.blackborder {
    border: 1px;
    border-left:   1px solid #000;
    border-right:  1px solid #000;
    border-top:    1px solid #000;
    border-bottom: 1px solid #000;
/*     vertical-align: middle; */
}
p {
    margin: .4em 0 .5em 0;
    line-height: 1.5em;
}
p img {
    margin: 0;
}

hr {
    height: 1px;
    color: #500;
    background-color: #aaa;
    border: 0;
    margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #500;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: .4em;
    padding-bottom: .17em;
    line-height: 1.3em;
}

h1 {
    font-variant: small-caps;
    background: none;
    border-bottom: 1px solid #600;
}
h2 {
    font-variant: small-caps;
    background: none;
}
h3 {
    font-variant: small-caps;
    background: none;
}
h4, h5, h6 {
    background: none;
}
h1.firstHeading {
        padding-top: 0;
}

h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 115%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }

ul {
    line-height: 1.4em;
    list-style-type: square;
    margin: 0 0 0 1.2em;
    padding: 0;
    list-style-image: url('p2/bullet.gif');
}
ol {
    line-height: 1.2em;
    margin: .3em 0 0 3.2em;
    padding: 0;
    list-style-image: none;
}

textarea {
    width: 100%;
    padding: .1em;
}

input.historysubmit {
    padding: 0 .3em .3em .3em !important;
    cursor: pointer;
    height: 1.7em !important;
    margin-left: 1.6em;
}
select {
    vertical-align: top;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted black;
    color: black;
    background: none;
    cursor: help;
}
q {
    font-style: italic;
}

code {
    background-color: #f9f9f9;
}
pre {
    padding: 1em;
    border: 1px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    line-height: 1.1em;
}


/*
** the main content area
*/



table.tabhandel {
    border-left:   0px;
    border-right:  2px;
    border-top:    2px;
    border-bottom: 2px;
    width:         600px;
    height:        200px;
}
table.tabhandel td {
    border: 0px;
    background-image: url("p2/p-handel.png");
    vertical-align: top;
    padding: 4px;
}
table.tabhandel h1 {
    border-bottom: none;
}

table.tabupst {
    border-left:   0px;
    border-right:  2px;
    border-top:    2px;
    border-bottom: 2px;
    width:         600px;
    height:        200px;
}
table.tabupst td {
    border: 0px;
    background-image: url("p2/p-upstalsboom.jpg");
    vertical-align: top;
    padding: 4px;
}
table.tabupst h1 {
    border-bottom: none;
}

#siteSub {
    font-size: 91%;
    speak: none;
}

#contentSub, #contentSub2 {
    font-size: 84%;
    line-height: 1.2em;
    margin: 0 0 1.4em 1em;
    color: #7d7d7d;
    width: auto;
}
span.subpages {
    display: block;
}

/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
    margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
    margin-bottom: .3em;
}
.firstHeading {
    margin-bottom: .1em;
}
.error {
    font-size: larger;
    border: 2px solid;
    padding: .5em 1em;
    float: left;
    margin-bottom: 2em;
    color: #f00;
}


/* emulate center */
.center {
    width: 100%;
    text-align: center;
}
*.center * {
    margin-left: auto;
    margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
    font-size: 94%;
}
table.small {
    font-size: 100%;
}





/*
** general portlet styles (elements in the quickbar)
*/
.portlet h4 {
    font-size: 95%;
    font-weight: normal;
    white-space: nowrap;
    color: #000;
}
.portlet h5 {
    background: transparent;
    display: inline;
    height: 1em;
    font-size: 95%;
    font-weight: normal;
    white-space: nowrap;
    color: #000;
}
.portlet h6 {
    background: #ffae2e;
    border: 1px solid #2f6fab;
    border-style: solid solid none solid;
    padding: 0 1em 0 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet ul {
    line-height: 1.1em;
/*     list-style-type: square; */
    list-style-image: url('p2/bullet.gif');
}
.portlet li {
    padding: 0;
    margin: 0;
}


.hiddenStructure {
    display: none;
    speak: none;
}
img.tex {
    vertical-align: middle;
}
span.texhtml {
     font-family: serif;
}

/* Tabellen */

table.blind { border-spacing:0px; }
table.blind td { padding: 0px; }

table.tabblue {
    border-collapse: collapse;
    border-left:   2px solid #aaf;
    border-right:  2px solid #66b;
    border-top:    2px solid #aaf;
    border-bottom: 2px solid #66b;
}
table.tabblue th {
    border: 0px;
    padding: 3px;
    background: #99e;
    color: #000;
    vertical-align: left;
}
table.tabblue td {
    color: #222;
    border: 0px;
    background: #ccf;
    padding: 3px;
}
table.tabblue td.dark {
    color: #111;
    border: 0px;
    background: #bbe;
}
table.tabblue td.moredark {
    color: #111;
    border: 0px;
    background: #aad;
}
table.tabblue td.red {
    color: #ddd;
    border: 0px;
    background: #800000;
}
table.tabblue td.green {
    color: #ddd;
    border: 0px;
    background: #009000;
}
table.tabblue td.violet {
    color: #ddd;
    border: 0px;
    background: #800080;
}

table.tabred {
    border-collapse: collapse;
    border-left:   1px solid #f00;
    border-right:  1px solid #300;
    border-top:    1px solid #f00;
    border-bottom: 1px solid #300;
}
table.tabred th {
    border: 0px;
    padding: 3px;
    background: #f66;
    color: #fff;
    vertical-align: left;
}
table.tabred td {
    border: 0px;
    background: #f99;
    padding: 3px;
    color: #000;
}
table.tabred td.dark {
    border: 0px;
    background: #f77;
    padding: 3px;
    color: #000;
}

table.tabpurple {
    border-collapse: collapse;
    border-left:   2px solid #ebf;
    border-right:  2px solid #829;
    border-top:    2px solid #ebf;
    border-bottom: 2px solid #829;
}
table.tabpurple th {
    border: 0px;
    padding: 2px;
    background: #808;
    color: #b0b;
    vertical-align: left;
}
table.tabpurple td {
    border: 0px;
    background: #d8f;
    color: #000;
    padding: 2px;
}
table.tabpurple td.dark {
    border: 0px;
    background: #c7e;
    color: #000;
}

table.tabgreen {
    border-collapse: collapse;
    border-left:   2px solid #cda;
    border-right:  2px solid #693;
    border-top:    2px solid #cda;
    border-bottom: 2px solid #693;
    padding: 3px;
}
table.tabgreen th {
    border: 0px;
    padding: 3px;
    background: #8d3;
    color: #000;
    vertical-align: left;
    border-bottom: 1px solid #040;
}
table.tabgreen td {
    border: 0px;
    background: #ad9;
    color: #000;
    border-right: 1px solid #8c6;
    border-bottom: 1px solid #7b5;
    padding: 3px;
}
table.tabgreen td.dark {
    border: 0px;
    background: #9c8;
    color: #000;
    border-right: 1px solid #7b5;
    border-bottom: 1px solid #6a4;
    padding: 3px;
}
table.tabgreen td.clear {
    border: 0px;
    padding: 2px;
    background: white;
}

table.tabgrey {
    border-collapse: collapse;
    border-left:   2px solid #eee;
    border-right:  2px solid #999;
    border-top:    2px solid #eee;
    border-bottom: 2px solid #999;
}
table.tabgrey th {
    border: 0px;
    padding: 3px;
    background: #666;
    color: #ccc;
    vertical-align: left;
}
table.tabgrey td {
    border: 0px;
    color: #333;
    background: #ddd;
    padding: 3px;
}
table.tabgrey td.red {
    color: #ddd;
    border: 0px;
    background: #700000;
}
table.tabgrey td.green {
    color: #ddd;
    border: 0px;
    background: #007000;
}
table.tabgrey td.dark {
    border: 0px;
    color: #111;
    background: #ccc;
    padding: 3px;
}
table.tabgrey td.moredark {
    border: 0px;
    background: #aaa;
    padding: 3px;
}

table.tabclear {
    border: 0px;
    padding: 0px;
}
table.tabclear th {
    border: 0px;
    padding: 0px;
    vertical-align: left;
}
table.tabclear td {
    border: 0px;
    padding: 0px;
}

table.tabwarning {
    border-collapse: collapse;
    margin-right: 1em;
    width: 70%;
    border-left:   2px solid #d00;
    border-right:  2px solid #300;
    border-top:    2px solid #d00;
    border-bottom: 2px solid #300;
}
table.tabwarning th {
    color: #ddd;
    font-weight: normal;
    text-align: center;
    border: 0px;
    background: #600;
    padding: 5px;
}
table.tabwarning td {
    color: #fff;
    font-weight: normal;
    text-align: center;
    border: 0px;
    background: #a00;
    padding: 5px;
}

table.tabmessage {
    border-collapse: collapse;
    margin-right: 1em;
    width: 70%;
    border-left:   1px solid #0b0;
    border-right:  1px solid #070;
    border-top:    1px solid #0b0;
    border-bottom: 1px solid #070;
}
table.tabmessage th {
    border: 0px;
    padding: 3px;
    background: #050;
    color: #af9;
    vertical-align: left;
}
table.tabmessage td {
    color: #dfb;
    font-weight: normal;
    border: 0px;
    background: #070;
    padding: 5px;
}