/* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } .bubbels .messages, .bubbels .tips, .bubbels .info, .bubbels .ok, .bubbels .status, .bubbels .error, .bubbels .warning, .bubbels #wuzcontainer .tips, #wuzcontainer .bubbels .tips, .bubbels #wuzcontainer .info, #wuzcontainer .bubbels .info, .bubbels #wuzcontainer .ok, #wuzcontainer .bubbels .ok, .bubbels #wuzcontainer .status, #wuzcontainer .bubbels .status, .bubbels #wuzcontainer .error, #wuzcontainer .bubbels .error, .bubbels #wuzcontainer .warning, #wuzcontainer .bubbels .warning, .bubbels #wuzcontainer .stop, #wuzcontainer .bubbels .stop, .bubbels .wuzcontainer .stop, .wuzcontainer .bubbels .stop { padding: 0.5em; margin: 0.5em 0; } .bubbels .messages ul, .bubbels .tips ul, .bubbels .info ul, .bubbels .ok ul, .bubbels .status ul, .bubbels .error ul, .bubbels .warning ul, .bubbels #wuzcontainer .tips ul, #wuzcontainer .bubbels .tips ul, .bubbels #wuzcontainer .info ul, #wuzcontainer .bubbels .info ul, .bubbels #wuzcontainer .ok ul, #wuzcontainer .bubbels .ok ul, .bubbels #wuzcontainer .status ul, #wuzcontainer .bubbels .status ul, .bubbels #wuzcontainer .error ul, #wuzcontainer .bubbels .error ul, .bubbels #wuzcontainer .warning ul, #wuzcontainer .bubbels .warning ul, .bubbels #wuzcontainer .stop ul, #wuzcontainer .bubbels .stop ul, .bubbels .wuzcontainer .stop ul, .wuzcontainer .bubbels .stop ul { padding: 0; margin: 0; } .bubbels .messages li, .bubbels .tips li, .bubbels .info li, .bubbels .ok li, .bubbels .status li, .bubbels .error li, .bubbels .warning li, .bubbels #wuzcontainer .tips li, #wuzcontainer .bubbels .tips li, .bubbels #wuzcontainer .info li, #wuzcontainer .bubbels .info li, .bubbels #wuzcontainer .ok li, #wuzcontainer .bubbels .ok li, .bubbels #wuzcontainer .status li, #wuzcontainer .bubbels .status li, .bubbels #wuzcontainer .error li, #wuzcontainer .bubbels .error li, .bubbels #wuzcontainer .warning li, #wuzcontainer .bubbels .warning li, .bubbels #wuzcontainer .stop li, #wuzcontainer .bubbels .stop li, .bubbels .wuzcontainer .stop li, .wuzcontainer .bubbels .stop li { list-style: disc; margin: 0.5em 1.3em; } .bubbels .tips, .bubbels .info, .bubbels .ok, .bubbels .status { background-color: #d9edf7; color: #3a87ad; } .bubbels .error, .bubbels .warning { background-color: #f2dede; color: #b94a48; } .bubbels-widget { position: absolute; bottom: 10px; left: 0; } .bubbels-widget .rate-info, .bubbels-widget .rate-description { display: none; } .bubbels-widget ul { list-style: none; overflow: hidden; padding: 0; margin: 0; } .bubbels-widget .item-list ul li { background-image: none; padding: 0; margin: 0; } .bubbels-widget ul li { float: left; list-style: none; } .bubbels-widget ul li a { display: block; float: left; } .bubbels-widget .rate-fivestar-btn-filled { display: inline-block; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/bubbels.png?1459852223') no-repeat 0 0; width: 23px; height: 79px; text-indent: -999px; } .bubbels-widget .rate-fivestar-btn-empty { display: inline-block; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/bubbels.png?1459852223') no-repeat 0 -79px; width: 23px; height: 79px; text-indent: -999px; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } @font-face { font-family: "HelveticaNeueBoldCondenseCnBd"; src: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/fonts/helvetica_neue_condensed_bold-webfont.eot?1459852223'); src: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/fonts/helvetica_neue_condensed_bold-webfont.eot?&1459852223#iefix') format('embedded-opentype'), url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/fonts/helvetica_neue_condensed_bold-webfont.woff?1459852223') format('woff'), url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/fonts/helvetica_neue_condensed_bold-webfont.ttf?1459852223') format('truetype'), url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/fonts/helvetica_neue_condensed_bold-webfont.svg?1459852223') format('svg'); } #small-header { margin-top: 5px; border-bottom: 21px solid #888; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/telegraaf_small.jpg?1459852223') no-repeat 0 0; height: 80px; } #small-header img { margin-left: 175px; } #artikel #wuzcontainer { background: transparent url() repeat-y 0 0; } html#login-register { background-color: #fafafa; } #wuzcontainer table.socialtab, .wuzcontainer table.socialtab { float: none; } #wuzcontainer table.socialtab .fbtdr a, .wuzcontainer table.socialtab .fbtdr a { overflow: hidden; *zoom: 1; } #wuzcontainer table.socialtab .fbtdr, #wuzcontainer table.socialtab .twtd, #wuzcontainer table.socialtab .potd, .wuzcontainer table.socialtab .fbtdr, .wuzcontainer table.socialtab .twtd, .wuzcontainer table.socialtab .potd { width: auto; overflow: visible; } #wuzcontainer .signin-widget a, .wuzcontainer .signin-widget a { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') repeat-y 0 0; width: 28px; height: 28px; display: block; float: left; margin-right: 0.25em; } #wuzcontainer .signin-widget .twitter, .wuzcontainer .signin-widget .twitter { background-position: 0 56px; } #wuzcontainer .signin-widget .google, .wuzcontainer .signin-widget .google { background-position: 0 167px; } #wuzcontainer .hidden, .wuzcontainer .hidden { display: none !important; } #wuzcontainer .wrapper, .wuzcontainer .wrapper { overflow: hidden; *zoom: 1; } #wuzcontainer .form-required, .wuzcontainer .form-required { color: #b94a48; } #wuzcontainer .bluebutton, .wuzcontainer .bluebutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; } #wuzcontainer .bluebutton:hover, .wuzcontainer .bluebutton:hover { color: #fff; text-decoration: none; } #wuzcontainer .bluebutton:hover, .wuzcontainer .bluebutton:hover { background-color: #75add7; } #wuzcontainer .bluebutton.disabled, .wuzcontainer .bluebutton.disabled { background-color: #c4dcee; } #wuzcontainer .messages, #wuzcontainer .tips, #wuzcontainer .info, #wuzcontainer .ok, #wuzcontainer .status, #wuzcontainer .error, #wuzcontainer .warning, #wuzcontainer .stop, .wuzcontainer .messages, .wuzcontainer #wuzcontainer .tips, #wuzcontainer .wuzcontainer .tips, .wuzcontainer #wuzcontainer .info, #wuzcontainer .wuzcontainer .info, .wuzcontainer #wuzcontainer .ok, #wuzcontainer .wuzcontainer .ok, .wuzcontainer #wuzcontainer .status, #wuzcontainer .wuzcontainer .status, .wuzcontainer .tips, .wuzcontainer .info, .wuzcontainer .ok, .wuzcontainer .status, .wuzcontainer #wuzcontainer .error, #wuzcontainer .wuzcontainer .error, .wuzcontainer #wuzcontainer .warning, #wuzcontainer .wuzcontainer .warning, .wuzcontainer .error, .wuzcontainer .warning, .wuzcontainer #wuzcontainer .stop, #wuzcontainer .wuzcontainer .stop, .wuzcontainer .stop { padding: 0.5em; margin: 0.5em 0; } #wuzcontainer .messages ul, #wuzcontainer .tips ul, #wuzcontainer .info ul, #wuzcontainer .ok ul, #wuzcontainer .status ul, #wuzcontainer .error ul, #wuzcontainer .warning ul, #wuzcontainer .stop ul, .wuzcontainer .messages ul, .wuzcontainer #wuzcontainer .tips ul, #wuzcontainer .wuzcontainer .tips ul, .wuzcontainer #wuzcontainer .info ul, #wuzcontainer .wuzcontainer .info ul, .wuzcontainer #wuzcontainer .ok ul, #wuzcontainer .wuzcontainer .ok ul, .wuzcontainer #wuzcontainer .status ul, #wuzcontainer .wuzcontainer .status ul, .wuzcontainer .tips ul, .wuzcontainer .info ul, .wuzcontainer .ok ul, .wuzcontainer .status ul, .wuzcontainer #wuzcontainer .error ul, #wuzcontainer .wuzcontainer .error ul, .wuzcontainer #wuzcontainer .warning ul, #wuzcontainer .wuzcontainer .warning ul, .wuzcontainer .error ul, .wuzcontainer .warning ul, .wuzcontainer #wuzcontainer .stop ul, #wuzcontainer .wuzcontainer .stop ul, .wuzcontainer .stop ul { padding: 0; margin: 0; } #wuzcontainer .messages li, #wuzcontainer .tips li, #wuzcontainer .info li, #wuzcontainer .ok li, #wuzcontainer .status li, #wuzcontainer .error li, #wuzcontainer .warning li, #wuzcontainer .stop li, .wuzcontainer .messages li, .wuzcontainer #wuzcontainer .tips li, #wuzcontainer .wuzcontainer .tips li, .wuzcontainer #wuzcontainer .info li, #wuzcontainer .wuzcontainer .info li, .wuzcontainer #wuzcontainer .ok li, #wuzcontainer .wuzcontainer .ok li, .wuzcontainer #wuzcontainer .status li, #wuzcontainer .wuzcontainer .status li, .wuzcontainer .tips li, .wuzcontainer .info li, .wuzcontainer .ok li, .wuzcontainer .status li, .wuzcontainer #wuzcontainer .error li, #wuzcontainer .wuzcontainer .error li, .wuzcontainer #wuzcontainer .warning li, #wuzcontainer .wuzcontainer .warning li, .wuzcontainer .error li, .wuzcontainer .warning li, .wuzcontainer #wuzcontainer .stop li, #wuzcontainer .wuzcontainer .stop li, .wuzcontainer .stop li { list-style: disc; margin: 0.5em 1.3em; } #wuzcontainer .tips, #wuzcontainer .info, #wuzcontainer .ok, #wuzcontainer .status, .wuzcontainer .tips, .wuzcontainer .info, .wuzcontainer .ok, .wuzcontainer .status { background-color: #d9edf7; color: #3a87ad; } #wuzcontainer .error, #wuzcontainer .warning, .wuzcontainer .error, .wuzcontainer .warning { background-color: #f2dede; color: #b94a48; } #wuzcontainer .error, #wuzcontainer .warning, .wuzcontainer .error, .wuzcontainer .warning { background-color: #f2dede; color: #b94a48; } #wuzcontainer .stop, .wuzcontainer .stop { background-color: #faf9e7; color: #8b844e; } #wuzcontainer .stop .button, .wuzcontainer .stop .button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; width: 180px; } #wuzcontainer .stop .button:hover, .wuzcontainer .stop .button:hover { color: #fff; text-decoration: none; } #wuzcontainer .stop .button:hover, .wuzcontainer .stop .button:hover { background-color: #75add7; } #wuzcontainer .stop .button.disabled, .wuzcontainer .stop .button.disabled { background-color: #c4dcee; } #contentWrap #wuzcontainer #community-status a { color: #000; text-decoration: underline; } #contentWrap #wuzcontainer #community-status a:hover { color: #4D96CC; text-decoration: underline; } #contentWrap #wuzcontainer #community-status .bluebutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; } #contentWrap #wuzcontainer #community-status .bluebutton:hover { color: #fff; text-decoration: none; } #contentWrap #wuzcontainer #community-status .bluebutton:hover { background-color: #75add7; } #contentWrap #wuzcontainer #community-status .bluebutton.disabled { background-color: #c4dcee; } #wuzcontainer { overflow: hidden; *zoom: 1; margin: 10px 0; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/background.png?1459852223') repeat-y 0 0; } #wuzcontainer .breadcrumb { margin: 0 0 1em 0; } #wuzcontainer em { font-style: normal; font-weight: bold; } #wuzcontainer a { color: #000; text-decoration: underline; } #wuzcontainer a:hover { color: #4D96CC; text-decoration: underline; } #wuzcontainer h2.title { margin: 0.1em 0 0.5em 0; } #wuzcontainer h2.title, #wuzcontainer h2.title a { color: #000 !important; } #wuzcontainer h2.title a:hover { color: #4D96CC !important; text-decoration: underline; } #wuzcontainer h2, #wuzcontainer h2 a { color: #4D96CC !important; } #wuzcontainer h5 a, #wuzcontainer h2 a { text-decoration: none; } #wuzcontainer ul, #wuzcontainer ol { overflow: hidden; *zoom: 1; margin: 0; padding: 0; } #wuzcontainer #leftbar { margin-top: 0 !important; } #wuzcontainer #main { margin: 0 10px 0 0; width: 470px; position: inherit; } #wuzcontainer #rightbar { background-color: #F2F2F2; top: 0; } #wuzcontainer #rightbar .block { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #888; overflow: hidden; *zoom: 1; } #wuzcontainer #rightbar .block li { list-style-image: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/arrow_list.png?1459852223'); margin-left: 1em; font-size: 0.9em; padding-bottom: 1em; } #wuzcontainer #rightbar .block .laatsteReacties li { overflow: hidden; *zoom: 1; list-style: none; margin-left: 0; } #wuzcontainer #rightbar .block .laatsteReacties div { float: left; width: 244px; } #wuzcontainer #rightbar .block .laatsteReacties div.image { width: 56px; } #wuzcontainer #rightbar .block .laatsteReacties img { padding-right: 0.5em; width: 50px; height: 50px; } #wuzcontainer .goodiebar #rightbar { padding: 0 !important; } #wuzcontainer .node-list { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #888; } #wuzcontainer .status-btns { overflow: hidden; *zoom: 1; float: right; } #wuzcontainer .status-btns .btn-refused, #wuzcontainer .status-btns .btn-accepted, #wuzcontainer .status-btns .btn-submitted, #wuzcontainer .status-btns .btn-slash, #wuzcontainer .status-btns .btn-close { width: 14px; height: 14px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -125px 0; float: left; margin-right: 1px; display: block; } #wuzcontainer .status-btns .btn-refused { background-position: -65px 0; } #wuzcontainer .status-btns .btn-accepted { background-position: -80px 0; } #wuzcontainer .status-btns .btn-submitted { background-position: -95px 0; } #wuzcontainer .status-btns .btn-slash { background-position: -110px 0; } #wuzcontainer .meta { overflow: hidden; *zoom: 1; } #wuzcontainer .meta .datum { margin: 0.5em 0; color: #333; float: left; font-weight: bold; } #wuzcontainer .meta .reactiesRight { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/text_balloon_sprite.png?1459852223') repeat-y -4px 0; float: left; height: 20px; margin: 3px 0 0; padding-top: 2px; width: 3px; } #wuzcontainer .meta .reacties { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/text_balloon_sprite.png?1459852223') repeat-y -8px 0; font-size: 11px; font-weight: normal; height: 20px; margin: 3px 0 0 5px; padding: 2px 10px 0 10px; position: relative; text-align: center; float: left; } #wuzcontainer .content { overflow: hidden; *zoom: 1; } #wuzcontainer .content .teaser-image { float: left; margin: 0 0.5em 0.5em 0; width: 100px; } #wuzcontainer .pager { overflow: hidden; *zoom: 1; position: relative; margin: 23px 0; line-height: 21px; text-align: center; list-style-type: none; padding: 0; } #wuzcontainer .pager li { display: inline; font-weight: bold; margin-right: 0.5em; } #wuzcontainer .pager a { padding: 0.5em; background-color: #4D96CC; color: #fff; text-decoration: none; } #wuzcontainer .pager a:hover { background-color: #AAA; color: #000; text-decoration: none; } #wuzcontainer .pager-current { background-color: #AAA; color: #000; padding: 0.5em; } #wuzcontainer .pager-next { right: 0; } #wuzcontainer .pager-previous { left: 0; } #wuzcontainer .pager-next, #wuzcontainer .pager-previous { position: absolute; } #wuzcontainer .pager-next a, #wuzcontainer .pager-previous a { background-color: transparent; color: #000; font-weight: normal; } #wuzcontainer .pager-next a:hover, #wuzcontainer .pager-previous a:hover { background-color: #fff; text-decoration: underline; } #wuzcontainer li.pager-last, #wuzcontainer li.pager-first { display: none; } #wuzcontainer .wuzProfile img, #wuzcontainer .wuzProfile h3 { display: none; } #wuzcontainer .wuzProfile dt { font-weight: bold; } #wuzcontainer .wuzProfile dd { margin: 0.5em 0; } #wuzcontainer .user-info { overflow: hidden; *zoom: 1; background-color: #4D96CC; color: #fff; padding: 1em; } #wuzcontainer .user-info img { float: left; margin-right: 1em; width: 80px; } #wuzcontainer .user-info div { float: left; } #wuzcontainer .user-info a, #wuzcontainer .user-info a:hover { color: #fff !important; } #wuzcontainer .user-info .action { display: none; } #wuzcontainer .item-list a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 10px; border: 0; background-color: #4D96CC; color: #fff !important; text-decoration: none !important; font-weight: bold; cursor: pointer; float: right; } #wuzcontainer .archiveList a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; padding: 0; border: 0 none; background-color: transparent; color: #000 !important; text-decoration: underline; font-weight: normal; cursor: pointer; float: none; } #wuzcontainer .archiveList a:hover { color: #4D96CC; text-decoration: underline; } #wuzcontainer table { border-collapse: collapse; margin: 1em 0; } #wuzcontainer th { background-color: #888; color: #fff; padding: 0.5em; border: 1px solid #fff; } #wuzcontainer tr.even { background-color: #F2F2F2; } #wuzcontainer td { padding-right: 0.5em; border: 1px solid #fff; } #wuzcontainer table.sticky-header { display: none; } #wuzcontainer .rate-info { display: none; } #followers .follower { overflow: hidden; *zoom: 1; margin: 0 0 1em 0; } #followers .follower img { float: left; margin: 0 1em 0 0; } #followers .follower .remove { margin: 1em 0; } #followers .follower .remove a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 10px; border: 0; background-color: #4D96CC; color: #fff !important; text-decoration: none !important; font-weight: bold; cursor: pointer; } #navigation { background-color: #888; display: none; } #navigation .active, #navigation a:hover { background-color: #4D96CC; color: #fff; text-decoration: none; } #navigation li { border-top: 1px solid #F2F2F2; line-height: 18px; font-size: 11px; font-weight: bold; } #navigation li.hover { cursor: pointer; } #navigation ul.menu-sub { display: none; background-color: #AAA; } #navigation ul.menu-sub a { padding-left: 19px; } #navigation a { display: block; color: #fff; padding: 3px 10px; text-decoration: none; } .comment-new-success ul.links { display: none; } #comments, .comment-new-success { margin: 1em 0; } #comments .box h2:first-child, .comment-new-success .box h2:first-child { display: none; } #comments .comment, .comment-new-success .comment { margin: 1em 0 !important; padding: 0.5em 0 0 0 !important; border-top: 1px solid #AAA; } #comments .comment > .wrapper, .comment-new-success .comment > .wrapper { margin-bottom: 10px; } #comments img.avatar, .comment-new-success img.avatar { float: left; margin: 0 0.5em 0.5em 0; width: 80px; } #comments .date, .comment-new-success .date { color: #888; float: right; font-weight: bold; } #comments .username a, #comments .username, .comment-new-success .username a, .comment-new-success .username { color: #4D96CC; font-weight: bold; text-decoration: none; } #comments .username a:hover, #comments .username:hover, .comment-new-success .username a:hover, .comment-new-success .username:hover { text-decoration: underline; } #comments .klacht, .comment-new-success .klacht { float: right; width: 20px; height: 19px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -44px 0; } #comments div.rate-widget, .comment-new-success div.rate-widget { float: left; } #comments ul.links, .comment-new-success ul.links { margin-top: -28px; text-align: center; } #comments ul.links li, .comment-new-success ul.links li { display: inline; } #comments ul.links li a, .comment-new-success ul.links li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; width: 50px; margin: 0 auto; } #comments ul.links li a:hover, .comment-new-success ul.links li a:hover { color: #fff; text-decoration: none; } #comments ul.links li a:hover, .comment-new-success ul.links li a:hover { background-color: #75add7; } #comments ul.links li a.disabled, .comment-new-success ul.links li a.disabled { background-color: #c4dcee; } #comment-form-content { display: block; } #rate-widget ul { overflow: hidden; *zoom: 1; list-style-type: none; margin: 0; padding: 0; } #rate-widget ul li { float: left; margin-right: 0.25em; line-height: 1.7em; } #rate-widget .item-list a { background-color: #F2F2F2; border: 1px solid #AAA; color: #888 !important; padding: 0.25em 0.5em; margin-right: 0.25em; float: left; line-height: 1em; } #heartbeats .message { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #888; } #heartbeats .klacht { background: #f2dede; } #heartbeats .klacht span.error_text { color: #b94a48; } #heartbeats h2 { overflow: hidden; *zoom: 1; } #wuzcontainer .box { margin: 1em 0; } #wuzcontainer .box .status { float: none; right: 0px; } #wuzcontainer div.rate-widget ul { overflow: hidden; *zoom: 1; } #wuzcontainer div.rate-widget li { overflow: hidden; *zoom: 1; width: 50px; height: 23px; float: left; list-style: none; } #wuzcontainer div.rate-widget a { display: block; width: 21px; height: 23px; margin: 0 4px; color: transparent; } #wuzcontainer div.rate-widget div { line-height: 2.5em; } #wuzcontainer div.rate-widget .thumb-up a { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat 0 0; float: right; } #wuzcontainer div.rate-widget .thumb-up div { float: left; } #wuzcontainer div.rate-widget .thumb-down a { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -23px 0; float: left; } #wuzcontainer div.rate-widget .thumb-down div { float: right; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #wuzcontainer .weak { color: #b94a48; } #wuzcontainer .good { color: #3a87ad; } #wuzcontainer .strong { color: #679D00; } #wuzcontainer input[type=text], #wuzcontainer input[type=password] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #AAA; width: 342px; padding: 0.25em; } #wuzcontainer fieldset { margin: 0 0 2em 0; padding: 0; border: 0 none; } #wuzcontainer fieldset fieldset { margin: 2em 0; } #wuzcontainer fieldset.captcha { margin: 0.5em 0; } #wuzcontainer fieldset.captcha legend { display: none; } #wuzcontainer fieldset.captcha img { padding: 0.5em 0; } #wuzcontainer fieldset.captcha label { width: 210px; } #wuzcontainer fieldset.captcha input[type=text] { width: 40px; } #wuzcontainer legend { margin: 0 0 1em 0; padding: 0; font-weight: bold; font-size: 14px; } #wuzcontainer #node-delete-confirm a, #wuzcontainer input[type=submit], #wuzcontainer input[type=button] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; float: right; } #wuzcontainer #node-delete-confirm a:hover, #wuzcontainer input[type=submit]:hover, #wuzcontainer input[type=button]:hover { color: #fff; text-decoration: none; } #wuzcontainer #node-delete-confirm a:hover, #wuzcontainer input[type=submit]:hover, #wuzcontainer input[type=button]:hover { background-color: #75add7; } #wuzcontainer #node-delete-confirm a.disabled, #wuzcontainer input[type=submit].disabled, #wuzcontainer input[type=button].disabled { background-color: #c4dcee; } #wuzcontainer #node-delete-confirm a { margin-right: 1em; text-decoration: none; line-height: 16px; } #wuzcontainer label { float: left; font-weight: normal; width: 110px; line-height: 22px; } #wuzcontainer label.option { width: auto; } #wuzcontainer .form-item, #wuzcontainer .form-checkboxes, #wuzcontainer .form-radios { overflow: hidden; *zoom: 1; } #wuzcontainer .form-item { margin: 0.5em 0; } #wuzcontainer .form-item .form-required { color: #C00; } #wuzcontainer .form-item .description { display: none; font-style: italic; margin: 0.5em 0 0.5em 110px; } #wuzcontainer .form-item .confirm-parent { display: none; } #wuzcontainer .container-inline .form-item { float: left; width: auto; } #wuzcontainer .share-your-reply { overflow: hidden; *zoom: 1; } #wuzcontainer .share-your-reply label { overflow: hidden; *zoom: 1; margin: 0; float: none; } #wuzcontainer .share-your-reply p { padding: 0; vertical-align: middle; display: block; float: left; margin: 2px 0.5em 0 5px; } #wuzcontainer .share-your-reply div { float: left; width: auto; height: 18px; margin: 0 0.5em 0 0; } #wuzcontainer .share-your-reply input[type=checkbox] { left: 0; margin: 3px 0 0 0; width: auto; } #wuzcontainer .share-your-reply img { float: left; height: 18px; width: 18px; } #wuzcontainer .password-strength, #wuzcontainer .password-confirm { margin-left: 120px; display: block; visibility: hidden; } #wuzcontainer .password-strength .error, #wuzcontainer .password-confirm .error { padding: 0.2em 0.5em; line-height: 2em; margin-left: 1em; } #wuzcontainer .teaser-checkbox { overflow: hidden; *zoom: 1; } #wuzcontainer .filefield-element .form-item { margin: 0; overflow: visible; } #wuzcontainer .ajax-comments-loader { background: #FFFFFF url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/ajax-loader.gif?1459852223') no-repeat scroll 50% 50%; width: 470px; height: 60px; text-align: center; } #wuzcontainer #user-register input[type='text'], #wuzcontainer #user-register input[type='password'] { width: 200px; } #wuzcontainer #username-check-wrapper { clear: both; } #wuzcontainer #username-check-wrapper #edit-profile-nickname { float: left; } #wuzcontainer #username-check-wrapper .wrapper div { float: left; line-height: 22px; margin-left: 0.5em; } #wuzcontainer #username-check-wrapper .description { display: block; } #maxchars { text-align: right; } #maxchars div { margin: 0.5em 0; text-align: left; } #user-login { width: 100%; } #user-login .user-login-form, #user-login .signin-widget { overflow: hidden; width: 100%; } #user-login .description a { float: none; display: inline; margin-right: 0; } #user-login a { float: left; display: block; margin-right: 0.5em; } #user-login a img { width: 40px; height: 40px; } #user-login .user-login-form .register { display: none; } #user-login a:hover img, #user-login a:focus img, #user-login a:active img { opacity: .65; } #edit-article-url-wrapper label { float: none; width: auto; margin: 0 0 0.5em 0; } #edit-field-tmc-image-0-ahah-wrapper { margin: 0 0 2em 0; } #tmc-community-socialnetworks-form img { height: 30px; width: 30px; } #tmc-community-socialnetworks-form .info { float: right; line-height: 20px; width: 420px; } #tmc-community-socialnetworks-form .network { overflow: hidden; *zoom: 1; } #tmc-community-socialnetworks-form .inside a { display: none; } #tmc-community-socialnetworks-form .connected { background-color: #DAEDB6 !important; color: #679D00 !important; } #edit-body { width: 464px; height: 464px; } #edit-teaser-js { width: 464px; height: 232px; margin-bottom: 1em; } #user-notifications-form { overflow: hidden; *zoom: 1; } #edit-condition-wrapper label { line-height: normal; } #comment-preview { margin: 0.5em 0; } #comment-form { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC; padding: 5px; background-color: #F8F8F8; } #comment-form .login-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; float: right; } #comment-form .login-button:hover { color: #fff; text-decoration: none; } #comment-form .login-button:hover { background-color: #75add7; } #comment-form .login-button.disabled { background-color: #c4dcee; } #comment-form .social-media-login { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #4D96CC; background-color: white; display: none; position: absolute; z-index: 999; right: 0; margin: 27px 6px 0 0; } #comment-form .social-media-login span { display: block; float: left; margin: 1px; padding: 2px; } #comment-form h5 { float: left; } #comment-form .count { overflow: hidden; width: auto; } #comment-form .count span { float: right; } #comment-form textarea { width: 452px; max-width: 452px; border: 1px solid #CCC; } #comment-form label { width: 90px; } #comment-form input[type=submit] { display: none; } #comment-form input[type=text], #comment-form input[type=password] { border: 1px solid #CCC; width: 360px; } #edit-pass-pass1, #pass-check-message { float: left; } #pass-check-message { line-height: 22px; margin-left: 1em; } #lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; min-width: 240px; overflow: hidden; } #imageContainer, #frameContainer, #modalContainer { padding: 10px; } #modalContainer { line-height: 1em; overflow: auto; } #loading { display: none; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer > #hoverNav { left: 0; } #frameHoverNav { z-index: 10; margin-left: auto; margin-right: auto; width: 20%; position: absolute; bottom: 0px; height: 45px; } #imageData > #frameHoverNav { left: 0; } #hoverNav a, #frameHoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/blank.gif?1459852223') no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink, #framePrevLink { left: 0; float: left; } #nextLink, #frameNextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/prev.gif?1459852223') left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/next.gif?1459852223') right 15% no-repeat; } #prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav, #framePrevLink:hover, #framePrevLink:visited:hover { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/prev_hover.gif?1459852223') left 15% no-repeat; } #nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav, #frameNextLink:hover, #frameNextLink:visited:hover { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/next_hover.gif?1459852223') right 15% no-repeat; } #framePrevLink, #frameNextLink { width: 45px; height: 45px; display: block; position: absolute; bottom: 0px; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; min-width: 240px; } #imageData { padding: 0 10px; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #lightbox2-node-link-text { display: block; padding-bottom: 1.0em; } #imageData #bottomNav { height: 66px; } .lightbox2-alt-layout #imageData #bottomNav, .lightbox2-alt-layout-data #bottomNav { margin-bottom: 60px; } #lightbox2-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #overlay_default { opacity: 0.6; } #overlay_macff2 { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/overlay.png?1459852223') repeat; } /* Image location mod */ #bottomNavClose { display: block; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -25px -74px; height: 18px; width: 18px; top: 4px; position: absolute; right: 4px; margin-top: 0px; } #bottomNavClose:hover { background-position: -25px -49px; } #loadingLink { display: block; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/loading.gif?1459852223') no-repeat; width: 32px; height: 32px; } #bottomNavZoom { display: none; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/expand.gif?1459852223') no-repeat; width: 34px; height: 34px; position: relative; left: 30px; float: right; } #bottomNavZoomOut { display: none; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/contract.gif?1459852223') no-repeat; width: 34px; height: 34px; position: relative; left: 30px; float: right; } #lightshowPlay { margin-top: 42px; float: right; margin-right: 5px; margin-bottom: 1px; height: 20px; width: 20px; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/play.png?1459852223') no-repeat; } #lightshowPause { margin-top: 42px; float: right; margin-right: 5px; margin-bottom: 1px; height: 20px; width: 20px; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/lightbox/pause.png?1459852223') no-repeat; } .lightbox2-alt-layout-data #bottomNavClose, .lightbox2-alt-layout #bottomNavClose { margin-top: 0px; } .lightbox2-alt-layout-data #bottomNavZoom, .lightbox2-alt-layout-data #bottomNavZoomOut, .lightbox2-alt-layout #bottomNavZoom, .lightbox2-alt-layout #bottomNavZoomOut { margin-top: 93px; } .lightbox2-alt-layout-data #lightshowPlay, .lightbox2-alt-layout-data #lightshowPause, .lightbox2-alt-layout #lightshowPlay, .lightbox2-alt-layout #lightshowPause { margin-top: 102px; } .lightbox_hide_image { display: none; } #lightboxImage { -ms-interpolation-mode: bicubic; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #ajax-login-loader { position: absolute; display: none; } #ajax-login-loader .background { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background-color: #fff; } #ajax-login-loader .text { background: #FFFFFF url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/ajax-loader.gif?1459852223') no-repeat scroll 50% 28px; text-align: center; padding: 10px; height: 36px; position: absolute; top: 50px; left: 0; } #user-login-form { display: none; } #community-status { overflow: hidden; *zoom: 1; background-color: white; border: 1px solid #AAA; margin: 10px 0; padding: 10px; } #community-status form { padding: 0; margin: 0; } #community-status p { margin: 1em 0 0 0; } #community-status #edit-remember-me-wrapper label { width: auto; margin-left: 90px; line-height: 18px; } #community-status .captcha { border: 0 none; margin: 0; padding: 0; } #community-status .captcha legend { display: none; } #community-status .captcha a { display: inline; } #community-status .captcha img { margin: 10px 0; } #community-status .captcha label { display: block; width: auto; margin-right: 10px; } #community-status .captcha input[type="text"] { width: 62px; } #community-status .captcha .form-item .description { display: none; } #community-status .user-status-forgot-again a, #community-status .user-status-ingelogd a { display: inline; } #community-status a { display: block; margin: 1em 0 0 0; } #community-status a.bluebutton { margin: 0; } #community-status .form-item { overflow: hidden; *zoom: 1; margin: 0.5em 0; } #community-status label { width: 90px; float: left; line-height: 24px; } #community-status input[type="text"], #community-status input[type="password"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; border: 1px solid #AAA; width: 160px; float: left; padding: 0.25em; } #community-status input[type="submit"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; margin-left: 90px; float: none; } #community-status input[type="submit"]:hover { color: #fff; text-decoration: none; } #community-status input[type="submit"]:hover { background-color: #75add7; } #community-status input[type="submit"].disabled { background-color: #c4dcee; } #community-status textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; border: 1px solid #AAA; width: 269px; padding: 0.25em; } #community-status ul { overflow: hidden; *zoom: 1; margin: 0; padding: 0; } #community-status h5 { font-size: 14px; font-weight: bold; margin: 0 0 1em 0; padding: 0; } #community-status .user-status-uitgelogd .error { margin-top: 0; } #community-status .user-status-uitgelogd .wrapper { margin-bottom: 1em; } #community-status .close { float: right; margin: -28px 0 0 0; display: none; } #community-status .social-login { margin-top: 1em; } #community-status .social-login ul { margin-top: 1em; } #community-status .social-login li { list-style: none; list-style-image: none !important; padding: 0 !important; height: 28px; width: 28px; float: left; margin: 0 0.25em 0 0 !important; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat 0 0; font-size: 12px; } #community-status .social-login .twitter { background-position: 0 -140px; } #community-status .social-login .hyves { background-position: 0 -56px; } #community-status .social-login .google { background-position: 0 -28px; } #community-status .social-login a { height: 28px; width: 28px; display: block; } #community-status .user-status-uitgelogd, #community-status .user-status-ingelogd, #community-status .user-status-forgot, #community-status .user-status-forgot-sent, #community-status .user-status-forgot-again, #community-status .user-status-forgot-contact, #community-status .user-status-forgot-last { overflow: hidden; *zoom: 1; display: none; } #community-status .user-status-ingelogd { overflow: hidden; *zoom: 1; } #community-status .user-status-ingelogd .avatar { display: block; height: 50px; width: 50px; overflow: hidden; float: left; margin: 0 10px 10px 0; } #community-status .user-status-ingelogd img { width: 50px; } #community-status .user-status-ingelogd .name { font-size: 14px; font-weight: bold; } #community-status .user-status-ingelogd .location { float: none; text-transform: none; } #community-status .user-status-ingelogd .user-activity { margin-top: 0.5em; } #community-status .user-status-ingelogd .about { margin: 0.5em 0; } #tmc-login-user-pass-again input[type="submit"] { margin-left: 0; float: right; } #tmc-login-user-pass-again .wrapper { margin-top: 1em; } #tmc-login-user-pass-contact input[type="submit"] { float: right; margin-left: 0; } #tmc-login-user-pass-contact a { float: left; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #loginbar { position: relative; float: right; } #loginbar.hoverState ul li ul, #loginbar:hover ul li ul, #loginbar:hover ul li .header, #loginbar.hoverState ul li .header { display: block; } #loginbar a { color: #333; } #loginbar a:hover { text-decoration: none; } #loginbar ul { overflow: hidden; *zoom: 1; margin: 0; padding: 0; } #loginbar li { float: left; background-color: transparent; list-style: none; margin: 0; font-weight: bold; } #loginbar ul li ul { -moz-box-shadow: 0px 4px 10px 0px #888; -webkit-box-shadow: 0px 4px 10px 0px #888; box-shadow: 0px 4px 10px 0px #888; position: absolute; margin: 0; padding: 0.5em; background-color: #fff; top: 33px; display: none; z-index: 9999999; right: 0; border: 1px solid #000; width: 150px; } #loginbar ul li ul li { float: none; white-space: nowrap; list-style-type: none; line-height: 3em; padding: 0; } #loginbar ul li ul li a { width: 150px; display: block; } #loginbar ul li ul li a:before { display: inline-block; content: ' '; margin: 0 5px; } #loginbar ul li ul li.hr { border-top: 1px solid #ccc; } #loginbar ul li ul li:hover { background-color: #888; } #loginbar ul li ul li:hover a { color: #fff; } #loginbar .name { line-height: 26px; margin-right: 0.5em; max-width: 140px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #loginbar .header { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -25px -23px; height: 13px; width: 200px; z-index: 999999; right: -23px; position: absolute; top: 20px; display: none; } #loginbar .image, #loginbar .actions, #loginbar .status { width: 25px; height: 25px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat 0 0; overflow: hidden; margin: 0; padding: 0; } #loginbar .image { background-position: 0 -23px; } #loginbar .actions { background-position: 2px -48px; } #loginbar .status { background-position: 0 -73px; } #loginbar .logged-in .status { background-position: 0 -98px; } body.login-register #wuzcontainer { font-size: 1.375em; line-height: 1.96364em; background-color: #fafafa; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0; } body.login-register #wuzcontainer #user-register .wrapper { overflow: visible; } body.login-register #wuzcontainer .form-required { display: none; } body.login-register #wuzcontainer .main-wrapper { padding: 20px 20px 0 20px; margin: 0px; min-height: 570px; } body.login-register #wuzcontainer .messages, body.login-register #wuzcontainer .tips, body.login-register #wuzcontainer .info, body.login-register #wuzcontainer .ok, body.login-register #wuzcontainer .status, body.login-register #wuzcontainer .error, body.login-register #wuzcontainer .warning, body.login-register #wuzcontainer .stop { background-color: transparent; } body.login-register #wuzcontainer .messages ul, body.login-register #wuzcontainer .tips ul, body.login-register #wuzcontainer .info ul, body.login-register #wuzcontainer .ok ul, body.login-register #wuzcontainer .status ul, body.login-register #wuzcontainer .error ul, body.login-register #wuzcontainer .warning ul, body.login-register #wuzcontainer .stop ul, body.login-register #wuzcontainer .messages li, body.login-register #wuzcontainer .tips li, body.login-register #wuzcontainer .info li, body.login-register #wuzcontainer .ok li, body.login-register #wuzcontainer .status li, body.login-register #wuzcontainer .error li, body.login-register #wuzcontainer .warning li, body.login-register #wuzcontainer .stop li { list-style: none; } body.login-register #wuzcontainer .messages li, body.login-register #wuzcontainer .tips li, body.login-register #wuzcontainer .info li, body.login-register #wuzcontainer .ok li, body.login-register #wuzcontainer .status li, body.login-register #wuzcontainer .error li, body.login-register #wuzcontainer .warning li, body.login-register #wuzcontainer .stop li { margin: 0; } body.login-register #wuzcontainer .faq { width: 650px; margin: 0 auto; } body.login-register #wuzcontainer .faq p { text-align: left; margin: 1em 0; } body.login-register #wuzcontainer .faqbody li { margin: 0 0 0 18px; } body.login-register #wuzcontainer .faqbody, body.login-register #wuzcontainer .messages, body.login-register #wuzcontainer .tips, body.login-register #wuzcontainer .info, body.login-register #wuzcontainer .ok, body.login-register #wuzcontainer .status, body.login-register #wuzcontainer .error, body.login-register #wuzcontainer .warning, body.login-register #wuzcontainer .stop { font-size: 0.8125em; line-height: 1.47692em; padding: 0; margin: 0; } body.login-register #wuzcontainer .faqbody ul, body.login-register #wuzcontainer .faqbody li, body.login-register #wuzcontainer .messages ul, body.login-register #wuzcontainer .tips ul, body.login-register #wuzcontainer .info ul, body.login-register #wuzcontainer .ok ul, body.login-register #wuzcontainer .status ul, body.login-register #wuzcontainer .error ul, body.login-register #wuzcontainer .warning ul, body.login-register #wuzcontainer .stop ul, body.login-register #wuzcontainer .messages li, body.login-register #wuzcontainer .tips li, body.login-register #wuzcontainer .info li, body.login-register #wuzcontainer .ok li, body.login-register #wuzcontainer .status li, body.login-register #wuzcontainer .error li, body.login-register #wuzcontainer .warning li, body.login-register #wuzcontainer .stop li { font-family: 'Open Sans', sans-serif; font-weight: 400 !important; padding: 0; } body.login-register #wuzcontainer .faqbody ul, body.login-register #wuzcontainer .messages ul, body.login-register #wuzcontainer .tips ul, body.login-register #wuzcontainer .info ul, body.login-register #wuzcontainer .ok ul, body.login-register #wuzcontainer .status ul, body.login-register #wuzcontainer .error ul, body.login-register #wuzcontainer .warning ul, body.login-register #wuzcontainer .stop ul { margin: 0; } body.login-register #wuzcontainer .weak, body.login-register #wuzcontainer .strong, body.login-register #wuzcontainer .good { font-size: 0.8125em; line-height: 1.84615em; } body.login-register #wuzcontainer .faqbody { -moz-box-shadow: 0px 4px 10px 0px #888; -webkit-box-shadow: 0px 4px 10px 0px #888; box-shadow: 0px 4px 10px 0px #888; background-color: #fff; width: 330px; padding: 0.5em; position: absolute; display: none; } body.login-register #wuzcontainer .faqbody ul { list-style-type: disc; } body.login-register #wuzcontainer #change-password-form .confirm-parent, body.login-register #wuzcontainer #change-password-form .password-confirm { visibility: visible !important; } body.login-register #wuzcontainer input[type=checkbox] { width: 20px; height: 20px; } body.login-register #wuzcontainer input[type=text], body.login-register #wuzcontainer input[type=password] { font-size: 1.375em; line-height: 1.30909em; border-radius: 0; border: 1px solid #888; width: 318px !important; margin: 0; padding: 10px; font-weight: 400; } body.login-register #wuzcontainer blockquote { padding: 0.25em; } body.login-register #wuzcontainer form .form-item { margin: 0.25em 0; } body.login-register #wuzcontainer form .pass-message { display: none; } body.login-register #wuzcontainer label, body.login-register #wuzcontainer .label { font-size: 1em; line-height: 1.5em; text-transform: uppercase; color: #888; display: block; width: inherit; float: none; margin-bottom: 0; font-weight: 400; } body.login-register #wuzcontainer label.option { color: #000; text-transform: none; } body.login-register #wuzcontainer fieldset { width: 100%; } body.login-register #wuzcontainer fieldset.footer { text-align: center; margin: 0.25em 0 0 0; white-space: nowrap; } body.login-register #wuzcontainer fieldset.footer a { margin: 0 0.25em 0 0; } body.login-register #wuzcontainer .faqicon { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -50px -68px; display: inline-block; height: 26px; width: 24px; cursor: pointer; } body.login-register #wuzcontainer #edit-name-wrapper { position: relative; } body.login-register #wuzcontainer #edit-name-wrapper span.field-prefix { font-size: 0.8125em; line-height: 1.84615em; position: absolute; right: 2px; top: 0; color: #888; } body.login-register #wuzcontainer #edit-name-wrapper .faqicon { top: -4px; left: 6px; position: relative; } body.login-register #wuzcontainer #edit-pass-pass1, body.login-register #wuzcontainer #pass-check-message { float: none; } body.login-register #wuzcontainer #edit-pass-pass2 { visibility: visible; } body.login-register #wuzcontainer #edit-pass-pass1-wrapper, body.login-register #wuzcontainer #edit-pass-pass2-wrapper { margin: 0; padding: 0; display: block; } body.login-register #wuzcontainer #edit-submit { float: none; } body.login-register #wuzcontainer small, body.login-register #wuzcontainer .small { font-size: 0.8125em; line-height: 1.84615em; color: #888; font-weight: normal; text-transform: none; } body.login-register #wuzcontainer .center { text-align: center; } body.login-register #wuzcontainer .left { text-align: left; } body.login-register #wuzcontainer .form-submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4375em; line-height: 1.66957em; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.05em; margin: 0; padding: 2px; display: block; border: 0 none; text-align: center; cursor: pointer; width: 336px; position: relative; background-color: #5ac80a; } body.login-register #wuzcontainer .form-submit:hover { color: #fff; text-decoration: none; } body.login-register #wuzcontainer .form-submit .next { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -97px -74px; width: 18px; height: 18px; display: inline-block; position: absolute; top: 14px; } body.login-register #wuzcontainer .form-submit:hover { background-color: #449708; } body.login-register #wuzcontainer .form-submit.disabled { background-color: #183603; } body.login-register #wuzcontainer .grey-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4375em; line-height: 1.66957em; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.05em; margin: 0; padding: 2px; display: block; border: 0 none; text-align: center; cursor: pointer; width: 336px; position: relative; background-color: #AAA; } body.login-register #wuzcontainer .grey-button:hover { color: #fff; text-decoration: none; } body.login-register #wuzcontainer .grey-button .next { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -97px -74px; width: 18px; height: 18px; display: inline-block; position: absolute; top: 14px; } body.login-register #wuzcontainer .grey-button:hover { background-color: #909090; } body.login-register #wuzcontainer .grey-button.disabled { background-color: #5d5d5d; } body.login-register #wuzcontainer .green-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4375em; line-height: 1.66957em; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.05em; margin: 0; padding: 2px; display: block; border: 0 none; text-align: center; cursor: pointer; width: 336px; position: relative; background-color: #5ac80a; } body.login-register #wuzcontainer .green-button:hover { color: #fff; text-decoration: none; } body.login-register #wuzcontainer .green-button .next { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -97px -74px; width: 18px; height: 18px; display: inline-block; position: absolute; top: 14px; } body.login-register #wuzcontainer .green-button:hover { background-color: #449708; } body.login-register #wuzcontainer .green-button.disabled { background-color: #183603; } body.login-register #wuzcontainer .blue-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4375em; line-height: 1.66957em; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.05em; margin: 0; padding: 2px; display: block; border: 0 none; text-align: center; cursor: pointer; width: 336px; position: relative; background-color: #4D96CC; } body.login-register #wuzcontainer .blue-button:hover { color: #fff; text-decoration: none; } body.login-register #wuzcontainer .blue-button .next { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -97px -74px; width: 18px; height: 18px; display: inline-block; position: absolute; top: 14px; } body.login-register #wuzcontainer .blue-button:hover { background-color: #337db3; } body.login-register #wuzcontainer .blue-button.disabled { background-color: #1d4563; } body.login-register #wuzcontainer p { line-height: 1.5em; margin: 0; padding: 0; } body.login-register #wuzcontainer ul.checkmark, body.login-register #wuzcontainer ul.checkmark-wide { list-style: none; width: 340px; margin: 0.5em auto 0 auto; text-align: left; } body.login-register #wuzcontainer ul.checkmark li, body.login-register #wuzcontainer ul.checkmark-wide li { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/checkmark.gif?1459852223') no-repeat left 4px; /* reset styles (optional): */ list-style: none; margin: 0; padding: 0 22px; margin: 0; line-height: 1.6; } body.login-register #wuzcontainer ul.checkmark-wide { width: 480px; } body.login-register #wuzcontainer h1, body.login-register #wuzcontainer h2 { font-family: Oswald, sans-serif; font-weight: 700; } body.login-register #wuzcontainer h1 { font-size: 1.8125em; line-height: 1.32414em; color: #4D96CC; margin: 0; padding: 0; } body.login-register #wuzcontainer h2 { font-size: 1.5em; line-height: 1.4em; color: #4D96CC; margin: 0.25em 0; padding: 0; font-weight: normal; } body.login-register #wuzcontainer .normal { font-weight: normal; } body.login-register #wuzcontainer #edit-profile-voorwaardenacceptatie-wrapper, body.login-register #wuzcontainer #edit-profile-updates-subscribe-wrapper { white-space: nowrap; overflow: visible; } body.login-register #wuzcontainer .form-wrapper { margin: 0 auto; width: 340px; } body.login-register #wuzcontainer .buttons-wrapper { margin: 0 auto; width: 714px; } body.login-register #wuzcontainer .buttons-wrapper-single { margin: 0 auto; width: 370px; } body.login-register #wuzcontainer .buttons-wrapper-small { overflow: hidden; *zoom: 1; width: 540px; float: right; } body.login-register #wuzcontainer .buttons-wrapper-small a.small { line-height: 44px; } body.login-register #wuzcontainer .buttons-wrapper-matrix { margin: 0 auto; width: 540px; } body.login-register #wuzcontainer .buttons-wrapper-matrix a.small { line-height: 44px; } body.login-register #wuzcontainer .buttons { overflow: hidden; *zoom: 1; } body.login-register #wuzcontainer .buttons div { float: left; margin: 0 0.5em; } body.login-register #wuzcontainer .buttons div small { margin: 0 10px; color: #AAA; } body.login-register #wuzcontainer .extra-margin-half { margin: 0.25em 0; position: relative; } body.login-register #wuzcontainer .extra-margin-1 { margin: 0.5em 0; position: relative; } body.login-register #wuzcontainer .extra-margin-2 { margin: 1em 0; position: relative; } body.login-register #wuzcontainer .extra-aanbod { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/sprite.png?1459852223') no-repeat -26px -95px; height: 76px; width: 76px; position: absolute; left: -20px; top: 10px; } body.login-register #wuzcontainer div.hr { height: 20px; margin: 0 auto; padding: 0; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/hr.jpg?1459852223') no-repeat 0 10px; width: 580px; } body.login-register #wuzcontainer .matrix { position: relative; left: -10px; width: 751px; height: 492px; margin: 0 auto; } body.login-register #wuzcontainer .matrix a { width: 125px; height: 30px; display: block; } body.login-register #wuzcontainer .matrix div { position: absolute; top: 437px; left: 249px; } body.login-register #wuzcontainer .matrix .url2 { left: 418px; } body.login-register #wuzcontainer .matrix .url3 { left: 593px; } body.login-register #wuzcontainer .bg-image-1 { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/upsell/banner-customer-offer-small.jpg?1459852223') no-repeat center bottom; } body.login-register #wuzcontainer .bg-image-1-smaller { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/upsell/banner-customer-offer-smaller.jpg?1459852223') no-repeat center bottom; } body.login-register #wuzcontainer .bg-image-loginregister { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/upsell/banner-loginregister.jpg?1459852223') no-repeat center bottom; } body.login-register #wuzcontainer .bg-image-2 { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/upsell/banner-create-account_ready_free-offer-small.jpg?1459852223') no-repeat center bottom; } body.login-register #wuzcontainer .bluebox { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NDk2MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d96cc), color-stop(100%, #284961)); background-image: -moz-linear-gradient(#4d96cc, #284961); background-image: -webkit-linear-gradient(#4d96cc, #284961); background-image: linear-gradient(#4d96cc, #284961); color: #fff; width: 700px; margin: 1em auto; text-align: left; } body.login-register #wuzcontainer .bluebox .red-chit { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/upsell/red-chit.png?1459852223') no-repeat 0 0; padding: 0.75em; } body.login-register #wuzcontainer .bluebox input[type='checkbox'] { float: left; margin-top: 8px; } body.login-register #wuzcontainer .bluebox .wrapper { margin: 0 0 0 3.5em; } body.login-register #wuzcontainer .bluebox .small { color: #fff; margin: 10px 0; } body.login-register #wuzcontainer .bluebox a { float: left; } body.login-register #wuzcontainer .bluebox li { list-style: none; } body.login-register #wuzcontainer .bluebox li div { font-size: 24px; float: left; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #profile-pic { position: absolute; width: 150px; margin-left: -160px; margin-top: 10px; } #profile-pic #edit-picture-upload-wrapper > div { margin-left: -150px; } #profile-pic #edit-picture-upload-wrapper .file { border: none; } #profile-pic #edit-picture-delete-wrapper label { line-height: 18px; } #profile-pic input.form-file { margin-left: 0px !important; } #blackout { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); } .popup-message { position: fixed; top: 50%; left: 50%; margin-left: -200px; width: 400px; z-index: 1003; background-color: #F2F2F2; border: 1px solid #000; padding: 15px; } .popup-message a { text-decoration: underline; } #wuzcontainer { background: none; } #wuzcontainer .redbutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #b94a48; } #wuzcontainer .redbutton:hover { color: #fff; text-decoration: none; } #wuzcontainer .redbutton:hover { background-color: #c76e6d; } #wuzcontainer .redbutton.disabled { background-color: #e3b7b7; } #wuzcontainer #edit-delete { margin-right: 1em; } #wuzcontainer #edit-profile-nickname textarea, #wuzcontainer #edit-profile-about-wrapper textarea { width: 342px; } #wuzcontainer #edit-profile-about-wrapper { line-height: 18px; } #wuzcontainer #edit-dummy-mail-wrapper { overflow: hidden; *zoom: 1; margin-bottom: 10px; } #wuzcontainer #edit-dummy-mail-wrapper .form-item, #wuzcontainer #edit-dummy-mail-wrapper .dummymail { float: left; } #wuzcontainer #edit-dummy-mail-wrapper .dummymail { padding: 0px; margin: 3px 0px; } #wuzcontainer #tohide_mail, #wuzcontainer #sso_mail, #wuzcontainer #tohide_pass { float: left; margin: 9px; } #wuzcontainer #edit-dummy-pass-wrapper { overflow: hidden; *zoom: 1; margin-bottom: 10px; } #wuzcontainer #edit-dummy-pass-wrapper .form-item { float: left; } #wuzcontainer #edit-dummy-pass-wrapper .passcode { float: left; padding: 0px; margin: 3px 0px; font-size: 15px; } #user-profile-form { position: absolute; left: 160px; } #user-profile-form input[type="submit"], #user-profile-form input[type="button"] { height: 26px; } #user-profile-form .text-important { margin: 0.5em 0; } #user-profile-form .readonly { border: none; } #user-profile-form .grey { color: #AAA; } #user-profile-form #max_chars { text-align: right; margin-bottom: 0.5em; } #user-profile-form .profile_link { line-height: 22px; color: #888; } #user-profile-form .view { float: right; margin-right: 1em; } #user-profile-form .text-info { overflow: hidden; *zoom: 1; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #888; border-top: 1px dashed #888; clear: both; display: none; padding: 2em 0; } #user-profile-form .fieldsrow { overflow: hidden; *zoom: 1; } #user-profile-form .fieldsrow legend { font-size: 12px; font-weight: normal; float: left; } #user-profile-form .fieldsrow fieldset { margin: 0.5em 0 0 0; } #user-profile-form .fieldsrow .form-item { float: left; } #user-profile-form .personalia h4 { margin-top: 10px; width: 110px; } #user-profile-form .personalia label { margin-top: 7px; } #user-profile-form .personalia > fieldset { margin-bottom: 40px; } #user-profile-form .personalia .form-radios .form-item { float: left; margin: 2px 10px 0px 0px; } #user-profile-form .networks h4 { margin-top: 10px; margin-bottom: 15px; } #user-profile-form .networks .networks_wrapper { padding-top: 15px; } #user-profile-form .networks .network { overflow: hidden; *zoom: 1; margin: 0.5em 0; } #user-profile-form .networks .network div, #user-profile-form .networks .network a { float: left; } #user-profile-form .networks .network .network-info { line-height: 28px; } #user-profile-form .networks .network .network-info a { float: none; } #user-profile-form .networks .network .bluebutton { width: 120px; margin-right: 1em; } #user-profile-form .networks .network .linked { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat 0 0; } #user-profile-form .networks .network .twitter { background-position: 0px -140px; } #user-profile-form .networks .network .hyves { background-position: 0px -56px; } #user-profile-form .networks .network .google { background-position: 0px -28px; } #user-profile-form .networks .network .not-linked.twitter { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -140px; } #user-profile-form .networks .network .not-linked.hyves { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -56px; } #user-profile-form .networks .network .not-linked.google { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -28px; } #user-profile-form .networks .network .not-linked.facebook { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px 0px; } #user-profile-form #edit-profile-gender { margin: 0.5em 0; } #user-profile-form #edit-profile-firstname-wrapper input { width: 130px; margin-right: 10px; } #user-profile-form #edit-profile-lastname-wrapper input { width: 200px; } #user-profile-form #edit-profile-gender { margin: 0.5em 0; } #user-profile-form #edit-profile-plaats-wrapper input { width: 130px; margin-right: 10px; } #user-profile-form #edit-profile-country-wrapper select { width: 210px; height: 24px; margin-top: 1px; } #user-profile-form #edit-profile-address-wrapper label { margin-top: 3px; } #user-profile-form #edit-profile-address-wrapper input { width: 351px; } #user-profile-form #edit-profile-phone-wrapper { margin-top: 10px; } #user-profile-form #edit-profile-phone-wrapper input { width: 351px; } #user-profile-form #edit-profile-phone-wrapper label { margin-top: 3px; } #user-profile-form #edit-check-pass-wrapper { margin-bottom: 15px; } #user-profile-form select#edit-profile-dateofbirth-month { width: 88px; margin-right: 10px; } #user-profile-form select#edit-profile-dateofbirth-day { width: 40px; margin-right: 10px; } #change-pass, #change-mail { overflow: hidden; *zoom: 1; border-top: 1px dashed #888; border-bottom: 1px dashed #888; padding: 10px 0px 20px; } #change-pass h4, #change-mail h4 { margin-bottom: 0.5em; } #change-pass .redbutton, #change-mail .redbutton { float: right; width: 100px; margin-left: 1em; } #change-pass .cancel, #change-mail .cancel { overflow: hidden; *zoom: 1; } #change-pass input, #change-mail input { width: 150px !important; } #change-mail { display: none; } #change-pass label { line-height: 22px; width: 120px; } #change-pass .form-item { float: left; clear: both; } #change-pass .pass-cancel { clear: both; display: block; } #change-pass .description { float: left; margin: 12px 10px; font-style: italic; } #change-pass #new-pass-check-message { clear: left; margin-left: 120px; } .page-user h4 { font-size: 14px; } .page-user .helptext { padding-left: 20px; background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/profile_public.png?1459852223') no-repeat; } .page-user .helptext-other { background: url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/profile_secure.png?1459852223') no-repeat; margin-bottom: 20px; } .page-user .redbutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #b94a48; width: 100px; float: right; } .page-user .redbutton:hover { color: #fff; text-decoration: none; } .page-user .redbutton:hover { background-color: #c76e6d; } .page-user .redbutton.disabled { background-color: #e3b7b7; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #wuzcontainer.vrouw #lb_logins, #wuzcontainer.vrouw input[type="submit"], #wuzcontainer.vrouw ul.links li a { background-color: #D60019; } #wuzcontainer.vrouw .username a, #wuzcontainer.vrouw .username { color: #D60019; } #wuzcontainer.vrouw .klacht { background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/vrouw_driehoek.png?1459852223') no-repeat 0 0; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } .page-user-register #wuzcontainer { background: none; } .page-user-register #wuzcontainer #main { left: 0px; width: 640px; } .page-user-register #wuzcontainer #user-register #pass-check-message { float: left; margin: 5px 0px 0px 10px; } .page-user-register #wuzcontainer #user-register #edit-pass-pass1 { float: left; } .page-user-register #confirm-resent { display: none; } .page-user-register #goback .markup { font-weight: bold; } #tmc-register-user-complete-form .tabs { overflow: hidden; *zoom: 1; } #tmc-register-user-complete-form .tabs div { float: left; width: 203px; padding: 5px 5px; background: #F2F2F2; font-size: 14px; font-weight: bold; color: #888; } #tmc-register-user-complete-form .tabs .active { background: #4D96CC; border: 0 none; color: white; } #tmc-register-user-complete-form input[type=text].readonly { border-color: white; } #tmc-register-user-complete-form input[type=text].grey { color: #AAA; } #tmc-register-user-complete-form .container-inline .form-item { margin: 0; } #tmc-register-user-complete-form fieldset { overflow: hidden; *zoom: 1; margin: 0.5em 0; } #tmc-register-user-complete-form fieldset .form-item { float: left; margin: 0; } #tmc-register-user-complete-form input[type=text], #tmc-register-user-complete-form #edit-profile-country { width: 250px; } #tmc-register-user-complete-form #edit-profile-updates-subscribe-wrapper { margin-left: 110px; } #tmc-register-user-complete-form #edit-profile-plaats-wrapper, #tmc-register-user-complete-form #edit-profile-firstname-wrapper { margin-right: 0.5em; } #tmc-register-user-complete-form .form-radios { overflow: hidden; *zoom: 1; } #tmc-register-user-complete-form .form-radios .form-item { float: left; margin: 0 0.5em 0 0; } #tmc-register-user-complete-form input[type=submit] { margin-left: 0.5em; } #tmc-register-user-complete-form .network { overflow: hidden; *zoom: 1; margin: 0.5em 0; } #tmc-register-user-complete-form .network div, #tmc-register-user-complete-form .network a { float: left; } #tmc-register-user-complete-form .network .network-info { line-height: 28px; } #tmc-register-user-complete-form .network .network-info a { float: none; } #tmc-register-user-complete-form .network .bluebutton { width: 120px; margin-right: 1em; } #tmc-register-user-complete-form .network .linked { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat 0 0; } #tmc-register-user-complete-form .network .twitter { background-position: 0px -140px; } #tmc-register-user-complete-form .network .hyves { background-position: 0px -56px; } #tmc-register-user-complete-form .network .google { background-position: 0px -28px; } #tmc-register-user-complete-form .network .not-linked.twitter { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -140px; } #tmc-register-user-complete-form .network .not-linked.hyves { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -56px; } #tmc-register-user-complete-form .network .not-linked.google { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px -28px; } #tmc-register-user-complete-form .network .not-linked.facebook { margin-right: 1em; height: 28px; width: 28px; background: transparent url('//www.telegraaf.nl/wuz/sites/all/themes/zen/css/images/social_icons.png?1459852223') no-repeat -28px 0px; } /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom: 1; } #modalContainer .webform { margin: 1em; padding: 1em; text-align: left; } .webform p { margin: 5px 0; } .webform input[type='submit'] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 2em; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0; padding: 2px 10px; display: block; border: 0 none; text-align: center; cursor: pointer; background-color: #4D96CC; } .webform input[type='submit']:hover { color: #fff; text-decoration: none; } .webform input[type='submit']:hover { background-color: #75add7; } .webform input[type='submit'].disabled { background-color: #c4dcee; } .webform input[type='checkbox'] { margin-right: 1em; } .webform input[type='text'], .webform input[type='email'] { border: 1px #AAA solid; width: 320px; } .webform textarea { border: 1px #AAA solid; height: 140px; width: 430px; } .webform form { margin: 1.5em 0; } .webform .form-item { overflow: hidden; *zoom: 1; } .webform .form-item input { padding: 0.5em; } .webform .form-item textarea { padding: 0.5em; margin: 0.5em 0; } .webform .form-item label { line-height: 26px; } .webform .form-item label.option { width: auto; line-height: 1.3; margin-bottom: 1em; } .webform .form-item .description { clear: both; margin-left: 130px; padding: 0 2px; font-style: italic; } .webform .webform-container-inline label, .webform .webform-container-inline input { float: left; margin: 0.5em 0; } .webform .webform-container-inline label { width: 120px; line-height: 26px; } .webform .webform-component { margin: 1em 0; } .webform .webform-component-textarea label { float: none; } .webform #webform-component-aanhef { overflow: hidden; *zoom: 1; margin-left: 120px; } .webform #webform-component-aanhef .form-item { float: left; margin: 0 5px 0 0; } .webform #webform-component-aanhef .form-item label, .webform #webform-component-aanhef .form-item input { float: none; } .webform #webform-component-aanhef .form-item label { width: auto; } .webform .footer { overflow: hidden; *zoom: 1; } .webform .footer img { float: right; } .webform .captcha { margin: 1em 0 0 130px; padding: 0; border: 0 none; } .webform .captcha legend { font-weight: bold; } .webform .captcha div, .webform .captcha legend, .webform .captcha img { margin-bottom: 1em; } .webform .captcha .form-item label { width: auto; } .webform .captcha .form-item .description { font-style: italic; padding: 0 2px; margin-left: 0; } .webform .captcha .form-item label, .webform .captcha .form-item input { float: none; display: block; } .webform-klacht { margin: 20px; } .webform-klacht form { margin: 0; } .webform-klacht .form-item { margin: 0 !important; } @media screen and (max-width: 360px) { body.login-register #wuzcontainer div.hr { width: auto; background-position: center; background-size: 100% 1px; } body.login-register #wuzcontainer .form-wrapper { width: 100%; margin: 0 auto; } body.login-register #wuzcontainer .green-button, body.login-register #wuzcontainer input[type=text], body.login-register #wuzcontainer input[type=password] { width: 100% !important; box-sizing: border-box; } }