/* Stylesheet voor Fier Fryslan. (c) Speak. Alle rechten voorbehouden. */

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

html { overflow-y: scroll; }

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

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  background: #ffffff;
}

form {
  margin: 0;
  padding: 0;
  height: 100%;
}

a { color: #514e86; }
a:hover { color: #ff3a77; }
a img { border: 0; }
img { display: block; }

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

.padding_bottom_20 { padding-bottom: 20px; }

#site {
  width: 900px;
  margin: 0 auto;
}


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

#top {
  width: 100%;
  height: 212px;
  position: relative;
}

#top .logo {
  position: absolute;
  left: 6px;
  top: 52px;
  width: 180px;
  height: 47px;
  z-index: 10;
  overflow: hidden;
  text-indent: -9001px;
  background: url(/interface/images/blank.gif);
}

#top .topfoto {
  position: absolute;
  top: 31px;
  left: 0;
}

#top .taalkeuze {
  position: absolute;
  top: 10px;
  left: 112px;
  height: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#top .taalkeuze li {
  float: left;
  margin:  0 9px 0 0;
  padding: 0;
  width: 16px;
  height: 11px;
}

#top .taalkeuze li a {
  display: block;
  width: 16px;
  height: 11px;
  text-indent: -9001px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

#top .taalkeuze li a.en { background: url(/interface/images/taalkeuze-en.gif); }
#top .taalkeuze li a.t2 { background: url(/interface/images/taalkeuze-tu.gif); }
#top .taalkeuze li a.t3 { background: url(/interface/images/taalkeuze-arab.gif); }

#top .topnav {
  position: absolute;
  top: 5px;
  right: 10px;
  height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

#top .topnav li {
  float: left;
  margin: 0;
  padding: 2px 9px;
  background: url(/interface/images/topnav-item-bg.gif) no-repeat right 7px;
}

#top .topnav li.skype {
  background: none;
  padding-right: 0;
}

#top .topnav li a {
  display: block;
  color: #333;
}

#top .topnav li.skype a {
  width: 41px;
  text-indent: -9001px;
  overflow: hidden;
  background: url(/interface/images/link-skype-bg.gif);
}

#top .topnav li.social-media {
  height: 100%;
  margin-left: 6px;
  padding: 0;
  background: none;
}

#top .topnav li.social-media a {
  height: 100%;
  text-indent: -9001px;
  overflow: hidden;
  background: url(/interface/images/social-media-bg.gif) no-repeat;
}

#top .topnav li.twitter a { width: 21px; }
#top .topnav li.youtube a { width: 56px; background-position: -27px top; }
#top .topnav li.linkedin a { width: 21px; background-position: -89px top; }
#top .topnav li.hyves a { width: 22px; background-position: -115px top; }
#top .topnav li.facebook a { width: 21px; background-position: -142px top; }

#top .topnav li a:hover { color: #ff3a77; }

#top .knop_chat,
#top .knop_site_geheim_houden,
#top .knop_behandeling {
  position: absolute;
  text-indent: -9001px;
  overflow: hidden;
}

#top .knop_chat {
  top: 63px;
  left: 350px;
  width: 124px;
  height: 129px;
  background: url(/interface/images/knop-chat-bg.png);
  z-index: 1;
}

#top .knop_site_geheim_houden {
  top: 43px;
  left: 468px;
  width: 64px;
  height: 66px;
  background: url(/interface/images/knop-site-geheim-houden-bg.gif);
}

#top .knop_behandeling {
  top: 104px;
  left: 474px;
  width: 102px;
  height: 103px;
  background: url(/interface/images/knop-behandeling-bg.gif);
}

#top .zoeken_tagcloud {
  position: absolute;
  top: 31px;
  right: 10px;
  width: 240px;
  background: #d9f1f6 url(/interface/images/zoeken-tagcloud-bg.gif) no-repeat left bottom;
}

#top .zoeken_tagcloud .inner {
  width: 200px;
  padding: 15px 20px;
  background: url(/interface/images/zoeken-tagcloud-inner-bg.gif) no-repeat left top;
}

#top .zoeken_tagcloud .zoeken {
  height: 18px;
  margin-bottom: 10px;
  padding: 1px 0 1px 1px;
  background: url(/interface/images/zoeken-bg.gif) no-repeat left top;
}

#top .zoeken_tagcloud .zoeken input {
  float: left;
  width: 133px;
  padding: 2px 4px;
  background: none;
  border: 0;
  font-size: 11px;
}

