html, body { margin: 0px; padding: 0px; text-align: center; height: 100%; padding-top: .01em; background: #FFFFFF; } html, body, th, td, input, textarea { font-size: 10pt; color: #7E7E7E; font-family: Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; } div.clear { clear: both; } a, a:hover { color: #EB5C00; } a img { border: none; } div#alertBox { position: fixed; * position: absolute; margin: 0px; padding : 0px; width : 100%; height : 100%; z-index : 4200; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; left: 0px; top: 0px; bottom: 0px; color: #F60; padding-top: 300px; display: none; } div#messageBox { position: fixed; * position: absolute; margin: 0px; padding : 0px; width : 100%; height :210px; background : url('../images/message.gif') no-repeat; background-position: 50%; z-index : 4300; padding: 20px; left: 0px; top: 0px; bottom: 0px; margin-top: 300px; margin-left: *; margin-right: *; text-align: center; display: none; } div#messageBox p { margin-left:auto; margin-right: auto; width: 300px; padding-top: 10px; padding-bottom: 20px; margin-bottom: 0px; } div#messageBox input { margin-left: -25px; } div#container { margin: 0px auto; padding-bottom: 20px; width: 980px; text-align: left; background: url(../images/star.gif) no-repeat 588px -55px; overflow: hidden; } div#page-header { height: 150px; background: url('../images/logo.gif') no-repeat; background-position: 0px 50px; overflow: hidden; } div.menu { margin-left: 36px; } div.menu ul { margin: 0px; padding: 10px 0px 0px 0px; list-style-type: none; } div.menu ul li { display: block; float: left; margin-right: 42px; } div.menu ul li a { font-size: 12pt; text-decoration: none; } div.menu ul li.selected a { font-weight: bold; } div.menu ul li a, div.menu ul li a:hover { color: #CCCCCC; } div#environment-title { text-align: left; margin-left: 36px; margin-bottom: 20px; font-size: 14pt; color: #EB5C00; } div#search-results-title { margin-bottom: 20px; font-size: 10pt; color: #7E7E7E; width: 456px; margin-left: 240px; font-weight: bold; } /* deze div zorgt ahw voor een margin-left van 36px */ div#page-left-spacer { float: left; width: 36px; clear: left; } div#page-content { float: left; width: 944px; overflow: hidden; } div#page-content div { margin-left: 0px; } div#page-content div.left-column.small { width: 170px; font-size: 10pt; float: left; line-height: 20px; overflow: hidden; } div#page-content div.left-column.small h1 { font-size: 17pt; } div#page-content div.left-column.small h3 { font-size: 18pt; color: #EB5C00; margin-bottom: 20px; } div#page-content div.center-column { width: 500px; float: left; overflow: hidden; margin-left: 30px; } div#page-content div.right-column { float: right; width: 186px; overflow: hidden; margin-right: 50px; } div#page-content div.next { width: 100%; height: 162px; background: url('../images/next.gif') no-repeat; margin-bottom: 20px; } div#page-content div.next div.spacer { width: 100%; height: 22px; } div#page-content div.next a { text-decoration: none; display: block; padding-left: 28px; } div#page-content div.next h1 a { font-size: 18pt; line-height: 30px; color: #000; } div#page-content div.next h2 a { font-size: 28pt; color: #EB5C00; } div#page-content div.next h3 a { font-size: 12pt; padding-top: 7px; color: #CCCCCC; } div.right-block { width: 186px; margin-bottom: 20px; } div.right-block p { margin:0px; padding:0px; } div.right-block a, div.right-block input { color: #7E7E7E; } div.right-block input.search-box { color: #7E7E7E; width: 145px; margin: 10px 0px; } div.right-block input.submit { margin-top: 20px; } div.right-block label { font-size: 8pt; } div.right-block p.top { background : url('../images/boxtop.gif') no-repeat; width: 186px; height: 20px; } div.right-block p.content { background: url('../images/boxmiddle.gif'); padding-left: 20px; padding-right: 10px; padding-bottom: 1px; } div.right-block p.bottom { background : url('../images/boxbottom.gif') no-repeat left bottom; width: 186px; height: 20px; } div#podcast { width: 100%; } div#podcast div.boxmovie { background: url('../images/boxmiddle2.gif') repeat-y; line-height: 14px; width: 462px; margin-bottom: 20px; } div#podcast div.boxmovie div.title { background: url('../images/boxtop2.gif') no-repeat; /*padding: 14px 0px 10px 20px;*/ padding: 14px 0px 5px 20px; } div#podcast div.boxmovie div.title h2 { font-size: 12pt; line-height:18px; width: 423px; } div#podcast div.title h1 { font-size: 12pt; line-height:18px; width: 423px; } div#podcast div.boxmovie div.title a { text-decoration: none; } div#podcast div.boxmovie div.title h2.newestPodcast { text-align:center; height: 26px; color: #fff; padding-top: 5px; background: url(../images/newest-podcast-bg.gif) top left no-repeat; margin-bottom: 5px; } div#podcast div.boxmovie div.title h2.newestPodcast span { font-size: 9pt; } div#podcast div.boxmovie div.thumb { padding-left: 20px; float: left; } div#podcast div.boxmovie div.data { float:left; padding-left: 17px; width: 240px; } div#podcast div.boxmovie div.data, div#podcast div.boxmovie div.data td, div#podcast div.boxmovie div.data th { font-size: 8pt; } div.boxmovie div.data th, div.boxmovie div.data td { padding-bottom: 4px; vertical-align: top; } div#podcast div.boxmovie div.data a { font-weight: bold; } div#podcast div.boxmovie div.button { clear:both; background: url('../images/boxbottom2.gif') no-repeat bottom; margin-top: 16px; height: 43px; } div#podcast div.boxmovie div.button ul { margin: 0px; padding: 0px; list-style-type: none; margin-left: 20px; } div#podcast div.boxmovie div.button ul li { float:left; padding-top: 3px; display: block; width: 110px; } div#podcast-wide { width: 100%; } div#podcast-wide div.boxmovie { background: url('../images/box-wide-repeat.gif') repeat-y; line-height: 14px; width: 620px; margin-bottom: 20px; } div#podcast-wide div.boxmovie div.title { background: url('../images/box-wide-top.gif') no-repeat; /*padding: 14px 0px 10px 20px;*/ padding: 14px 0px 5px 20px; } div#podcast-wide div.boxmovie div.bread { color: #EB5C00; width: 578px; } div#podcast-wide div.boxmovie div.title div.bread a { text-decoration: underline; } div#podcast-wide div.boxmovie div.title h1 { padding-top: 15px; font-size: 14pt; line-height: 18px; width: 578px; } div#podcast-wide div.boxmovie div.title a { text-decoration: none; } div#podcast-wide div.boxmovie div#flashcontent { float: left; width: 320px; overflow: hidden; margin-left: 20px; } div#podcast-wide div.boxmovie div.data { float: left; margin-left: 17px; width: 242px; } div#podcast-wide div.boxmovie div.data table { margin-bottom: 5px; } div#podcast-wide div.boxmovie div.buttons { clear:both; background: url('../images/box-wide-bottom.gif') no-repeat bottom; margin-top: 16px; height: 43px; } div#podcast-wide div.boxmovie div.buttons ul { margin: 0px 0px 0px 55px; padding: 0px; list-style-type: none; } div#podcast-wide div.boxmovie div.buttons ul li { float:left; padding-top: 3px; display: block; width: 110px; } div#page-content div.left-column.wide { width: 620px; font-size: 10pt; float: left; line-height: 20px; overflow: hidden; } div#page-content div.left-column.wide h1 { font-size: 17pt; margin-bottom: 14px; } div.button-large { width: 100%; float: left; text-align: center; margin-top: 40px; } div.button-large ul { margin: 0px; padding: 0px; list-style-type: none; float: left; margin-left: 30px; } div.button-large ul li { float:left; padding-top: 3px; display: block; width: 145px; text-align: center; } div.button-large ul li a { padding-top: 48px; float: left; font-size: 8pt; text-decoration: none; line-height: 13px; } div.button-large ul li a:hover { text-decoration: underline; } a.itunesknop-large { background: url('../images/itunesbuttonlarge.gif') no-repeat top center; } a.playknop-large { background: url('../images/rssbuttonlarge.gif') no-repeat top center; } a.emailknop-large { background: url('../images/mailbuttonlarge.gif') no-repeat top center; } a.playknop { background: url('../images/playknop.gif') no-repeat; padding-top: 6px; padding-bottom: 0px; } a.downloadsknop { background: url('../images/downloadknop.gif') no-repeat; padding-top: 6px; padding-bottom: 0px; } a.itunesknop { background: url('../images/itunesknop.gif') no-repeat; padding-top: 0px; padding-bottom: 6px; } a.backknop { background: url('../images/backknop.gif') no-repeat; padding-top: 6px; padding-bottom: 0px; } a.emailknop { background: url('../images/mailknop.gif') no-repeat; padding-top: 0px; padding-bottom: 6px; } a.playknop:hover, a.downloadsknop:hover, a.itunesknop:hover, a.emailknop:hover, a.backknop:hover { text-decoration: underline; } a.playknop, a.downloadsknop, a.itunesknop, a.emailknop, a.backknop { background-position: 0px 1px; display: block; height: 25px; padding-left: 30px; margin-top: 4px; color: #7e7e7e; font-size: 7pt; text-decoration: none; } div#pager-top { width: 455px; margin-left: 236px; height: 25px; } div#pager-bottom { width: 455px; text-align: center; } /* REVIEW */ div.left-column.full-width h1, div.left-column.full-width h2 { clear: both; padding-top: 20px; margin-bottom: 5px; } ul.reviewlist { padding: 0px; margin: 0px; list-style-type: none; float: left; margin-left: 40px; } ul.reviewlist li { float: left; margin-left: 40px; } table.reviewlist { cursor: pointer; } table.reviewlist tr { } table.reviewlist tr th { } table.reviewlist tr th, table.reviewlist tr td { border: 1px solid #7E7E7E; vertical-align: top; } table.reviewlist tr.hover td { color: #fff; background: #EB5C00; } ul#review_tabs { padding: 0px; margin:0px; border-bottom: 1px solid #CCC; float: left; list-style-type: none; margin-bottom: 15px; padding-left: 10px; } ul#review_tabs li { float: left; } ul#review_tabs li a { background: url(../images/reviewgray.gif) no-repeat; display: block; float: left; width: 152px; height: 15px; padding-top: 2px; margin-right: 10px; cursor: pointer; font-size: 9pt; font-weight: bold; letter-spacing: .1em; text-align: center; } ul#review_tabs li a.active { background: url(../images/review.gif) no-repeat; } div#review_container { } ul.reviewsubmitlist { padding: 0px; margin:0px; padding-bottom: 18px; border-bottom: 1px solid #CCC; margin-left: -30px; } ul.reviewsubmitlist li { display: inline; } ul.reviewsubmitlist a { color: #f5834b; font-weight: bold; text-decoration: none; font-size: 14px; font-family: Arial, sans-serif; display: block; width: 153px; background-repeat: no-repeat; background: url('../images/review.gif') no-repeat; float: left; margin-left: 10px; margin-top: 1px; padding-bottom: 2px; } ul.reviewsubmitlist a:focus { border: 0px; } ul.reviewsubmitlist a:hover { background: url('../images/review.gif') no-repeat; } table#review { border-collapse: collapse; } table#review th, table#review td { vertical-align: top; text-align: left; } table#review td.left { width: 449px; } table#review td.left h1 { font-size: 15pt; } table#review td.left th { width: 120px; } table#review td.left b.shownotes { margin-right: 50px; } table#review td.left table { clear: left; width: 400px; margin-left: 20px; } table#review td.right { width: 450px; background: #fff; } table#review div#flashcontent { padding-left: 60px; } div#review_others { position: absolute; overflow: auto; background: #fff; } div#review_others table.others { border-bottom: 1px solid #CCC; } table.tell-a-friend { } table.tell-a-friend form { } table.tell-a-friend input.default, table.tell-a-friend textarea.default { width: 100%; } table.tell-a-friend input.readonly{ border: none; } form.subscribe { margin-top: 50px; } /*****************/ /* DOWNLOAD PAGE */ /*****************/ div#podcast-wide div.downloads { width: 578px; margin-left: 20px; margin-top: 10px; margin-bottom: 20px; float: left; } div.downloads div.downloads-left { float: left; width: 179px; } div.downloads div.downloads-left div.item { float: left; margin-bottom: 25px; } div.downloads div.downloads-left div.item h3 { margin-bottom: 5px; padding-top: 5px; } div.downloads div.downloads-left div.item h3 a { font-size: 11pt; letter-spacing: .03em; color: #7E7E7E; text-decoration: none; } div.downloads div.downloads-left a.download { background: url('../images/downloadbutton.gif') top center no-repeat; float: left; display: block; text-decoration: none; padding-top: 22px; font-size: 7pt; margin-right: 30px; } div.downloads div.downloads-left a.download:hover { text-decoration: underline; } div.downloads div.downloads-right { float: left; width: 398px; } div.downloads div.downloads-right table { width: 100%; } div.downloads div.downloads-right table th { text-align: left; vertical-align: top; width: 80px; } div.downloads div.relateddocs { float: left; margin-top: 30px; } div.downloads div.relateddocs h2 { margin-bottom: 20px; } div.downloads div.relateddocs div.item { }