/* Stylesheet voor voslibert.nl. (c) Vos Libert Communicatie. Alle rechten voorbehouden. */


/* ---------- Stijlen: Algemeen ---------- */

html, body, form {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #000000;
  background: #980d22 url(/interface/images/wrapper_bg.jpg) repeat-x;
}

#wrapper {
  width: 100%;
	min-height: 100%;
	_height: 100%;
	margin-bottom: -100px;
}

#site {
  width: 810px;
  min-height: 400px;
  _height: 400px;
  margin: 0px auto;
  padding-left:55px;
  padding-bottom: 100px;
  position: relative;
}

#site.breed {
  width: 916px;
}
a
{
  color:#980D21;
}

a img {
  border: 0px;
  text-decoration:none;
}

.clearfix {
  clear: both;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
}

.taalkeuze {
  position: absolute;
  right: 6px;
  top: 8px;
  float: right;
  color: #c36677;
  font-size: 11px;
  padding-right: 23px;
  z-index: 90;
}

.taalkeuze:hover {
  color: #ffffff;
}

.taal_nl {
  background: url(/interface/images/vlag_nl.gif) no-repeat right 2px;
}

.taal_en {
  background: url(/interface/images/vlag_en.gif) no-repeat right 2px;
}


/* ---------- Stijlen: Top ---------- */

#top {
  height: 196px;
  background: url(/interface/images/top_bg.gif) no-repeat left 160px;
  position: relative;
}

#vlogo {
  position: absolute;
  top: 95px;
  left: -60px;
}

#nav {
  height: 55px;
  margin: 0px;
  padding: 128px 37px 6px 49px;
  background: url(/interface/images/nav_bg.gif) no-repeat right 46px;
  _behavior: url(/interface/images/csshover.htc);
}

#nav li {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: url(/interface/images/nav_item_bg.gif) no-repeat right center; 
}

#nav li a {
  float: left;
  padding: 0px 7px 0px 7px;
  text-decoration: none;
  height:34px;
  font-size:15px;
  color:White;
  padding-top:10px;
  font-family:Verdana;
}

#nav li:hover a,
#nav li.childActive a,
#nav li.active a {
  color: #d3a6ac;
}

#nav li.first a,
#nav li li.first a,
#nav li.childActive li.first a {
  padding-left: 0px;
}

#nav li.last a,
#nav li.last a,
#nav li li.last a,
#nav li.childActive li.last a {
  padding-right: 0px;
}

#nav li.last,
#nav li.childActive li.last a {
  background: none;
}

/*subnav*/

#subnav {
  margin: 0px;
  top:-20px;
  clear:both;
  position:relative;
  width:640px;
  padding: 2px 128px 6px 43px;
}

#subnav li {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: url(/interface/images/nav_item_bg.gif) no-repeat right center;
  white-space:nowrap;
}

#subnav li a {
  float: left;
  text-decoration:none;
  font-size:11px;
  text-transform: lowercase;
}

#subnav li {
  background: none;
}

#subnav li a,
#subnav:hover li a,
#subnav.childActive li a {
  padding: 0px 6px;
  color: #d3a6ac;
  background: url(/interface/images/nav_subitem_bg.gif) no-repeat right center;
  text-transform: lowercase; 
}

#subnav li.active a,
#subnav:hover li.active a,
#subnav.childActive li.active a {
  color: #ffffff;
}

#subnav li a:hover {
  color: #ffffff;
}
#subnav li.last a{
  background: none;
}

#nav li ul {
  width: 645px;
  height: 24px;
  position: absolute;
  bottom: 6px;
  left: 119px;
  *left: 79px;
  padding: 0;
  line-height: 24px;
  font-size: 12px;
  display: none;
}

#nav li.childActive ul {
  display: block;
}

#nav li li {
  background: none;
}

#nav li li a,
#nav li:hover li a,
#nav li.childActive li a {
  padding: 0px 6px;
  color: #d3a6ac;
  background: url(/interface/images/nav_subitem_bg.gif) no-repeat right center;
}

#nav li li.active a,
#nav li:hover li.active a,
#nav li.childActive li.active a {
  color: #ffffff;
}

#nav li li a:hover {
  color: #ffffff;
}


/* ---------- Stijlen: Main ---------- */

#main {
  padding: 0px 0px 0px 42px;
  clear:both;
}

.fotovideo {
  float: left;
  width: 368px;
  min-height: 370px;
  _height: 370px;
}

.fotovideo a {
  float: right;
}

.fotovideo img {
  display: block;
}

.panel {
  float: left;
  background-color:White;
  background: url(/interface/images/panel_rechts.gif) right top;
}