#top .zoeken_tagcloud .zoeken a {
  float: right;
  padding: 0 8px;
  font-size: 11px;
  background: url(/interface/images/knop-zoeken-bg.gif) no-repeat left top;
  text-decoration: none;
}

#top .zoeken_tagcloud .zoeken a:hover { text-decoration: underline; }

#top .zoeken_tagcloud .tagcloud {
  width: 100%;
  line-height: 18px;
  color: #6db2c1;
  text-align: justify;
}

#top .zoeken_tagcloud .tagcloud a { text-decoration: none; }
#top .zoeken_tagcloud .tagcloud a:hover { text-decoration: underline; }

#top .zoeken_tagcloud .tagcloud a.gewicht4 { font-size: 21px; color: #64a4b2; }
#top .zoeken_tagcloud .tagcloud a.gewicht3 { font-size: 17px; color: #6db2c1; }
#top .zoeken_tagcloud .tagcloud a.gewicht2 { font-size: 14px; color: #72b9c8; }
#top .zoeken_tagcloud .tagcloud a.gewicht1 { font-size: 11px; color: #77c0cf; }

#top .zoeken_tagcloud .tagcloud a:hover { color: #ff3a77; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Main en Content algemeen ------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#main {
  width: 878px;
  overflow: hidden;
  margin-bottom: 40px;
  padding: 0 11px;
  position: relative;
}

#main .kruimelpad {
  width: 520px;
  height: 18px;
  overflow: hidden;
  clear: both;
  margin-bottom: 18px;
  color: #514c85;
}

#main .kruimelpad a {
  color: #514c85;
  text-decoration: none;
}

#main .kruimelpad a:hover {
  color: #ff3a77;
  text-decoration: underline;
}

#main #content {
  float: left;
  width: 398px;
  line-height: 21px;
}

#main #content.content_breed { width: 598px; }

#main #content .link_lees_voor {
  position: absolute;
  right: 280px;
  top: 0;
  margin-bottom: 6px;
  padding-left: 23px;
  background: url(/interface/images/link-lees-voor-bg.gif) no-repeat left 1px;
  text-decoration: none;
  line-height: 18px;
}

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

#main h1 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  line-height: normal;
  font-weight: normal;
  color: #514c85;
  clear: both;
}

#main h1 span { color: #66BCCC; }

#main h1 .link_rss img { display: inline; }

#main h2 {
  margin: 0 0 11px 0;
  padding: 0;
  font-size: 14px;
  line-height: normal;
  color: #514c85;
}

#main h3,
#main h4,
#main h5,
#main h6 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 12px;
  color: #514c85;
}

#main p {
  margin: 0 0 18px 0;
  padding: 0;
}

#main .nomargin { margin: 0; }

#main table {
  width: 100%;
  margin-bottom: 18px;
}

#main ul {
  margin: 0 0 18px 0;
  padding: 0;
  list-style: none;
}

#main li {
  margin: 0 0 6px 0;
  padding: 0 0 0 15px;
  background: url(/interface/images/bullet.gif) no-repeat left 7px;
}

#main li ul { margin: 5px 0 8px 0; }

#main #content .navboxes {
  width: 406px;
  overflow: hidden;
  margin: 0 -8px 16px 0;
  padding: 0;
  list-style: none;
}

#main #content.content_breed .navboxes {
  width: 604px;
  margin-right: -6px;
}

#main #content .navboxes li {
  float: left;
  width: 195px;
  height: 150px;
  margin-right: 8px;
  padding: 0;
  background: none;
  position: relative;
  overflow: hidden;
}

#main #content.content_breed .navboxes li { margin-right: 6px; }

#main #content .navboxes li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

#main #content .navboxes li a:hover,
#main #content .navboxes li a:hover span {
  text-decoration: underline;
}

#main #content .navboxes li a span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 177px;
  padding: 8px 9px;
  background: url(/interface/images/navbox-inner-bg.png) no-repeat left bottom;
  cursor: pointer;
  text-align: center;
  line-height: 17px;
}

#main #content .navboxes li a:hover span { background-position: right bottom; }

#main #content .navboxes-home li a span {
  top: 0;
  bottom: auto;
  background: url(/interface/images/navbox-inner-home-bg.png) no-repeat left top;
}

#main #content .navboxes-home li a:hover span { background-position: right top; }

#main #content .contentbox {
  width: 100%;
  margin-bottom: 20px;
}

