/*** frontpage ***/


#remindo360_link {
  width: 200px;
  height: 266px;
  background: transparent url(../images/remindo360_banner.gif) 0 0 no-repeat;
  display: block;
  margin: 15px 0 30px 0;
}




#promo {
  border: 3px solid #efefef;
  width: 425px;
}
#promowrapper {
  background-color: #f6f9fc;
  margin: 15px 0;
  padding: 15px 0;
  text-align: center;
}
#promo {
  border: 3px solid #e1eaf3;
  width: 425px;
  margin: 0 auto;
}


.logout {
  position: absolute;
  top: 0;
  right: 50px;
}
.logout a:link, .logout a:visited {
  font-weight: bold;
}

.block { /* container */
  margin: 0 0 10px 0;
}
.block_full {
  margin: 0 0 10px 0;
}
.block_half {
  float: left;
  margin: 0 0 0 10px;
  width: 320px;
}
#content .roc {
  float: left;
  margin: 0 5px 0 0;
  width: 70px;
  position: relative;
}
#content .roc div {
  position: absolute;
  top: 52px;
  right: 0;
}
#content .roc .website, #content .roc .overview {
  display: block;
  width: 12px;
  height: 10px;
  float: left;
}
#content .roc .website {
  background: #fff url(../images/layout/website.gif) 0 0 no-repeat;
  margin: 0 2px 0 0;
}
#content .roc .overview {
  background: #fff url(../images/layout/permalink.gif) 0 0 no-repeat;
}
#content .block_full .details {
  float: left;
  width: 575px;
  border-bottom: 1px solid #cde0ed;
}
.nologo .details{
  width: 640px !important;
}
#content .block_half .details {
  float: left;
  width: 235px;
  background: #fff  url(../images/layout/block.gif) 0 0 repeat-x;
  padding: 5px;
  min-height: 148px;
}
* html #content .block_half .details {
  height: 148px; /* temp???? */
}
#content .details h3 a:link, #content .details h3 a:visited {
  font-size: 12px;
}
#content .details p {
  margin: 2px 0 2px 0;
}
#content .details div {
  color: #b3b3b3;
  padding: 0 0 5px 0;
}

span.type {
  display: block;
  width: 12px;
  height: 10px;
  position: absolute;
  top: 14px;
  right: 0;
}
span.opendag {
  background: #fff url(../images/layout/opendag.gif) 0 0 no-repeat;
}
span.vacature {
  background: #fff url(../images/layout/vacature.gif) 0 0 no-repeat;
}

.h3type {
  padding-left: 20px;
}
h3.opendag {
  background: #fff url(../images/layout/opendag.gif) 0 3px no-repeat;
}
h3.vacature {
  background: #fff url(../images/layout/vacature.gif) 0 3px no-repeat;
}


.big h3 a {
  font-size: 20px !important;
  line-height: 22px !important;
  text-decoration: none;
}
.medium h3 a {
  font-size: 18px !important;
  line-height: 20px !important;
  text-decoration: none;
}

.medium h3 a:hover, .big h3 a:hover {
  text-decoration: underline;
}


/* misc */

#notice {
  padding: 10px;
  list-style: none;
}

.success {
  background-color: #c0ffbe;
  border-bottom: 1px solid #71b96f;
}
.success * {
  color: #71b96f;
  font-weight: bold;
}

.layout_fix {
  font-size: 0;
  height: 0;
  line-height: 0;  clear: both;
}

.first {
  margin: 0;
}

.bottomlink {
  margin: 20px 0 0 72px;
  display: block;
}

.rocblock {
  margin: 0 0 30px 0;
}
.rocblock img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #333;
}
.rocblock h2 {
  font-size: 16px;
  margin: 16px 0 0 0;
}

.roclink {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 5px;
  height: 52px;
  float: left;
  width: 315px;
}
.roclink img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #333;
}
.roclink span {
  display:block;
  line-height: 20px;
  font-weight:bold;
  color: #5196c5;
  font-size: 16px;
  margin: 35px 0 0 0;
}
.roclink:hover {
  background-color: #e7f0f6;
}

.spotlight {
  width: 200px;
  float: none;
  height: auto;
}
.spotlight img {
  margin: 0;
}
.spotlight span {
  margin: 0;
  float: left;
  width: 120px;
  margin: 0 0 0 5px;
}

.roccell {
  height: 60px;
  margin: 10px 0;
}

.feedcell {
  height: 20px;
  margin: 10px 0;
}
.feedcell .row {
  float: left;
  width: 250px;
  border-bottom: 1px solid #efefef;
}
.feedcell .row label, .selectall .row label {
  line-height: 20px;
}

