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

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

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

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

/* -------------- 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: #11abbd;
}

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

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

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

#film {
    width: 400px;
    float: left;
}

#film .header {
    font: bold 60px/60px "Times", Arial, serif;
    letter-spacing: -1px;
}

#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: #11abbd;
}

#iview .title {
    float: left;
    width: 300px;
    font: bold 100px/80px "Times", Arial, serif;
    letter-spacing: -3px;
}

#iview .preamble {
    float: right;
    width: 280px;
    margin-left: 20px;
    margin-top: 20px;
    font: 15px/22px "Times", Arial, serif;
}

#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;
}

/* -------------- 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 {
    font: bold 144px/136px "Times", Arial, serif;
}

#bigiview .preamble {
    clear: both;
    font: bold 26px/35px "Helvetica", Arial, serif;
}

#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;
}

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

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

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

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

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

#fragaright {
    width: 390px;
    float: left;
}

#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: #11abbd;
}

#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-left: -8px;
    margin-bottom: -10px;
}

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

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

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

#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: #11abbd;
}

#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: #11abbd;
}

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

/* -------------- BUBBLA ----------------- */

#bubbla1 {
    width: 404px;
    height: 390px;
    background: url(/rsrcs/magazine/images/nummer5/bubbla1.png) top left repeat-x;
    font: bold 18px/28px "Helvetica", Arial, serif;
    color: #11abbd;
}

#bubbla1 .text {
    width: 300px;
    padding-top: 190px;
    padding-left: 50px;
    text-align: center;
}

#bubbla2 {
    width: 370px;
    height: 218px;
    background: url(/rsrcs/magazine/images/nummer5/bubbla2.png) top left repeat-x;
    font: bold 16px/30px "Helvetica", Arial, serif;
    color: #11abbd;
    padding: 20px;
    padding-top: 40px;
}

#bubbla2 .text {
    padding: 10px;
    margin-right: 10px;
}

#bubbla2 .text img {
    margin-right: 10px;
}

#bubbla3 {
    width: 572px;
    height: 127px;
    background: url(/rsrcs/magazine/images/nummer5/bubbla3.png) top left repeat-x;
    font: bold 18px/28px "Helvetica", Arial, serif;
    color: #11abbd;
    padding: 20px;
}

#bubbla3 .text {
    width: 450px;
    float: right;
}

/* -------------- LA FLEUR ----------------- */

#lafleur #left {
    float: left;
    width: 305px;
}

#lafleur #right {
    font: bold 42px/54px "Helvetica", Arial, serif;
    float: left;
    width: 600px;
    margin-left: 90px;
}

#lafleur #right .preamble {
    font: bold 14px/54px "Helvetica", Arial, serif;
}


#lafleur #right a {
    font-weight: bold;
    color: #11abbd;
    text-transform: none;
}

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

#lafleur #right .left {
    margin-top: 20px;
    margin-right: 10px;
    width: 290px;
    font: 11px/17px "Helvetica", Arial, serif;
    float: left;
}

#lafleur #right .right {
    margin-top: 20px;
    width: 300px;
    font: 11px/17px "Helvetica", Arial, serif;
    float: left;
}

/* -------------- PROCENT ----------------- */

#procent {
    width: 1022px;
    font: bold 52px/58px "Times New Roman", Arial, serif;
}

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

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

.truler {
    color: #ee4348;
    font: bold 9px/9px "Helvetica", Arial, serif;
}

.ruler span, .mruler span, .sruler span, .truler span {
    color: #11abbd;
}

.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/nummer5/knapp.png) top left no-repeat;
    text-align: center;
    color: #11abbd;
}

.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: #11abbd;
}

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

.blue {
    color: #11abbd;
}

.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: #11abbd;
    text-decoration: underline;
    text-transform: none;
}