#main .knop {
  float: right;
  height: 23px;
  margin: 0 0 15px 10px;
  background: #b1e3ed url(/interface/images/knop-algemeen-bg.gif) no-repeat;
  font-weight: bold;
  line-height: 17px;
  color: #314b7a;
  text-decoration: none;
}

#main .knop:hover {
  background-position: left bottom;
  text-decoration: underline;
  color: #ff3a77;
}

#main .knop_links {
  float: left;
  margin: 0 10px 15px 0;
}

#main .knop span {
  float: left;
  height: 17px;
  padding: 3px 13px;
  background: url(/interface/images/knop-algemeen-inner-bg.gif) no-repeat right top;
  position: relative;
  cursor: pointer;
}

#main .knop:hover span { background-position: right bottom; }

#main .roze { color: #ff3a77; }

/*
#main #googlemap {
  width: 398px;
  height: 400px;
}
*/
/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Routebeschrijving ------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #googlemap {
  width: 398px;
  height: 400px;
  position: relative;
  margin-bottom: 15px;
}

#main .routevan {
  width: 370px;
  overflow: hidden;
  margin: 3px 0 20px 0;
  padding: 10px 14px;
  border: 1px solid #dddddd;
  background: #f3f3f3;
  position: relative;
}

#main .routevan .formblock-route { float: left; }

#main .routevan .formblock-route label {
  display: block;
  clear: both;
  color: #514C85;
  font-weight: bold;
}

#main .routevan .formblock-route input {
  width: 90px;
  margin-right: 9px;
  padding: 3px 5px;
  border: 1px solid #d4d5d7;
  border-top: 1px solid #9e9ea1;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #686868;
}

#main .routevan #route_nr { width: 25px; }

#container_routebeschrijving {
  margin-left: -5px;
  width: 605px;
}

#main .btn_route {
  margin: 20px 0 0 10px;
  white-space: nowrap;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Sidebar links ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #sidebar_links {
  float: left;
  width: 180px;
  margin-right: 20px;
}

#main #sidebar_links #nav {
  width: 100%;
  overflow: hidden;
  margin: 0;
}

#main #sidebar_links #nav li {
  float: left;
  width: 165px;
  background: none;
  margin: 0;
  padding-bottom: 15px;
  background-repeat: no-repeat;
  background-position: left 4px;
}

#main #sidebar_links #nav li.hasChildren { background-image: url(/interface/images/sidebar-nav-niveau1-haschildren-bg.gif); }
#main #sidebar_links #nav li.childActive { background-image: url(/interface/images/sidebar-nav-niveau1-childactive-bg.gif); }
#main #sidebar_links #nav li.active { background-image: url(/interface/images/sidebar-nav-niveau1-active-bg.gif); }

#main #sidebar_links #nav li a {
  font-size: 14px;
  color: #514e86;
  font-weight: bold;
  text-decoration: none;
}

#main #sidebar_links #nav li a:hover {
  color: #ff3a77;
  text-decoration: underline;
}

#main #sidebar_links #nav li ul {
  width: 100%;
  margin: 0;
  padding: 3px 0 0 0;
  overflow: hidden;
  position: absolute;
  left: -9001px;
}

#main #sidebar_links #nav li.active ul,
#main #sidebar_links #nav li.childActive ul {
  position: static;
  left: auto;
}

#main #sidebar_links #nav li li {
  width: 150px;
  padding-bottom: 3px;
}

#main #sidebar_links #nav li li.hasChildren { background-image: url(/interface/images/sidebar-nav-niveau2-haschildren-bg.gif); }
#main #sidebar_links #nav li li.childActive { background-image: url(/interface/images/sidebar-nav-niveau2-childactive-bg.gif); }
#main #sidebar_links #nav li li.active { background-image: url(/interface/images/sidebar-nav-niveau2-active-bg.gif); }

#main #sidebar_links #nav li li a {
  font-size: 12px;
  color: #66bccc;
}

#main #sidebar_links #nav li li ul,
#main #sidebar_links #nav li.active li ul,
#main #sidebar_links #nav li.childActive ul {
  position: absolute;
  left: -9001px;
}

#main #sidebar_links #nav li li.active ul,
#main #sidebar_links #nav li li.childActive ul {
  position: static;
  left: auto;
}

#main #sidebar_links #nav li li li {
  width: 100%;
  line-height: 16px;
  padding-left: 0;
}

#main #sidebar_links #nav li li li.active {
  background: none;
}

#main #sidebar_links #nav li li li a {
  font-size: 11px;
  color: #333333;
  font-weight: normal;
}

