#contentbox { text-align: left; } .crosslinktop { line-height: 0px; font-size: 0px; width: 150px; height: 31px; background: url(pix/crosslink_top_bg.png) no-repeat right; } .crosslinkmid { vertical-align: top; width: 150px; background: url(pix/crosslink_mid_bg.png) repeat-y right; } .crosslinkbot { line-height: 0px; font-size: 0px; width: 150px; height: 10px; background-color: #FFFFFF; background: url(pix/crosslink_bot_bg.png) no-repeat right; } .wop319319top { width: 618px; height: 31px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_319-319_top.png); } .wop319319mid { width: 618px; background-image: url(pix/wop_319-319_mid.png); } .wop319319bot { width: 618px; height: 9px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_319-319_bot.png); } .wop266352top { width: 618px; height: 31px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_266-352_top.png); } .wop266352mid { width: 618px; background-image: url(pix/wop_266-352_mid.png); } .wop266352bot { width: 618px; height: 9px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_266-352_bot.png); } .wop618top { line-height: 0px; font-size: 0px; height: 31px; width: 618px; background-image: url(pix/wop_618_top.png); } .wop618mid { width: 618px; background-image: url(pix/wop_618_mid.png); } .wop618bot { width: 618px; height: 10px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_618_bot.png); } .wopblootgeven618top { line-height: 0px; font-size: 0px; height: 31px; width: 618px; background-image: url(pix/wop_blootgeven_618_top.png); } .wopblootgeven618mid { width: 618px; background-image: url(pix/wop_blootgeven_618_mid.png); } .wopblootgeven618bot { width: 618px; height: 10px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_blootgeven_618_bot.png); } .wop768top { line-height: 0px; font-size: 0px; height: 31px; width: 768px; background-image: url(pix/wop_768_top.png); } .wop768mid { width: 768px; background-image: url(pix/wop_768_mid.png); } .wop768bot { width: 768px; height: 10px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_768_bot.png); } .wop350418top { line-height: 0px; font-size: 0px; height: 31px; width: 768px; background-image: url(pix/wop_350-418_top.png); } .wop350418mid { width: 768px; background-image: url(pix/wop_350-418_mid.png); } .wop350418bot { line-height: 0px; font-size: 0px; width: 768px; height: 10px; background-image: url(pix/wop_350-418_bot.png); } .wop416352top { width: 768px; height: 31px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_416-352_top.png); } .wop416352mid { width: 768px; background-image: url(pix/wop_416-352_mid.png); } .wop416352bot { width: 768px; height: 10px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_416-352_bot.png); } .wop-banner1-top { line-height: 0px; font-size: 0px; height: 31px; width: 618px; background : url(pix/banner1box-top.png) no-repeat; } .wop-banner1-mid { text-align: center; padding:0 0 9px 0; width: 618px; background-image: url(pix/banner1box-mid.png); } .wop-banner1-midall { text-align: left; padding:0 0 9px 0; width: 618px; background-image: url(pix/banner1box-mid.png); } .wop-banner1-bot { line-height: 0px; font-size: 0px; height: 10px; width: 618px; background: url(pix/banner1box-bot.png) no-repeat; } .wopadvisor { width: 768px; } .wopadvisor div { padding: 0 10px 0 6px; } .wopadvisor td { vertical-align: top; } /* WOP / LIFESTYLE / INSIDER_TABS HOME portal - 2008-02-25 - Tim Hengeveld ------------------------------------*/ .wop556212top { width: 768px; height: 31px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_556-212_top.png); } .wop556212mid { width: 768px; background-image: url(pix/wop_556-212_mid.png); } .wop556212bot { width: 768px; height: 9px; line-height: 0px; font-size: 0px; background-image: url(pix/wop_556-212_bot.png); } /* WOP HOME portal ------------------------------------*/ #miniinterview { width: 400px; } #miniinterview .vsl { width: 199px; } #miniinterview .vsl div { padding: 4px; background-image: url(pix/wop_miniint_bg.gif); background-repeat: repeat-x; } #miniinterview .txt { vertical-align: top; padding-left: 12px; } #miniinterview .txt strong { color: #fffc00; } #miniinterview .txt a { font-weight: bold; } #nieuweplaymate { width: 768px; position: absolute; margin-top:-31px; background-image: url(pix/wop_nieuweplaymate.gif); } #nieuweplaymate .form { padding: 8px 0 0 0; vertical-align: top; } #nieuweplaymate input.text { color: #000000; border: 1px solid #7f9db9; margin: 2px 0 1px 0; height: 16px; width: 118px;} #nieuweplaymate input.file { width: 208px; } #nieuweplaymate textarea { color: #000000; border: 1px solid #7f9db9; margin: 2px 0 1px 0; width: 208px; } #wopartikelgroot { width: 374px; background-image: url(pix/wop_artgr.gif); } #wopartikelgroot .text div { padding: 8px 4px 0px 4px ; } #wopartikelgroot p { margin: 5px 0px 5px 0px; } #wopartikelgroot h2 { margin-bottom: 6px; font-style: normal; } #wopartikelgroot em { color: #bababa; font-style: normal; } #wopartikelgroot .text { height: 317px; vertical-align: top; } #wopartikelgroot .vsl { border: 2px solid #000; float: left; margin-right: 8px;} #wopartikelgroot .lnk { height: 17px; padding: 0 6px; 0 0; background-image: url(pix/wop_artgrlnkbg.gif); text-align: right;} #wopartikelgroot .lnk A { line-height: 18px; color: #a2a2a2; text-decoration: none; } #wopartkl { background-image: url(pix/wop_artgr.gif); background-repeat: repeat-x; background-color: #1e1e1e; vertical-align: top; padding: 2px 0 0 0; } .wopartikelkl { width: 374px; height: 83px; background-image: url(pix/wop_artklbg.gif); } .wopartikelkl h2 { margin-bottom: 6px; font-style: normal; font-weight: normal; } .wopartikelkl em { color: #bababa; font-style: normal; font-weight: normal; } .wopartikelkl a { text-decoration: none; } .wopartikelkl .vsl { border: 2px solid #000; margin: 6px 10px 5px 5px; } .wopartikellnk { width: 374px; background-image: url(pix/wop_artkllnk_bg.gif); height: 84px; } .wopblootgevenvsl { border-style: solid; border-color: #f0aa4c; border-width: 5px 4px 5px 4px; } .wopblootgeventxt h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .wopblootgeventxt p { margin: 5px 0px 5px 0px; } #wopadvisortbl { width: 275px; } #wopadvisortbl .txt { padding: 0 0 0 10px; vertical-align: top; background-image: url(pix/wop_advisor_bg.gif); } #wopadvisortbl .txt p { padding: 0 0 0 6px; } #wopadvisortbl a { text-decoration: none; } #wopadvisortbl .btn { margin: 10px 6px 0px 0px; } /* WOP subportal ------------------------------------*/ .wop-box{ padding: 0 10px 0 6px; } .wopportalitem { } .wopportalitem { width: 602px; margin: 0 0 4px 0px; } .wopportalitem td.vsl { border: solid 1px #9b9b9b; } .wopportalitem td.vsl img { border: solid 1px #000000; } .wopportalitem td.text { vertical-align: top; height: 133px; border: solid 1px #9b9b9b; border-bottom: 0px solid; background-color: #424242; padding: 2px 9px 0 9px; } .wopportalitem td.text2 { height: 20px; border: solid 1px #9b9b9b; border-top: 0px solid; background-color: #313131; padding: 0 9px 0 9px; } .wopportalitem td.text2 a { text-decoration: none; } .wopportalitem td.archive { height: 63px; border: solid 1px #9b9b9b; vertical-align: middle; background-image: url(pix/woparch_bg.gif); } .wopportalitem td.archive a { text-align: center; display: block; text-decoration: none; } /* wop MIXED BOX styles ------------------------------------*/ .wop-box{ padding: 0 10px 0 6px; } .wop-table { width: 602px; } .wop-table .top { width: 142px; } .wop-table .top img { margin: 2px; } .wop-table .bottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; } .wop-table .text1 { padding: 0 5px 5px 5px; } .wop-table .text2 { padding: 11px 5px 11px 5px; } .wop-table .all img { margin-top: 2px; } .wop-table .wop { background-color: #d13b40; } .wop-table .wopbrdr { background-color: #e7bdbe; } .wop-table .wopbottom { background-color: #b72a30; } .wop-table .wopbottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; } /* wop ARCHIVE styles ------------------------------------*/ #archive { width: 266px; float: left; } #archive-banner { width: 352px; float: left;} #archive-banner div { padding: 0 10px 0 6px; text-align: center;} .wopachivetbl { width: 250px; margin: 0 0 4px 6px; } .wopachivetbl td.vsl { border: solid 1px #9b9b9b; } .wopachivetbl td.vsl img { border: solid 1px #000000; } .wopachivetbl td.text { border: solid 1px #9b9b9b; background-color: #424242; padding: 0 9px 0 9px; } .wopachivetbl td.text a { text-decoration: none; } .wopachivetbl td.archive { height: 63px; border: solid 1px #9b9b9b; vertical-align: middle; background-image: url(pix/woparch_bg.gif); } .wopachivetbl td.archive a { text-align: center; display: block; text-decoration: none; } .archivetbl { width: 293px; margin: 0 0 4px 6px; } .archivetbl form { padding: 10px 0 7px 0; } .formtext { padding: 0px 4px 0 4px; } /*wop blootgeven detail ------------------------------------*/ .blootgevendetailborderwop { border: 1px solid #efab4f; } td.blootgevenwopdetailheader { background-color: #efab4f; } td.blootgevenwopdetailheader2 { background-image: url(pix/wop_blootgeven_detailhdr2bg.gif); } #wopdetail .blootgevenwopbrdr { background-color: #efab4f; } #wopdetail .blootgevenwopbg { padding: 12px 6px 12px 7px; background-image:url(pix/wop_blootgeven_detailbg.gif); background-color: #db5600; background-repeat: repeat-x;} #wopdetail .blootgevenwopbg * { color: #FFFFFF; } .wopblootgevendetail { } .wopblootgevendetailimgL { border: 2px solid #efab4f; } .wopblootgevendetailimgSL { border: 2px solid #efab4f; border-width: 1px 2px 2px 2px; } .wopblootgevendetailimgSR { border: 2px solid #efab4f; border-width: 1px 2px 2px 1px; } #blootgevenvisuals { position: relative; float: left; width: 234px; margin-right: 7px; } #blootgevenvisuals .bg1 { background-color: #efab4f; } #blootgevenvisuals .bg2 { background-color: #efab4f; } #extrafoto form { padding: 0 10px 0 20px; } #extrafoto .txtinput { color: #000000; } /* wop Detail styles ------------------------------------*/ .detail { padding: 0 9px 0 6px; } .detailborderwop { border: 1px solid #9b9b9b; } #wopdetail { } #wopdetail { background-color: #ffffff;} #wopdetail * { color: #000000; } #wopdetail div { padding: 0px 7px 5px 7px; } #wopdetail p { margin: 5px 0 5px 0; } #wopdetail .smalltxt { font-size: 9px; } #wopdetail .votebunny { margin: 0 2px 10px 0; } #wopdetail .bunny { margin: 10px 2px 12px 0; } #wopdetail .wopbrdr { background-color: #9b9b9b; } #wopdetail .wopbg { padding: 12px 6px 12px 7px; background-color: #000000;} #wopdetail .wopbg * { color: #FFFFFF; } .wopdetail { } .wopdetailimgL { border: 2px solid #424242; } .wopdetailimgSL { border: 2px solid #9b9b9b; border-width: 1px 2px 2px 2px; } .wopdetailimgSR { border: 2px solid #9b9b9b; border-width: 1px 2px 2px 1px; } #detailheader { float:left; width: 367px; margin:0 0 5px -7px; } td.wopdetailheader { background-color: #424242; } #visuals { position: relative; float: left; width: 234px; margin-right: 7px; } #visuals .bg1 { background-color: #424242; } #visuals .bg2 { background-color: #9b9b9b; } /* wop More styles ------------------------------------*/ #wopmeer .wopbrdr { background-color: #bc4b4f; } #wopmeer .brdr2 { background-color: #a1a1a1; } #wopmeer .woptext { padding: 3px 5px 3px 5px; background-color: #151515; background-image: url(pix/entertainment_detail_meerbg.gif); background-repeat: repeat-x; } /* WOP advisor ------------------------------------*/ #wopadvisorvragen { margin: 0 1px 0 1px; width: 611px; margin-top: -31px; } .wopadvisorvraag { vertical-align: top; padding: 10px 5px 20px 0; background-image: url(pix/wop_advisordetail_vr_bg.gif); background-repeat: repeat-x; } .wopadvisorvraag h3 { color: #fffc00; } .wopadvisorvraag .vraag { font-weight: bold; } .wopadvisorvraag .naam { font-style: italic; } .wopadvisorico { vertical-align: top; width: 68px; background-image: url(pix/wop_advisordetail_vr_bg.gif); background-repeat: repeat-x; } #wopadvpagecounter { background-image: url(pix/wop_advisor_teller_bg.gif); background-repeat: repeat-x; border: 2px solid #9e9e9e; margin: 0px 12px 0px 8px; text-align: center; } #wopadvpagecounter table { padding: 1px 0; border-spacing: 2px; border-collapse: separate; text-align: center; margin: 0 auto 0 auto; } #wopadvpagecounter td { font-size: 14px; font-weight: bold; } #wopadvpagecounter a { font-size: 14px; font-weight: bold; text-decoration: none; } #wopadvpagecounter .num { width: 19px; background-color: #000000; } #wopadvpagecounter .selected { background-color: #4f4f4f; } #wopadvmailto { width: 611px; } #wopadvmailto .geel { font-weight: bold; color: #fffc00; } #wopform { margin-left: 6px; margin-right: 10px; border: 1px solid #9b9b9b; } .wopformtop { padding: 10px; width: 100%; border: 1px solid #424242; vertical-align: top; background-image: url(pix/wop_form_top.gif); background-repeat: repeat-x; } .wopformimg { border: 1px solid #424242; padding: 2px; margin-left: 11px; margin-right: 11px; margin-top: 11px; } .wopformbox { margin-top: 16px; } .wopformbox .top { padding-left: 6px; padding-top: 9px; padding-bottom: 24px; border-top: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; width: 100%; vertical-align: top; background-image: url(pix/wop_formbox_top.gif); background-repeat: repeat-x; } .wopformbox .bot { padding-left: 6px; padding-bottom: 9px; border-right: 1px solid #9b9b9b; width: 100%; vertical-align: top; background-image: url(pix/wop_formbox_bottom.gif); background-repeat: repeat-x; background-position: left bottom; } .wopformbox .right { vertical-align: top; } .wopformbox .right .bnr { border: 1px solid #424242; height: 250px; width: 108px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 11px; margin-right: 11px; margin-bottom: 11px; } #wopform_form { margin: 0px; padding: 0px; } #wopform_form .label { padding-left: 12px; width: 160px; height: 26px; font-weight: bold; font-size: 11px; text-transform: uppercase; } #wopform_form LABEL { font-weight: bold; font-size: 11px; text-transform: uppercase; } #wopform_form .divider { width: 15px; font-weight: bold; } #wopform_form .required { background-image: url(pix/form_required.gif); background-repeat: no-repeat; background-position: right center; } #wopform_form INPUT { margin-right: 10px; border: 1px solid #ffffff; height: 16px; background-image: url(pix/form_input_bg.gif); background-repeat: repeat-x; color: black; } #wopform_form .small { width:46px; } #wopform_form .large { width:147px; } #wopform_form .file { width:227px; height: 18px; } #wopform_form .radio { border: none; background-image: none; margin-right: 0px; } #wopform_form .checkbox { border: none; background-image: none; margin-right: 0px; } #wopform_form .button { border: none; background-image: none; } #wopform_form .txt { margin-top: 8px; margin-bottom: 5px; padding-left: 12px; padding-right: 115px; } #wopform_form .verzenden { margin-top: 15px; margin-left: 185px; } #wopform_form .textarea { border: 1px solid #ffffff; height: 150px; width: 200px; background-color: #c9c9c9; color: black; }