/*** default form ***/

form {
  margin: 0;
  padding: 0;
}

form .row {
  min-height: 20px;
  margin: 0 0 2px 0;
}
* html form .row {
  height: 20px;
}
form .row label {
  float: left;
  display: block;
  width: 200px;
  font-weight: bold;
}
form .error label {
  color: #8f1414 !important;
}
form .textfield {
  float: left;
  width: 120px;
}
form textarea {
  float: left;
  width: 200px;
  height: 70px;
}

form .checkbox, form .radio {
  float: left;
}
form .radiolabel {
  width: auto !important;
  margin: 0 20px 0 0;
  line-height: 20px;
}
form .submit {
  height: 20px;
  background: transparent url(../images/layout/submit.gif) 0 0 repeat-x;
  border: 1px solid #5196c5;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0 2px;
  text-align: center;
}

.required {

}

.rowspacer {
  margin-top: 20px !important;
}

.requiredmsg {
  background-color: #ffa8a8;
  padding: 5px;
}

/*** misc forms ***/

.chooseroc {
  text-align: right;
  padding: 5px 5px 20px 0;
  margin: -40px 0 0 0;
}

#categoryform {
  margin: 10px;
}
#categoryform .row label {
  margin: 0 0 0 5px;
}
p.feedurl {
  margin: 20px 0 0 0;
}

#contact {
  width: 620px;
  background: transparent url(../images/layout/contact_bottom.gif) 0 218px repeat-x;
}
#contact .row {
  padding: 3px;
  margin: 1px 0 0 0;
}
#contact label {
  color: #fff;
  line-height: 23px;
  padding-left: 3px;
}
#contact .textfield {
  width: 395px !important;
}
#contact textarea {
  width: 395px !important;
}
#contact .submit {
  margin: 15px 0 0 528px;
  width: 92px;
  /*
  background: #6b747f none;
  border: 1px solid #000;
  */
}
#contact .required {
  color: #fff;
}

.editform {
  margin: 0 0 20px 80px;
  background-color: #efefef;
  padding: 5px;
}

#searchform {
}
#searchform .textfield {
  margin: 0 5px 0 0;
  width: 125px;
}
#searchform .submit {
  width: 60px;
}
* html #searchform .textfield {
  margin: 0;
}

.lgrey {
  background-color: #ababab;
}
.dgrey {
  background-color: #6b747f;
}

.blue {
  background-color: #65adde;
}
.green {
  background-color: #4fba4d;
}

/*** pager ***/

.pager {
  list-style: none;
  height: 14px;
  margin: 20px 0 10px 72px;
}
.pager li {
  margin: 0 3px;
  float: left; /*For Gecko*/
  padding: 0 1px 0 0;
}
.pager li a:link, .pager li a:visited, .pager li strong  {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 0 4px;
  color: #7fadcf;
}
 .pager li span.first
,.pager li span.last
,.pager li span.next
,.pager li span.previous {
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer; /* IE fix */
}
.pager li span.first {
  background: transparent url(../images/layout/pager_first.gif) no-repeat;
}
.pager li span.last {
  background: transparent url(../images/layout/pager_last.gif) no-repeat;
}
.pager li span.next {
  background: transparent url(../images/layout/pager_next.gif) no-repeat;
}
.pager li span.previous {
  background: transparent url(../images/layout/pager_previous.gif) no-repeat;
}


 .pager li span.first_inactive
,.pager li span.last_inactive
,.pager li span.next_inactive
,.pager li span.previous_inactive {
  display: block;
  width: 22px;
  height: 14px;
}
.pager li span.first_inactive {
  background: transparent url(../images/layout/pager_first.gif) 0 -14px no-repeat;
}
.pager li span.last_inactive {
  background: transparent url(../images/layout/pager_last.gif) 0 -14px no-repeat;
}
.pager li span.next_inactive {
  background: transparent url(../images/layout/pager_next.gif) 0 -14px no-repeat;
}
.pager li span.previous_inactive {
  background: transparent url(../images/layout/pager_previous.gif) 0 -14px no-repeat;
}

 .pager li a:hover
,.pager li:hover a
,.pager li a:hover span.first
,.pager li a:hover span.last
,.pager li a:hover span.next
,.pager li a:hover span.previous {
  background-position: 0 -14px !important;
  color: #e7f0f6 !important;
}
.pager li strong.active {
  background-position: 0 -14px !important;
  color: #000 !important;
}


