html {
  min-height: 100%;
  overflow-y: scroll;
}
body {
  background: url(img/gradient.png) repeat-x bottom;
  margin: 0;
  padding: 0;
  font-family: Arial, Sans-Serif;
  min-height: 100%;
}

a img {
  border: 0;
}

#frontcontent {
  padding-top: 200px;
}
#container {
  margin: 40px auto 0 auto;
  width: 932px;
  min-height: 501px;
  position: relative;
}

#logo {
  width: 355px;
  height: 80px;
  display: block;
  /* margin-bottom: 42px; */
}

#menu {
  height: 28px;
  font-size: 11px;
  font-family: Verdana, Sans-Serif;
  font-weight: bold;
  position: absolute;
  padding-left: 20px;
  left: 0;
  top: 100px;
  display: none;
}

#menu a {
  float: left;
  display: inline;
  width: 127px;
  height: 20px;
  background: url(img/menu.png) no-repeat 0 0;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding-top: 6px;
}

#menu a:hover,
#menu a.active {
  background-position: 0 -28px;
}

#kiesbestand {
  width: 522px;
  height: 80px;
  display: inline;
  font-family: Arial, Sans-Serif;
  position: absolute;
  left: 23px;
  top: 171px;
}
#bestandkeuze {
  color: #f6882a;
  font-size: 12px;
  font-weight: bold;
  float: left;
}
#upload {
  margin-top: 10px;
}
#swfupload {
  display: none;
}
#swfupload input {
  width: 422px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  display: inline;
}

#swfupload span,
#swfupload object,
#swfupload embed {
  float: left;
  margin-top: 2px;
  margin-left: 2px;
  display: inline;
}
#maxsize {
  color: #1e8ccc;
  font-size: 10px;
  float: right;
  margin-right: 1px;
  display: inline;
}
.clearfix {
  line-height: 0;
  height: 0;
  clear: both;
}
#footer {
  font-family: Verdana, Sans-Serif;
  color: #1e8ccc;
  font-size: 10px;
  padding: 4px 3px 10px 3px;
  width: 926px;
}
#footer a {
  text-decoration: none;
  color: #1e8ccc;
}
#bordertop {
  background: url(img/border-top.png) no-repeat;
  height: 13px;
  width: 930px;
  margin-left: 1px;
  margin-top: 22px;
  overflow: hidden;
}
#border {
  background: url(img/border-bckgrnd.png) repeat-y;
  min-height: 374px;
  width: 932px;
  position: relative;
}
#content {
  padding-top: 21px;
  padding-left: 23px;
  padding-right: 32px;
  overflow: hidden;
  font-size: 12px;
}
#content h1 {
  margin: 0;
  color: #1e8ccc;
  font-size: 27px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
}

#content h2 {
  margin: 0;
  color: #f6882a;
  font-size: 14px;
  font-family: Arial, Sans-serif;
}

#content_home {
width: 600px;
}

span.vraag {
  font-weight: bold;
}
#stappen {
  position: absolute;
  right: 5px;
  top: -10px;
  width: 203px;
  height: 381px;
  background: url(img/bestand-upload-stappen.png);
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 120px;
  padding: 9px 0 0 68px;
}

#borderbottom {
  background: url(img/border-bottom.png) no-repeat;
  height: 13px;
  width: 930px;
  margin-left: 1px;
  overflow: hidden;
}
#copyright {
  float: right;
}
#opslag {
  height: 45px;
  width: 367px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #c5c5c5;
  font-size: 10px;
  line-height: 11px;
  padding-top: 13px;
  padding-left: 7px;
  font-family: Verdana, Sans-Serif;
  position: absolute;
  top: 8px;
  left: 532px;
}

.bar {
  width: 209px;
  height: 11px;
  float: left;
  margin-right: 9px;
  margin-top: 1px;
  background: url(img/bar.png) no-repeat;
  display: inline;
}

.barfill {
  height: 11px;
  background: url(img/barfill.png) no-repeat;
}

form {
  margin: 0;
  padding: 0;
  clear: both;
}
.label {
  width: 101px;
  float: left;
}

.barline {
  height: 19px;
}

#actions {
  background: url(img/action-pijl.png) no-repeat 0 7px;
  padding-left: 27px;
  font-size: 10px;
  font-family: Verdana, Sans-Serif;
  color: #1c8ecc;
  position: absolute;
  top: 83px;
  left: 31px;
  padding-bottom: 7px;
}
#actions a {
  color: #1c8ecc;
  text-decoration: none;
}
#uploadnew {
  position: absolute;
  background: url(img/upload-new_file.jpg);
  width: 239px;
  height: 55px;
  top: 41px;
  left: 670px;
}