#main #sidebar_links #nav li li li.active a {
  font-weight: bold;
}

#main #sidebar_links #nav li ul,
#main #sidebar_links #nav li li ul,
#main #sidebar_links #nav li.active li ul,
#main #sidebar_links #nav li.childActive li ul,
#main #sidebar_links #nav li.active li li ul,
#main #sidebar_links #nav li.childActive li li ul,
#main #sidebar_links #nav li li.active li ul,
#main #sidebar_links #nav li li.childActive li ul,
#main #sidebar_links #nav li li li ul {
  position: absolute;
  left: -9001px;
}

#main #sidebar_links #nav li.active ul,
#main #sidebar_links #nav li.childActive ul,
#main #sidebar_links #nav li li.active ul,
#main #sidebar_links #nav li li.childActive ul,
#main #sidebar_links #nav li li li.active ul,
#main #sidebar_links #nav li li li.childActive ul {
  position: static;
  left: auto;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Sidebar rechts ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #sidebar_rechts {
  float: right;
  width: 217px;
}

#main #sidebar_rechts .sidebox {
  width: 100%;
  margin-bottom: 25px;
}

#main #sidebar_rechts h2 {
  margin-left: -25px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left top;
}

#main #sidebar_rechts li {
  margin: 0 0 3px 0;
}

#main #sidebar_rechts li.active {
  font-weight: bold;
}

#main #sidebar_rechts li a {
  color: #333333;
  text-decoration: none;
}

#main #sidebar_rechts li a:hover {
  color: #ff3a77;
  text-decoration: underline;
}

#main #sidebar_rechts #nieuwspreviews h2 { background-image: url(/interface/images/nieuwspreviews-titel-bg.gif); }
#main #sidebar_rechts #nieuwsbrief_aanmelden h2 { background-image: url(/interface/images/nieuwsbrief-aanmelden-titel-bg.gif); }
#main #sidebar_rechts #faqpreviews h2 { background-image: url(/interface/images/faq-titel-bg.gif); }
#main #sidebar_rechts #agendapreviews h2 { background-image: url(/interface/images/agendapreviews-titel-bg.gif); }
#main #sidebar_rechts #vacaturepreviews h2 { background-image: url(/interface/images/vacaturepreviews-titel-bg.gif); }
#main #sidebar_rechts #themapreviews h2 { background-image: url(/interface/images/themapreviews-titel-bg.gif); }
#main #sidebar_rechts #weblog_schrijvers h2 { background-image: url(/interface/images/weblog-schrijvers-titel-bg.gif); }
#main #sidebar_rechts #weblog_categorieen h2 { background-image: url(/interface/images/weblog-categorieen-titel-bg.gif); }

#main #sidebar_rechts #agendapreviews ul {
  width: 100%;
  overflow: hidden;
}

#main #sidebar_rechts #agendapreviews li {
  float: left;
  width: 100%;
  clear: both;
  background: none;
  padding: 0;
}

#main #sidebar_rechts #agendapreviews li span {
  float: left;
  width: 35px;
  color: #514e86;
}

#main #sidebar_rechts #agendapreviews li a {
  float: right;
  width: 178px;
}

#main #sidebar_rechts #nieuwsbrief_aanmelden .regel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 8px;
  clear: both;
}

#main #sidebar_rechts #nieuwsbrief_aanmelden .veld label {
  float: left;
  width: 50px;
  color: #514d85;
  padding: 1px 0;
}

#main #sidebar_rechts #nieuwsbrief_aanmelden .veld .inputwrapper {
  float: right;
  width: 150px;
  height: 18px;
  padding: 1px;
  overflow: hidden;
  background: url(/interface/images/nieuwsbrief-aanmelden-inputwrapper-bg.gif);
}

#main #sidebar_rechts #nieuwsbrief_aanmelden .veld .inputwrapper input {
  float: left;
  width: 142px;
  padding: 2px 4px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  color: #333333;
  border: 0;
  background: none;
}

#main #sidebar_rechts .banner {
  display: block;
  margin-bottom: 15px;
}

#main #sidebar_rechts .banner_flash{
  position:relative;
  overflow:hidden;
}

#main #sidebar_rechts .banner_flash .flash{
  overflow:hidden;
}

#main #sidebar_rechts .banner_flash a{
  left:0px;
  top:0px;
  width:217px;
  height:166px;
  position:absolute;
  color:#ff0000;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Home -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #content .home_welkom {
  color: #514e86;
  font-weight: bold;
  margin-bottom: 20px;
}

