/* 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;
}