#bestanden {
padding: 60px 0 0 1px; 
width: 884px;
}

#bestanden table {
  border-collapse: collapse;
  font-family: verdana;
}

#bestanden th {
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  text-align: left;
  line-height: 19px;
  padding-top: 4px;
  cursor: pointer;
  padding-left: 7px;
}

#bestanden th.sorttable_nosort {
  cursor: default;
}

#bestanden td {
  border-bottom: 1px dotted #c5c5c5;
  line-height: 25px;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 7px;
}
#bestanden tr:hover td {
  background: #d2e8f5;
  border-top: 1px solid #1e8bcc;
  border-bottom: 1px solid #1e8bcc;
}

#bestanden .col1 {
width: 214px;
}

#bestanden .col2 {
width: 101px;
}
#bestanden .col3 {
width: 130px;
}
#bestanden .col4 {
width: 408px;
}

#bestanden td.filename {
  color: #1e8bcc;
}
#bestanden td.size {
  padding-right: 55px;
  text-align: right;
}

#bestanden input {
  font-size: 11px;
}
#bestanden input.inp {
  width: 140px;
  margin-right: 3px;
}
#bestanden input.submit {
padding: 0px;
}
#sorttable_sortfwdind,
#sorttable_sortrevind {
  color: #1e8bcc;
}

a.download {
  background: url(img/icon-download.png) no-repeat;
  margin-right: 21px;
}
a.share {
  background: url(img/icon-share.png) no-repeat;
  margin-right: 21px;
}
span.rename {
  background: url(img/icon-rename.png) no-repeat;
  margin-right: 21px;
  cursor: pointer;
}
span.delete {
  background: url(img/icon-delete.png) no-repeat;
  cursor: pointer;
}

a.download,
a.share,
span.delete,
span.rename {
  text-decoration: none;
  color: #000000;
  padding: 2px 0 2px 24px;
  background-position: center left;
}

#share1 {
  background: url(img/open_bestand_stap.jpg);
  width: 411px;
  height: 79px;
  padding: 53px 0 0 140px;
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  margin: 27px 0 0 -5px;
  float: left;
  display: inline;
}

#share1 a {
  background: url(img/download_bestand.png);
  width: 217px;
  height: 54px;
  display: block;
  position: absolute;
  left: 310px;
  top: 31px;
}
#share1_other {
  float: left;
  display: inline;
  margin: 58px 0 0 59px;
}
#share2 {
  clear: both;
  background: url(img/link_naar_bestand_stap.jpg) no-repeat 33px 13px;
  padding: 17px 0 0 134px;
  height: 123px;
}
.share_title {
  font-size: 18px;
  font-weight: bold;
  color: #1e8ccc;
}
.form_title {
  font-size: 13px;
  font-weight: bold;
  color: #1e8ccc;
  margin-top: 9px;
  margin-bottom: 6px;
}
#bestandslocatie {
  width: 486px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 13px;
}
#share2_buttons {
  margin-top: 9px;
  line-height: 20px;
  color: #f6882a;
}
#share2_buttons span {
  float: left;
}
#share2_buttons a {
  margin-left: 8px;
  padding-left: 22px;
  height: 20px;
  float: left;
  display: inline;
  text-decoration: none;
  color: #f6882a;
}
#btn_mail {
  background: url(img/bestand_delen_via_mail.jpg) left center no-repeat;
}
#btn_hyves {
  background: url(img/bestand_delen_via_hyves.jpg) no-repeat;
}
#btn_twitter {
  background: url(img/bestand_delen_via_twitter.jpg) no-repeat;
}
#btn_linkedin {
  background: url(img/bestand_delen_via_linkedin.png) no-repeat;
}
#btn_facebook {
  background: url(img/bestand_delen_via_facebook.png) no-repeat;
}
#share3 {
  background: url(img/bestand_delen_stap.jpg) no-repeat 33px 20px;
  padding: 19px 0 8px 134px;
  border-top: 1px solid #1e8ccc;
  display: none;
}

#share3_1 {
  width: 299px;
  padding-bottom: 7px;
  border-bottom: 1px solid #1e8ccc;
}
#share3_1 label {
  width: 70px;
  color: #f6882a;
  float: left;
  line-height: 21px;
  margin-bottom: 4px;
  clear: left;
}
#share3_1 input {
  width: 225px;
  padding-left: 0;
  padding-right: 0;
  float: right;
  display: inline;
  margin-bottom: 4px;
}

#share3_2 {
  width: 310px;
}

