@charset "ISO-8859-1";



body
{
    background-color: #C2DFA6;
    z-index: -6;
}

#wrapper
{
    position:relative;
    margin: 0 auto;
    text-align:left;
    width:900px;
}

#header
{
    position: absolute;
    text-align: center;
    height:   177px;
    width:    900px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    /*z-index: -5;*/
}

#translate
{
    position: absolute;
    right: 50px;
}

#translate ul
{
    list-style: none;
}

#content {
    position: absolute;
    top: 177px;
    height: 1074px; /* sizeof(ranka) + ranka.margin-top */
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
    overflow: visible;
}

#mainframe
{
    position: absolute;
    /* background-color: #ffffff; Not OK due to z-index covers "ranka" */
    margin-right: 32px;
    margin-top: 50px;

    left: 282px;
    width: 600px;
    /*  overflow: hide; */

    color: #000000;
    /*  clear:both; */
    z-index: 1;
}

#mainframe h1 {
    font-size: 120%;
}

#mainframe h2 {
    font-size: 110%;
}


#mainframe a {
    color: #901101;
    text-decoration: none;
}

#mainframe a:hover {
    text-decoration: underline;
}

#leftimage
{
    padding:  0 0 0 0px;
    position: absolute;
/*     top: -177px; */
    /* top: 200px; */
    top: 50px;

    width: 472px;
    /*     height: 1177px; */
    height: 1026px;
    background-image: url("../img/ranka.gif");

    /* background-repeat:repeat-y; */
    z-index: 0;
}

#leftmenu
{
    padding:  0 0 0 0;
    position: absolute;
    top: 20px;
    left: 10px;
    margin-right: 32px;
    /* left: -272px;  */
    width: 282px; /* 272 - 20 */
    height: 100%;
    z-index: 3;
}


#leftmenu ul {
    list-style: none;
    font-size: 210%;
    font-variant: small-caps;
    padding: 5px 5px 0 0;
}

#leftmenu li {
    padding: 0 0 20px 0;
}

#leftmenu li.submenu {
    padding: 0 0 10px 0;
}


#leftmenu a.selected {
    text-decoration: underline;
    color: #901101;
}

#leftmenu a {
    color: #000000;
    text-decoration: none;
}

#leftmenu a:hover {
    color: #901101;
}

#submenu ul {
    list-style: none;
    list-style: none;
    font-size: 80%;
    font-variant: small-caps;
    padding: 10px 0px 0 0;
}

#submenu li {
    padding: 5px 5px 0 20px;
}

#gallerymenu
{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    left: 10px;
    z-index: 4;
}

#gallerymenu ul {
    list-style: none;
    font-size: 130%;
    font-variant: small-caps;
    padding: 10px 0px 0 0;
}

#gallerymenu li {
    padding: 5px 5px 0 20px;
    display: inline; /* Horisontal list */
}

#gallerymenu table {
    width: 100%;
    font-variant: small-caps;
    padding: 10px 0px 0 0;
}

#gallerymenu td {
    font-size: 130%;
    padding: 5px 5px 0 20px;
}



#gallerymenu a.selected {
    text-decoration: underline;
    color: #901101;
}

#gallerymenu a {
    color: #000000;
    text-decoration: none;
}

#gallerymenu a:hover {
    color: #901101;
}


#galleri
{
    margin: 10px;
}

#galleri ul {
    list-style: none;
}

#galleri li {
    display: inline;
}

#galleri table {
    width: 618px; /* 900-282 */
}

#nav img {
    border-style: none;
    margin: 5px 5px 5px 5px;
}

#nav a.selected {
    text-decoration: underline;
    color: #901101;
}

#nav a {
    color: #000000;
    text-decoration: none;
}

#nav a:hover {
    color: #901101;
}


#linklist ul {
    list-style: none;
}

#linklist li {
    padding-bottom: 1em;
}

.thumb {
    border-color: #901101;
    border-width: 5px;
    border-style: solid;

}

#footer
{
    position: relative;
    padding:  0 0 0 10px;
    height:   70px;
    width:    100%;
    bottom:   0px;
    left:     0px;
}