#main #content #actueel_home,
#main #content #weblogpreviews {
  position: relative;
  width: 574px;
  height: 193px;
  padding: 0 12px;
  background: url(/interface/images/actueel-home-bg.gif) no-repeat left bottom;
}

#main #content #weblogpreviews { background: url(/interface/images/weblog-previews-bg.gif) no-repeat left bottom; }

#main #content #actueel_home h2,
#main #content #weblogpreviews h2 {
  width: 185px;
  height: 21px;
  margin: 0 auto;
  padding: 3px 5px;
  background: url(/interface/images/actueel-home-titel-bg.gif);
  line-height: 21px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

#main #content #weblogpreviews h2 { background: url(/interface/images/weblog-previews-title-bg.gif); }

#main #content #weblogpreviews ul {
  width: 574px;
  height: 118px;
  margin: 0;
  padding: 10px 0;
  line-height: 20px;
  font-size: 12px;
}

#main #content #weblogpreviews li {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: url(/interface/images/weblog-previews-item-bg.gif) no-repeat right bottom;
}

#main #content #weblogpreviews li .thumb {
  float: left;
  width: 184px;
  height: 118px;
  margin-right: 16px;
}

#main #content #weblogpreviews li .weblog_item_details {
  margin-bottom: 4px;
  font-size: 11px;
}

#main #content #actueel_home li h3,
#main #content #weblogpreviews li h3 { font-size: 14px; }

#main #content #weblogpreviews li p { margin-bottom: 10px; }

#main #content #weblogpreviews li p a { white-space: nowrap; }

#main #content #weblogpreviews li.last {
  border: 0;
  padding-bottom: 15px;
  background: #fdf3f6 url(/interface/images/weblogpreviews-inner-bg.gif) no-repeat left bottom;
}

#main #content #weblogpreviews .rss {
  float: left;
  height: 16px;
  padding-left: 21px;
  background: url(/interface/images/weblog-rss.gif) no-repeat;
  color: #ff3a77;
  line-height: 16px;
}

#main #content #weblogpreviews .link-overzicht {
  position: absolute;
  left: 211px;
  bottom: 12px;
  color: #ff3a77;
  line-height: 16px;
}

#main #content #actueel_home .actueel_home_carousel_wrapper {
  position: relative;
  width: 100%;
  height: 143px;
  overflow: hidden;
  padding-top: 12px;
}

#main #content #actueel_home #actueel_home_inner {
  position: relative;
  width: 100%;
  height: 143px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main #content #actueel_home #actueel_home_inner li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: url(/interface/images/actueel-home-item-bg.gif) no-repeat left 113px;
}

#main #content #actueel_home #actueel_home_inner li .thumb {
  float: right;
  margin-left: 15px;
}

#main #content #actueel_home .carousel-controls {
  position: absolute;
  /* left: 203px; */
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 50;
}

#main #content #actueel_home .carousel-controls li {
  float: left;
  margin: 0 3px 0 0;
  padding: 1px 4px;
  background: #514e86;
  color: #fff;
  line-height: 16px;
  cursor: pointer;
}

#main #content #actueel_home .carousel-controls li.active { background: #8ed2df; }

/*Home oud*/
#main #content #verhalencarousel .verhalencarousel_boven {
  background: #cdedf3 url(/interface/images/verhalencarousel-boven-bg.gif) no-repeat left top;
}

#main #content #verhalencarousel .verhalencarousel_boven ul {
  width: 578px;
  height: 221px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
}

#main #content #verhalencarousel .verhalencarousel_boven li {
  width: 578px;
  height: 221px;
  margin: 0;
  padding: 0;
  background: none;
  color: #514e86;
}

#main #content #verhalencarousel .verhalencarousel_boven p {
  margin: 0;
}

#main #content #verhalencarousel .verhalencarousel_boven li .fotovideo {
  float: right;
  width: 280px;
  height: 221px;
  margin-left: 15px;
}

#main #content #verhalencarousel .verhalencarousel_onder {
  width: 566px;
  overflow: hidden;
  padding: 3px 16px;
  background: #514e86 url(/interface/images/verhalencarousel-onder-bg.gif) no-repeat left bottom;
}

#main #content #verhalencarousel .verhalencarousel_onder p {
  float: left;
  width: 160px;
  margin: 0;
  padding: 11px 0;
  color: #7dd1e1;
  font-weight: bold;
}

