/* -------------- MAIN ----------------- */

body {
    background: url(/rsrcs/magazine/images/nummer6/bg.gif) 0 150px repeat-x;
}

#main {
    margin-top: -40px;
}

#content {
    width: 1022px;
    margin: 0 auto;
    text-align: left;
}

a:hover {
    background-color: #0be200;
    text-decoration: none;
    color: #000;
}

/* -------------- TOP ----------------- */

#title {
    text-align: center;
    font: bold 118px/118px "Helvetica", Arial, serif;
    letter-spacing: -5px;
    margin-bottom: -15px;
}

#info {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    font: bold 10px/30px "Helvetica", Arial, serif;
    text-transform: uppercase;
}

/* -------------- INTRO ----------------- */

#menu {
    margin-top: 1px;
    padding-top: 10px;
    border-top: 1px #000 solid;
    float: left;
    width: 600px;
}

#intro {
    margin-top: 1px;
    border-top: 1px #000 solid;
    float: left;
    width: 390px;
    font: 12px/18px "Helvetica", Arial, serif;
    padding-top: 22px;
    padding-left: 32px;
}

#intro .ltext {
    margin-bottom: 10px;
}

#intro span {
    font: bold 37px/41px "Helvetica", Arial, serif;
    color: #0be200;
}

#intro img {
    margin-right: 10px;
    margin-bottom: 10px;
}

#intro div {
    text-align: right;
    font-weight: bold;
}

/* -------------- FILM & IVIEW ----------------- */

#film {
    font: bold 13px/16px "Helvetica", Arial, serif;
    letter-spacing: -1px;
    color: #000;
    width: 400px;
    float: left;
}

#film .green {
    text-transform: none;
    text-decoration: underline;
    color: #0be200;
}

#film a:hover {
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
}

#film .header {
    font: bold 82px/74px "Helvetica", Arial, serif;
    letter-spacing: -3px;
}

#film .preamble {
    font: bold 14px/18px "Helvetica", Arial, serif;
    letter-spacing: -1px;
}

#film #col1, #film #col2, #film #col3 {
    float: left;
    width: 130px;
    text-align: center;
}

#film img.imgleft {
    margin-left: 10px;
}

#film img.imgright {
    margin-right: 10px;
}

#film #col2 {
    margin-top: 120px;
}

#film #col3 {
    margin-top: 20px;
}

#iview {
    font: 12px/19px "Helvetica", Arial, serif;
    width: 600px;
    margin-left: 20px;
    float: left;
}

#iview .subtitle {
    text-transform: uppercase;
    font: bold 22px/42px "Helvetica", Arial, serif;
    color: #0be200;
    text-align: center;
}

#iview .title {
    font: bold 100px/80px "Times", Arial, serif;
    letter-spacing: -3px;
    color: #0be200;
    text-align: center;
}

#iview .preamble {
    font: 15px/22px "Times", Arial, serif;
    text-align: center;
    margin-top: 10px;
}

#iview .preamble a {
    font: 15px/22px "Times", Arial, serif;
    text-transform: none;
    font-weight: normal;
}

#iview .col1 {
    float: left;
    clear: both;
    width: 200px;
    margin-top: 20px;
}

#iview .col2 {
    float: left;
    width: 370px;
    margin-top: 20px;
    margin-left: 30px;
}

#iview .col3 {
    float: left;
    width: 165px;
}

#iview .col4 {
    float: left;
    width: 165px;
    margin-left: 30px;
}

#iview .col5 {
    clear: both;
    padding-top: 20px;
}

/* -------------- TAVLING ----------------- */

#tavling {
    text-align: center;
    font: 88px/60px "Times", Arial, serif;
    letter-spacing: -3px;
    color: #000;
    text-transform: uppercase;
}

#tavling span {
    font: 22px/80px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-align: center;
    color: #0be200;
    text-transform: uppercase;
}

/* -------------- LINA ----------------- */

#lina {
    text-align: center;
    font: 54px/49px "Times", Arial, serif;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#lina span {
    font: 54px/49px "Times", Arial, serif;
    color: #0be200;
}