.panel_links {  background:url(/interface/images/panel_links.gif) repeat-y left top; }
.panel_rb {background: url(/interface/images/panel_rb.gif) no-repeat right top; }
.panel_lb { background: url(/interface/images/panel_lb.gif) no-repeat left top; }
.panel_ro { background: url(/interface/images/panel_ro.gif) no-repeat right bottom; }

.panel_inner {
  width: 270px;
  min-height: 341px;
  _height: 341px;
  padding: 7px 12px 13px 6px;
  background: url(/interface/images/panel_lo.gif) no-repeat left bottom;
  position:relative;
}


/* ---------- Stijlen: Login ---------- */

#login .panel_inner {
  width: auto;
  _width: 33px;
}

#login #login_smal {
  padding: 11px 8px 0px 7px;
}

#login #login_breed {
  width: 136px;
  margin: 12px;
  overflow: hidden;
  display: none;
}

#login #login_breed .inner {
  width: 136px;
  margin-top: 5px;
}

#login .titel {
  display: block;
  margin: 3px 0px 8px 0px;
}

#login .btn_sluiten {
  float: right;
  width: 15px;
  height: 15px;
  background: url(/interface/images/btn_sluiten.gif) no-repeat;
}

#login p {
  margin: 0px 0px 14px 0px;
  padding: 0px;
}

#login .regel {
  margin-bottom: 10px;
}

#login .regel label {
  display: block;
  margin: 0px 0px 3px 0px;
}

#login .regel .input_text {
  margin: 0px;
  padding: 0px;
  border: 1px solid #a8a8a8;
  padding: 3px;
  width: 128px;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

#content input.text {
  margin: 0px;
  padding: 0px;
  border: 1px solid #a8a8a8;
  padding: 3px;
  width: 128px;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

#login .checkbox {
  display: block;
  height: 20px;
}

#login .checkbox input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 0px 4px 0px 0px;
  padding: 0px;
}

#login .checkbox label {
  float: left;
  margin: 0px;
}

.btn_inloggen {
  float: right;
  clear: both;
  padding-right: 16px;
  color: #980d21;
  text-decoration: none;
  line-height: 16px;
  background: url(/interface/images/btn_algemeen_bg.gif) no-repeat right center;
  white-space: nowrap;
}

.btn_inloggen:hover {
  text-decoration: underline;
}

#content .btn_inloggen {
  float:none;
  margin-left:75px;
  clear:both;
}


/* ---------- Stijlen: Welkomstblok na inloggen ---------- */

#gebruikerspaneel .panel_inner {
  width: 160px;
  padding-bottom: 20px;
}

#gebruikerspaneel .gebruikerspaneel_blok {
  padding: 5px 13px;
  background: url(/interface/images/tussenlijn.gif) repeat-x left bottom;
}

#gebruikerspaneel p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}


/* ---------- Stijlen: jCarousel (gebruikt in home, nieuws en vacatures) ---------- */

#main .jcarousel-container-vertical {
  position: relative;
  padding: 25px 0px;
}

#main .jcarousel-clip-vertical {
  height: 300px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

#main .jcarousel-prev-vertical,
#main .jcarousel-next-vertical {
  width: 270px;
  height: 24px;
  position: absolute;
  left: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#main .jcarousel-prev-vertical {
  top: 0px;
  background-image: url(/interface/images/btn_carousel_vorige.gif);
  border-bottom: 1px solid #acacac;
}

#main .jcarousel-next-vertical {
  bottom: 0px;
   _bottom: 0px;
  background-image: url(/interface/images/btn_carousel_volgende.gif);
  border-top: 1px solid #f6f6f6;
}
#main #vlist .jcarousel-next-vertical {
 
  _bottom: 20px;
}

#main .jcarousel-prev-disabled-vertical {
  background-image: url(/interface/images/btn_carousel_vorige_disabled.gif);
}

#main .jcarousel-next-disabled-vertical {
  background-image: url(/interface/images/btn_carousel_volgende_disabled.gif);
}


#main #nieuws_home_inner,
#main #vacature_overzicht_inner,
#main #nieuws_inner {
  margin: 0px;
  padding: 0px;
  width: 270px;
  position:relative;
  left:0;
  top:0;
  overflow:hidden;
}

#main #nieuws_home li,
#main #vacature_overzicht_inner li,
#main #nieuws_inner li,
#main #cases_overzicht li {
  float: left;
  clear: both;
  width: 270px;
  height: 98px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #909090;
}

#main #nieuws_home li .foto,
#main #vacature_overzicht_inner li .foto,
#main #nieuws_inner li .foto,
#main #cases_overzicht li .foto {
  float: left;
}