#share3_2 input {
  width: 144px;
  padding-left: 0;
  padding-right: 0;
  float: left;
  display: inline;
  margin: 0 5px 4px 0;
}

#share3_2 label {
  width: 152px;
  float: left;
  color: #f6882a;
  margin: 2px 0 6px 0;
  margin-top: 2px;
  display: inline;
}
#share3_3 {
  width: 299px;
  border-top: 1px solid #1e8ccc;
  border-bottom: 1px solid #1e8ccc;
  margin-top: 13px; 
  padding-bottom: 9px;
}
#share3_3 textarea {
  height: 74px;
  width: 297px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 3px;
}
#share3_3 label {
  color: #1e8ccc;
  font-size: 11px;
}
#verstuur {
  margin-top: 9px;
}

#progress {
  display: none;
  color: #f6882a;
  font-weight: bold;
  position: absolute;
  top: 171px;
  left: 23px;
}

#progressbar {
  float: left;
  border: 1px solid #c5c5c5;
  height: 21px;
  width: 563px;
  background: #e7e7e7;
  position: relative;
}

#progresslength {
  width: 0;
  height: 21px;
  background: #1e90cf;
}

#progresstext {
  float: left;
  width: 38px;
  text-align: right;
  color: #1e8ccc;
  line-height: 23px;
  font-size: 11px;
  font-family: Verdana, Sans-serif;
}

#sitemap {
  margin-top: 27px;
  padding-left: 20px;
  color: #1E8CCC;
}

#sitemap ul {
  padding-left: 20px;
}

#sitemap a {
  text-decoration: none;
  color: #1E8CCC;
}

#sitemap a:hover {
  text-decoration: underline;
}
#contactheader {
  background: url(img/contact_header.jpg) no-repeat;
  width: 692px;
  height: 142px;
  position: absolute;
  top: 0px;
  left: 18px;
  color: #ffffff;
  padding-top: 48px;
  padding-left: 185px;
  padding-right: 20px;
}
#contactcontent {
  padding-top: 163px;
}
#contactform {
  width: 397px;
  float: left;
  border-top: 1px solid #1e8ccc;
  margin: 0;
  padding: 0;
}

#contactform label {
  float: left;
  width: 100px;
  line-height: 21px;
  margin-bottom: 5px;
  color: #f6882a;
  clear: left;
  display: inline;
}
#contactform label.error,
#share3_1 label.error,
#share3_2 label.error {
  color: red;
  font-weight: bold;
}

#error {
  color: red;
  float: right;
  width: 294px;
}

div.error {
  font-weight: bold;
  color: red;
  padding-bottom: 4px;
}
#success {
  color: #f6882a;
  float: right;
  width: 294px;
}
#contactform input {
  float: right;
  width: 290px;
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 5px;
  display: inline;
}
#contactform select {
  float: right;
  width: 294px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 5px;
  display: inline;
}
#contactform textarea {
  float: right;
  width: 290px;
  height: 131px;
  padding-left: 1px;
  padding-right: 1px;
  display: inline;
}
#contactform #verstuur {
  padding: 0;
  width: auto;
}
.vestiging {
  background: url(img/contact_vestiging.jpg) no-repeat;
  width: 433px;
  height: 118px;
  padding-top: 14px;
  padding-left: 21px;
  color: #ffffff;
  position: relative;
  left: -8px;
}
.vestiging_links {
  width: 145px;
  float: left;
  font-weight: bold;
}
.vestiging_rechts {
  float: left;
  width: 250px;
}
#contact_rechts {
  width: 437px;
  float: left;
  border-top: 1px solid #1e8ccc;
  margin-left: 43px;
  display: inline;
}

#home-error {
  color: red;
  clear: both;
  margin-top: 10px;
}

#deelvia {
  color: #f6882a;
  position: absolute;
  right: 18px;
  top: 33px;
  font-size: 12px;
  font-family: Arial, Sans-serif;
  text-align: right;
  width: 250px;
}
#deelvia * {
  vertical-align: middle;
}
#deelvia img {
  margin-left: 8px;
}

#meerfotos {
  background: #ebf6fc;
  border: 1px solid #83d0ee;
  width: 517px;
  height: 64px;
  padding: 6px 0 0 15px;
  line-height: 20px;
  margin-bottom: 7px;
  margin-left: 3px;
}
#meerfotos h2 {
  color: #1e8ccc;
  font-size: 18px;
  line-height: normal;
}

#meerfotos a {
  text-decoration: none;
  color: #1e8ccc;
}
#meerfotos a:hover {
  text-decoration: underline;
}

form.share {
  padding-top: 7px;
}