#lina a {
    font-weight: normal;
    text-transform: none;
    text-decoration: underline;
    color: #0be200;
}

#lina a:hover {
    background-color: #0be200;
    text-decoration: none;
    color: #000;
}

#lina .preamble {
    width: 800px;
    margin-left: 110px;
    font: 16px/28px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-align: center;
    color: #0be200;
    text-transform: none;
    margin-bottom: 10px;
}

/* -------------- BIGBOX ----------------- */

#bigbox1 {
    text-align: center;
    font: bold 148px/128px "Helvetica", Arial, serif;
    letter-spacing: -3px;
    color: #0be200;
}

#bigbox1 span {
    font: 14px/14px "Times", Arial, serif;
    letter-spacing: 0px;
    color: #000;
}

/* -------------- BIGIVIEW ----------------- */

#bigbox2 .header {
    font: bold 120px/120px "Times", Arial, serif;
    letter-spacing: -3px;
}

#bigbox2 .header a {
    font: bold 120px/120px "Times", Arial, serif;
    letter-spacing: -3px;
    text-transform: none;
}

#bigbox2 .preamble {
    font: bold 26px/30px "Times", Arial, serif;
    margin-top: 10px;
}

/* -------------- BIGIVIEW ----------------- */

#bigiview {
    font: 12px/19px "Helvetica", Arial, serif;
}

#bigiview .header, #bigiview .green {
    font: 138px/118px "Times", Arial, serif;
    letter-spacing: -3px;
    text-align: center;
}

#bigiview .preamble {
    clear: both;
    font: 24px/35px "Helvetica", Arial, serif;
    text-align: center;
    color: 
}

#bigiview .green {
    color: #0be200;
}

#bigiview #col1 {
    width: 400px;
    padding-right: 15px;
    float: left;
}

#bigiview #col2 {
    width: 400px;
    padding-right: 15px;
    float: left;
}

#bigiview #col3 {
    float: left;
    width: 190px;
    text-transform: uppercase;
    font: bold 10px/19px "Helvetica", Arial, serif;
    margin-top: 400px;
}

#bigiview #col3 span {
    line-height: 12px;
}

/* -------------- FRAGA ----------------- */

#fragaleft {
    float: left;
    width: 630px;
    font: bold 71px/80px "Helvetica", Arial, serif;
    color: #000;
}

#fragaleft .subtitle {
    text-transform: uppercase;
    font: bold 22px/30px "Helvetica", Arial, serif;
    color: #0be200;
}

#fragaleft span {
    letter-spacing: -3px;
}

#fragaright {
    width: 290px;
    margin-left: 40px;
    float: left;
    font: 18px/24px "Times", Arial, serif;
    text-transform: uppercase;
    text-align: center;

}

#fragaright .videos {
    font: 11px/36px "Times", Arial, serif;
    text-transform: uppercase;
    text-align: center;
}

#fragaleft .question {
    float: left;
    width: 190px;
    font: 11px/18px "Helvetica", Arial, serif;
    margin-right: 20px;
    margin-top: 20px;
}

#fragaleft .question .name {
    text-transform: uppercase;
    font: bold 11px/13px "Helvetica", Arial, serif;
    color: #0be200;
}

#fragaleft .question .company {
    text-transform: uppercase;
    font: 11px/13px "Helvetica", Arial, serif;
    color: #666;
    margin-bottom: 5px;
}


/* -------------- OM JC & LOOK ----------------- */

#omjc {
    font: bold 17px/25px "Helvetica", Arial, serif;
    width: 600px;
    float: left;
}

#omjc .subtitle {
    font: bold 28px/20px "Helvetica", Arial, serif;
    color: #000;
    text-transform: none;
}

#omjc .title {
    font: bold 114px/120px "Helvetica", Arial, serif;
    letter-spacing: -3px;
    color: #000;
    margin-top: -10px;
    margin-left: -8px;
    margin-bottom: 20px;
}

#omjc .ingress {
    margin-top: 10px;
}

#omjc .badplats {
    vertical-align: middle;
    margin-top: 10px;
    margin-left: -20px;
}

