@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0;} /* STRUCTUUR */ body { background:#efefef; font-family: Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:13px;} #header_wrapper { background:#1e6ba9 url(http://image.minoc.com/sites/zdnet/images_matrix/planet/header_bg.png) repeat-x; } #header { width: 1000px; height:206px; margin:0 auto; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/header.jpg) no-repeat 50% 0; position:relative; } #header_inner_wrapper { width: 1000px; height:151px; position:relative; margin:0 auto;} #container_wrapper { background:#ebebeb url(http://image.minoc.com/sites/zdnet/images_matrix/planet/container_wrapper_bg.png) repeat-y 50% 0; } /* container_wrapper dient om de background te tonen (schaduw langszij) */ #container { width: 1000px; position:relative; margin:0 auto; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/container_bg.png) repeat-y;} #container_home { width: 1000px; position:relative; margin:0 auto; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/container_bg.png) repeat-y; } #container_home #header { height:178px;} /* op de homepage is de header smaller omdat er geen subnavigatie is */ #maincol { width:634px; float:left; border-top:1px solid #fff; } #rightcol { width:366px; float:left; border-top:1px solid #fff; font-size:11px; line-height:normal;} #magazinefooter { background:#cbd1d6 url(http://image.minoc.com/sites/zdnet/images_matrix/planet/magazinefooter_bg.png) repeat-y; margin:0 1px 0 1px; padding:25px 30px;} #footer { background:#0a609b url(http://image.minoc.com/sites/zdnet/images_matrix/planet/footer_bg.png) no-repeat; margin:0 1px; padding:25px 30px 10px 30px; color:#fff; font-size:10px; font-weight:bold; line-height:normal;} .actionbox { width:150px; float:right; margin:0 10px; } .actionbox img { float:right; margin:0 0 0 7px;} .actionbox .bookmarks { width:130px; float:right; margin:0 } #secondIMUbox { float:left; padding: 0 20px 0 0;} #SKYbox {display:none; position:absolute; top:150px; right: 0px;} .SKYpadding { margin:0 auto;} .greybox p.notitle { display:block; height:2px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/greybox_title_bg.png) no-repeat; margin:0 0 0 1px; line-height:normal; } /* Splash by HOJ ==> TO CONTROL */ #splash_wrapper{ width : 100%; height: 3000px; position: absolute;text-align:center; z-index:2147483646; display:block;} #splash { position: absolute; background-color : #ffffff; width: 100%; height: 3000px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:2147483655;} #splashwit { background: #ffffff; position: relative; width: 700px; height: 700px; overflow: hidden; clear: both; z-index:2147483660; margin: 20px auto; padding: 20px;} .keylist_hp { font-size:12px; color:#3c3c3c; width:360px;} .keylist_hp a { color:#898989; text-decoration:none;} .keylist_hp a:hover { color:#ed1c24; text-decoration:underline} .keylist { font-size:10px; color:#3c3c3c; width:470px;} .keylist a { color:#898989; text-decoration:none; font-weight:normal;} .keylist a:hover { color:#ed1c24; text-decoration:underline; font-weight:normal;} /* SUPER REVIEW */ .superReviewBox {background-color:#ffffff; padding:5px;} .srFloatLeft {float:left;} .srLogoImg {margin-bottom:15px;background-color: #ffffff; width:110px;} .srIntroBlock {padding:5px;float:right;width:390px;} #SpecsLink {cursor:pointer; text-decoration:none;} #SpecsLink:hover {text-decoration:underline;} .srRevLine {margin-bottom:5px;} .srRevLineHigher {margin-bottom:5px;margin-top:-15px;} .srLeftie {margin-left:-999px;} .problock { float: left; margin: 0 30px 0 0; width: 150px;} .contrablock { float: left;margin: 0;width: 150px;} .problock ul {margin: 10px 0;padding: 0 10px;} .problock ul li {background: url("http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_pos_small.png") no-repeat scroll 0 3px transparent;font-size: 12px;list-style: none outside none;padding: 2px 0 5px 30px;} .contrablock ul {margin: 10px 0;padding: 0 10px;} .contrablock ul li {background: url("http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_neg_small.png") no-repeat scroll 0 3px transparent;font-size: 12px;list-style: none outside none;padding: 2px 0 5px 30px;} .title_h2_centered {display: block;font-family: Georgia,"Times New Roman",Times,serif;font-size: 18px;font-weight: normal;text-align: center;} .specs {border-right: 1px dotted #ACB4B8;border-top: 1px dotted #ACB4B8;display: block;line-height: 16px;margin-bottom: 20px;overflow: hidden;position: relative;z-index: 10;} .specs tr {} .specs tr.hide {display: none;} .specs tr.toggle {display: table-row;text-align: center;} .specs tr.toggle th {text-align: center;} .specs th, .specs td {border-color: #FFFFFF #FFFFFF #ACB4B8 #ACB4B8;border-style: dotted;border-width: 1px;display: table-cell;padding: 5px 10px;text-shadow: 0 1px 0 #FFFFFF;vertical-align: top;} .specs table td {background: none repeat scroll 0 0 #F3F4F5;color: #213037;width: 100%;} .specs th {background: none repeat scroll 0 0 #E6EAED;color: #7F8E95;font-family: Georgia;font-size: 11px;font-style: italic;white-space: nowrap;} .specs th.head {background: none repeat scroll 0 0 #E6EAED;color: #7F8E95;font-family: Georgia;font-size: 11px;font-style: italic;white-space: nowrap;} /* HEADER */ .logo { display:block; width: 221px; height:150px; position: absolute; top:5px; left:0px; z-index:20; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/zdnet_logo-trans.png) no-repeat; } .logo_be { display:block; width: 221px; height:150px; position: absolute; top:5px; left:0px; z-index:20; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/zdnet_logo-trans.png) no-repeat; } .logo_nl { display:block; width: 221px; height:150px; position: absolute; top:5px; left:0px; z-index:20; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/zdnet_logo_nl-trans.png) no-repeat; } #leaderboardbox { width:755px; height:108px; position:absolute; top:11px; right:-3px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/leaderboard_bg-trans.png) no-repeat;} /* leaderboardbox dient om leaderboard te positioneren en schaduw toe te voegen */ #leaderboardbox #leaderboard { position:absolute; top:0; right:27px;} #loginbox { width:728px; height:20px; position:absolute; top:116px; right:25px; font-size:12px; color:#888; font-size:10px; color:#fff; line-height:normal;} #loginbox a { color:#fff; text-decoration:none;} #loginbox a:hover { color:#fff; text-decoration:underline;} #loginbox input, #loginbox textarea, #loginbox select, #loginbox input.iefocus, #loginbox textarea.iefocus { border:none; color:#888888; } #loginbox input.button { color:#fff;} #loginbox input { height:16px;} #loginbox input.loginbutton{width:75px; height:18px;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/form_loginbutton.png) bottom left no-repeat; font-size:12px;color:#fff; padding: 0 5px; border:none; cursor:pointer; text-align:center; line-height:8px;} .loginbox_form { float:right; margin:0 0 0 30px;} .loginbox_links { float:right; margin:3px 0 0 0;} .loginbox_rss { float:right; margin:3px 0 0 20px;} table.loginform td { padding: 0 0 0 10px;} .TopError { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000; padding: 5px; margin: 5px auto; border: 1px solid #FF2F01; text-align:center; width : 950px; } .TopError A { font-size : 11px; text-decoration : none; color : #000000; } .TopError A:HOVER { font-size : 11px; text-decoration : underline; color : #000000; } /* Styles voor de nieuwe artikellayout */ .downloadbox {float:left;clear:left;height:30px;position:relative;text-align:center;width:138px;margin:0 16px 16px 0;} .logobox {float:left;clear:left;position:relative;text-align:center; width:133px; margin:0 16px 16px 5px;} .tagsNoMargin { display:block; margin:0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_tags-trans.png) no-repeat 0 0; padding: 0 0 0 20px; font-size:10px; color:#444; line-height:16px;} .tagsNoMargin a {color:#055491; text-decoration:none;} .tagsNoMargin a:hover {text-decoration:underline;} p.nickname { font-size:14px; font-weight:bold; float:right; color:#ffffff; margin:0 15px 0 10px;} .avatarbox { width:25px; height:25px; float:right; margin:0 10px 0 0;} .avatarbox img { width:48px; height:48px; position:absolute; top:-4px; right:260px; z-index:20; border:0;} .avatarbox_top { width:25px; height:25px; float:right; margin:0 10px 0 0;} .avatarbox_top img { width:34px; height:34px; position:absolute; top:-4px; right:260px; z-index:20; border:0;} .login_actions{float:right; margin:0 10px 0 10px;} .avatar_top_overlay { width:34px; height:34px; position:absolute; top:-4px; right:260px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/login_avatar_overlay.png) no-repeat; z-index:30;} .archiveTD0 {background-color: #F1F5FA;} .archiveTD0 a {color:#000; font-weight:normal; text-decoration:none;} .archiveTD0 a:hover {text-decoration:underline;} .archiveTD1 {background-color: #fff;} .archiveTD1 a {color:#000; font-weight:normal; text-decoration:none;} .archiveTD1 a:hover {text-decoration:underline;} h2.overview { color: #000; font-weight:normal;} h2.overview a{ color: #06375d; text-decoration:none;} h2.overview a:hover{ text-decoration:underline;} h3.overview { color: #000; font-weight:normal;} h3.overview a{ color: #06375d; text-decoration:none;} h3.overview a:hover{ text-decoration:underline;} .archDate { clear:left; float:left; color: #ADADAD; font-weight:normal; padding-right:5px; font-size:14px;} .archDesc { float:left; color: #ADADAD; font-weight:normal; font-size:14px;} .archLink { float:left; color: #000; font-weight:normal; padding-right:5px; font-size:14px;} .archLink a{ color: #06375d; font-weight:bold; text-decoration:none;} .archLink a:hover{ text-decoration:underline;} .forumlistbolder {font-weight:normal;font-size:11px;} .forumlistnick {font-weight:bold;font-size:11px;} .forumlistbolder {font-weight:normal;font-size:11px;} .forumlistnick {font-weight:bold;font-size:11px;} p a {color:#055491; font-weight:bold; text-decoration:none;} p a:hover {text-decoration:underline;} #breadcrumb { font-size:11px; color:#777; margin:0; padding: 5px 30px 0 30px; line-height:normal; } #breadcrumb a { color:#777; text-decoration:none; } #breadcrumb a:hover { text-decoration:underline; } /* COMMON CLASSES */ h1 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#06375d; font-weight:bold; margin:0 0 5px 0; } h1 a { color:#06375d; text-decoration:none; line-height:normal;} h1 a:hover { text-decoration:underline;} h2 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; line-height:normal; } h2 a { color:#000; text-decoration:none;} h2 a:hover { text-decoration:underline;} h3 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:bold; line-height:normal;} h3 a { color:#000; text-decoration:none;} h3 a:hover { text-decoration:underline;} h4 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold; line-height:normal;} h2.fwd { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/fwd.png) no-repeat; padding-left:20px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; line-height:normal; } h2.fwd a { color:#000; text-decoration:none;} h2.fwd a:hover { text-decoration:underline;} /* ICT DIRECTORY */ .ict_teaser { padding:0 0 10px 0; } .ict_teaser a {color:#58595c;} .ict_teaser a:hover {color:#ed1c24; text-decoration:none;} .ict_teaser img { float:left; margin:0 10px 3px 0; } /* SPECIAL CLASSES*/ .hidden { position:absolute; left:-999px;} /* gebruik deze class om inhoud te verbergen (dmv verplaatsing, anders wordt het ook onzichtbaar voor Google) */ .clear { clear:both;} .clear5 { clear:both; height:5px;} .clear10 { clear:both; height:10px;} .clear15 { clear:both; height:15px;} .clear20 { clear:both; height:20px;} .clear30 { clear:both; height:30px;} /* deze clears kan je gebruiken in plaats van breaks */ .divider { height:2px; margin:0 0 0 6px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/divider.png) no-repeat bottom right;} /* GREYBOX */ .greybox { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/greybox_bg.png) no-repeat; margin:0 0 0 0; position:relative; } /* de greybox zijn de blokken in de maincol die een subtiele grijze gradient als background hebben. De greybox is even breed als de maincol anders kunnen de dividers niet over de hele breedte */ .greybox_padding { padding: 15px 30px 25px 30px; height:1%; position:relative;} /* height 1% om peekabo bug op te lossen */ .greybox_padding a { color:#06375d; text-decoration:none;} .greybox_padding a:hover { text-decoration: underline;} .greybox p.categorie { display:block; height:24px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/greybox_title_bg.png) no-repeat; margin:0 0 0 1px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; padding: 10px 0 0 30px; line-height:normal; } .greybox p.categorie a { color:#06375d; text-decoration:none; } .greybox p.categorie a:hover { text-decoration: underline;} .greybox_padding_special { padding: 0 0 0 30px; height:1%; position:relative;} /* BOX */ .box { margin:0 0 25px 0; } /* de box zijn de blokken zonder background. Voornamelijk gebruikt in de rechterkolom want het blauw van de rechterkolom zit al in de container, dus hier kunnen we gewoon een transparante box gebruiken */ .box_padding { padding: 10px 30px 0 30px;} .box p.categorie { display:block; height:23px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/blue_title_bg.png) no-repeat; margin:0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; padding: 10px 0 0 30px; line-height:normal; } .box p.categorie a { color:#06375d; text-decoration:none; } .box p.categorie a:hover { text-decoration: underline;} .box p.categorie_notopline { display:block; height:23px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/blue_title_bg_ntl.png) no-repeat; margin:0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; padding: 10px 0 0 30px; line-height:normal; } .box p.categorie_notopline a { color:#06375d; text-decoration:none; } .box p.categorie_notopline a:hover { text-decoration: underline;} .imu_padding { margin:0 auto; padding:15px 0 15px 15px;} .imu_padding_2 { margin:0 auto; padding:5px 0 15px 0;} /* WHITEBOX */ /* middle col - half length: 286px */ .whitebox_top { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_top.png) no-repeat; } .whitebox { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bg.png) repeat-y; padding: 0 15px 0 15px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ .whitebox_bottom { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bottom.png) no-repeat; } .whitebox_top_286 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_top.png) no-repeat; } .whitebox_286 { width:266px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bg.png) repeat-y; padding: 0 10px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ .whitebox_bottom_286 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bottom.png) no-repeat; } .whitebox_top_col { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_top_col.png) no-repeat; } .whitebox_286_col { width:266px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bg_col.png) repeat-y; padding: 0 10px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ .whitebox_bottom_col { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bottom_col.png) no-repeat; } .whitebox_top_370 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_370_top.png) no-repeat; } .whitebox_370 { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_370_bg.png) repeat-y; padding: 0 15px 0 15px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ .whitebox_bottom_370 { height:37px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_370_bottom.png) no-repeat; } .whitebox_top_200 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_200_top.png) no-repeat; } .whitebox_200 { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_200_bg.png) repeat-y; padding: 0 15px 0 15px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ .whitebox_bottom_200 { height:37px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_200_bottom.png) no-repeat; } .whitebox p { margin:0 0 10px 0; } .whitebox_286 p, .whitebox_286_col p { padding: 0 10px 0 10px; } .workshop { width:50px; height:50px; position:relative; float:left; margin:5px 5px 2px 0;} .workshop img { position:absolute; left:0px; top:0px; border:0;}/*z-index:20;*/ .workshop_overlay { width: 25px; height:24px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/workshop_overlay.png) no-repeat; position:absolute; left:13px; top:5px; }/*z-index:40;*/ .ws_nav_overlay { width:50px; height:50px; position:absolute; top:0; left:0; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/overlay_grey_border.png) no-repeat; z-index:30;} .ws_nav_overlay_active { width:50px; height:50px; position:absolute; top:0; left:0; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/overlay_red_border.png) no-repeat; z-index:30;} .ws_nav_txt{float:left; height:20px; clear:left; margin:0 5px 0 7px; font-size:12px;} .ws_nav_txt_active{float:left; height:20px; clear:left; font-weight:bold; margin:0 5px 0 7px; font-size:12px;} .ws_step{float:left} .ws_nav_txt a {text-decoration:none; color:#000000; font-weight:bold;} .ws_nav_txt a:hover {text-decoration:underline; } .ws_nav_txt_active a {text-decoration:none; color:#c40101; font-weight:bold;} .ws_nav_txt_active a:hover {text-decoration:underline;} /* right col: 306px */ #rightcol .whitebox_top { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_top.png) no-repeat; margin:0 0 0 26px;} #rightcol .whitebox { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_bg.png) repeat-y; margin:0 0 0 26px; padding: 3px 43px 0px 15px; height: 1%;} /* height op 1% voor IE peekaboo bug */ #rightcol .whitebox_bottom { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_bottom.png) no-repeat; margin:0 0 0 26px; } #rightcol .whitebox p { margin:0 0 10px 0; } #rightcol .whitebox_top_286 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_top.png) no-repeat; } #rightcol .whitebox_286 { width:266px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bg.png) repeat-y; padding: 0 10px; height: 1%; position:relative;} /* height op 1% voor IE peekaboo bug */ #rightcol .whitebox_bottom_286 { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_286_bottom.png) no-repeat; } #rightcol .whitebox_286 p { margin:0 10pc 0 10px; } /* WHITEBOX WITH ROUND CORNERS */ /* middle col - full length: 574px */ .whitebox_rounded_top { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_574_top.png) no-repeat; margin:0 0 0 26px;} .whitebox_rounded { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_574_bg.png) repeat-y; margin:0 0 0 26px; padding: 8px 48px 3px 22px;} .whitebox_rounded_bottom { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_574_bottom.png) left bottom no-repeat; margin:0 0 0 26px;} /* right col - length: 306px */ #rightcol .whitebox_rounded_top { height:15px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_306.png) top left no-repeat; margin:10px 0 0 26px;} #rightcol .whitebox_rounded { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_306_bg.png) repeat-y; margin:0 0 0 26px; padding: 8px 48px 3px 22px;} #rightcol .smallpadding {padding: 0 10px 0 13px;} /* de class smallpadding dient om een kleinere padding dan de defaultpadding (zie regeltje hierboven) te geven aan de whitebox bijvoorbeeld als er een youtube video in moet */ #rightcol .whitebox_rounded_bottom { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_rounded_306.png) left bottom no-repeat; margin:0 0 0 26px;} .thumb_and_subs_box { width:98px; float:left; margin:0 2px 0 1px;} .thumb_and_subs_box p { padding:0 7px; font-size:10px; line-height:normal;} /* EXTRA COLUMNS */ .middle_leftcol_286 { width:286px; float:left; } /* deze divs dienen om de middlecol in 2 te splitsen, in dit geval in 2 gelijke kolommen */ .middle_rightcol_286 { width:286px; float:left;} .middle_leftcol_370{ width:370px; float:left;} .middle_rightcol_200{ width:200px; float:left;} .middle_leftcol_320{ width:320px; padding-right:5px; float:left;} .middle_rightcol_250{ width:240px; padding-left:5px; float:left;} .middle_leftcol_350{ width:350px; float:left;} .middle_rightcol_220{ width:250px; float:left;} .middle_leftcol_389 { width:389px; float:left; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/divider_vertical.png) repeat-y right top ; } /* de leftcol_389 dient om (samen met de rightcol_245) de middenkolom in 2 te delen (bvb voor de gerelateerde artikels op de artikelpagina */ .middle_rightcol_245 { width:245px; float:left; } .middle_rightcol_245 p.categorie { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/greybox_title_bg_noside.png) no-repeat; padding: 10px 0 0 20px; } .middle_rightcol_245 .greybox_padding { padding: 15px 30px 0 20px; } /* IMAGES */ img { border:none;} .imagebox { width:138px; height:118px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/image_bg.png) no-repeat; position:relative; } .imagebox_toolkit { width: 578px; height: 118px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/toolkit_header_bg.png) no-repeat; position:relative; } #rightcol .imagebox { width:138px; height:118px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/image_bg_blue.png) no-repeat; position:relative; } .imagebox img { position:absolute; top:9px; left:9px;} .imagebox_toolkit img { position:absolute; top:9px; left:9px;} .imageboxSmall { height:60px; widht:250px;a} .thumbnailbox { width:98px; height:86px; position:relative; } #rightcol .thumbnailbox { } .thumbnailbox img { position:absolute; top:9px; left:8px;} .image_sub_box { width:138px; height:170px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/image_sub_long_bg.png) no-repeat; position:relative;} #rightcol .image_sub_box { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/image_sub_bg_blue.png) no-repeat; } .image_sub_box p {padding:117px 11px 0 11px; font-size:11px; color:#06375D; line-height:normal;} .image_sub_box p a {color:#06375D; text-decoration:none; position:relative;} .image_sub_box img { position:absolute; top:9px; left:9px;} .align_left { float:left; margin:0 10px 10px 0;} .align_left_small { float:left; margin:0 6px 6px 0;} .align_left_smaller { float:left; margin:0 5px 6px 0;} .align_left_big { float:left; margin:0 16px 16px 0;} .align_left_zero { float:left; margin:0 0 6px 0;} .align_right { float:right; margin:0 0 10px 10px;} .align_right_small { float:right; margin:0 0 6px 6px;} .align_right_big { float:right; margin:0 0 16px 16px;} .align_right_zero { float:right; margin:0 0 6px 0;} .imagebox_small { width:68px; height:68px; position:relative; } .imagebox_small img { position:absolute; top:9px; left:9px;} a.readmore { color:#4f4b48; font-size:10px; text-transform:uppercase; text-decoration:none; line-height:normal;} a:hover.readmore { text-decoration:underline;} .fastforward { font-size:24px; color:#ca0b01; padding:0; line-height:normal;} /* TEXT */ p { margin: 0 0 20px 0; line-height:18px;} #rightcol p { margin: 0 0 10px 0; } p.right_align { display:block; text-align:right; margin:0; line-height:normal;} p.categorie_vignet { display:block; width:83px; height:12px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/categorie_bg.png) repeat-y; float:left; margin:2px 10px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; line-height:normal;} p.categorie_special { display:block; height:12px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/categorie_bg.png) repeat-y; float:left; margin:2px 10px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; line-height:normal;} p.aantal_vignet { display:block; width:53px; height:12px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/categorie_bg.png) repeat-y; float:left; margin:2px 5px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; text-align:right; line-height:normal;} p.aantal_special { display:block; width:75px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/categorie_bg.png) no-repeat; height:12px; float:left; margin:2px 5px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; text-align:right; line-height:normal;} p.topdownload { display:block; width:100px; height:12px; float:left; margin:2px 10px 0 0; font-weight:bold; font-size:10px; color:#CA0B01; line-height:normal;} p.width270 {width:270px;} p.width270 a {color:#444; text-decoration:none; font-weight:normal;} p.width270 a:hover {text-decoration: underline;} #rightcol p.aantal_vignet { margin:2px 5px 0 0;} p.categorie_vignet span { padding: 0 10px 0 10px; } p.categorie_special span { padding: 0 10px 0 10px; } p.aantal_vignet span { padding: 0 7px 0 10px; } .smalltext { font-size:11px; color:#666; line-height:normal;} p.extra { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ca0b01; font-weight: bold; } p.extra a { color:#ca0b01; text-decoration:none;} p.extra a:hover { text-decoration: underline;} p.quote_sub { font-size:10px; color:#a09f9e; text-align:right; line-height:normal;} p.quote_sub a { color:#a09f9e; font-weight:bold; } p.introtext { font-weight:bold; margin:3px 0 0 0;} p.newsletterImg { display:block; width:55px; height:12px; float:left; margin:2px 5px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; text-align:right; line-height:normal;} p.newsletterImg span { padding: 0 10px 0 0; } .tdimg {margin-right:5px;} /* LISTS */ ul { list-style: none; margin:0 0 0 10px; padding:0} #rightcol ul { margin:0;} /* in de rechterkolom bebben de lists geen inspringing */ ol { margin:0 0 0 10px;} ul li{ padding:0 0 8px 13px; margin: 0px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/bullet.gif) no-repeat; background-position: 0px 5px;} ul a { color:#333; text-decoration:none;} /* links in lists are black and not underlined */ ul a:hover { text-decoration:underline;} /* links in lists are black and not underlined */ ul.nobullets li { background:none; padding:0 0 6px 0; } /* gebruik de nobullets class als je geen bullets wil. bvb voor de lists met een vignet */ ul.nobulletsLeft {float:left;} ul.nobulletsLeft li { background:none; padding:0 0 6px 5px; } /* gebruik de nobullets class als je geen bullets wil. bvb voor de lists met een vignet */ ul.downloads li { padding:6px 0 6px 50px; height:50px; margin: 0px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/download.png) no-repeat; background-position: 0px 0px; line-height:normal;} ul.downloads a { font-weight:bold; font-size:12px; color:#055491; text-decoration:none;} /* links in lists are black and not underlined */ ul.downloads a:hover { text-decoration:underline;} /* links in lists are black and not underlined */ /* FORMS */ form {display:inline;} input, textarea, select, input.iefocus, textarea.iefocus {background:#fff; border:1px solid #b8c3cb; color:#333; padding:0; text-align:left; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal;} .radio { border:none;} textarea { text-align:left; font-size:14px;} input.button{width:65px; height:18px;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/form_button.png) bottom left no-repeat; font-size:12px;color:#fff; border:none; cursor:pointer; text-align:center; line-height:8px;} #rightcol input.button{background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/form_button_blue.png) bottom left no-repeat; } input.checkbox, input.radiobox {border:none;} input.redButton {color:#ffffff;background-color:#ff0000;} /* SEARCH */ #searchbox { width: 346px; height:36px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/search_bg.png) no-repeat; padding:20px 0 0 20px; margin:0} #searchbox input, #searchbox textarea, #searchbox select, #searchbox input.iefocus, #searchbox textarea.iefocus { border:none; color:#333333; } #searchbox input.searchbutton { color:#fff;} #searchbox input { height:16px; text-align:left;} #searchbox input.searchbutton{width:65px; color:#fff; height:18px;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/form_searchbutton.png) bottom left no-repeat; font-size:12px;color:#fff; border:none; cursor:pointer; text-align:center; line-height:8px;} /* Archive navigation */ .ArchivePanels { margin: 0px; padding: 13px 0px 10px 65px; float: left; clear: none; width:604px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tab_bg.png) no-repeat;} .ArchiveYearGroup { margin: 0px; padding: 0px; } .ArchiveYear { float: left; padding: 2px 4px; margin: 1px 4px 0px 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#06375d; font-weight: bold; text-transform:uppercase; text-decoration:none; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tab_not_active.png) no-repeat; line-height:normal; } .ArchiveYearSelected { background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tab_active.gif) 50% top no-repeat; color:#fff; } .ArchiveYearSelected a{ color:#fff; text-decoration:none; } .ArchiveYearSelected a:hover{ color:#fff; text-decoration:underline; } .ArchiveMonthPanels { margin: 0px; padding: 13px 0px 10px 30px; float: left; clear: none; width:604px;} .ArchiveMonthGroup {margin: 0px; padding: 0px;} .archiveMonth {font-size:10px; float: left; padding: 2px 4px; margin: 1px 1px 0px 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#06375d; text-transform:uppercase; text-decoration:none; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tab_not_active.png) no-repeat; line-height:normal;} .archiveMonth a{color:#000000; text-decoration:none;} .archiveMonth a:hover{text-decoration:underline;} .archiveMonthCurr {font-size:10px; float: left; padding: 2px 3px; margin: 1px 2px 0px 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#06375d; text-transform:uppercase; text-decoration:none; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tab_active.gif) no-repeat; line-height:normal; background-color:#0A5F99;} .archiveMonthCurr a{color:#fff; text-decoration:none;} .archiveMonthCurr a:hover{ text-decoration:underline;} .archiveMonthTD {} /* NAVIGATION */ #navigation { width:993px; position:absolute; top:151px; left:6px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_bg.png) repeat-x; } #navigation ul { margin:0; padding:0; } #navigation ul li {margin:0; padding:0 0 0 0; float:left;display:block; height:27px; } #navigation ul li a { font-size:10px; line-height:27px; font-weight:bold; text-transform:uppercase; color:#444; display:block; padding:0 15px; text-decoration:none; margin:0; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_button_bg.png) top right no-repeat; } #navigation ul li.last a { background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_button_bg.png) top left no-repeat; } /* de laatste button heeft geen divider aan de rechterkant */ #navigation ul li a.current { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_button_bg.png) bottom right no-repeat;} #navigation ul li a:hover { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_button_bg.png) bottom right no-repeat;} #navigation ul li.last a:hover { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nav_button_bg.png) bottom left no-repeat;} /* SUBNAVIGATION */ #navigation ul ul { width:993px; height:20px; background:#fff; position:absolute; top:27px; left:0px; border-bottom:1px solid #dedede; padding:7px 0 0 0} #navigation ul ul li {margin:0; padding:0 0 0 2px; float:left;display:block; background: none; border-left:1px dotted #cfcece; height:15px;} #navigation ul ul li a { font-size:11px; font-weight:bold; color:#444; display:block; padding:0 10px; text-decoration:none; margin:0; line-height:normal; background:none; text-transform:lowercase; } #navigation ul ul li.nodivider { border:none; padding: 0 0 0 0px;} #navigation ul ul li a:hover { background:none; color:#ee090c;} /* CONTENT CAROUSSEL */ #slideshow { position:relative; width: 574px; height:207px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_bg.png) no-repeat;} #slideshow div.loading {position:absolute;top:30px;left:90px;width:100px;text-align:center;color:white;} #slideshow h1 {font-size:22px;font-weight:bold; color:#333333; margin:0} #slide1, #slide2, #slide3, #slide4, #slide5{position:absolute;top:0px;left:0px;z-index:50;width:574px;height:207px;display:block;} #slide1 a.toarticle, #slide2 a.toarticle, #slide3 a.toarticle, #slide4 a.toarticle, #slide5 a.toarticle{position:absolute;top:11px;left:10px;z-index:80;width:260px;height:130px;display:block; text-decoration:none; } #slideshow a {color:#333;} #slide1 img, #slide2 img, #slide3 img, #slide4 img, #slide5 img{position:absolute;top:11px;left:10px;width:260px;height:130px;} #intro1, #intro2, #intro3, #intro4, #intro5{position:absolute;top:0;left:0;width:574px;color:white;cursor:pointer;text-decoration:none;z-index:99; } #slideshow div.intropadding{padding:13px 20px 0px 303px;display:block;} #slideshow div.nav{position:absolute;top:183px;left:254px;width:300px;z-index:100; height:13px; line-height:13px; } #slideshow a.slideprevious{float:right;width:13px;height:13px;display:block;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_previous.png) no-repeat;text-decoration:none; margin:0 0 0 136px;} #slideshow a.slidenext{float:right;width:13px;height:13px;display:block;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_next.png) no-repeat;text-decoration:none;} #slideshow a.slideplay{float:right;width:13px;height:13px;display:block;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_play.png) no-repeat;text-decoration:none;} #slideshow a.slidepause{float:right;width:13px;height:13px;display:block;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_pause.png) no-repeat;text-decoration:none;} #slideshow a.slide1, #slideshow a.slide2, #slideshow a.slide3, #slideshow a.slide4, #slideshow a.slide5{float:right;width:13px;height:13px;display:block;text-decoration:none; margin: 0 0 0 7px;} #slideshow a.slide1{background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_1.png) 0 -21px no-repeat;} #slideshow a.slide2{background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_2.png) 0 -21px no-repeat;} #slideshow a.slide3{background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_3.png) 0 -21px no-repeat;} #slideshow a.slide4{background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/contentcarrousel_button_4.png) 0 -21px no-repeat;} #slideshow a.slide1:hover, #slideshow a.slide2:hover, #slideshow a.slide3:hover, #slideshow a.slide4:hover, #slideshow a.slide5:hover{background-position:0 0;} #slideshow a.slideprevious:hover, #slideshow a.slidenext:hover, #slideshow a.slideplay:hover, #slideshow a.slidepause:hover{background-position:0 -13px;} #slide1 a.slide1{position:absolute;left:299px;top:183px;background-position:0 0;} #slide2 a.slide2{position:absolute;left:319px;top:183px;background-position:0 0;} #slide3 a.slide3{position:absolute;left:339px;top:183px;background-position:0 0;} #slide4 a.slide4{position:absolute;left:359px;top:183px;background-position:0 0;} #slide5 a.slide5{position:absolute;left:379px;top:183px;background-position:0 0;} #readmore1, #readmore2, #readmore3, #readmore4, #readmore5 {position:absolute;bottom:37px;right:20px;z-index:80;} #readmore1 a, #readmore2 a, #readmore3 a, #readmore4 a, #readmore5 a { color:#990000; margin:10px 0 0 0} #slideshow p.extra { margin:0 0 5px 0;} /* TAG CLOUD */ #cloud { padding: 2px; line-height: 18px; text-align: center; list-style: none; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/tagcloud_bg.png) no-repeat; } #cloud a { padding: 0px; text-decoration:none;} #cloud a:hover { text-decoration:underline; background:none;} #cloud li { display: inline; list-style:none; background:none; } #cloud a.tag1 { font-size: 9px; color:#aaa; } #cloud a.tag2 { font-size: 10px; color:#999; } #cloud a.tag3 { font-size: 11px; color:#888;} #cloud a.tag4 { font-size: 12px; color:#777; } #cloud a.tag5 { font-size: 14px; color:#666; } #cloud a.tag6 { font-size: 16px; color:#555;} #cloud a.tag7 { font-size: 18px; color:#444;} #cloud a.tag8 { font-size: 20px; color:#333;} #cloud a.tag9 { font-size: 24px; color:#222; } #cloud a.tag10 { font-size: 26px; color:#111; } #cloud a.tag1:hover { color:#bc0000; } #cloud a.tag2:hover { color:#bc0000; } #cloud a.tag3:hover { color:#bc0000; } #cloud a.tag4:hover { color:#bc0000; } #cloud a.tag5:hover { color:#bc0000; } #cloud a.tag6:hover { color:#bc0000; } #cloud a.tag7:hover { color:#bc0000; } #cloud a.tag8:hover { color:#bc0000; } #cloud a.tag9:hover { color:#bc0000; } #cloud a.tag10:hover { color:#bc0000; } /* MAGAZINEFOOTER */ .magazinebox { background:#efefef; padding:8px 20px; margin:0 0 20px 0; } .magazinebox p.categorie { display:block; height:23px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/magazinebox_title_bg.png) left bottom repeat-x; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; } .magazinebox .three_column { width:278px; float: left; margin:0 10px; font-size: 10px; line-height:normal;} .magazinebox .four_column { width:204px; float: left; margin:0 10px; font-size: 10px; line-height:normal;} .intereslinkbox { background:#efefef; padding:8px 20px; margin:0 0 20px 0; } .intereslinkbox p.categorie { display:block; height:23px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/magazinebox_title_bg.png) left bottom repeat-x; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; } .intereslinkbox p.intereslink { display:block; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#06375d; line-height:normal;} .intereslinkbox p.intereslink .intereslinktitle a {padding-left: 25px; font-weight:bold; color:#06375D; text-decoration:underline; } .intereslinkbox p.intereslink .intereslinktitle a:hover {text-decoration:underline; } .intereslinkbox p.intereslink a {color:#000; text-decoration:none; } .intereslinkbox p.intereslink a:hover {text-decoration:underline; } /* FOOTER */ #footer a { color:#fff; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer .copyright {color:#8ac4ec; padding:10px 0 0 0;} #footer .easyhost {color:#8ac4ec;} /* PAGING */ .paging_current { width:110px; height:14px; background:#e7e8e9; font-size:12px; font-weight:bold; color:#055491; margin:0 auto; text-align:center; padding:2px 0 0 0;} .paging { margin:0 auto; text-align:center; width:100%; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/paging_bg.png) 1px 0 no-repeat; top:0; left:0; height:28px; padding:3px 0 6px 0; font-size:12px; color:#055491;} .paging a { color:#055491; text-decoration:none;} .paging a:hover { text-decoration: underline;} .paging a.previous { margin: 0; } .paging a.next { margin:0 ; } .paging .current { font-weight:bold; background:#c40101; color:#fff; padding:0 5px; margin:0 0 5px 0; } .paging .other { font-weight:bold; color:#0150A0; padding:0 2px; margin:0 0 5px 0; } .pagingSearch { margin:0 auto; text-align:center; width:100%; height:18px; padding:4px 0; font-size:12px; color:#055491;} .pagingSearch a { color:#055491; text-decoration:none;} .pagingSearch a:hover { text-decoration: underline;} .pagingSearch .current { font-weight:bold; background:#c40101; color:#fff; padding:0 5px; margin:0 0 5px 0; } .pagingSearch .other { font-weight:bold; color:#0150A0; padding:0 2px; margin:0 0 5px 0; } /* TAGS */ .tags { display:block; margin:0 30px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_tags-trans.png) no-repeat 0 0; padding: 0 0 0 20px; font-size:10px; color:#444; line-height:16px;} .tags a {color:#055491; text-decoration:none;} .tags a:hover {text-decoration:underline;} /* PRINT/SEND .printsend { margin:0 30px 30px 30px;} .button_print { display:block; width:139px; height:32px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_print.png) no-repeat; float:left; margin:0 50px 0 0;} #rightcol .button_print { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_print_blue.png) no-repeat; } .button_send { display:block; width:161px; height:32px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_verstuur.png) no-repeat; float:left; margin:0 50px 0 0;} #rightcol .button_send { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_verstuur_blue.png) no-repeat; } .button_meld { display:block; width:166px; height:32px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_meld.png) no-repeat; float:left; margin:0 0 0 0;} #rightcol .button_meld { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/button_meld_blue.png) no-repeat; } .printsend span { position:absolute; left:-9999px;}*/ ul#printsend { margin:0; padding:0; } ul#printsend li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; } ul#printsend li a { font-size:14px; color:#0150a0; padding:0 0 0 25px; } ul#printsend li a.print { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_print.png) 0 0 no-repeat;} ul#printsend li a.send { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_verstuur.png) 0 2px no-repeat;} ul#printsend li a.comment { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_comment.png) 0 3px no-repeat;} ul#printsend li a.report { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_fout.png) 0 2px no-repeat;} ul#printsend li a.bewaar { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_save.png) 0 0 no-repeat; } ul#printsend_registered { margin:0; padding:0; } ul#printsend_registered li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; } ul#printsend_registered li a { font-size:14px; color:#0150a0; padding:0 0 0 25px; } ul#printsend_registered li a.pdf { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/pdf.png) 0 0 no-repeat; } ul#printsend_registered li a.bewaar { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_save.png) 0 0 no-repeat; } ul#printsend_registered li a#pdf { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/pdf.png) 0 0 no-repeat; } ul#printsend_registered li a#bewaar { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_save.png) 0 0 no-repeat; } /* Star-rating systeem bij artikels */ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/star.gif) left -1000px repeat-x;} ul.star-rating {position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top;} ul.star-rating li { margin:0; padding:0; background:none; line-height:16px; line-height:16px; display: inline;} .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none;} .star-rating a:hover,.star-rating a:active,.star-rating a:focus{ background-position: left bottom;} .star-rating a.one-star{ width:20%; z-index:6;} .star-rating a.two-stars{ width:40%; z-index:5;} .star-rating a.three-stars{ width:60%; z-index:4;} .star-rating a.four-stars{ width:80%; z-index:3;} .star-rating a.five-stars{ width:100%; z-index:2;} .star-rating .current-rating{ z-index:1; background-position: left center;} .star-rating a#one-star{ width:20%; z-index:6;} .star-rating a#two-stars{ width:40%; z-index:5;} .star-rating a#three-stars{ width:60%; z-index:4;} .star-rating a#four-stars{ width:80%; z-index:3;} .star-rating a#five-stars{ width:100%; z-index:2;} .star-rating .current-rating{ z-index:1; background-position: left center;} .inline-rating{ /*display:-moz-inline-block; display:-moz-inline-box;*/ display:inline-block; background:#ffffff url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_star.png) left no-repeat; padding-left:20px; vertical-align: middle; font-size:12px; color:#0150a0; } .inline-rating-text{ /*display:-moz-inline-block; display:-moz-inline-box;*/ display:inline-block; margin-left:25px; vertical-align: middle; font-size:12px; color:#0150a0; } /* Not registered */ .notreg {height: 100px; width: 300px; margin:0; padding:0;} .notreg a, .notreg a:link, .notreg a:visited {display:block; } .notreg img {width:100%; height:100%; border:0;} .notreg a:hover img {visibility:hidden;} /* social bookmarks */ .bookmarks { font-size:10px; color:#777;} /* height toegevoegd voor peekaboo bug */ .bookmarks p { margin:-2px 20px 0 0; color:#777; font-weight:bold; } .bookmarks li { margin:0 13px 0 0; padding:5px 0; background:none; } .bookmarks li a { color:#777; font-weight:bold; padding:2px 5px 2px 20px; } .bookmarks li a.delicious { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_delicious.png) no-repeat;} .bookmarks li a.google { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_google.png) no-repeat;} .bookmarks li a.msn { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_msn.png) no-repeat;} .bookmarks li a.facebook { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_facebook.png) no-repeat;} .bookmarks li a.stumbleupon { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_stumbleupon.png) no-repeat;} .bookmarks li a.twitter { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_social_twitter.png) no-repeat;} /* ZOOM */ .zoom_overlay { width: 13px; height:14px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon_zoom-trans.png) no-repeat; position:absolute; left:124px; top:104px; z-index:40; cursor:pointer;} /* REACTIES */ .reactiebox { width:574px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/reactiebox_level1_bg.png) top left no-repeat; margin:40px 0 0 0; padding:0 0 10px 0; position:relative;} .reactiebox_footer { width:574px; height:10px; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/reactiebox_level1_footer.png) no-repeat; margin:0 0 30px 0;} .reactiebox .nickname { position:absolute; top:2px; left:90px; font-size:14px; font-weight:bold; color:#055491;} .reactiebox .nickname a { color:#055491; text-decoration:none;} .reactiebox .nickname a:hover { text-decoration:underline;} .reactiebox .timestamp { position:absolute; top:5px; right:20px; font-size:11px; color:#666;} .reactiebox .avatarbox { width:64px; height:64px; position:absolute; top:0px; left:0px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/avatar_bg.png) no-repeat;} #rightcol .reactiebox .avatarbox { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/avatar_bg_blue.png) no-repeat;} .reactiebox .avatarbox img { position:absolute; left:8px; top:8px; z-index:20; border:0;} .reactiebox .reactie { position:relative; top: 35px; left: 100px; font-size:13px; padding: 0 120px 0 0; } .reactiebox .right_align {color:#055491; text-decoration:none; font-size:10px;} .reactiebox .right_align a { color:#055491; text-decoration:none} .reactiebox .right_align a:hover { color:#055491; text-decoration:underline;} /* reactie level 2 - een reactie op een reactie */ .level2 { width:574px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/reactiebox_level2_bg.png) top left no-repeat; margin:0; position:relative; padding: 0 0 10px 0; margin:0 0 0 0; } .reactiebox_level2_footer { width:574px; height:10px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/reactiebox_level2_footer.png) bottom left no-repeat; margin:0 0 30px 0;} .level2 .nickname { position:absolute; top:2px; left:130px;} .level2 .avatarbox { width:64px; height:64px; position:absolute; top:0px; left:40px; } .level2 .avatarbox img { position:absolute; left:7px; top:7px; z-index:20; border:0;} .level2 .reactie { position:relative; top: 35px; left: 140px; font-size:13px; padding: 0 160px 0 0; } /* CATEGORIE BUTTONS (review page) */ ul#cat_buttons { margin:0 0 0 -2px;} ul#cat_buttons li { background:none; width:144px; height:66px; float:left; margin:0; padding:0;} ul#cat_buttons a span { position:absolute; left:-9999px; } ul#cat_buttons a { display:block; width:144px; height:66px;} ul#cat_buttons2 { margin:0 0 0 -2px;display:none;} ul#cat_buttons2 li { background:none; width:144px; height:66px; float:left; margin:0; padding:0;} ul#cat_buttons2 a span { position:absolute; left:-9999px; } ul#cat_buttons2 a { display:block; width:144px; height:66px;} /* ul#cat_buttons a.software { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_software.png) no-repeat;} ul#cat_buttons a.notebooks { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_notebooks.png) no-repeat;} ul#cat_buttons a.smartphones { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_smartphones.png) no-repeat;} ul#cat_buttons a.muziekspelers { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_muziekspelers.png) no-repeat;} ul#cat_buttons a.gps { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_gps.png) no-repeat;} ul#cat_buttons a.reflexcameras { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_reflexcameras.png) no-repeat;} ul#cat_buttons a.meer { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_meer.png) no-repeat;} ul#cat_buttons2 a.compactcameras { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_compactcameras.png) no-repeat;} ul#cat_buttons2 a.fotoprinter { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_fotoprinter.png) no-repeat;} ul#cat_buttons2 a.homeentertainment { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_homeentertainment.png) no-repeat;} ul#cat_buttons2 a.netwerk { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_netwerk.png) no-repeat;} ul#cat_buttons2 a.printers { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_printers.png) no-repeat;} ul#cat_buttons2 a.invoer { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_invoer.png) no-repeat;} ul#cat_buttons2 a.meer { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/buttons_cat_meer.png) no-repeat;} */ ul#cat_buttons a:hover { background-position:bottom;} ul#cat_buttons2 a:hover { background-position:bottom;} /* TOP 10 */ .top1box_top { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_top.png) no-repeat; margin:0 0 0 26px;} .top1box { background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_bg.png) repeat-y; margin:0 0 0 26px; padding: 3px 43px 0px 15px; height: 1%; position:relative;} .top1box_bottom { height:15px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_306_bottom.png) no-repeat; margin:0 0 0 26px; } .top1box h2 { margin:0 0 7px 35px} .top1box p { margin:10px 0 10px 0; } .top1box .number { width:49px; height:49px; font-size:30px; font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#fff; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/top10_star1-trans.png) no-repeat; position:absolute; top:-20px; left:-5px;} .top1box .number span { position:relative; left:13px; top:3px;} .top10box_small { width:314px; height:56px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/whitebox_top10_bg.png) no-repeat; margin:0 0 0 26px; position:relative; overflow:hidden;} .top10box_small .number { font-size:18px; font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#fff; position:absolute; top:14px; left:20px;} .top10box_small .number10 { font-size:18px; font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#fff; position:absolute; top:14px; left:14px;} .top10box_small img { margin: 11px 11px 0 0;} .top10box_small h2 { padding:10px 0 0 45px; margin:0; font-size:12px; font-weight:bold;} .top10box_small p { padding:0 0 0 45px; margin:0; line-height:10px;} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ OVERGENOMEN CLICKX STYLES : TE CONTROLEREN +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .regbox { width:569px; background:#EFEFE8 url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regbox_red_574.png) top left no-repeat; margin:10px 0 0 30px; position:relative; top:0; left:0; padding: 0 0 2px 5px;} .regbox_footer { width:574px; margin:0 0 0 30px; height:15px; background: #EFEFE8 url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regbox_red_574_footer.png) bottom left no-repeat;} #actcode {background: #EFEFE8; border: 1px solid #7e9db9; padding: 2px;} #reg_error{ background:#EFEFE8 url(/inc_images/1/registration/pages/error.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;} #reg_error a {font-weight:bold; color:#c40101;} #reg_succes{ background:#EFEFE8 url(/inc_images/1/registration/pages/check.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;} #reg_succes a {font-weight:bold; color:#009900;} #reg_succes_in_grey{ background:#EFEFE8 url(/inc_images/1/registration/pages/check.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;} #reg_succes_in_grey a {font-weight:bold; color:#009900;} #reg_content { display: none; padding-left: 5px; font-size:12px; font-weight:bold; color:#c40101; } #floating_login{display:none; z-index:500000;position:absolute; border: solid 1px #d70000; background-color: #fff; padding: 2px;width:300px;} #regboxfloat{ margin:0; padding: 0 0 2px 5px; z-index:500000;} #regboxfloat_footer { height:15px; z-index:500000;} /*------------------ poll -------------------*/ .pResScoreBG {background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/grafbody.gif) top left repeat-x; text-align: right; height: 18px;} .pResScore {font-size : 11px;font-weight : normal;text-decoration : none;color : #D70000;} /*------------------ Captcha -------------------*/ #CaptchaImg{width:160px;height:50px;float:left;} #CaptchaTxt{float:left;margin-left:5px;} .Captcha{font-size:11px;font-weight:normal;text-decoration:none;color:#000000;margin:5px 0px;} .Captcha A{text-decoration:none;font-weight:bold;color:#055491;} .Captcha A:HOVER {text-decoration:underline;font-weight:bold;color:#055491;} /*------------------ Lightbox -------------------*/ #lbOverlay {position: absolute;left: 0;width: 100%;background-color: #1E9EFA;cursor: pointer;z-index:9999;} #lbCenter, #lbBottomContainer {position: absolute;left: 50%;overflow: hidden;background-color: #fff;z-index:9999;} .lbLoading {background: #fff url(http://image.minoc.com/sites/zdnet/images_matrix/planet/loading.gif) no-repeat center;z-index:9999;} #lbImage {border: 10px solid #fff;z-index:9999;} .photos {padding: 3px;border: 1px solid #fff;} a:hover .photos{border: 1px solid #999;} .lightboxDesc a {color: #999999;text-decoration: none;} .lightboxDesc a:hover{color: #000000;text-decoration: none;} /*************************** styles for hidden next & previous buttons ***************************/ /*#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;height: 32px;outline: none;} #lbPrevLink{left: 0;} #lbPrevLink:hover{background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/prevlabel.gif) no-repeat 0% 15%;} #lbNextLink{right: 0;} #lbNextLink:hover{background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nextlabel.gif) no-repeat 100% 15%;} /*************************** styles for next & previous buttons as part of footer ***************************/ #lbPrevLink, #lbNextLink {display: block;width: 63px;height: 32px;outline: none;} #lbPrevLink{float: left;background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/prevlabel.gif) no-repeat left;} #lbPrevLink:hover{background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/prevlabel.gif) no-repeat left;} #lbNextLink{float: right;background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nextlabel.gif) no-repeat right;} #lbNextLink:hover{background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/nextlabel.gif) no-repeat right;} #lbControls{display: block;height: 32px;} #lbBottom{font-family: Verdana, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;} #lbCloseLink{clear: both;display: block;float: right;width: 66px;height: 22px;background: transparent url(http://image.minoc.com/sites/zdnet/images_matrix/planet/closelabel.gif) no-repeat center;margin: 0px 0px 0px 0px;/*border: 1px solid #000;*/} #lbCaption, #lbNumber, #lbDescription{margin-right: 71px;/*border: 1px solid #000;*/} #lbCaption{font-weight: bold;} .lightboxDesc{display: none;} /************************************************************** SlideShow v 1.3 **************************************************************/ .slideshowContainer {border: 1px solid #ccc;width: 580px;height: 426px;margin-bottom: 5px;} .loading {background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/loading.gif) center no-repeat;} .slideshowThumbnail {outline: none;} .slideshowThumbnail img {border: 1px solid white;padding: 4px;} a:hover.slideshowThumbnail img {border: 1px solid #ccc;padding: 4px;} .current img{border: 1px solid red;padding: 5px;} .outline{border: 1px solid orange;z-index: 0;position: absolute;} #thumbnails {width: 580px;/*float: left;*/} /*************************************************************/ /*----------ForumResult-------*/ .cite {padding:7px ;border: 1px dotted #ddd; background:#ffffff;} /************************************************************** Sortable Table v 1.4 **************************************************************/ #myTable {border: 1px solid #ccc;width: 100%;} #myTable thead th {background-color: #eee;background: #eee url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-table-sort.png) no-repeat 2px 8px;padding: 4px 4px 4px 14px;} #myTable tbody tr {background-color: #eee;padding: 4px;} #myTable tbody tr.altRow {background-color: #fff;} #myTable tbody tr td {padding: 0 2px;} #myTable tbody tr td a {color:#000; text-decoration:none;} #myTable tbody tr td a:hover {text-decoration:underline;} #myTable tbody tr.rightAlign {text-align: right;} #myTable thead th.sortedASC {background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-table-sort-asc.png) no-repeat 2px 4px #eee;} #myTable thead th.sortedDESC {background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-table-sort-desc.png) no-repeat 2px 10px #eee;} #myTable thead th.noSort{background:#eee;} #myTable thead th.tableHeaderOver {cursor: pointer;color: #354158;} /*tr.selected {background-color: gold;color: #fff;}*/ /*#myTable tbody tr.over{background-color: #354158;color: #fff;cursor: pointer;}*/ #myTable tbody tr.hide{display: none;} /*************************************************************/ /************************************************************** MultiBox v1.3 **************************************************************/ .MultiBoxContainer {position: absolute;border: 20px solid #FFF;background-color: #FFF;display: none;z-index: 51;text-align: left;/*overflow: hidden;*/} .MultiBoxLoading {background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/loading.gif) no-repeat center;} .MultiBoxContent {position: relative;width: 100%;height: 100%;overflow: hidden;} .MultiBoxClose {position: absolute;top: -26px;right: -26px;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/close.png) no-repeat;width: 24px;height: 24px;cursor: pointer;} .MultiBoxControlsContainer {overflow: hidden;height: 0px;position: relative;} .MultiBoxControls {width: 100%;height: auto;position: relative;background-color: #000000;} .MultiBoxPrevious {position: absolute;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/left.png) no-repeat;width: 24px;height: 24px;left: 0px;margin-top: 5px;cursor: pointer;} .MultiBoxNext {position: absolute;background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/right.png) no-repeat;width: 24px;height: 24px;right: 0px;margin-top: 5px;cursor: pointer;} .MultiBoxNextDisabled {cursor: default;} .MultiBoxPreviousDisabled {cursor: default;} .MultiBoxTitle {position: relative;margin: 10px 0 0 35px;float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;font-weight: bold;text-align: left;} .MultiBoxNumber {position: relative;width: 50px;margin: 10px 35px 0 0;float: right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-align: right;} .MultiBoxDescription {clear: left;position: relative;margin: 0 35px 0 35px;padding-top: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-align: left;} /*************************************************************/ /* Creatives */ h4 { color: #5C6972; border-bottom: 1px solid #CCC; margin-bottom: 6px; } .label0 { background-color: #E0E0E0; } .label1 { background-color: #D0D0D0; } .content0 { background-color: #EFEFEF; padding: 2px; } .content1 { background-color: #E0E0E0; padding: 2px; } .content0 select, .content1 select, .content0 input, .content1 input { text-align: left; } .content0 input[type="submit"] { background-color: #D50000; border: 1px solid #FFF; padding: 0 6px; color: #FFF; cursor: hand; } .bullet { margin-right: 6px; } .productfichecontainer { float: left; width: 270px; padding: 2px; margin: 0 10px 20px 0; } .ad_error { background-color: #FF0000; color: #FFF; } .ad_error a { color: #FFF; } .ad_warning {background-color: #FF9900; color: #FFF; } .ad_OK { background-color: #00FF00; color: #FFF; } /* TABS */ #registration {padding-left:10px;} #registration .regtabs { margin: 0 0 20px 0; padding: 13px 0px 10px 0px; width:100%; background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regtabs_bg.png) no-repeat; position:relative;} #registration .regtabs li {float: left; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background:none; margin: 1px 4px 0px 4px; padding:0; } #registration .regtabs li a { display:block; margin: 0; padding: 6px 15px 13px 15px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#06375d; font-weight: bold; text-transform:uppercase; text-decoration:none; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regtabs_tab_notactive.png) no-repeat; line-height:normal; } #registration .regtabs li.selected a { background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regtabs_tab_active.png) 50% top no-repeat; color:#fff;} #registration .regtabs li a:hover { background-position:bottom;} #registration .regtabs li.selected a:hover { background-position:top;} /* level 2 */ #registration .regtabs li ul { display:block; width:100%; height:27px; margin:0; padding:0; background:#fff; position:absolute; left: 0px; top: 38px; border-bottom: solid 1px #ccc } #registration .regtabs li li a { padding:5px; background:none; text-transform:none; font-size:13px; } #registration .regtabs li li a:hover { color:#0a5c95; } #registration .regtabs li:hover ul {left: 0px; top: 38px;} #registration .regtabs li.sfhover ul {left: 0px;} #registration .regtabs li ul li.selected a { background: url(http://image.minoc.com/sites/zdnet/images_matrix/planet/regtabs_tab_active.png) 50% top no-repeat; color:#fff;} #registration .regtabs li ul li.selected a:hover { color:#fff; } #registration .regtabs li.selected ul { display:block; width:100%; height:27px; margin:0; padding:0; background:#fff; position:absolute; left: 0px; top: 38px; border-bottom: solid 1px #ccc } #registration .regtabs li.selected li a { padding:5px; color:#06375d; background:none; text-transform:none; font-size:13px; } #registration .regtabs li.selected li a:hover { color:#0a5c95; } #registration .regtabs li.selected:hover ul {left: 0px; top: 38px;} #registration .regtabs li.selected.sfhover ul {left: 0px;} /* registratie */ #registration table.inschrijving { width:600px; } #registration table.inschrijving td { padding:5px 5px 5px 5px;} #registration table.inschrijving input.button { margin-bottom:3px;} #registration table.inschrijving input.field { width: 250px; font-size:11px;} #registration table.inschrijving input.fieldgrey { width: 250px; font-size:11px; color:#BCBCBC;} #registration table.inschrijving .comments_area { width:396px; height:60px; margin:0 0 10px 0;} #registration table.inschrijving .smalltext { font-size:9px; color:#999; line-height:normal;} /* BEGIN: default skin */ .rc_input { background-color:#FFFFFF; color:#777777; } .rc_image { vertical-align:top; } /* BEGIN: default skin */ .rc_calendar { border: 1px solid #000000; } .rc_iframe_body { margin: 0px; background: #FFFFFF; border: 0px; cursor: default; } .rc_iframe_body .rc_table { font-size: 11px; font-family: verdana,tahoma,sans-serif,arial; } .rc_iframe_body .rc_wd_tr td { border-bottom: 1px solid #000000; padding: 2px; text-align: center; color: #000; white-space: nowrap; } .rc_iframe_body .rc_time_tr td { border-top: 1px solid #000000; padding: 2px; text-align: center; color: #000; white-space: nowrap; } .rc_iframe_body .rc_head_tr td, .rc_iframe_body .rc_nav_tr td { border-bottom: 1px solid #000000; padding: 2px; text-align: center; color: #000; white-space: nowrap; font-weight: bold; } .rc_iframe_body .rc_cal_tr td { border: 1px solid #fff; padding: 0; text-align: right; color: #000; white-space: nowrap; width: 20px; } .rc_iframe_body .rc_footer_tr td { border-top: 1px solid #000000; padding: 2px; text-align: center; color: #000; white-space: nowrap; } .rc_iframe_body .rc_hours { width: 20px; } .rc_iframe_body .rc_colon_span { } .rc_iframe_body .rc_mins { width: 20px; } .rc_iframe_body .rc_mins { width: 20px; } .rc_iframe_body td.rc_current { color: #fff; background: #00f; font-weight: bold; } .rc_iframe_body td.rc_today { font-weight: bold; } .rc_iframe_body td.rc_weekend_head { color: #f00; } .rc_iframe_body td.rc_weekend_day { color: #f00; } .rc_iframe_body tr.rc_highlight, .rc_iframe_body tr.rc_highlight td { border: 1px solid #ccccff; background: #ccccff; } .rc_iframe_body tr.rc_highlight td.rc_highlight { background: #3366cc; border: 1px solid #9999ff; } /* END: default skin */ /* BEGIN: alternate skin */ /* .rc_calendar_alt { border: 1px solid #000000; } .rc_iframe_body_alt { : : : */ /* Nieuwe styles voor CPL + Registrationtweakes */ .reg_info { background:#EFEFE8 url(/inc_images/icons/_16x16/lampje.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;} .reg_info a {font-weight:bold; color:#009900;} .reg_NewFormule {float:left;width:180px;margin-right:7px;padding:5px;} .redInfo {color:#FF0000;} h2.whitepaper_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-paperclip-s.png) no-repeat scroll 0 0 transparent; } h2.case_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat scroll 0 0 transparent; } h2.pdf_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pdf-s.png) no-repeat scroll 0 0 transparent; } h2.productfiche_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-spreadsheet-s.png) no-repeat scroll 0 0 transparent; } h2.pressrelease_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-text-s.png) no-repeat scroll 0 0 transparent; } h2.job_small { font-size:12px; padding:0 0 0 20px; } /* background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-redband-s.png) no-repeat scroll 0 0 transparent; */ h2.happening_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar-s.png) no-repeat scroll 0 0 transparent; } h2.evenement_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar-s.png) no-repeat scroll 0 0 transparent; } h2.beurs_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar-s.png) no-repeat scroll 0 0 transparent; } h2.opendeur_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar-s.png) no-repeat scroll 0 0 transparent; } h2.seminar_small { font-size:12px; padding:0 0 0 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar-s.png) no-repeat scroll 0 0 transparent; } h2.intLink {height:60px;padding-left:55px;font-size:12px;} h2.whitepaper { font-size:14px; display:block; line-height:16px; padding:0 0 8px 40px; margin: 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-paperclip.png) no-repeat; } h2.case { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil.png) no-repeat; } h2.pdf { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pdf.png) no-repeat; } h2.productfiche { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-spreadsheet.png) no-repeat; } h2.pressrelease { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-text.png) no-repeat; } h2.job { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; } /* background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-redband.png) no-repeat; */ h2.happening { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar.png) no-repeat; } h2.evenement { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar.png) no-repeat; } h2.beurs { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar.png) no-repeat; } h2.opendeur { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar.png) no-repeat; } h2.seminar { font-size:14px; display:block; line-height:16px; padding:0 0 0 40px; margin: 0 0 10px 0; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-calendar.png) no-repeat; } .sub { font-size:10px; font-weight:none; color:#ca0b01; } /* Floating sharebox */ /* #sharebox { } */ #sharebox.fixed { float: left; margin-left: -110px; position: absolute; background: #4E98DF; -moz-border-radius: 5px; border-radius: 5px; width:65px; position: fixed; top: 250px; } #sharebox.inline { height:70px; float: left; margin-bottom:5px; margin-top:5px; background: #4E98DF; -moz-border-radius: 5px; border-radius: 5px; width:580px; } #sharebox.fixed .wdt { float: left; clear: left; padding: 5px; border-bottom: 1px dotted #aaa;} #sharebox.inline .wdt { float: left; padding: 5px; width:65px;} .wdt .mybox {cursor: pointer; background:url('http://image.minoc.com/sites/zdnet/images_matrix/planet/reactieballon.gif') no-repeat 0 0 transparent;height:42px;width:55px;margin-bottom:2px;margin-top:-3px;} .wdt .mybox #reactieCounter {text-align:center;padding-top:10px; font-size:bold;} .wdt .myboxImage {width:55px;text-align:center;} .wdtPadding {padding-left:1px;} .wdtPadding img {background:#fff; padding:4px;} #facebookwdt {background:url('http://image.minoc.com/sites/zdnet/images_matrix/planet/facebook_bg.png') no-repeat 0 3px transparent;} /* Nieuwe tabbox */ #TabbedPanelsMidArt {} .tab_container {clear: none; margin: 0 1px; padding: 0;} .tab_container ul.tabs {height: 35px; margin: 0; padding: 0 0 0 10px; width: 100%;} .tab_container ul.tabs li { -moz-user-select: none; background: none repeat scroll 0 0 #C9CFD4; color: #06375D; cursor: pointer; display: table; float: left; font-size: 13px; height: 28px; list-style: none outside none; margin: 0 4px; padding: 2px 10px 0; position: relative; text-align: center; top: 5px;} .tab_container ul.tabs li a { color: #FFFFFF; text-decoration: none;} .tab_container ul.tabs li a:hover { text-decoration: none;} .tab_container ul.tabs li a:focus { outline: medium none;} .tab_container ul.tabs li:hover { background: none repeat scroll 0 0 #4E98DF; color: #FFFFFF;} .tab_container ul.tabs li.active, .tab_container ul.tabs li.active a:hover { background: none repeat scroll 0 0 #4E98DF; border-bottom: 1px solid #4E98DF; color: #FFFFFF; font-weight: bold;} .tab_container_content { border: 1px dotted #C9CFD4; margin: 0; padding: 25px 20px 20px;} .tab_content ul { margin: 0 0 0 15px;} #aantalReactiesKop {} /* ul met kleine icoontjes */ ul.list-icons { list-style:none;} ul.list-icons li { padding:0 0 4px 20px; } ul.list-icons li.whitepaper { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-paperclip-s.png) no-repeat 0 3px; } ul.list-icons li.case { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat 0 3px; } ul.list-icons li.pdf { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pdf-s.png) no-repeat 0 3px; } ul.list-icons li.productfiche { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-spreadsheet-s.png) no-repeat 0 3px; } ul.list-icons li.pressrelease { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-text-s.png) no-repeat 0 3px; } ul.list-icons li.job { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-redband-s.png) no-repeat 0 3px; } ul.list-icons li.evenement { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat 0 3px; } ul.list-icons li.beurs { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat 0 3px; } ul.list-icons li.opendeur { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat 0 3px; } ul.list-icons li.seminar { padding:0 0 4px 20px; background:url(http://image.minoc.com/sites/zdnet/images_matrix/planet/icon-pencil-s.png) no-repeat 0 3px; } ul.list-icons a { color:#575757; } .imgpara {padding: 10px;} /* B: jquery-prettybox */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(/images_matrix/planet/prettyphoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(/images_matrix/planet/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(/images_matrix/planet/prettyphoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(/images_matrix/planet/prettyphoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(/images_matrix/planet/prettyphoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(/images_matrix/planet/prettyphoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(/images_matrix/planet/prettyphoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(/images_matrix/planet/prettyphoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(/images_matrix/planet/prettyphoto/default/loader.gif) center center no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(/images_matrix/planet/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(/images_matrix/planet/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(/images_matrix/planet/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/images_matrix/planet/prettyphoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/images_matrix/planet/prettyphoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* E: jquery-prettybox */ .noscript { display: none; }