#main #nieuws_home li .preview,
#main #vacature_overzicht_inner li .preview,
#main #nieuws_inner li .preview,
#main #cases_overzicht li .preview {
  height: 76px;
  overflow: hidden;
  padding: 0px 12px;
  margin-bottom: 4px;
}

#main #nieuws_home li .preview .titel,
#main #vacature_overzicht_inner li .titel,
#main #nieuws_inner li .titel,
#main #cases_overzicht li .titel {
  color: #980d21;
  font-size: 13px;
  line-height: 19px;
  margin: 2px -4px 9px 0px;
}

#main #nieuws_home li .preview .tekst,
#main #vacature_overzicht_inner li .preview .tekst,
#main #nieuws_inner li .preview .tekst,
#main #cases_overzicht li .preview .tekst {
  line-height: 14px;
}

#main .leesverder {
  float: right;
  padding-right: 16px;
  margin-right: 12px;
  color: #980d21;
  text-decoration: none;
  background: url(/interface/images/btn_algemeen_bg.gif) no-repeat right center;
  display: inline; /* IE bugfix */
}

#main .leesverder:hover {
  text-decoration: underline;
}


/* ---------- Stijlen: Vervolgpagina's algemeen ---------- */

#content .panel_inner {
  padding: 22px 23px 17px 17px;
  width: 248px;
  min-height: 329px;
  _height: 329px;
}

.content_breed #content .panel_inner {
  width: 618px;
}
.content_klein #content .panel_inner {
  width: 305px;
}
.content_klein .fotovideo
{
  width:370px;
}
.content_middel #content .panel_inner {
  width: 475px;
}
.content_middel .fotovideo
{
  width:183px;
}

#content_klein .panel_inner {
  padding: 22px 23px 17px 17px;
  width: 338px;
  min-height: 331px;
  _height: 331px;
}

h1 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  color: #980d21;
  font-size: 15px;
  line-height: 29px;
  font-family:verdana;
  font-weight:normal;
}

h2 {
  margin: 5px 0px 3px 0px;
  padding: 0px;
  color: #980d21;
  font-weight:normal;
  font-size: 12px;
  font-family:verdana;
}

#content h3,
#content h4,
#content h5,
#content h6 {
  margin: 0px;
  padding: 0px;
  color: #980d21;
  font-size: 11px;
  font-family:verdana;
}

#content p {
  margin: 0px 0px 18px 0px;
  padding: 0px;
  font-size:13px;
}

#content ul,
#foutmeldingen,
#gebruikerspaneel ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#content li,
#foutmeldingen li,
#gebruikerspaneel li {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 12px;
  list-style: none;
  background: url(/interface/images/bullet.gif) no-repeat left 6px;
}

#content li ul,
#foutmeldingen li ul,
#gebruikerspaneel li ul {
  margin-top: 5px;
}


/* ---------- Stijlen: Cases ---------- */

.cases_wrapper {
  float: left;
  width: 662px;
}

#actieve_case {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#actieve_case .panel_links { _width: 100%; }
#actieve_case .panel_rb { _width: 100%; }
#actieve_case .panel_lb { _width: 100%; }
#actieve_case .panel_ro { _width: 100%; }

#actieve_case .panel_inner {
  width: 622px;
  min-height: 331px;
  _height: 331px;
  padding: 22px 23px 17px 17px;
  position: relative;
}


#case_overzicht .panel_inner {
  width: 644px;
  min-height:350px;
}

#main #actieve_case h1 {
  margin-bottom: 4px;
}

#main #actieve_case .jcarousel-container {
  float: left;
  width: 467px;
  height: 274px;
  margin-right: 13px;
}

#main #actieve_case .jcarousel-clip {
  width: 467px;
  height: 274px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

#main #actieve_case ul {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0px;
  padding: 0px;
}

#main #actieve_case li {
  width: 467px;
  height: 274px;
  overflow: hidden;
  float: left;
  list-style: none;
}

#main #actieve_case .case_tekst {
  float: right;
  width: 142px;
  min-height: 274px;
  _height: 274px;
}

#main #actieve_case .case_tekst p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  line-height: 14px;
}

#main #actieve_case #casescontrol {
  position: absolute;
  left: 16px;
  top: 334px;
  width: 475px;
  height: 12px;
  padding-bottom: 7px;
}

#main #actieve_case #casescontrol .puntjeactief,
#main #actieve_case #casescontrol .puntjeinactief {
  float: left;
  width: 12px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  margin-right: 7px;
  background: url(/interface/images/btn_casefoto.gif);
}