#look {
    float: left;
    width: 350px;
    margin-left: 20px;
    font: 11px/17px "Helvetica", Arial, serif;
}

#look b {
    font: bold 15px/17px "Helvetica", Arial, serif;
    color: #0be200;
}

#look .subtitle {
    text-transform: uppercase;
    font: bold 22px/30px "Helvetica", Arial, serif;
    color: #0be200;
}

#look .title {
    font: bold 90px/80px "Times", Arial, serif;
    letter-spacing: -3px;
}

#look .preamble, #look .preamble a {
    font: 14px/20px "Helvetica", Arial, serif;
    text-transform: none;
}

/* -------------- SKRIV UT ----------------- */

#skrivut {
    width: 560px;
    float: left;
    font: bold 22px/30px "Helvetica", Arial, serif;
    color: #0be200;
}

#skrivut img {
    margin-top: -20px;
    margin-left: -60px;
}

#skrivut span {
    font: bold 116px/94px "Times", Arial, serif;
    color: #000;
}


#ctrlv {
    width: 450px;
    float: left;
    text-align: right;
    font: bold 22px/30px "Helvetica", Arial, serif;
    color: #0be200;
}

#ctrlv span {
    text-transform: uppercase;
    font: bold 12px/18px "Helvetica", Arial, serif;
    color: #000;
}

/* -------------- MISC ----------------- */

.ruler, .mruler, .sruler, vruler {
    clear: both;
    width: 1022px;
    height: 18px;
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    font: bold 9px/9px "Helvetica", Arial, serif;
    color: #0be200;
}

.vruler {
    float: left;
    margin-left: 50px;
    width: 10px;
    height: 600px;
    white-space: nowrap;
    overflow: hidden;
    font: bold 9px/9px "Helvetica", Arial, serif;
    color: #0be200;
}
    
.truler {
    color: #0be200;
    font: bold 9px/9px "Helvetica", Arial, serif;
}

.ruler span, .mruler span, .sruler span, .truler span, .vruler span {
    color: #000;
}

.mruler {
    width: 600px;
}

.sruler {
    width: 400px;
}

.button {
    font: bold 21px/21px "Helvetica", Arial, serif;
    text-transform: none;
    width: 602px;
    height: 33px;
    margin-top: 23px;
    padding-top: 12px;
    background: url(/rsrcs/magazine/images/nummer6/knapp.png) top left no-repeat;
    text-align: center;
    color: #0be200;
}

.header {
    font: bold 140px/131px "Times", Arial, serif;
    letter-spacing: -3px;
}

.headers {
    font: bold 122px/129px "Times", Arial, serif;
    letter-spacing: -5px;
}

.header a {
    font: bold 140px/131px "Times", Arial, serif;
    letter-spacing: -3px;
    text-transform: none;
}

.header a:hover {
    background-color: transparent;
    color: #0be200;
}

.mheader {
    font: bold 82px/96px "Times", Arial, serif;
    color: #0be200;
    letter-spacing: -3px;
}

.blue {
    color: #0be200;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.mossa {
    margin-left: -20px;
    margin-top: -20px;
    vertical-align: text-top;
}

.mossap {
    margin-left: 250px;
    margin-top: -50px;
    vertical-align: text-top;
}


.pony {
    margin-left: -50px;
    vertical-align: bottom;
}

.pensel {
    margin-top: 15px;
    margin-left: 180px;
    vertical-align: bottom;
    position: absolute;
}

.link {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

a.blueul {
    font: bold 14px/19px "Helvetica", Arial, serif;
    color: #0be200;
    text-decoration: underline;
    text-transform: none;
}

.cgreen {
    color: #0be200;
}

.ram {
    background: url(/rsrcs/magazine/images/nummer6/ram.png) top left no-repeat;
    padding: 40px;
    width: 311px;
    height: 67px;
    font: 14px/19px "Times", Arial, serif;
    text-transform: uppercase;
    color: #0be200;
    margin-top: 100px;
    margin-left: 50px;
    text-align: center;
}

.black {
    font: 14px/19px "Times", Arial, serif;
    text-transform: uppercase;
    color: #000;
}