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

body {
    background: url(/rsrcs/magazine/images/nummer4/bg.gif) top left 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;
}

#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: #0000ff;
}

#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/50px "Times", Arial, serif;
    letter-spacing: -1px;
}

#bubbla1 {
    width: 364px;
    height: 282px;
    background: url(/rsrcs/magazine/images/nummer4/bubbla1.png) top left repeat-x;
    font: bold 20px/26px "Helvetica", Arial, serif;
    color: #0000ff;
    padding: 20px;
}

#bubbla1 .text {
    width: 240px;
    margin-top: 20px;
    float: right;
}

#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: #0000ff;
}

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

#iview .preamble {
    float: right;
    width: 210px;
    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 ----------------- */

#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 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: #0000ff;
}

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

#omjc .title {
    font: bold 120px/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: #0000ff;
}

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

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

#look .preamble {
    font: 14px/20px "Helvetica", Arial, serif;
}

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

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

#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: #0000ff;
}

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

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

#bubbla1 {
    width: 364px;
    height: 282px;
    background: url(/rsrcs/magazine/images/nummer4/bubbla1.png) top left repeat-x;
    font: bold 20px/26px "Helvetica", Arial, serif;
    color: #0000ff;
    padding: 20px;
}

#bubbla1 .text {
    width: 240px;
    margin-top: 20px;
    float: right;
}

#bubbla2 {
    width: 349px;
    height: 126px;
    background: url(/rsrcs/magazine/images/nummer4/bubbla2.png) top left repeat-x;
    font: bold 14px/21px "Helvetica", Arial, serif;
    color: #0000ff;
    padding: 20px;
}

#bubbla2 .text {
    width: 230px;
    float: right;
    margin-right: 30px;
}

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

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

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

.ruler span, .mruler span, .sruler span {
    color: #0000ff;
}

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

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

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

.header a:hover {
    background-color: transparent;
    color: #0000ff;
}

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

.blue {
    color: #0000ff;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.bakelse {
    margin-left: -20px;
    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;
}