#main #content #verhalencarousel .verhalencarousel_onder ul {
  float: right;
  height: 40px;
  margin: 0;
  padding: 0;
}

#main #content #verhalencarousel .verhalencarousel_onder ul li {
  float: left;
  width: 64px;
  height: 40px;
  margin: 0 0 0 33px;
  padding: 0;
  background: none;
  display: inline;
}

#main #content #verhalencarousel .verhalencarousel_onder ul li a {
  display: block;
  width: 64px;
  height: 40px;
  position: relative;
  text-decoration: none;
  line-height: 14px;
}

#main #content #verhalencarousel .verhalencarousel_onder ul li a span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 14px;
  overflow: hidden;
  color: #111111;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  background: url(/interface/images/verhalencarousel-control-item-bg.gif) no-repeat left 100px;
}

#main #content #verhalencarousel .verhalencarousel_onder ul li a:hover span {
  text-decoration: underline;
}

#main #content #verhalencarousel .verhalencarousel_onder ul li.active a span {
  color: #ff3a77;
  font-weight: bold;
  background-position: left bottom;
}


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

#main .afbeelding_boven {
  display: block;
  margin-bottom: 20px;
}

#main .afbeeldingen_links {
  float: left;
  clear: left;
  margin: 3px 10px 0 0;
}

#main .afbeeldingen_rechts {
  float: right;
  clear: right;
  margin: 3px 0 0 10px;
}

#main .afbeeldingen_links a,
#main .afbeeldingen_rechts a {
  display: block;
  margin-bottom: 10px;
}

#main .afbeeldingen_onder {
  clear: both;
  width: 408px;
  margin: 15px -10px 0 0;
  overflow: hidden;
}

#main .afbeeldingen_onder a {
  float: left;
  margin: 0 10px 10px 0;
  text-decoration: none;
}

#main #content .paragraaf {
  width: 100%;
  overflow: hidden;
}

#main #content .downloads {
  clear: both;
}

#main #content .downloads li {
  padding-left: 24px;
  background: url(/interface/images/download-bg.gif) no-repeat left 3px;
}

#main #content .downloads li a {
  font-weight: bold;
}

#main #content .knoppenbalk {
  width: 100%;
  background: #d9f1f6 url(/interface/images/knoppenbalk-bg.gif) no-repeat left top;
}

#main #content .knoppenbalk ul {
  width: 358px;
  overflow: hidden;
  padding: 5px 20px;
  margin: 0;
  background: url(/interface/images/knoppenbalk-inner-bg.gif) no-repeat right top;
}

#main #content .knoppenbalk li {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
  background: none;
}

#main #content .knoppenbalk li a {
  float: left;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left 5px;
}

#main #content .knoppenbalk .link_afdrukken { background-image: url(/interface/images/link-afdrukken-bg.gif); }
#main #content .knoppenbalk .link_doorsturen { padding-left: 19px; background-image: url(/interface/images/link-doorsturen-bg.gif); }
#main #content .knoppenbalk .link_reageren { padding-left: 16px; background-image: url(/interface/images/link-reageren-bg.gif); }
#main #content .knoppenbalk .addthis_button_compact { padding-left: 17px; background-image: url(/interface/images/link-delen-bg.gif); }
#main #content .knoppenbalk .addthis_button_compact span { margin: 0; width: 1px; height: 1px; background: none; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Formulieren ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .foutmelding {
  min-height: 25px;
  margin-bottom: 15px;
  padding: 5px 10px 5px 44px;
  border: 1px solid #e4bc00;
  clear: both;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #9e6400;
  display: none;
  background: #fff9cd url(/interface/images/melding-bg.gif) no-repeat 10px 6px;
}

#main .melding {
  min-height: 25px;
  margin-bottom: 15px;
  padding: 5px 10px 5px 44px;
  border: 1px solid #e4bc00;
  clear: both;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #9e6400;
  display: block;
  background: #fff9cd url(/interface/images/melding-bg.gif) no-repeat 10px 6px;
}

#main #sidebar_rechts .foutmelding {
  padding-left: 10px;
  background: #fff9cd;
}

#main .formulier {
  width: 100%;
}

#main .formulier .fingevuld label {
  color: #ee0000;
}

#main .formulier .regel {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-bottom: 9px;
}

#main .formulier .regel label {
  float: left;
  width: 105px;
  padding-right: 10px;
}

#main .formulier .fingevuld label {
  color: #ee0000;
}

