/*-----------------------------------------------------------------------------
layout.css
-----------------------------------------------------------------------------*/

#wrap {
    height: 100%;
    width: 800px;
    background: url(/resources/img/header2.jpg) left top no-repeat rgb(36,33,114);
}

#canvas {
    position: absolute;
    top: 180px;
    left: 0;
    width: 800px;
    background: white 555px 170px no-repeat;
    text-align: left;
}

#body {
    width: 400px;           /* måste sätta en explicit width för ie5 */
    margin-left: 60px;
    margin-top: 180px;
    text-align: left;       /* override text-align: center; i #canvas */
    line-height: 1.4;
}

#content {
    height: 280px;
    width: 100%;        /* krävs för mac/ie */
    min-height: 280px;
    padding-bottom: 5em;
}

/**/
/* begin hide from mac/ie5 \*/
html>body #content {
    height: auto;
}
/* end hide from mac/ie5 */

#logo {
    position: absolute;
    top: 200px;
    left: 10px;
    height: 47px;
    width: 250px;
}

#loginbox {
    background-color: rgb(242,242,242);
    position: absolute;
    top: 180px;
    left: 530px;
    width: 175px;
}


/* ---------------------------------------- */

#menu {
    border-top: 1px solid rgb(227,227,227);
    position: absolute;
    top: 260px;
    left: 60px;
    width: 470px;
    padding-top: .2em;
}

#menu ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*
a#foretaget, a#tjanster, a#kontor, a#Invigning Jkpg {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    font-weight: bold;
    white-space: nowrap;
}

a#tjanster {
    margin-left: 90px;
}

a#kontor {
    margin-left: 205px;
}
*/

#menu li {
    display: inline;
}

a#foretaget, a#tjanster, a#kontor, a#Invigning Jkpg {
float: left;
display: inline;
    width: auto;
margin-right: 2em;
    font-weight: bold;
    white-space: nowrap;
}

#menu ul ul {
    position: absolute;
    left: 0;
    top: 2em;
width: 470px;
}

#menu ul ul li {
    display: block;
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
}

#menu ul ul li a {
    padding-right: 1em;
    border-right: 1px solid #999999;
}

#menu ul ul li.apart a {
    padding-right: 1em;
    border-right: none;
}

#menu a {
    text-decoration: none;
    color: #999999;
}

#menu a.selected {
    color: rgb(36,33,114);
}


/*-----------------------------------------------------------------------------
special-objekt
-----------------------------------------------------------------------------*/

#kontor_leftbox {
    float: left;
    width: 200px;
    margin-bottom:25px;
}

#kontor_box h2 {
  margin:0;
  padding:0;
  padding-top:8px;
  font-size:12px;
}

#kontor_rightbox {
    float:right;
    width:150px;
    margin-bottom:25px;
}

h2.inline {
    margin: 1em 0 .5em 0;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 1em;
}

#languageNav {
    float: right;
    margin: 1em 0 0 0;
    padding: 0;
}

#languageNav li {
    display: inline;
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
}

#languageNav li a {
    text-decoration: none;
}

#languageNav li img {
    margin-right: .33em;
    vertical-align: text-top;
}

#nav strong {
    color: rgb(146,146,146);
}

#loginbox p {
    margin: 15px 15px 15px 15px;
    font-size: 90%;
}

#loginbox h2 {
    margin: 15px 15px 15px 15px;
    color: rgb(0,0,0);
}

hr.clear {
    visibility: hidden;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: white;
    background-color: white;
}

div.clear {
    visibility: hidden;
    clear: both;
}

.left50 {
    float: left;
    width: 45%;
}

.right50 {
    float: right;
    width: 45%;
}

.left33 {
    float: left;
    width: 30%;
}

.right33 {
    float: right;
    width: 30%;
}

.left66 {
    float: left;
    width: 60%;
}

.right66 {
    float: right;
    width: 60%;
}

.boxpadding {
    padding: 1em;
}

#side img {
    display: block;
}


/*-----------------------------------------------------------------------------
foot
-----------------------------------------------------------------------------*/

#foot {
    clear: both;
    height: 2.5em;
    margin: 0;
    padding: 0 100px 0 60px;
    background-color: rgb(36,33,114);
    color: white;
    font-size: .9em;
    text-align: right;
    line-height: 2.5em;
}

#foot ul {
    float: left;
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
}

#foot li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    background: url(/resources/img/icon/foot-item-bg.gif) 2px center no-repeat;
}

#foot li.firstchild {
    padding-left: 0;
    background: none;
}

#foot a {
    color: white;
    text-decoration: none;
}

#foot a.right {
}


/*-----------------------------------------------------------------------------
företaget
-----------------------------------------------------------------------------*/

dl.company {
    margin: 0 0 0 0;
    padding: 0;
}

dl.company dt {
    margin: 0 0 .5em 0;
}

dl.company dd {
    margin: 0 0 2em 0;
    color: rgb(159,154,154);
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
}


/*-----------------------------------------------------------------------------
eof
-----------------------------------------------------------------------------*/