#main #actieve_case #casescontrol .puntjecurrent {
  background: url(/interface/images/btn_casefoto_active.gif);
}

#main #actieve_case #casescontrol .puntjeinactief {
  background: url(/interface/images/btn_casefoto_disabled.gif);
}

#main #case_overzicht .jcarousel-container {
  float: left;
  width: 477px;
  border-right: 1px solid #adadad;
  margin-right: 13px;
}

#main #case_overzicht .jcarousel-prev,
#main #case_overzicht .jcarousel-next {
  width: 477px;
}

#main #cases_overzicht {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 478px;
  margin-right: -1px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#main #cases_overzicht li {
  width: 238px;
  border-right: 1px solid #acacac;
  clear: none;
}

#main #case_overzicht #casefilter {
  float: right;
  width: 140px;
  margin-top: 8px;
  padding-right: 9px;
}

#main #case_overzicht #casefilter table {
  margin-bottom: 15px;
}

#main #case_overzicht #casefilter table input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 1px 5px 2px 0px;
}


/* ---------- Stijlen: Vacatures ---------- */

#main .vacature_wrapper {
  font-family: Arial, Helvetica, Sans-Serif;
  float: left;
  width: 370px;
  font-size: 12px;
}


.vacature_intro_tekst {
  font-family: Arial, Helvetica, Sans-Serif;
  float: left;
  
  font-size: 12px;
}

#main .vacature_wrapper #content .panel_inner {
  width: 330px;
}

#main #solformulier .panel_inner {
  padding: 22px 32px 17px 23px;
  width: 315px;
}

#main .foto_groot_vacatures {
  float: left;
  width: 370px;
}

#main #sollicitatielink {
  display: block;
  height: 35px;
  position: absolute;
  left: 8px;
  bottom: 10px;
  background: url(/interface/images/vacaturelink_bg.gif) no-repeat;
}

#formulier {
  position: relative;
  clear: both;
}

#formulier .hidden {
  display: none;
}

#formulier .formblok {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#formulier .regel {
  float: left;
  width: 100%;
  margin: 3px 0px 3px 0px;
}

#formulier label {
  float: left;
  display: inline;
  text-align: right;
  width: 115px;
  margin: 3px 5px 3px 0px;
  line-height: 15px;
  clear: left;
}

.panel_links #formulier label {
  text-align: left;
}

#formulier td label {
  width:400px;
  margin:0px;
  display:block;
  clear:none;
  margin-left:20px;
  margin-top:-12px;
  text-align:left;
}

.panel_links #formulier td label {
  width:200px;
}

#formulier .verplicht label {
  font-weight: bold;
}

#formulier .fbtnLink a {
  margin-right:320px;
}

.panel_links #formulier .fbtnLink a {
  margin-right:0px;
}

#formulier .veld input,
#formulier .datum input,
#formulier .upload input {
  width: 187px;
  padding: 3px;
  border: 1px solid #aaadb2;
  font-size: 11px;
  float: left;
}

#formulier .radio {
  display: block;
}

#formulier .radio input {
  float: left;
  padding: 0;
  margin: 3px 5px 0px 0px;
  width: 13px;
  height: 13px;
}

#formulier .radio label {
  float: left;
  text-align: left;
  width: 170px;
  margin: 0px;
  line-height: 15px;
  clear: none;
}

#formulier .verplicht .radio label {
  font-weight: normal;
}

#formulier input.kort {
  width: 100px;
}

#formulier textarea {
  width: 187px;
  padding: 3px;
  line-height: 18px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  float: left;
  border: 1px solid #aaadb2;
}

#formulier .geenlabel textarea {
  margin: 0;
  width: 307px;
}

#formulier h2 {
  clear: both;
  font-size: 14px;
  line-height: 19px;
  margin: 0px 0px 10px 0px;
  padding: 0;
  color: #980d21;
}

#formulier .btn_meer_velden {
  float: right;
  margin-bottom: 12px;
  padding-right: 12px;
  background: url(/interface/images/btn_meer_velden.gif) no-repeat right center;
  color: #980d21;
  text-decoration: none;
}

#formulier .btn_meer_velden:hover {
  text-decoration: underline;
}

#foutmeldingen {
  color: #980d21;
  float: left;
  display: none;
}

#formulier .knop {
  margin-bottom: 15px;
}

#formulier .knop a {
  float: right;
  width: 157px;
  height: 26px;
  background: url(/interface/images/btn_sol_verzenden.gif);
}

