body, html
{
    height:100%;
    padding:0;
    margin:0;
}

body {background: black; background-image: url(/Files/System/gfx/bg.jpg); background-repeat: no-repeat}

#mainbox
{
    width:960px;
    margin:0 auto;
    position:relative;
  
}

#header
{
    position:relative;
    float:left;
    height:105px;
    width:100%;
}

#header_logo
{
    position:absolute;
    top:17px;
    left:3px;
}

#menuarea
{
    position:absolute;
    left:439px;
    top:51px;
}

#menuarea ul
{
    padding:0;
    margin:0;
    display:inline;
}
#menuarea ul li
{
    padding:0;
    margin:0;
    list-style:none outside;
    display:inline;
    height:25px;
float:left;
}

#legend
{
position:absolute;
top: 80px;
left:439px;
}

#legend .Legend
{
color: #A0A0A0;
}

#topgraphic
{
    position:relative;
    float:left;
    width:960px;
margin-top:40px;
}

#contentarea
{
position:relative;
float:left;
width:960px;
padding-bottom:40px;
}

div.forside_left, div.forside_right
{
float:left;
position:relative;
}

div.forside_left
{
width:310px;
margin-right:20px;

}
div.forside_right
{
width:630px;
}

div.qi_forsidecaselist
{
position:relative;
width:100%;
float:left;
}

div.qi_forsidecase
{
float:right;
position:relative;
width:160px;
padding-left:40px;
padding-top:10px; 
}

div.qi_forsidecase_type, div.qi_forsidecase_title
{
width:100%;
text-align:center;
color: #999999;
font-size:10px;
line-height: 10px;
padding-top:6px; 
}

div.qi_forsidecase_title
{
color: #E7E7D8;
}

div#qi_forsidekontakt
{
padding-top:10px;
background:url(/Files/System/gfx/kontakt_bg.png);
position:relative;
height:170px;
width:100%;
}

div#qi_forsidekontakt_image
{
position:absolute;
left:40px;
top:40px;
}

div#qi_forsidekontakt_text
{
position:absolute;
left:160px;
top:30px;
font-size:14px;
color: #C6C6C6;
line-height:26px;
}

div#qi_forsidekontakt_text a
{
font-size:14px;
color: #C6C6C6;
line-height:26px;
text-decoration:none;
font-family: georgia;
}

div#qi_caselist
{
position:relative;
float:left;
width:100%;
padding-left:10px;
}

div.qi_case
{
float:left;
width:280px;
height:165px;
margin-right:45px;
position:relative;
margin-bottom:50px;
}

div.mod3_0
{
margin-right:0px;
}

div.qi_case img.ribbon
{
position:absolute;
right:-4px;
top:-4px;
}

div.qi_case div.caseimgbg
{
background:black;
width:280px;
height: 122px;
position:relative;
}

div.qi_case_infobox
{
width:280px;
height:42px;
background:#1B1B1B;
position:relative;
}
div.qi_case_infobox .qi_case_no
{
font-family:helvetica, arial, verdana;
font-size:24px;
color:#5B5B5B;
position:absolute;
width:30px;
height:24px;
left:10px;
top:10px;
text-align:right;
line-height:normal;
}

div.qi_case_infobox .qi_case_type
{
position:absolute;
left:59px;
top:22px;
color: #5B5B5B;
}

div.qi_case_infobox .qi_case_title
{
position:absolute;
left:59px;
top:7px;
color: #D7D4CA;
}

/* Caselist reference */
div#qi_reflist
{
width:100%;
float:left;
position:relative;
height:160px;
padding:40px 0px 40px 0px;
}

div.qi_reflist_col1, div.qi_reflist_col2, div.qi_reflist_col3, div.qi_reflist_col4, div.qi_reflist_col5
{
position:absolute;
top: 80px;
color: #C6C6C6;
font-size: 11px;
line-height:18px;
}

div.qi_reflist_col2
{
left:240px;
}

div.qi_reflist_col3
{
left:454px;
}

div.qi_reflist_col4
{
left:660px;
}

div.qi_reflist_col5
{
left:850px;
}

div#qi_reflist .qi_reflistheader
{
font-size: 16px;
color: #A0A0A0;
position: absolute;
}

/* Caselist bottom */
div#qi_caselistbottombar
{
}




/* Case details */