/** COLOFON **/

.clink {
  border: 1px solid #5a616b;
  display: block;
  width: 70px;
  height: 50px;
  float: right;
  margin: -20px 0 10px 10px;
}
.clink img {
  border: none;
}

h2.fgreen {
  color: #4fba4d;
  margin: 10px 0 10px 0;
}
h2.fgreen * {
  color: #4fba4d;
}


/** POLL **/

.polltable {
  width:100%;
  background-color:#d8eaea;
  margin: 0 0 10px 0;
}
.polltable td {
  background-color:#fff;
}

.polltable tr.odd td {
  background-color:#fafafa;
}

.polltable tr td {
    vertical-align: top;
}
.polltable .voteresults {
  width:120px;
}


td.votebar {
    padding-bottom: 10px;
}
div.votebar {
    width: 135px;
    line-height: 10px;
    padding: 1px;
    border: 1px solid #a3c3d9;
    background-color:#fff;
}
.righto {
    text-align: right;
}

.msg_warning {
  background-color: #eea1a1;
  color: #9f4d4d;
  border: 1px solid #9f4d4d;
  margin: 10px 0;
  padding: 5px;
}
.msg_success {
  background-color: #bcebbb;
  color: #68b566;
  border: 1px solid #68b566;
  margin: 10px 0;
  padding: 5px;
}




table.datatable {
  background-color:#fff;
  width:100%;
}
table.datatable th {
  text-align:left;
  padding:2px;
  font-weight:bold;
  background-color:#5196c5;
  color:#fff;
}
table.datatable td {
  background-color:#fff;
  padding:2px;
}
table.datatable tr.odd td {
  background-color:#e3e3e3;
}
table.datatable tr.highlight td, table.datatable tr.moved td {
  background-color:#bbbbbb;
}
table.datatable tr.inactive td {
  background-color:#ddd;
}


/* extra form stuff */

.frmrow {
  margin:0 0 3px 0;
  display:block;
}
.frmlabel {
  display:block;
  width:120px;
  padding-top:3px;
  float:left;
  font-weight:bold;
}
.frmlabeltd {
  display:block;
  width:140px;
  padding-top:3px;
  font-size:12px;
  font-weight:bold;
}
.frmtext {
  border:1px solid #999;
  font-size:13px;
  line-height:15px;
  width:280px;
}
.frmtextarea {
  border:1px solid #999;
  font-size:13px;
  line-height:15px;
  width:280px;
  overflow:auto;
}
.frmrow .radio {
  margin: 2px 5px 0 0;
  height: 12px;
  width: 12px;
}


.error span.required, .error label.frmlabel {
  color:#f00;
}
.frmrow span.required {
  font-weight:bold;
  padding:0 0 0 5px;
}

.reactie {
  margin: 10px 0;
  clear: both;
}

.pquestion {
  font-weight: bold;
}

#poll {
  margin: 0 0 20px 0;
  width: 200px;
  overflow: hidden;
}
#poll div, #poll label, #poll p {
  color: #5a616b;
}

#poll .top {
  background: #fff url(../images/styles/poll_header.gif) 0 0 no-repeat;
  width: 200px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
#poll .middle {
  background: #fff url(../images/styles/poll_middle.gif) 0 0 repeat-y;
  padding: 10px;
  margin: 0;
}
#poll .bottom {
  background: #fff url(../images/styles/poll_footer.gif) 0 0 no-repeat;
  width: 200px;
  height: 13px;
  margin: 0;
  clear: both;
}


#poll .frmtext {
  width: 180px;
}

#poll .frmrow label {

  float: left;
  width: 160px;
}

#poll textarea {
  width: 178px;
  float: none;
}

#poll .linkblock {
  margin: 15px 0 0 0;
  text-align: center;
}
#poll .submitform {
  height: 20px;
  margin: 10px 0 0 0;
}
#poll .submitform a:link, #poll .submitform a:visited {
  float: left;
  line-height: 20px;
}
#poll .submitform input {
  float: right;
}


.roccongresbanner {

  width: 277px;
  height: 86px;
  display: block;

  position: absolute;
  top: 6px;
  left: 385px;

  background: transparent url(../images/styles/roccongresbanner.jpg) 0 0 no-repeat;

}
#evp-banner {
  display: block;
  width: 200px;
  height: 322px;
  background: url(../images/styles/banner_evptechniek.jpg) no-repeat;
}
#cvi-banner {
  display: block;
  width: 202px;
  height: 218px;
  background: url(../images/styles/cvi_community_banner.gif) no-repeat;
}