#formulier .knop a.btn_inloggen {
  float: left;
  clear: both;
  margin-left:230px;
  padding-right: 16px;
  color: #980d21;
  text-decoration: none;
  line-height: 16px;
  background: url(/interface/images/btn_algemeen_bg.gif) no-repeat right 4px;
  white-space: nowrap;
  width:auto;
}

#formulier .knop a.btn_inloggen:hover {
  text-decoration: underline;
}


/* ---------- Stijlen: Footer ---------- */

#footer {
	width: 100%;
	height: 100px;
	background: #980d21 url(/interface/images/footer_bg.jpg) repeat-x;
	text-align:center;
}

#footer_inner {
	width: 895px;
	height: 100px;
	margin: 0px auto;
	position: relative;
}

#footer .contactgegevens {
  font-size: 11px;
  color: #ffffff;
  width:895px;
  padding-top: 18px;
}

#footer .contactgegevens a {
  color: #ffffff;
}

#footer .logo {
  float: right;
  width: 231px;
  height: 69px;
  margin-top: 23px;
  background: url(/interface/images/logo_voslibert_footer.png);
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/logo_voslibert_footer.png', sizingMethod='scale');
}


/* ---------- Stijlen: Allerlei ---------- */


#cases_afbeeldingen {
  width: 620px;
  height: 300px;
  float: left;
}

#vlist {
  visibility: hidden;
  height: 0px;
  overflow: hidden;
}

#vlist li,#cases_overzicht li {
  cursor: pointer;
}

#medewerkers {
  width: 660px;
  float: left;
}

.medewerker {
  width: 219px;
  height: 219px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  text-decoration: none;
}

.medewerker span {
  position: absolute;
  bottom: 900px;
  left: 15px;
  width: 185px;
  color: #1c1c1c;
  font-size: 14px;
}

.medewerker span b {
  color:#980d21;
}

.medewerker:hover span {
  bottom:20px;
}

.medewerker:hover img {
  display:none;
}

#medewerkers .active span {
  bottom:20px;
}

#medewerkers .active img {
  display:none;
}

.codedirection {
  direction:rtl;
  unicode-bidi:bidi-override;
  text-align:left;
  color:#1c1c1c;
}

#medewerkers p {
  margin:2px;
}

body #nav li.childActive ul {
  display:none;
}

.medewerkeritem {
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:38px;
  font-size:11px;
  margin-bottom:3px;
}

.casevideo {
  width:467px;
  height:274px;
  overflow:hidden;
}


/* ---------- Stijlen: Ja-Maar formulier ---------- */

#seminar {
  clear:both;
  font-size: 11px;
  padding-bottom: 15px;
}

#seminar #foutmeldingen {
  float: none;
  clear: both;
}

#seminar .hoofdvraag {
  padding: 5px 10px;
  background: #d2d2d2;
  margin-bottom: 6px;
  height: 20px;
  line-height: 20px;
}

#seminar .subvraag span.radio {
  float: left;
  width: 270px;
}

#seminar .radio input {
  width: 13px;
  height: 13px;
  float: left;
  margin: 3px 10px 0px 0px;
}

#seminar .radio label,
#seminar .subvragenblok .subvraag .radio label {
  float: left;
  width: 330px;
  padding: 0px;
}

#seminar .subvragenblok {
  width: 300px;
  margin: 0px 0px 15px 36px;
  padding: 15px 15px 10px 15px;
  border: 1px solid #aaaaaa;
}

#seminar .subvragenblok .subvraag,
#seminar .subvragenblok .subsubvraag {
  float: left;
  width: 100%;
  margin-bottom: 6px;
}

#seminar .subvragenblok .subvraag label,
#seminar .subvragenblok .subsubvraag label {
  float: left;
  width: 120px;
  padding-right: 6px;
}

#seminar .subvragenblok .subvraag .tekstinput,
#seminar .subvragenblok .subsubvraag .tekstinput {
  float: left;
  width: 165px;
  padding: 2px 3px 3px 3px;
  font-size: 11px;
  border: 1px solid #aaadb2;
  background: #ffffff;
}

#seminar .subvragenblok .subvraag .radio label {
  width: 240px;
  padding: 2px 0px;
}

#seminar .radio_help {
  clear: both;
  margin-top: 8px;
}

#seminar .subvragenblok .subsubvragenblok {
  float: left;
  width: 519px;
  margin: 0px 0px 8px 25px;
  padding-top: 8px;
  border-top: 1px solid #b3c6da;
  border-bottom: 1px solid #b3c6da;
}

#seminar .button {
  float: right;
  width: 85px;
  height: 26px;
  text-indent: -9001px;
  overflow: hidden;
  background: url(/interface/images/btn_contact_verzenden.gif);
}