/* GENERAL */ * { margin: 0; padding: 0; } html, body { color: #323; font-size: 9pt; font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif; text-align:center; background-color: #3f4140; margin: 0; padding: 0; } a { color: #000; text-decoration: none; border-bottom:1px dotted #000; } a:hover { color: #f1ca00; border-bottom:1px dotted #f1ca00; } img { border: 0; } input, textarea { border: 1px solid #323; padding-left: 2px; padding-right: 2px; } input, textarea, select { border: 1px solid #323; color: #323; font-size: 8pt; font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif; background-color: #fff; } textarea { padding-left: 2px; padding-right: 2px; width: 316px; } input.image_button { border: 0; background: none; padding: 0; cursor: pointer; } input.checkbox { background: none; border: 0; } input.radiobutton { background: none; border: 0; } p { margin-bottom: 5px; } .clear { clear: both; } #page { width:913px; margin: auto; } * html #page { height: 100%; } #codenameFutureTop { height:48px; width:913px; margin: auto; background-image: url(http://www.dropzone.nl/img/site/codenamefuture_top.gif); background-repeat: no-repeat; background-position: center bottom; margin-top:5px; padding-right:10px; color:#fff; font-size:8pt; text-align:right; } #codenameFutureTop a { color: #fff; text-decoration: none; } #codenameFutureTop a:hover { color: #fff; border-bottom:1px dotted #fff; } #container { width: 913px; /* height:840px; */ float:left; margin: auto; background-image: url(http://www.dropzone.nl/img/site/body_bg.gif); background-repeat: repeat-y; background-position: center top; } #header { height:134px; width:913px; background-image: url(http://www.dropzone.nl/img/site/header.jpg); background-repeat: no-repeat; background-position: center top; cursor:pointer; } #header span { display: none; } #footer { height:20px; width:913px; background-image: url(http://www.dropzone.nl/img/site/footer.jpg); background-repeat: no-repeat; background-position: left top; float: left; } #disclaimer { height:65px; width:913px; margin: auto; padding-top:5px; color:#000; font-size:8pt; text-align:right; } #disclaimer a { text-decoration: none; border-bottom:0px; } #disclaimer a:hover { text-decoration: none; border-bottom:0px; } #menu { height:800px; width:225px; background-color:#fff; background-image: url(http://www.dropzone.nl/img/site/menu_bg.jpg); background-repeat: repeat-y; background-position: left bottom; float: right; } #menu p { display: block; height: 62px; width:225px; line-height:62px; background: url(http://www.dropzone.nl/img/site/menu_item.jpg) left center no-repeat; text-align: center; font-size:20px; font-weight:bold; text-transform: uppercase; } #menu p a { color: #01000a; text-decoration: none; border-bottom:0px; } #menu p a:hover { color: #585536; border-bottom:1px dotted #01000a; } .login { width:225px; height: 166px; background: url(http://www.dropzone.nl/img/site/inlog_bg.jpg) left center no-repeat; text-align:center; } .login a { color:#000; } .login a:hover { color:#000; } #content { width:636px; padding: 0px 15px 0px 30px; text-align:left; display:block; float:left; } * html #content { w\idth: 681px; } .txt { width:636px; } ul { list-style: upper-roman; list-style-position: inside; padding-left: 14px; margin-bottom: 2px; } .seperator { padding-top:20px; width:321px; display: block; clear: both; height: 15px; background: url(http://www.dropzone.nl/img/site/seperator.gif) left bottom no-repeat; } .seperator2 { padding-top:20px; width:600px; display: block; clear: both; height: 15px; background: url(http://www.dropzone.nl/img/site/seperator.gif) left bottom repeat-x; } .imgHolder { padding:1px 7px 8px 1px; margin:4px 0px 4px 0px; width: 184px; height: 140px; background-image: url(http://www.dropzone.nl/img/site/img_bg.jpg); background-repeat: no-repeat; background-position: left top; display:block; float: right; } /* TABLES */ table { width: 99%; border-collapse: collapse; padding: 2px; font-size: 9pt; } table td, th { padding: 2px; vertical-align: top; text-align:left; } table caption { padding: 2px; font-size: 14pt; vertical-align: top; text-align:left; font-weight:bold; } /* ERROR, ATTENTION, SUCCESS, WARNING */ .error, .warning, .success, .attention { display: block; padding: 11px; padding-left: 30px; border: 1px solid #f00; margin-bottom: 11px; } .error { color: #f00; background: url(http://www.dropzone.nl/img/site/icon_error.gif) 11px 11px no-repeat #fff; } .warning { color: #f00; background: url(http://www.dropzone.nl/img/site/icon_warning.gif) 11px 11px no-repeat #fff; } .attention { color: #f00; background: url(http://www.dropzone.nl/img/site/icon_warning.gif) 11px 11px no-repeat #fff; } .success { background: url(http://www.dropzone.nl/img/site/icon_success.gif) 11px 11px no-repeat #fff; } /* CONTENT */ #intro { width:331px; padding-top:5px; margin-right:30px; } #headlines { width:331px; padding-top:5px; margin-right:30px; } #prijsvraag { width:331px; padding-top:5px; margin-right:30px; } #videoframe { background: #b1b1b1; position:relative; left:5px; top:5px; width:602px; margin-bottom:20px; } #videoplayer2 { position:relative; left:-5px; top:-5px; }