#main .formulier .regel .inputwrapper {
  float: left;
  width: 273px;
  height: 17px;
  overflow: hidden;
  padding: 2px 5px 2px 5px;
  background: url(/interface/images/inputwrapper-bg.gif);
}

#main .formulier .regel .inputwrapper input {
  float: left;
  width: 247px;
  margin: 0;
  padding: 1px;
  border: 0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
}

#main .formulier .regel select {
  float: left;
  width: 283px;
}

#main .formulier .textarea label {
  float: none;
  width: auto;
  display: block;
  margin-bottom: 3px;
  padding: 0;
}

#main .formulier .textarea .inputwrapper {
  float: none;
  width: 388px;
  height: 110px;
  overflow: hidden;
  padding: 2px 5px 2px 5px;
  background: url(/interface/images/inputwrapper-textarea-bg.gif);
}

#main .formulier .textarea .inputwrapper textarea {
  float: left;
  width: 386px;
  height: 104px;
  margin: 0;
  padding: 3px 1px;
  border: 0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
}

#main .formulier .button,
#main .formulier .button .knop {
  margin-bottom: 0;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Overzichten (nieuws, vacatures, weblog, reacties, zoekresultaten) - */
/* ---------------------------------------------------------------------------------- */

#main #content .overzicht {
  line-height: 18px;
}

#main #content .overzicht li {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 15px 0 13px 0;
  border-bottom: 1px solid #d7eff4;
  background: none;
}

#main #content .overzicht li .thumb {
  float: left;
  margin: 0 12px 3px 0;
}

#main #content .overzicht li .datum {
  color: #514E86;
  margin-bottom: 1px;
}

#main #content .overzicht li h2 {
  font-size: 14px;
  margin-bottom: 2px;
}

#main #content .overzicht li h2 a { text-decoration: none; }
#main #content .overzicht li h2 a:hover { text-decoration: underline; }

#main #content .overzicht li p {
  margin: 0;
}

#main #content .weblog_overzicht li {
  margin-bottom: 12px;
  padding: 0;
  border: 0;
}

#main #content .weblog_overzicht li .inner {
  width: 374px;
  overflow: hidden;
  padding: 14px 12px;
}

#main #content .weblog_overzicht li.alternate { background: #ebf8fa url(/interface/images/weblog-gearceerd-bg.gif) no-repeat left top; }
#main #content .weblog_overzicht li.alternate .inner { background: url(/interface/images/weblog-gearceerd-inner-bg.gif) no-repeat left bottom; }

#main #content .weblog_overzicht li .thumb {
  float: left;
  margin: -14px 12px -14px -12px;
  position: relative;
}

#main #content .weblog_overzicht li .datum {
  font-size: 11px;
  color: #3c3c3c;
  line-height: 16px;
  margin-bottom: 1px;
}

#main #content .weblog_overzicht li .datum a { color: #3c3c3c; }
#main #content .weblog_overzicht li .datum a:hover { color: #ff3a77; }

#main #content .reactie_overzicht li {
  margin-bottom: 12px;
  padding-top: 0;
  border-color: #c9dadd;
}

#main #content .reactie_overzicht li .naam_datum {
  font-size: 11px;
  color: #3c3c3c;
  line-height: 16px;
  margin-bottom: 2px;
}

#main #content .titel_zoekresultaten {
  margin-bottom: 0;
  color: #66BCCC;
}

#main #content .overzicht_zoekresultaten {
  margin-left: 20px;
}

#main #content .overzicht_zoekresultaten h3 a {
  text-decoration: none;
}

#main #content .nieuwsoverzicht img,
#main #content .weblog_overzicht img {
  float: left;
  margin-right: 20px;
}

#main #content .paginering {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
  text-align: center;
}

#main #content .paginering a {
  margin:0px 4px;
  background: #ededed;
  border: 3px solid #ededed;
  border-width: 3px 7px;
  text-decoration: none;
}

#main #content .paginering a:hover {
  text-decoration: underline;
}

#main #content .paginering span {
  margin:0px 4px;
  border: 3px solid #ffffff;
  border-width: 3px 7px;
}

#main #content .paginering .active {
  color: #ffffff;
  background: #514e86;
  border: 3px solid #514e86;
  border-width: 3px 7px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Veelgestelde vragen (faq) ----------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #faq {
  width: 100%;
  overflow: hidden;
  margin: 0 0 18px 0;
  padding: 0;
}

#main #faq li {
  float: left;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  background: none;
}