div#qi_casedetail_filler
{
positon:relative;
width:100%;
height:775px;
float:left;
}

div#qi_casedetail
{
position:relative;
float:left;
width: 960px;
top: 20px;
min-height:540px;
}

div#qi_caseimage
{
background-repeat: no-repeat;
width:790px;
height:500px;
position:absolute;
right: -110px;
}

div#qi_casedetail #image
{
position:absolute;
right:0px;
}

div#qi_casedetail #smstext
{
font-family: Helvetica, Arial, Verdana;
position:absolute;
left:648px;
top: 128px;
width: 94px;
height: 85px;
font-size: 10px;
line-height:12px;
overflow:hidden;
color: #333333;
}

div#qi_casedetail #casecontent
{
position:relative;
width:350px;
}

div#qi_casedetail #caseheader
{
position:relative;
display:block;
font-size: 40px;
color: #C6E16D;
width: 500px;

}

div#qi_casedetail #casesubheader
{
position:relative;
display:block;
font-size: 20px;
line-height:26px;
color: #A0A0A0;
padding-bottom:20px;
padding-top:15px;
}

div#qi_casedetail #casetext
{
position:relative;
display:block;
font-size: 11px;
line-height:16px;
color: #D7D4CA;

}

div#qi_casebottombar, div.qi_casebottombar{
position:relative;
float:left;
height:8px;
width:100%;
background:url("/Files/System/gfx/45gline_bg.png");
margin-bottom:20px;
margin-top:20px;
}

div#qi_casebottomcontact
{
position:relative;
float:left;
width:100%;
height:165px;
}

div#qi_casebottomcontact div#left_text
{
position:absolute;
width: 500px;
top:50px;
left:50px;
text-align:center;
font-size: 20px;
color: #A0A0A0;
line-height: normal;
}

div#qi_casebottomcontact div#right_img
{
position:absolute;
left:650px;
top:40px;
}

div#qi_casebottomcontact div#right_text
{
position:absolute;
left:770px;
top:20px;
width: 200px;
font-size: 16px;
color: #C6C6C6;
line-height: 24px;
}

div#qi_casebottomcontact div#right_text a
{
font-size: 16px;
color: #C6C6C6;
font-family: georgia;
text-decoration: none;
}

/* Kontakt */
div#qi_kontakt
{
position:relative;
float:left;
width:960px;
height:500px;
}

div#qi_kontaktbigimage
{
background: url(/Files/System/gfx/kontakt_bigimage.png) no-repeat;
position:absolute;
right:0px;
top:30px;
width:559px;
height:474px;
}

div#qi_kontaktcontent
{
width:500px;
padding-left:40px;
padding-top:20px;
}

div#qi_kontaktheader
{
font-size:40px;
color: #AEDFDA;
}

div#qi_kontaktsubheader
{
position:relative;
display:block;
font-size: 20px;
line-height:26px;
color: #A0A0A0;
padding-bottom:20px;
padding-top:15px;
}

div#qi_kontaktpersoner
{
position:relative;
padding-top:40px;
}

div.qi_kontaktperson
{
position:relative;
display:block;
height: 120px;
}

div.qi_kontakt_navn
{
position: absolute;
left:130px;
color: #C6E16D;
font-weight: bold;
font-size:12px;
top:0px;
}

div.qi_kontakt_titel
{
position: absolute;
left:130px;
top:20px;
color: #A0A0A0;
font-size:12px;
}

div.qi_kontakt_data
{
position: absolute;
left:130px;
top:40px;
color: #C6C6C6;
font-size:12px;
line-height:20px;
}

div.qi_kontakt_data a
{
color: #C6C6C6;
font-size:12px;
font-family:georgia;
text-decoration:none;
}

div.qi_kontakt_foto img
{
border:5px solid #1B1B1B;
}

div#qi_kontakt_kontor
{
position:absolute;
left:400px;
top:394px;
color: #C6C6C6;
font-size:14px;
}

span.kontor
{
font-size:12px;
}

span.kontor_header
{
color: #C6E16D;
font-weight:bold;
}

h2.h2
{
font-size:20px;
line-height:26px;
font-family:georgia;
color: #A0A0A0;
}

div#membercounter
{
position:absolute;
background:white;
font-family: georgia;
color: black;
width:100px;
height:40px;
left:20px;
top: 180px;
}

/* Kundelogin */