#main #faq li .vraag {
  padding: 1px 0 1px 21px;
  background: url(/interface/images/faq-vraag-bg.gif) no-repeat left  6px;
  cursor: pointer;
}

#main #faq li .vraag_actief {
  background-position: left -94px;
}

#main #faq li .antwoord {
  width: 377px;
  margin-left: 21px;
  border-bottom: 1px solid #d7eff4;
  line-height: 18px;
}

#main #faq li .antwoord p {
  margin-bottom: 14px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Weblog artikelpagina ---------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #content .detail_datum {
  font-size: 11px;
  color: #3c3c3c;
  line-height: 16px;
}

#main #content .detail_datum a { color: #3c3c3c; }
#main #content .detail_datum a:hover { color: #ff3a77; }

#main #content #reacties, 
#main #content #doorsturen_outer {
  clear: both;
  width: 100%;
  width: 404px;
  margin-top: 20px;
  /*background: #ebf8fa url(/interface/images/weblog-gearceerd-bg.gif) no-repeat left top;*/
}

#main #content #reacties #reacties_inner,
#main #content #doorsturen_outer #doorsturen {
  width: 374px;
  overflow: hidden;
  padding: 14px 15px;
  /*background: #ebf8fa url(/interface/images/weblog-gearceerd-inner-bg.gif) no-repeat left bottom;*/
}

#main #content #reacties, 
#main #content #doorsturen_outer {
  background-image: url(/interface/images/bg_reacties_top.gif);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #e5f6f9;
}

#main #content #reacties #reacties_inner,
#main #content #doorsturen_outer #doorsturen {
  background-image: url(/interface/images/bg_reacties_bottom.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
}

#main #content #reacties #reacties_inner h4 {
  color: #3c3c3c;
  margin-bottom: 8px;
}

#main #content #reacties ul {
  list-style-type: none;
}

#main #content #reacties ul li {
  padding: 0 0 10px 0;
  background: none;
  border-bottom: solid 1px #c9dadd;
}

#main #reactieformulier .regel .inputwrapper,
#main #doorsturen .regel .inputwrapper {
  width: 249px;
  background: url(/interface/images/inputwrapper-reactieformulier-bg.gif);
}

#main #reactieformulier .regel .inputwrapper input,
#main #doorsturen .regel .inputwrapper input {
  width: 247px;
}

#main #reactieformulier .textarea .inputwrapper,
#main #doorsturen .textarea .inputwrapper {
  width: 364px;
  background: url(/interface/images/inputwrapper-reactieformulier-textarea-bg.gif);
}

#main #reactieformulier .textarea .inputwrapper textarea,
#main #doorsturen .textarea .inputwrapper textarea {
  width: 362px;
}


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

#footer {
  width: 878px;
  overflow: hidden;
  padding: 0 11px 20px 11px;
  position: relative;
}

#footer .footer_boven {
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 3px 0;
  background: url(/interface/images/footer-sitemap-bg.gif) repeat-y 224px top;
}

#footer .sitemap {
  float: left;
  width: 675px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .sitemap li {
  float: left;
  width: 174px;
  margin: 0;
  padding: 0 25px 0 25px;
  border-right: 1px solid #dcdcdc;
}

#footer .sitemap li a {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#footer .sitemap li ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

#footer .sitemap li li {
  width: 100%;
  margin: 0;
  padding: 0 0 3px 0;
  border: 0;
}

#footer .sitemap li li a { 
  display: inline;
  margin: 0;
  color: #333333;
  font-size: 12px;
  font-weight: normal;
}

#footer .sitemap li a:hover,
#footer .sitemap li li a:hover {
  color: #ff3a77;
  text-decoration: underline;
}

#footer .logos {
  float: right;
  width: 160px;
  padding: 10px 21px 0 21px;
}

#footer .logos a {
  display: block;
  margin-bottom: 15px;
}

#footer .logos a.last {
  margin-bottom: 0;
}

#footer .copyright_links {
  margin-bottom: 8px;
}

#footer .copyright_links,
#footer .footertekst {
  clear: both;
  color: #999999;
  text-align: center;
}

#footer .footertekst {
  font-size: 11px;
}

#footer .copyright_links a,
#footer .footertekst a {
  color: #999999;
}

#footer .copyright_links a:hover,
#footer .footertekst a:hover {
  color: #ff3a77;
}

#main .sponsor
{
  width:190px;
  height:130px;
  display:block;
  float:left; 
  text-align:center;
  vertical-align:middle;
}