.topDiv{
  display:block;
}

/* PERCENT MODEL */
.element1, .element2, .element3, .element4 { margin-right:10px; }
.oneCol .element1, .oneCol .element2, .oneCol .element3, .oneCol .element4 { margin-left:0px;margin-right:0px; }
.twoCols .element1, .twoCols .element2, .twoCols .element3, .twoCols .element4 { margin-left:0px; }
.row { margin-bottom:10px; }

.row {width:100%; }
.element1, .element2, .element3, .element4, .artikel, .cols { overflow:hidden; }

.cols.c20 { width:20%; }
.cols.c25 { width:24.9%; }
.cols.c30 { width:30%; }
.cols.c40 { width:40%; }
.cols.c33 { width:33.3%; }
.cols.c50 { width:50%; }
.cols.c60 { width:60%; }
.cols.c67 { width:66.6%; }
.cols.c70 { width:70%; }
.cols.c75 { width:75%; }
.cols.c80 { width:80%; }
.cols.c100 { width:100%; }

.cols { float: left; }

body {
  background:#fefefe;
  font-family:arial, verdana, helvetica, sans-serif;
  position:relative;
  font-size:12px;
  z-index: 1;
}

body, h2, #googleform, #nav_3 li {
  margin:0;
  padding:0;
  position:relative;
}

img {
  position: relative;
  border: none;
  z-index: 200;
}

a:focus, #accordion:focus, input:focus, object:focus, select:focus, *:focus {
  -moz-outline:none; /* remove Firefox dotted line */
  outline:none;
  outline-offset:3px;
}

a {
  color:#069;
  text-decoration:none;
}

.aboblock{
  font-family:georgia, regular;
  font-size:17px;
  background-color:#fff;
  padding:10px;
  font-size:13px;
}

a:hover {
  text-decoration:underline;
}

/* rounded corners extra 'padding' fix */

.rounded,
.rounded-left,
.rounded-right {
  padding: 5px;
}

#rightbar .artikel.rounded,
#rightbar .artikel.rounded-left,
#rightbar .artikel.rounded-right {
  padding-left: 0px;
  padding-right: 0px;
}

#rightbar .framed {
  margin-bottom:10px;
}

/* clearfix cross browser fix */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility : hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.link_arrow {
  top : 2px;
  margin-right : 3px;
}

.pngfixed {
  float:left;
}

#adbar_top img {
  border:0px !important;
}

#wrapper, #nogoodieWrapper {
  position: relative;
  width:960px !important;
  background: #fff;
  margin: 0 auto;
}

#header {
  background:#9ECDF1;
  margin:0px;
  width:631px;
  float: left;
  padding:0px;
  overflow:hidden;
}

#rightbar {
  padding:10px 10px 0 !important;
  background-color:#e5e5e5;
  position: relative;
  float: right;
  right: 0px;
  width:300px;
  overflow:hidden;
  top:10px;
}

#leftbar {
  float:left;
  margin:10px 10px 0 0 !important;
  width:150px !important;
  overflow:hidden;
  clear:left;
  margin-right:10px;
}

#contentWrap.community #leftbar {
  margin: 10px 0 0 0 !important;
}

#main {
  position:relative;
  float:left;
  margin: 10px 0 0 0;
  padding:0;
  overflow:hidden;
  width:480px;
}

#nogoodieWrapper #main {
  width:800px
}

#mainTweetsContent {
  width:470px !important;
}

#contentWrap {
  overflow: hidden;
  float:left;
  width:640px;
}

#nogoodieWrapper #contentWrap {
  width:960px;
}

body .oneCol {
  width: 960px !important;
}

body .twoCols {
  width: 640px !important;
}

.headersubline {
  background:url(/graphics/headersubline_background.gif);
  background-repeat:repeat-x;
  width:100%;
  height:6px;
  overflow:hidden;
}

#breadcrumbs {
  clear: left;
  text-transform: uppercase;
  font-size: 10px;
  font-weight:bold;
  background: #fff url('/graphics/stippel.gif') repeat-x bottom left;
  margin: 0;
  padding: 4px 0 4px 3px;
}

.menulevel4 {
  clear: left;
  font-weight:bold;
  margin: 0;
  padding: 10px 0 4px 3px;
  list-style: none;
  list-style-position: outside;
  font-size: 11px;
}

.menulevel4 li {
  float: left;
  line-height: 12px;
  padding: 2px 5px 0 0;
  margin: 2px 5px 0 0;
  border-right: 1px solid #333;
  white-space: nowrap;
}

.mediaspinner {
  display:block;
  position:relative;
  width:32px;
  height:32px;
  margin:auto;
}

.copyright {
  text-align:center;
  font-size:10px;
  position: relative;
  line-height:10px;
}

.clear {
  clear:both;
}

.clearSmall {
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

.clearLeftSmall {
  display: block;
  clear: left;
  height: 1px;
  overflow: hidden;
}

a.reacties, a:visited.reacties {
  color:#900 !important;
  font-weight:bold;
  font-size:11px;
  margin-left: 2px;
  margin-top: 2px;
}

.reactieButton {
  border-top:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  background:#FFF;
  bottom:5px;
  font-size:12px;
  font-weight:bold;
  padding:3px 4px 2px 4px;
  position:relative;
  right:3px;
}

.reactieAantalButton:hover {
  text-decoration:none;
}

#klachten {
  margin-top: 10px;
}

#klachten tr  {
  vertical-align: top;
}

.rssicon, .radioklein {
  top:2px;
  position:relative;
}

.related {
  position:relative;
  padding:0px;
  overflow: visible;
}

.related ul {
  margin:5px 0 0 0;
  padding-left: 0px;
  list-style: none;
  list-style-position: outside;
}

.related ul li {
  margin-left:0px;
  padding-left:0px !important;
  font-weight:bold;
  font-size:11px;
  line-height: 14px;
}

.relatedDate{
  float:left;
}

* html .pnghack {
  visibility:hidden;
}

#hyvesconnect_div {
  z-index:200000;
}

.related ul li img {
  margin-left:2px;
  top:1px;
  vertical-align: baseline;
}

.retitle {
  height:15px;
}

.grijs {
  background:#f2f2f2;
}

h6 , h5 , h4 , h3 , h2 , h1, span.tussenkopi, h2.tussenkop {
  font-weight: bold;
  margin: 0px;
  padding: 3px 0px 3px 0px;
}

h6 { font-size: 12px; }
h5, span.tussenkop, h2.tussenkop { font-size: 14px; }
h4 { font-size: 16px; }
h3 { font-size: 22px; }
h2 { font-size: 16px; }
h1 { font-size: 18px; }

h2.tussenkop {
  font-weight:bold;
}

h2 a {
  color: #333 !important;
  text-decoration: none;
}

.artspacer {
  background-color:white;
}

#rightbar .artspacer {
  background-color:#E5E5E5;
}

.addiv, addiv_nomargin {
  background-color:white;
  clear:both;
  position: relative;
  text-align:center;
}


#leftbar .addiv, #leftbar .addiv_nomargin {
  text-align:left !important;
}

#logo {
  display: block;
  background:url(/graphics/logo_portal.gif);
  width: 311px;
  height: 80px;
  overflow:hidden;
}

#logo h2 {
  display: none;
}

#nav_3 {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:631px;
}

#nav_3 ul {
  background-image:url(/graphics/bg_nav3_portal.jpg);
  border-top-color:#FFF;
  border-top-style:solid;
  border-top-width:1px;
  font:bold 11px Arial, Helvetica, sans-serif;
  height:21px;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:center;
}

#nav_3 li {
  display:inline;
}

#nav_3 li a {
  border:none;
  color:#fff;
  float:left;
  height:21px;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none;
}

#nav3_wrapper {
  background-image:url(/graphics/bg_nav3_portal.jpg);
  border-top-color:#fff;
  border-top-style:solid;
  border-top-width:1px;
  display:block;
  float:left;
  height:21px;
  margin:0;
  overflow:visible;
  text-align:center;
  width:100%;
}

.basictab ul li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
}

.basictab ul {
  background-image:url(/graphics/bg_nav3_portal.jpg);
  font:bold 11px Arial, Verdana, Helvetica;
  height:21px;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:center;
  float:left;
}

.basictab li a {
  border:none;
  color:#fff !important;
  float:left;
  height:21px;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none !important;
}

.basictab ul li a:hover {
  color: #333 !important;
  background-image: url(/graphics/bg_level_0.jpg);
}

.basictab ul li a.selekt , .tabcontent ul li a.selekt {
  color: #333 !important;
  background-image: url(/graphics/hover_level_1.gif) !important;
  outline : 0;
}

#navigatie {
  display:block;
  height:42px;
  margin:0;
  width:631px;
  background-image:url(/graphics/bg_extranav.jpg);
  text-transform: uppercase;
}

.ttarrow {
  background:transparent url(/graphics/groen2.jpg) no-repeat;
  width:32px;
  height:20px;
  float:right;
  top:7px;
  position:relative;
}

#telegraaf-i .testtarget {
  background:transparent url(http://telegraaf-i.telegraaf.nl/thumbnails/frontpage/1S/firstpage_schuin.jpg) repeat scroll center top !important;
  display:block;
  float:left;
  height:96px;
  overflow:hidden;
  position:relative;
  width:120px;
  border:none;
  overflow:hidden;
}

#telegraaf-i .items {
  width:170px;
}

#telegraaf-i a.item {
  float:left;
  position:relative;
}

.ttoffereen {
  top:75px;
}

.ttoffertwee {
  top:0px;
}

#magpng{
  top:-15px;
  left:15px;
}

#kioskright {
  float:right;
  height:80px;
}

#fpage {
  background: url(http://telegraaf-i.telegraaf.nl/thumbnails/frontpage/1S/firstpage_schuin.jpg) no-repeat top left;
  width:150px;
  height:181px;
}

#npmagright {
  float:right;
  height:80px;
}

#npmaglinks {
  float:left;
  width:170px;
}

#npmagleft {
  background: url(http://telegraaf-i.telegraaf.nl/thumbnails/frontpage/1S/firstpage_schuin.jpg) no-repeat top left;
  float: left;
  position: relative;
  overflow:hidden;
  width:150px;
  height:80px;
}

#npmag a.hoverpage:link,
#npmag a.hoverpage:visited {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 150px;
  height: 80px;
  top: 0;
  left: 0;
  background: transparent url(/graphics/magazine/button_up.png) no-repeat 0 0;
  z-index: 501;
}

#npmag a.hoverpage:hover {
  background: transparent url(/graphics/magazine/button_down.png) no-repeat 0 0;
}

#npmagright a.titlelink:hover,
#npmagright a.links:hover {
  background: #e8e8e8 !important;
  text-decoration:none;
}

#npmagright a.titlelink:link,
#npmagright a.links:link,
#npmagright a.titlelink:visited,
#npmagright a.links:visited {
  color: #000;
  text-decoration: none;
}

#npmaglogo {
  background: url(/graphics/logo_goodiebar.gif) no-repeat top center;
  position: relative;
  width:170px;
  height:25px;
  padding-bottom: 4px;
}

#npmagtitle {
  font-size:13px;
  font-weight: bold;
  display: inline;
}

#npmagtitleblock {
  text-align: center;
  width: 170px;
  height: 14px;
  padding-bottom: 4px;
}

#npmagarrow {
  /* background: url('/graphics/arrow/red_white_arrow.gif') no-repeat top;
  width:10px;
  height:14px;
  vertical-align: top;
  position: relative;
  top: 1px;
  padding-left: 3px;
  display: inline-block;
  zoom: 1;
   *display: inline; */
  display:none;
}

#npmag a:hover, .pointer{
  cursor: pointer;
  cursor: hand;
}

#npmag {
  font-size:11px;
  font-weight:bold;
  width:320px;
  height:80px;
  float:right;
  position: relative;
  overflow:hidden;
}

#whitesep {
  clear:both;
  background-color:#fff;
  width:960px;
  height:1px;
  overflow:hidden;
}

#newnavi {
  display:block;
  height:42px;
  margin:0;
  width:960px;
  background-color:#888;
  font:bold 11px Arial, Verdana, Helvetica;
  border-top:1px solid white;
}

#newlogo {
  left:0px;
  bottom:0px;
}

#newnavleft {
  width:175px;
  height:80px;
  float:left;
  overflow:hidden;
}

#newmain {
  height:80px;
  overflow:hidden;
}

.newtab ul li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
}

.newtab ul {
  height:21px;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:center;
  float:left;
}

.newtab li a {
  border:none;
  color:#fff !important;
  float:left;
  height:21px;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none !important;
}

.newnavright {
  height: 21px;
  float:  right;
  text-align: right;
  height:1%;
}

.newnavright ul {
  height:21px;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
}

.newnavright ul li {
  display:inline;
  margin:0;
  padding:0;
}

.newnavright ul li a {
  border:none;
  color:#fff !important;
  float:right;
  height:21px;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none !important;
}

.newnavright li a:hover {
  color:#333 !important;
}

.newnavright li a.selekt {
  color:#333 !important;
  outline:0;
  background-color:#ddd;
}

.newsep {
  border:none;
  float:left;
  height:21px;
  margin:0;
  padding:0;
  display:inline-block;
}

.newsept, li.newsep.selekt {
  border:none;
  float:left;
  height:21px;
  margin:0;
  padding:0;
  background-color:#fff !important;
}

.navlitesep {
  border:none;
  float:right;
  height:21px;
  margin:0;
  padding:0;
}

#newmenucontainer {
  float:left;
  height:20px;
  overflow:hidden;
  width:960px;
  text-align: center;
  background-color:#aaa;
}

.newmenutab {
  border:none;
  display:none;
  height:20px;
}

.newmenutab ul {
  border:none;
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:left;
}

.newmenutab li {
  display:inline-block;
  float:left;
  //height:21px;
}

.newmenutab li a {
  border:none;
  color:#fff !important;
  float:left;
  line-height:20px;
  margin:0;
  padding:0 10px;
  position: relative;
  text-decoration:none !important;
}

.newmenutab li a.hilite, .newtab ul li a.hilite {
  background-color:#fff !important;
  color:#333 !important;
}

.newmenutab li a.selekt, .newtab ul li a.selekt {
  background-color:#ddd;
  color:#333 !important;
}

.tabcontent ul li a.selekt {
  color: #333 !important;
  background-color: #bbb;
  outline : 0;
}

.newmenutab ul li ul.drop {
  display:block;
  position:absolute;
  clear:both;
  margin-top:20px;
  *margin-top:0px;
  z-index:20000;
  min-width: 150px;
  overflow: hidden;
}

.newmenutab ul li ul.drop li {
  display:none;
  float:none;
  position:relative;
  overflow: hidden;
  height:20px;
  width:150px;
  white-space:nowrap;
  border-bottom:1px solid #fff;
  margin-top:0;
  vertical-align: bottom; /* This fixes the IE Win gap! */
  padding:0;
  background-color:#888;
}

.newmenutab ul li ul.drop li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  float:none;
  height:20px;
  min-width:150px;
  padding-bottom: 5px;
  white-space:nowrap;
}

.newmenutab ul li:hover ul.drop li {
  display:block;
}

.newmenutab ul li ul.drop li:hover {
  background-color:#aaa;
}

#parentSectionsHeaderdiv a {
  color:#aaa;
  text-decoration:none;
}

#parentSectionsHeaderdiv a.hl {
  color:#ddd;
}

#parentSectionsHeaderdiv {
  color:#aaa;
  font-size:20px;
  position:relative;
  top:30px;
}

#mainlogo {
  display:inline;
  float:left;
  margin-right:10px;
  overflow:hidden;
}

#googleweer {
  background:#e5e5e5;
  padding:10px 10px 0;
  margin:0;
  width: 300px;
  float: right;
  top:10px;
  position:relative;
}

/* new level 3 navigation */

.thirdnav {
  background-color:#AAAAAA;
  overflow:hidden;
  text-align:left;
  width:100%;
  margin-bottom:10px;
}

body .thirdnav a.thirditem {
  display:block;
  position: relative;
  font-size: 11px;
  color: #fff !important;
  font-weight: bold;
  width:100%;
  height:17px;
  padding-left:5px;
  padding-top:3px;
  border-bottom:1px solid #fff;
  overflow:hidden;
}

body a.thirditem:hover, a.thirditem.selekt {
  color: #333 !important;
  background-color: #fff;
  text-decoration: none;
  outline : 0px;
}

/* --------- end menu redesign --------- */

.navlite {
  width:300px;
  height: 21px;
  display: block;
  float:  right;
  background-image:url(/graphics/bg_extranav.jpg);
  text-align: right;
}

.navlite ul {
  font:bold 11px Arial, Helvetica, sans-serif;
  height:21px;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
}

.navlite ul li {
  display:inline;
  margin:0;
  padding:0;
}

.navlite ul li a {
  border:none;
  color:#fff !important;
  float:right;
  height:21px;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none !important;
}

.navlite li a:hover {
  color:#333 !important;
}

.navlite li a.selekt {
  color:#333 !important;
  outline:0;
}

.navlitesep {
  border:none;
  float:right;
  height:21px;
  margin:0;
  padding:0;
  text-decoration:none;
}

#tabcontentcontainer {
  float:left;
  height:21px;
  overflow:hidden;
  width:631px;
  border-bottom: 1px solid #10709F;
  text-align: center;
}

.tabcontent {
  background-image:url(/graphics/bg_level_2.jpg);
  border:none;
  display:none;
  height:21px;
}

.tabcontent ul {
  border:none;
  font:bold 11px  Arial,Verdana, Helvetica;
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:left;
}

.tabcontent li {
  background-image:url(/graphics/bg_level_2.jpg);
  display:inline;
  height:21px;
}

.tabcontent li a {
  background-image:url(/graphics/bg_level_2.jpg);
  border:none;
  color:#333 !important;
  float:left;
  line-height:20px;
  margin:0;
  padding:0 10px;
  text-decoration:none !important;
}

.tabcontent li a:hover {
  background-image:url(/graphics/hover_level_2.jpg);
  color:#333 !important;
}

/* nieuwsoverzicht */

.nieuwsoverzicht {
  width: 100%;
}

.nieuwsoverzicht div div.item  a,
.nieuwsoverzicht div div.item a:link,
.nieuwsoverzicht div div.item a:hover {
  font-weight: normal;
}

.nieuwsoverzicht a:hover {
  text-decoration: none;
}

.nieuwsoverzicht .header {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin: 0px 10px 5px 0px;
}

.nieuwsoverzicht .headerdate {
  color: #999;
  font-size: 16px;
  font-weight: bold;
}

.nieuwsoverzicht .date {
  color:#666;
  float:left;
  font-weight:bold;
  width:75px;
}

.nieuwsoverzicht .even,
.nieuwsoverzicht .oneven {
  padding: 3px 0px 3px 5px;
}

.nieuwsoverzicht .oneven {
  background: #F2F2F2;
}
.nieuwsoverzicht .over div {
  background: #e0e0e0;
}

.nieuwsoverzicht .stippel {
  padding:0px 0px 3px 0px;
  clear: both;
}

.removebullet {
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:left;
}

/* -------------------------- */

.reactiekleur {
  color:#900;
}

.reactiemobiel {
  float:right;
  margin-left: 10px;
  padding-top: 6px;
}

.reactie {
  font-size:11px;
  margin-bottom:0;
  padding:3px;
  width:100%;
  font-weight:bold;
}

.reactie a:link {
  color:#900;
  font-size:11px;
  text-decoration:none;
}

.reactie a:hover {
  color:#900;
  font-size:11px;
  text-decoration:underline;
}

.rsscaption {
  font-size:10px;
  color:#000 !important;
  position:relative;
  top:0px;
}

#sitemap {
  background: #f2f2f2;
  overflow: hidden;
  padding: 15px;
  clear: both;
  margin-right: 10px;
}

.towCols#sitemap {
  margin-left: 0px !important;
}

#sitemap ul {
  display: block;
  overflow:hidden;
  background: #f2f2f2;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  list-style-image: none;
  float: left;
  font-size: 10px;
  width: 21%;
}

#sitemap ul li {
  list-style-type:none;
  padding: 2px 9px 2px 0px;
  list-style:none !important;
  margin-left:1px !important;
  padding-left:0px !important;
}

#sitemap ul li a {
  list-style:none !important;
  margin:0px !important;
  padding:0px !important;
  font-weight:bold;
}

.videocontainer {
  text-align:center;
  clear:both;
}

.subtitle {
  float:left;
  position:relative;
  font-size:12px;
}

.subrss {
  float:right;
  overflow:hidden;
  display:block;
}

.stippel {
  display: block;
  overflow: hidden;
  border-bottom:1px dotted #e0e0e1;
  margin-top: -1px;
  margin-bottom: 1px;
  height:1px;
  width:100%;
}

.stippel_verticaal {
  background-image:url(/graphics/stippel_verticaal.gif);
  background-repeat:repeat-y;
  width:1px;
}

.subtint {
  background:#D5E9F9;
  padding: 0px;
  width: 170px;
}

.telegraaf_i {
  width:300px;
  padding:0;
  margin-bottom:10px;
}

.url {
  color:#999;
  font-style: italic;
}

/* new google search */

#googlebox {
  width:300px;
  text-align:left;
  overflow:hidden;
}

#google {
  background-color:#AAAAAA;
  height:30px;
  width:300px;
  overflow:hidden;
  margin-bottom:10px;
}

#googleq, #googlebut {
  position:relative;
  top:2px;
  left:2px;
  float:left;
}

#googlebut {
  background-color:#CCCCCC;
  border-color:#FFFFFF #888888 #888888 #FFFFFF;
  border-style:solid;
  border-width:1px;
  font-weight:bold;
  height:15px;
  left:5px;
  text-align:center;
  top:7px;
  width:48px;
  cursor:pointer;
}

#googlebut:hover {
  border-color:#888888 #FFFFFF #FFFFFF #888888;
  padding-top:1px;
  padding-left:1px;
}

#googleq, #zoekenmet {
  height:20px;
  width:238px;
  font-size:13px;
  cursor:text;
}

#zoekenmet {
  position:relative;
  top:-22px;
  left:4px;
  height:20px;
  color:#888;
  background-color:#fff;
}

#weerverkeer {
  background:white;
  border:1px solid #aaa;
  width:298px;
  height:35px;
  color:#222222;
  font-weight:bold;
  overflow:hidden;
  font-size:11px;
}

#weer, #verkeer, #beurs, #benzine {
  float:left;
  padding-left:5px;
  cursor:pointer;
  height:35px;
}

#weer {
  width:75px;
}

#verkeer {
  width:83px;
}

#benzine {
  width:125px;
}

#weer:hover, #verkeer:hover, #beurs:hover, #benzine:hover {
  background-color:#f0f0f0;
}

.blokpic {
  width:25px;
  height:25px;
  float:left;
  top:4px;
  border:1px solid #fff;
}

#weertxt, #verkeertxt, #beurstxt, #benzinetxt {
  float:left;
  left:5px;
  top:4px;
}

#weerpic, #verkeerpic, #weertxt, #verkeertxt, #beurspic, #beurstxt, #benzinepic, #benzinetxt {
  overflow:hidden;
  position:relative;
}

#googleimg {
  position:relative;
  top:5px;
  cursor:text;
}

#searchresults #main {
  width:470px;
}

#video_opmerkelijk #main {
  width: 640px;
}

#video_dagboek #main {
  width: 640px;
}

#video_chats #main {
  width: 640px;
}

#video_autovisie #main {
  width: 640px;
}

#video_binnenland #main {
  width: 640px;
}

#video_incoming #main {
  width: 640px;
}

#video_commercials #main {
  width: 640px;
}

#video_stopdecrisis #main {
  width: 640px;
}

#video_weerbericht #main {
  width: 640px;
}

#video_auto #main {
  width: 640px;
}

#video_financieel #main {
  width: 640px;
}

#video_prive #main {
  width: 640px;
}

#video_overgeld #main {
  width: 640px;
}

#video_digitaal #main {
  width: 640px;
}

#video_mijnbedrijf #main {
  width: 640px;
}

#video_telesport #main {
  width: 640px;
}

#video_autovisie #main {
  width: 640px;
}

#video_buitenland #main {
  width: 640px;
}

#video_vrouw #main {
  width: 640px;

}

#video_vaarkrant #main {
  width: 640px;
}

div.vidoverview, div.vidoverview .header, div.vidoverview .items{
  overflow: hidden;
  position: relative;
}

div.vidoverview {
  width: 630px;
  margin-bottom: 15px;
  margin-top: 15px;
}

div.vidoverview .header {
  background-color: #000;
  color: #fff;
  line-height: 22px;
  width: 630px;
  max-height: 20px;
}

div.vidoverview .header a{
  color: #999;
}

div.vidoverview .header.bottom {
  margin-top: 7px;
}

div.vidoverview .header b {
  margin-left: 10px;
  float: left;
  width: 116px;
}

div.vidoverview .header .paging {
  color: #999;
  float: right;
  width: 494px;
  text-align: right;
  margin-right: 10px;
}

div.vidoverview .header .paging .curpage {
  color: #fff;
}

div.vidoverview .items {
  margin-left: 10px;
  width: 630px;
  overflow: hidden;
}

.videophoto a {
  text-decoration: none;
  cursor: pointer;
}

.videophoto {
  float: left;
  width: 109px;
  height: 145px;
  border-right: 1px solid #9d9d9d;
  border-bottom: 1px solid #9d9d9d;
  margin: 10px 6px 3px 6px;
  display: inline;
  background: #fff;
}


.videophoto img {
  margin: 5px 0px 2px 11px;
  width: 90px;
  border: 0px;
}

.videophoto .videodesc {
  width: 105px;
  margin: 2px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #999;
}

.videophoto.over {
  background: #f0f0ff;
}

.beursarrow {
  width:12px;
  height:9px;
  position:relative;
  overflow:hidden;
}

/* Article */

.location {
  text-transform: uppercase;
}

.auteur {
  font-size: 12px;
  font-style: italic;
  padding: 5px 0px 5px 0px;
}

#main .foto, .fotowin .foto {
  font-size: 10px;
  font-style: italic;
  text-align: right;
  color: #000;
}

.sectiontitle_lijn {
  font-size: 18px;
  color: #005a9c;
  border-bottom: 1px solid #000;
  letter-spacing: 4px;
  padding-top: 10px;
  text-transform: uppercase;
}

.reactiebalk {
  border-top: 1px solid #f2f2f2;
  margin: 5px 0 0;
  clear:both;
  height:35px;
  overflow: hidden;
  position: relative;
}

/* 5 pixel spacing everywhere */

.artspacer, #rightbar .artikel, #main .row,
.artikelblok h2.title, .addiv, .pollspacer,
#tw_toplist_widget.tw_widget .headline,
#tw_link_widget.tw_widget .headline,
#vrouw #rightbar #recepten_zoeker, #rightbar .fv_item,
#vrouw #rightbar div.rounded, div.google_ads {
  margin-bottom:10px !important;
}

#snelnieuws .row, #voetbal_sn .row{
  margin-bottom: 0px !important;
}

/* reactiehuisregeltekst weghalen */

.reactions {
  display:inline;
}

.reacties .huisregels, .reactiehuisregeltekst {
  background-color: #F2F2F2;
  font-size: 10px;
  font-weight: bold;
  line-height: 130%;
  padding: 5px;
}

.reacties .stippel {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.reacties .reactietekst {
  font-size: 12px;
  color: #333;
  margin: 0px;
  padding: 25px 0px 10px 0px;
  font-weight:normal;
}

.reacties .naamdatum {
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  padding:2px 5px 2px 0px;
}

.bannercenter {
  clear:both;
  text-align:center;
  display:block;
  margin:auto;
  width:100%;
}

#adbar_top {
  margin-bottom:5px;
}

/* reageer form */

#vn, #an, #em, #ow, #pc, #hn, #wp, #fu, #be, #te  {
  border:1px solid #ccc;
  width:290px;
}

#tfield {
  border:1px solid #ccc;
}

#reactform {
  height:30px;
}

.reageer {
  position:relative;
  left:60px;
  width:310px;
}

.reageerrow {
  width:100%;
  height:25px;
  display:block;
}

#voornaam.reageerrow {
  clear:left;
}

.hidden {
  visibility:hidden;
  display:none;
}

.shown {
  visibility:visible;
}

.reatext {
  width:80px;
}

.reamsg, .reatext, .reabox {
  float:left;
}

.reamsg {
  color:#f00;
  width:75%;
  height:20px;
}

.boxbad {
  border:1px solid #f00 !important;
}

.boxgood {
  border:1px solid #ccc !important;
}

/* contactpagina */

.contactblok1, .contactblok2 {
   float: left;
   padding: 5px;
   width: 240px;
   background: #f2f2f2;
}

.contactblok1 {
   margin-right: 10px;
}

.redactieblok {
  margin: 10px 0px 10px 0px;
}

.contactwidth {
  width: 380px;
}

/* google ads */

.googlespinner {
  position:relative;
  width:200px;
  height:32px;
  margin:auto;
  text-align:center;
}

td.google_title, div.google_title {
  background-color: white;
  font-weight: bold;
}

div.google_ads {
  position:relative;
  clear: both;
  background-color: #fff;
  border-bottom: 1px solid #aaa;
  overflow:hidden;
  margin-right:10px;
  font-size:12px;
}

#googleadspace1 {
  border-top: 1px solid #aaa;
  background-color:#fff;
  float:left;
  line-height:115%;
  padding:5px 0px 10px 0px;
  width:100%
}

#artikel .google_ads {
  margin-right:0px;
}

#artikel .broodMediaBox .google_ads {
  width:200px;
}

div.google_ad {
  background-color: #fff;
  font-size: 12px;
}

div.google_ad, .googlearrow, .hand {
  cursor:hand;
  cursor:pointer;
}

span.google, p.google {
  color: #005A9C;
  margin: 0px;
  display: inline;
}

span.google_ad, p.google_ad {
  color: #000000;
  margin: 0px;
  display: inline;
}

a.google {
  font-weight: bold;
}

/* foto en video elementen */

.fv_desc {
  background: #f2f2f2;
  margin-top:5px;
}

.fv_desc_padding {
  padding: 5px;
}

.fv_item {
  position: relative;
  clear: left;
  background: #f2f2f2;
  display:block;
}

.fv_item .header, .fv_desc .header {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  padding-left: 5px;
  font-weight: bold;
  background: #000;
  color: #fff;
}

.fv_item .meer {
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  padding: 0 5px 2px 0;
}

.fv_item .imgs {
  position: relative;
  float: left;
  width: 110px;
  overflow: hidden;
  /* ------------------------Uitgecommentarieerd voor live
   margin: 3px 0 3px 7px;
   -----------------------------------------------------
  */
  margin: 3px 0 3px 3px;
  text-align: left;
  padding-bottom: 5px;
  height:145px;
}

* html .fv_item .imgs {
  margin: 10px 0 10px 4px;
}

#rightbar .fv_item .imgs {
  width: 140px;
}

.fv_item .imgs p {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #9d9d9d;
  border-bottom: 1px solid #9d9d9d;
  padding: 5px 5px 2px 5px;
  font-size: 10px;
  line-height: 1.2em;
  background: #fff;
  height:130px;
  position: relative;
}

.fv_item .imgs p.over {
  background: #f0f0ff;
}

.fv_item .imgs p a:hover {
  text-decoration: none !important;
}

.fv_item .imgs a {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #999;
}

.fv_item .imgs a img {
  display: block;
  margin: 2px auto;
  width: 90px;
}

.fv_item#fv_telesport .header,.fv_desc#fv_telesport .header { background: #A2CDF0; }
#binnenland .fv_item .header, .fv_buitenland .header, .fv_foto .header, .fv_video .header,
#telesport .fv_item .header { background:#9ECDF1 none repeat scroll 0%; color:#000;}
#prive .fv_item .header { background:#8C9DD3 none repeat scroll 0%; }
#vrouw .fv_item .header { background:#AD0024 none repeat scroll 0%; }
#etenengenieten .fv_item .header { background:#65104B none repeat scroll 0%; color:#000; }
#autotelegraaf .fv_item .header { background:#FF6600 none repeat scroll 0%; }
#reiskrant .fv_item .header { background:#FFCC66 none repeat scroll 0%; color:#000; }
#digitaal .fv_item .header { background:#B6E6E6 none repeat scroll 0%; }
#afslanken .fv_item .header { background:#AE8530 none repeat scroll 0%; }
#woonkrant .fv_item .header { background:#2198C3 none repeat scroll 0%; }
#uitgaan .fv_item .header { background:#505F92 none repeat scroll 0%; }

.fv_telesport .header, .fv_osvideo .header {
  background-color: #4D96CC;
}

/* level 3 navigatie */

.sep {
  background-image:url(/graphics/bg_level_1.jpg);
  border:none;
  float:left;
  height:21px;
  margin:0;
  padding:0;
  text-decoration:none;
}

.level3_nav .sep {
  background-image:url(/graphics/separator_level_1.gif);
}

.level3_nav {
  height:21px;
  overflow: hidden;
  border-top: 1px solid #fff;
  text-align: center;
}

.level3_nav a.leveldrieitem {
  position: relative;
  font-size: 11px;
  top: -7px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 3px 2px;
}

a.leveldrieitem:hover, a.leveldrieitem.selekt {
  color: #333;
  text-decoration: none;
  outline : 0px;
}

/* Advertorial CSS, overrule for section in section CSS */

.tos-teaser, .tos-advertorial {
  position: relative;
  border: 1px solid #000;
  color: #000;
  margin: 0;
  padding: 0 5px 5px 5px;
  cursor:pointer;
}

.tos-teaser:hover {
  background-color: #EAEAEA;
}

.tos-advert {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    padding: 0 0 5px 0;
    position: relative;
    font-style: italic;
}

.tos-text {
    font-size: 11px;
    text-align: left;
    position: relative;
}

.tos-image-left img {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
}
.tos-image-right img {
    float: right;
    padding: 0;
    margin: 0 0 0 5px;
}

.tos-text h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2px 0;
}
.tos-advertorial .tos-text h3 {
    font-size: 14px;
}

.tos-text b {
    color: orange;
}

.tos-meer {
    font-size: 11px; font-weight: bold; display: inline;
}

.tos-advertorial .tos-text a, .tos-advertorial .tos-text a:link, .tos-advertorial .tos-text a:visited {
    cursor:pointer;
}

.tos-teaser .tos-text a, .tos-teaser .tos-text a:link, .tos-teaser .tos-text a:visited {
    color: #000; text-decoration: none;
}

.tos-teaser .tos-text a:hover, .tos-teaser .tos-meer, .tos-teaser .tos-advert {
    color: #000 !important;
}

.experts_tekst {
  margin: 7px 0px 5px 0px;
  background: #fff url('/graphics/stippel.gif') repeat-x bottom left;
  padding-bottom: 7px;
}
.experts_tekst .name { font-weight: bold; }

.experts_thumb {
   margin: 0px 5px 0px 0px;
   float: left;
}

.experts_tekst .over {
  background: #f2f2f2;
}

#main-left {
  float: left;
  width: 320px;
  overflow: hidden;
  margin: 0;
}

#main-right {
  float: left;
  width: 150px;
  overflow: hidden;
  margin: 0 10px 0 0;
}

/* Poll */

.poll {
  padding:5px;
}

.rounded .poll {
  padding:0px;
}

.poll-content {
  position: relative;
  padding: 3px 3px 5px 3px;
}

.poll-button {
  position: relative;
  display: block;
  width: 60px;
  margin: 0 auto;
  text-align: center;
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #fff;
}

.pbar {
  height:15px;
  background-color:#fff;
  border-bottom:1px solid #aaa;
  border-right:1px solid #aaa;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
}

.poll-button:hover {
  color: #395e9f;
  background: #fff !important;
}

.pollresult {
  margin:5px 0px;
}

.pollamount {
  border-bottom:1px solid #FFFFFF;
  margin-bottom:5px;
  padding:5px 0px;
}

/* Telegraaf-i */

#telegraaf-i .vergrootglas img {
  width: 120px;
  height: 166px;
}

#telegraaf-i .vergrootglas {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 120px;
  height: 166px;
  background-image: url(http://telegraaf-i.telegraaf.nl/thumbnails/frontpage/1S/pagina_120x166.jpg);
  border: 1px solid #10709F;
}

#telegraaf-i .items {
  position: relative;
  float: left;
  margin: 0 0 0 5px;
  top:5px;
  font-size: 11px;
}

#telegraaf-i a.item {
  position: relative;
  display: block;
  padding: 2px 0 2px 2px;
  color: #666;
  line-height: 15px;
  text-decoration: none;
}

#telegraaf-i a.item:hover {
  text-decoration: none;
}

#telegraaf-i a.item strong {
  color: #333;
}

#telegraaf-i .i-header {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  padding: 6px 0 0 9px;
  height: 56px;
  color:#000;
}

#telegraaf-i .i-header .headertext {
  font-size:17px;
  font-weight:bold;
  line-height:20px;
  margin:0pt;
}

#telegraaf-i .i-header .toptext , #telegraaf-i .i-header .bottomtext {
  display: block;
}

#telegraaf-i .i-header .bottomtext {
  font-size: 14px;
}

#telegraaf-i .cover {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  margin:5px 10px 5px 10px;
}

/* Snelnieuws */

.sn_navigation {
  clear: both;
  margin: 5px 0;
  background: #fff url('/graphics/stippel.gif') repeat-x bottom left;
  padding-bottom: 3px;
}

.sn_navigation .next, .sn_navigation .prev {
  float: right;
  font-weight: bold;
}

.snelnieuws_kop {
  padding: 4px 0 4px 0px;
  background: #D5D5D5;
  height: 43px;
}

.snelnieuws_kop h4 {
  padding-left: 0px;
  letter-spacing: 0.2em;
  padding: 3px 0;
  text-transform: uppercase;
  text-align: center;
}

.snelnieuws_kop .timestamp {
  color: #666;
  font-weight: bold;
  position:relative;
  overflow: hidden;
  font-size: 11px;
  text-align: center;
  display: block;
}


.snelnieuws_list {
  list-style: none;
  list-style-position: outside;
  margin: 0 0 10px 0;
  padding: 0;
  background: #FFF;
}

#main .snelnieuws_list {
  font-size: 12px;
}

#main .meestgelezen {
  width: 250px;
}

.snelnieuws_list .kop {
  position: relative;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  padding: 0 3px;
  text-align: left;
  border-bottom: 1px dotted #e0e0e1;
}

.snelnieuws_list .kop a.rss {
  float: right;
  width: 35px;
  font-weight: normal;
  text-align: right;
  background: url(/graphics/icon_rss.gif) no-repeat 0px 50%;
  font-size: 10px;
}

.snelnieuws_list .kop a.rss {
  color: #000;
  text-transform: uppercase;
}

.snelnieuws_list .kop.subnieuws {
  background: #d5e9f9;
}

.snelnieuws_list .naar {
  line-height: 15px;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
}

.snelnieuws_list .item {
  overflow: hidden;
  cursor: pointer;
  line-height: 14px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  border-bottom: 1px dotted #e0e0e1;
}

#main #main-right .snelnieuws_list .item.imgitem {
  height:34px;
}

.snelnieuws_list .item.imgitem {
  height:34px;
  overflow:hidden;
}

#leftbar .snelnieuws_list .large, li.item.large.imgitem a {
  height:53px !important;
  overflow:hidden;
}

#rightbar .snelnieuws_list .large, li.item.large.imgitem a {
  height:53px !important;
}

#main #main-right .snelnieuws_list .large {
  height:46px !important;
}

#main .snelnieuws_list .item {
  position: relative;
  font-size: 12px;
  padding:5px;
}

#snelnieuws #main .snelnieuws_list .item a {
  font-weight: normal;
}

#snelnieuws #main .snelnieuws_list .item a span {
  font-weight: bold;
}

#main .meestgelezen .item .content {
  display: block;
  margin-left: 80px;
  width: 150px;
}

.snelnieuws_list .item a {
  display: block;
  width: auto;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  padding: 3px 3px;
}

#main .snelnieuws_list .item a {
  color: #069;
  font-weight: bold;
  padding: 0px;
  overflow: hidden;
  height: 14px;
}

#main #main-right .snelnieuws_list .item a {
  height: 50px;
}

.snelnieuws_list .item.A.over, .snelnieuws_list .item.B.over {
  background: #e8e8e8 !important;
}

.snelnieuws_list .item.over, .snelnieuws_list .item.large.over {
  border-bottom: 1px dotted #e0e0e1;
  background-color: #e8e8e8;
}

.snelnieuws_list .item img {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 5px;
}

.snelnieuws_list .item .timestamp {
  color: #666;
  position:relative;
}

#main .snelnieuws_list .timestamp {
  display: block;
  width: 70px;
  float: left;
}

#main .meestgelezen .timestamp {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 80px;
}

.snelnieuws_list .item.B {
  background: #fff;
}

.snelnieuws_list .item.A {
  background: #f2f2f2;
}

.snelnieuws_list .item.A a , .snelnieuws_list .item.B a {
  height: 28px;
}

#main .snelnieuws_list .item.A a , #main .snelnieuws_list .item.B a {
  height: auto;
}

.snelnieuws_list .item.A.large , .snelnieuws_list .item.B.large {
  height: 52px;
  background: transparent url(/graphics/stippel.gif) repeat-x scroll left bottom;
}

.snelnieuws_list .item.large img {
  width: 45px;
  height: 45px;
  margin-bottom:5px;
}

.snelnieuws_list .date_list {
  line-height: 15px;
  display: inline;
  padding: 0 5px;
  border-left: 1px solid #039;
  font-weight: bold;
}

.snelnieuws_list .date_list.firstItem {
  border: none;
}

/* meestgelezen widget */

.meestgelezenwidget {
  font-size: 11px;
  color: #999990;
  float: left;
  line-height: 117%;
  padding: 0px 0px 0px 0px;
  margin-top: 5px;
  width: 100%;
  margin-bottom:10px;
  background:#FFF;
}
#rightbar .meestgelezenwidget {
  float: none;
  padding: 2px;
  width: auto;
}

.meestgelezenwidget a {
  font-weight: bold !important;
}

.meestgelezenwidget h3 {
  font-size:16px;
  font-weight:bold;
  padding: 0px 0px 5px 0px;
  margin-left:5px;
  margin-right:5px;
  margin-top:5px;
}

.meestgelezenwidget .date {
  float: left;
  margin-right: 5px;
  height:35px;
  width:45px;
}

.meestgelezenwidget .secties {
  font-size: 12px;
  color: #333;
  padding: 0 0 5px 0;
  margin-left:5px;
  margin-right:5px;
}

.meestgelezenwidget .item, .meestgelezenwidget .over .item {
  overflow:hidden;
  position:relative;
  padding: 2px 0;
  height: 26px;
  text-overflow:ellipsis;
  border-top: 1px dotted #e0e0e1;
}

.meestgelezenwidget .over .item {
  border-top: 1px dotted #e0e0e1;
  background-color: #e8e8e8!important;
}

.meestgelezenwidget .over .item a {
  text-decoration:none !important;
}

#leftbar .meestgelezenwidget {
  float: none;
}

/* Etalage */

#etalage {
  position: relative;
  border: 1px solid #000;
}

#etalage a {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  font-size: 11px;
  line-height: 14px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  overflow: hidden;
}

#etalage a span {
  padding: 2px;
}

#etalage a.left {
  background: #fff url(/graphics/stippel_verticaal.gif) repeat-y right top;
}

#etalage a.alt {
  background-color: #f2f2f2;
}

#etalage a:hover {
  background-color: #e0e0e0;
}

#etalage img {
  padding: 7px 7px 6px 5px;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

/* Row

.element1, .element2, .element3, .element4 {
  cursor: pointer;
  overflow: hidden;
}
 */

/*  Kop Image . Image.tag */

.image .caption ,
.image .copyright {
  font-size: 10px;
  color: #000;
  font-style: italic;
  display: block;
  max-width:470px;
}

.image .copyright {
  text-align: right;
}

/* Artikelpagina */

#artikel {
  margin-right:10px;
}

#artikel .kolomRechts {
  width: 100%;
  overflow: hidden;
  background: #fff;
  clear: both;
  border-top: 1px solid #F2F2F2;
  padding-top:10px;
}

.relatedcontainer {
  padding-bottom:10px;
}

#artikel .datum {
  font-size: 11px;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

#artikel .reacties {
  font-size: 11px;
  color: #900;
  font-weight:bold;
  float: left;
  margin-right: 5px;
}

.reactiesLink:hover {
  text-decoration:none;
}

#artikel h2.chapeau {
  font-size: 13px;
  padding: 0;
  width:100%;
  position:relative;
  clear:left;
}

#artikel h1 {
  margin: 5px 0 10px 0;
  padding: 0;
  width:100%;
  clear:both;
}

#artikel .zaktxt {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#artikel .zakMediaBox, #artikel .broodMediaBox {
  float: right;
  overflow: hidden;
  background: #fff;
  margin-left:10px;
}

#artikel p {
  margin: 0 0 5px 0;
  padding: 0;
}

#artikel .relatedcontainer .stippel {
  margin: 0 0 6px;
  padding: 0px;
}

#artikel .relatedcontainer .relatedblock {
  padding: 4px 0 1px 0px;
}

#artikel .relatedcontainer .relatedblock a {
  font-weight: bold;
}

#artikeltoolbar a {
  margin-right: 5px;
}

.tekstOnder {
  font-weight:bold;
  font-size:11px;
}

/* reacties */

#artikel .relatedcontainer b, .reacties .reactiehuisregels {
  color: #333;
}

.warning {
  color:#ff0000;
  font-style:normal;
}

/*  Artikelen */

.artikel {
  position: relative;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

.artikel a {
  text-decoration: none;
}

.artikel a:hover {
  text-decoration: none;
}

.artikel .related a:hover {
  text-decoration: underline;
}

#main .wrapper .leftwrapper .image {
  margin-bottom:5px;
}

#artikel .img- ,
.artikel .img- {
  display: block;
  padding: 0;
}

#artikel .img-left ,
.artikel .img-left {
  padding: 0;
  float:left;
}

#artikel .img-center , .artikel .img-center {
  padding: 0 0 5px 0;
  text-align: center;
}

#artikel .img-right , .artikel .img-right {
  float: right;
  margin-left:5px;
  padding: 0;
}

#inline-form .img-center {
  text-align:left;
}

#main .artikelblok {
  margin-right:10px;
}

.imagemettweeartikelen .img-left {
  margin-right:5px;
}

.imagemettweeartikelen .img-right {
  margin-left:5px;
}

.artikel .koptext {
  position: relative;
}

.artikel h2.koptxt {
  padding: 0 0 5px 0;
  position:relative;
}

.artikel .zaktxt {
  position: relative;
  display: block;
  color: #333;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.element_right {
  float: left;
  width: 50%;
}

.element_left {
  float: left;
  width: 50%;
}

/* Kopboven */

.artikel.kopboven h4.koptxt {
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  padding: 0 0 5px 0;
}

/* kop en image boven */

.artikel.kopenimageboven div.image {
  text-align: center;
  padding: 0;
}

.artikel.kopenimageboven .zaktxt {
  clear: both;
}

/* DFT tabellen in andere secties */

.balk {
  background-image: url('/graphics/dft/titelbalk.gif');
  background-repeat: repeat-x;
  height: 19px;
}

.dashedbottom {
  background-image: url('/graphics/dft/stippellijnhorizontaal.gif');
  background-repeat: repeat-x;
  height: 1px;
  padding: 0px 0px 0px 0px;
}

.volledigebreedte {
  width: 100%;
}

.linkjes {
  padding: 0px 0px 0px 4px;
  line-height: 168%;
}

.right {
  text-align: right;
}

.rood {
  color: #FF0000;
}

.groen {
  color: #009900;
}

.valignbottom {
  vertical-align: bottom;
}

.valignmiddle {
  vertical-align: middle;
}

.subkop {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 140%;
  padding-left: 3px;
}

.artikelblok h2 {
  font-size: 16px;
  font-weight: bold;
}

.artikelblok h2 a {
  text-decoration: none;
}

.artikelblok h2.title {
  font-size: 16px;
}

#recepten_zoeker {
  background-color:#93C55F;
  padding: 5px;
}

#recepten_zoeker form.zoek-recept {
  padding-top: 5px;
  text-align: center;
}

#recepten_zoeker img {
  float: left;
}

#recepten_zoeker form.zoek-recept .zoek {
  padding: 1px 5px;
  border: 1px solid #fff;
  color: #fff;
  background: #93C55F;
  cursor: pointer;
}

.link_row, .react_row{
  font-size:11px;
  float:right;
}

.react_row {
  float:left;
  font-family:arial, regular;
}

.link_row {
  font-weight:bold;
  float:right;
  font-family:georgia, regular;
}

.top_sectie_blok .link_row {
  bottom:6px;
  position:absolute;
  right:-16px;
}

#main .link_row {
  position:absolute;
  right:0px;
  top:8px;
}

#main .threeblock .link_row {
  position:relative;
  right:0px;
  bottom:8px;
}

img.link_arrow {
  top : 3px;
  left : 3px;
  margin-right : 3px;
}

.top_sectie_blok img.react_img {
  top : 8px;
  margin-right : 3px;
}

#main img.react_img {
  top : 8px;
  margin-right : 3px;
  font-size:11px;
}

.leftwrapper {
  width:100%;
  overflow:hidden;
  float:left;
}

#artikelKolom.leftwrapper {
  overflow: visible;
}

/* generic classes for element large_image_with_2_text */

div.top_wrapper {
  width:445px;
  float:left;
  cursor:pointer;
  margin-right:5px;
  height: 250px;
  overflow: hidden;
  position:relative;
}

.top_wrapper_image img {
  display: block;
}

.top_content  {
  padding-left: 5px;
}

.top_wrapper_image {
  display: block;
  float: right;
}

/* Goodie link/button element */

.wrapper_goodie {
  width: 298px;
  padding: 0px;
  position: relative;
  border: 1px solid #A1CBF1;
  font-size: 11px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
  background-image:url(/graphics/goodie/btn_goodie.jpg);
  background-position: right bottom;
  background-repeat:no-repeat;
  cursor: hand;
  cursor: pointer;
}

.wrapper_goodie_content {
  display: inline;
  width: 178px;
  margin: 0px;
  padding: 10px 0px 10px 10px;
  position: relative;
  float: left;
  background-image:url(/graphics/goodie/bg_goodie.jpg);
  background-position: left top;
  background-repeat:no-repeat;
}

.goodie_title {
  display: inline;
  width: 175px;
  margin: 0px;
  padding: 0px;
  position: relative;
  float: left;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
}

.goodie_content {
  display: inline;
  width: 175px;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  position: relative;
  float: left;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  text-align: left;
}

.goodie_logo {
  display: inline;
  width: 100px;
  margin: 10px 10px 10px 0px;
  padding: 0px;
  position: relative;
  float: right;
}

.goodie_spacer {
  width: 3px;
  height: 100px;
  margin: 0px;
  padding: 0px;
  position: relative;
  float: right;
}

.etalage {
  border: 1px solid #333333;
  font-size: 11px;
  font-weight: normal;
  line-height: 120%;
  margin-bottom: 10px;
  overflow: auto;
  width: 298px;
}

.geeftweg p {
  margin:0pt 0pt 10px;
}

.bigredborder {
  position:relative;
  width:485px;
  border:10px solid #b50010;
  padding:5px;
  margin-bottom:10px;
}

/* popup vormgeving */

.popupwrapper {
  background: #9DCCEF;
  background-image: url(/graphics/popup_background.gif);
  background-repeat: no-repeat;
  background-position: left top;
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  width:100%;
  height:100%;
}

.teaser {
  position:relative;
}

p.advertorial_header {
  font-size:10px;
  color: #666;
  text-align:center;
}

/* tooltip vormgeving */

.tooltip {color:#069; cursor:pointer; border:0px; border-bottom:1px dotted #069; position:relative;}

#tt {position:absolute; display:block; background:url(/graphics/tooltip/tt_left.gif) top left no-repeat; overflow:hidden}
#tttop {display:block; height:5px; margin-left:5px; background:url(/graphics/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/graphics/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* telegraaf geeft weg  */

.geeftweg {
  cursor: default;
}

.geeftweg h3 {
  font-size: 18px;
}

.geeftweg table {
  margin-bottom:10px;
}

.geeftweg_artikel a {
  color: #000;
}

.geeftweg_plaatje_links  {
  padding-right: 5px;
}

.geeftWegTable {
  position:relative;
  width:100%;
}

.geeftWegDiv {
  display:block;
  float:left;
}

.geeftWegImage {
  margin-bottom:10px
}

.geeftWegArtImage {
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

.geeftWegClear {
  height:1px;
  line-height:1px;
  overflow:none;
}

.geeftWegCheck {
  margin: 10px 0;
}
.geeftWegCheck input {
  margin: 0 8px 10px;
  float: left;
  position: relative;
  vertical-align: top;
  width: 15px;  /* For IE */
  height: 15px; /* For IE */
  padding: 0;
}

/* columnisten  */

.columnArticle {
  background-color:#CDD9E6;
  padding:8px;
  width: 374px;
}

.meerColumnArticle {
  padding-bottom:8px;
}

.columnArticleDate {
  font-weight:bold;
  width:60px;
  float:left;
  padding-top:2px;
  margin:0px;
}

.columnArticleTekst {
  width:310px;
  float:left;
  padding:4px 0 4px 4px;
  margin:0px;
  cursor:pointer;
}

.articlelist {
  background-color:#CDD9E6;
  padding:8px;
}

#nieuwste {
        background-color:#CDD9E6;
  padding:8px;
}

/* vraagbaak  */

#vraagbaakVraag {
  display: block;
  width: 21px;
  height: 20px;
  overflow: hidden;
  background-image: url(/graphics/overgeld/v.gif) !important;
  float: left;
}

#vraagbaakAntwoord {
  display: block;
  width: 21px;
  height: 20px;
  overflow: hidden;
  background-image: url(/graphics/overgeld/a.gif) !important;
  float: left;
}

/* Amber Alert Widget */

.amber {
  width:300px;
  height:225px;
  background: #fff url('/graphics/amberalert.gif') no-repeat top left;
  text-align:left;
  color:#0b157a;
  position:relative;
}

.amberdiv {
  position:absolute;
  top:56px;
  left:116px;
  width:165px;
  height:100px;
  padding:5px;
  font-size:11px;
  line-height:12px;
  overflow: hidden;
}

.amberpic {
  position:absolute;
  top:56px;
  left:18px;
  width:90px;
  height:110px;
  overflow:hidden;
}

.ambersub {
  height:30px;
  left:18px;
  position:absolute;
  top:175px;
  width:264px;
  text-align:center;
  font-size:11px;
  font-weight:bold;
}

.ambername {
  display:block;
  font-size:14px;
  font-weight:bold;
  margin:0pt 0pt 10px;
  padding:0px;
}

.amberdiv a {
  clear:both;
  display:block;
  font-size:9px;
  position:relative;
  text-decoration:underline;
  top:8px;
  color:#0b157a !important;
}

#tiptelegraaflabel {
  clear:left;
  font-style:italic;
  font-weight:bold;
  margin-top:5px;
}

#tiptelegraaflogo {
  width:107px;
  height:21px;
  margin-bottom:10px;
  margin-top:5px;
  background:url(/graphics/logo_tip_107x21.gif);
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* CSS voor Weer verkeer blokje sprite */

.weer-a { background-position: 0 0; }
.weer-aa { background-position: 0 -26px; }
.weer-b { background-position: 0 -52px; }
.weer-bb { background-position: 0 -78px; }
.weer-c { background-position: 0 -104px; }
.weer-cc { background-position: 0 -130px; }
.weer-d { background-position: 0 -156px; }
.weer-dd { background-position: 0 -182px; }
.weer-e { background-position: 0 -208px; }
.weer-ee { background-position: 0 -234px; }
.weer-f { background-position: 0 -260px; }
.weer-ff { background-position: 0 -286px; }
.weer-g { background-position: 0 -312px; }
.weer-gg { background-position: 0 -338px; }
.weer-groen { background-position: 0 -364px; }
.weer-h { background-position: 0 -390px; }
.weer-hh { background-position: 0 -416px; }
.weer-i { background-position: 0 -442px; }
.weer-ii { background-position: 0 -468px; }
.weer-j { background-position: 0 -494px; }
.weer-jj { background-position: 0 -520px; }
.weer-k { background-position: 0 -546px; }
.weer-kk { background-position: 0 -572px; }
.weer-l { background-position: 0 -598px; }
.weer-ll { background-position: 0 -624px; }
.weer-m { background-position: 0 -650px; }
.weer-mm { background-position: 0 -676px; }
.weer-n { background-position: 0 -702px; }
.weer-nn { background-position: 0 -728px; }
.weer-o { background-position: 0 -754px; }
.weer-oo { background-position: 0 -780px; }
.weer-p { background-position: 0 -806px; }
.weer-pp { background-position: 0 -832px; }
.weer-q { background-position: 0 -858px; }
.weer-qq { background-position: 0 -884px; }
.weer-r { background-position: 0 -910px; }
.weer-rood { background-position: 0 -936px; }
.weer-rr { background-position: 0 -962px; }

.weerimg {
  background-image: url(/graphics/weericons/weersprite.gif);
}

/* Documenten bij Artikelen */

.docul {
  margin:0;
  padding:0;
}

.docli {
  font-size:11px;
  border:1px solid #ddd;
  padding:5px;
  margin-bottom:5px;
  overflow:hidden;
  max-width:200px;
}

.docli a {
  position:relative;
  left:1px;
  bottom:1px;
  cursor:pointer;
}

.docli img {
  position:relative;
  top:1px;
}

.avBlog {
  background-color:#FFFFFF;
  border:1px solid #B30006;
  margin-bottom: 5px;
}

.mkbsd {
  border:1px solid #D5E9F9;
  margin-bottom: 5px;
}

.avBlogFooter {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

 .mkbsdFooter {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
}
.avBlogHeader {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:22px;
  padding:0px 10px;
  background-color: #B30006;
  color:#FFFFFF;
  font-size:13px;
  border-bottom:1px solid #FFFFFF;
  margin-bottom: 5px;
}

.mkbsdHeader {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:22px;
  padding:0px 10px;
  background-color: #D5E9F9;
  color:black;
  font-size:13px;
  border-bottom:1px solid #FFFFFF;
  margin-bottom: 5px;
}

.avBlogItem, .mkbsdItem, .rbsNewsItem {
  clear: both;
  margin-bottom: 5px;
}

.rbsNewsItem {
  clear: both;
  margin-bottom: 5px;
  border-bottom: 1px dotted #d6d6e6;
}

.avBlog, .mkbsdBlog, .rbsNewsItem a {
  color: black;
}

.avBlogDate, .mkbsdDate {
  float:left;
  margin-left:10px;
}

.rbsNewsDate {
  float:left;
}

.avBlogTitle, .mkbsdTitle, .rbsNewsTitle {
  float:left;
  margin-left:10px;
  margin-right:10px;
  width:236px;
}

.sectieblok {
  float:left;
  clear:none;
  background: none repeat scroll 0 0 #FFFFFF;
  margin-top:10px;
}

.blok_1 {
  width:470px;
}

.blok_2 {
  width:230px;
}

.blok_3 {
  width:146px;
}

#artikeltoolbar #fb-root {
  float:left;
  margin: 10px 5px 0 0;
  width: 115px !important;
  height: 22px;
}

#artikeltoolbar a{
   margin-right: 0;
}

#reageer-wrapper {
  float:left;
  height: 25px;
  margin: 9px 0 0 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

#hyves-root {
  width: 110px !important;
  float:left;
  overflow:hidden;
  margin: 10px 5px 0 0;
  height: 25px;
}

#twitter-root {
  width: 100px !important;
  float:left;
  overflow:hidden;
  margin: 10px 5px 0 0;
  height: 25px;
}

#twitter-root .twitter-share-button {
  color: #ffffff;
}

.reageerlink, .printlink {
  float:left;
}
.maillink {
  float:right;
}
#TMGTweetWidget {
  width:100%;
  overflow:hidden;
}

#error {
  margin-left:10px;
}

/* @group socials */

h3.tw {
  font-size: 12px;
  color: #c0c0c0;
  text-align: center;
  text-transform: lowercase;
  text-shadow: #ffffff 0 1px 0;
  margin: -6px 0 2px 0;

}

.binder {
  width: 300px;
  height: 35px;
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  clear: left;
  margin: 0 0 10px 0;
}

.binder a, .binder a:link {
  border: none;
}

.binder img {
  border: none;
  margin: 2px 0;
}

.binder .button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  width: 30%;
  margin: 2px 3px;

  /*border*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  /*shadows*/
  -webkit-box-shadow: #666 0px 1px 3px;
  -moz-box-shadow: #666 0px 1px 3px;
  box-shadow: #666 0px 1px 3px;

  /*trigger pie only once!*/
  behavior: url(/css/PIE.htc);
}

.binder .button:hover {
  text-decoration: none;
}

.binder .button:active {
  position: relative;
  top: 1px;
  /*shadows*/
  -webkit-box-shadow: #999 0px 0px 2px;
  -moz-box-shadow: #999 0px 0px 2px;
  box-shadow: #999 0px 0px 2px;
}

/*Twitter*/
.binder .tw:link, .binder .tw:visited {
  color: #fef4e9;
  background: #FEF494;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DCF4FF), to(#57ccfc));
  background: -moz-linear-gradient(#DCF4FF, #57ccfc);
  background: linear-gradient(#DCF4FF, #57ccfc);
  -pie-background: linear-gradient(#DCF4FF, #57ccfc);
}

.binder .tw:hover {
  background: #4cbbe7;
  background: -webkit-gradient(linear, left top, left bottom, from(#DCF4FF), to(#4cbbe7));
  background: -moz-linear-gradient(top,  #DCF4FF,  #4cbbe7);
  -pie-background: linear-gradient(#DCF4FF, #4cbbe7);
}

/*Facebook*/
.binder .fb:link, .binder .fb:visited {
  background: #D6DEF0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D6DEF0), to(#3C5A98));
  background: -moz-linear-gradient(#D6DEF0, #3C5A98);
  background: linear-gradient(#D6DEF0, #3C5A98);
  -pie-background: linear-gradient(#D6DEF0, #3C5A98);
}

.binder .fb:hover {
  background: #2e477b;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c9d0e2), to(#2e477b));
  background: -moz-linear-gradient(#c9d0e2, #2e477b);
  background: linear-gradient(#c9d0e2, #2e477b);
  -pie-background: linear-gradient(#c9d0e2, #2e477b);
}

/*Hyves*/
.binder .hy:link,.binder .hy:visited {
  background: #FEF494;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEF494), to(#f6b02a));
  background: -moz-linear-gradient(#FEF494, #f6b02a);
  background: linear-gradient(#FEF494, #f6b02a);
  -pie-background: linear-gradient(#EEFF99, #66EE33);
}

.binder .hy:hover {
  background: #EEFF99;
  background: -webkit-gradient(linear, left top, left bottom, from(#EEFF99), to(#f47c20));
  background: -moz-linear-gradient(top,  #EEFF99,  #f47c20);
  -pie-background: linear-gradient(#EEFF99, #f47c20);
}

/*Google plusOne*/
div#plusOne-root {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  width: 80px !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  float: left !important;
}
/* Bloemetjes actie */
img#bloemetjeActie {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  float: right !important;
}

#artikeltoolbar {
  overflow:visible;
}

/*Reageer counter on article page top*/

ul.streams {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.streams li:hover {
  background-color: #e8e8e8;
}

ul.streams li a:link, ul.streams li a:visited {
  display: block;
  border-bottom: 1px dotted #e0e0e1;
  padding: 5px 0 4px 23px;
  line-height: 14px;
  text-decoration: none;
}

ul.streams li.kop.subnieuws a:link {
  color:#FFFFFF!important;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  margin: 4px 0 3px;
  padding: 5px;
  border-bottom: none;
  background:#1260ad url(/graphics/overgeld/newOVERGELD_art.png) no-repeat 135px -48px;
}

ul.streams li.opDeHoogteRSS a:link, ul.streams li.opDeHoogteRSS a:visited {
  background: transparent url(/graphics/financieel/streams.png) no-repeat -9px -4px;
}

ul.streams li.face a:link, ul.streams li.face a:visited {
  background: transparent url(/graphics/financieel/streams.png) no-repeat -9px -56px;
}

ul.streams li.opDeHoogteTwit a:link, ul.streams li.opDeHoogteTwit a:visited {
  background: transparent url(/graphics/financieel/streams.png) no-repeat -9px -30px;
}

ul.streams li.mobi a:link, ul.streams li.mobi a:visited {
  background: transparent url(/graphics/financieel/streams.png) no-repeat -9px -83px;
}

ul.streams li.mail a:link, ul.streams li.mail a:visited {
  background: transparent url(/graphics/financieel/streams.png) no-repeat -9px -110px;
  border-bottom:none;
}

/*  ******* Full-sized scroller ******* */

div.profilebox, div.profilebox.overgeld a {
  color: #093f89;
}

div.profilebox.mijnbedrijf a {
  color: #00699d;
}

div.profilebox {
  background-color: #eee;
  width: 625px;
  color: #000000;
  height: 125px;
  display: block;
  position: relative;
  overflow: visible;
  -webkit-box-shadow: #666 0px 1px 4px;
  -moz-box-shadow: #666 0px 1px 4px;
  box-shadow: #666 0px 1px 4px;
  behavior: url(/css/PIE.htc);
}

div.profilebox.overgeld {
  background-color: #eee;
  width: 625px;
  height: 135px;
  display: block;
  position: relative;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.profilebox.mijnbedrijf {
  background-color: #f2f7fb;
  width: 625px;
  height: 110px;
  display: block;
  position: relative;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* this makes it possible to add next button beside scrollable */

.scrollable {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */

div.profilebox a.browse {
  background: url(/graphics/scroller/buttons.png) no-repeat;
  display: block;
  width: 20px;
  height: 90px;
  float: left;
  margin: 10px 0px;
  cursor: pointer;
  font-size: 1px;
}

/* right */

div.profilebox a.right {
  float: right;
  background: url(/graphics/scroller/buttons.png) no-repeat -40px 0;
  clear: right;
  margin-right: 5px;
}

div.profilebox a.right:hover {
  background: url(/graphics/scroller/buttons.png) no-repeat -60px 0;
}

div.profilebox a.right:active {
  background: url(/graphics/scroller/buttons.png) no-repeat -60px 0;
  outline: none;
}

/* left */

div.profilebox a.left {
  margin-left: 4px;
}

div.profilebox a.left:hover {
  background: url(/graphics/scroller/buttons.png) no-repeat -20px 0;
}

div.profilebox a.left:active {
  background: url(/graphics/scroller/buttons.png) no-repeat -20px 0;
  outline: none;
}

/*  ******* Half-sized ******* */

div.profilebox.half {
  position: relative;
  overflow: hidden;
  background-color: #eee;
  width: 470px;
  color: #000000;
  height: 125px;
  display: block;
}

/* prev, next, prevPage and nextPage buttons */

div.profilebox.half a.browse {
  background: url(/graphics/scroller/buttons.png) no-repeat -2px -1px;
  display: block;
  width: 16px;
  float: left;
  margin: 10px 0px;
  cursor: pointer;
  font-size: 1px;
  border: 1px solid #cfd6de;
  height: 88px;
}

/* right */

div.profilebox.half a.right {
  float: right;
  background: url(/graphics/scroller/buttons.png) no-repeat -42px -1px;
  clear: right;
  margin-right: 9px;
}

div.profilebox.half a.right:hover {
  background: url(/graphics/scroller/buttons.png) no-repeat -61px -1px;
}

div.profilebox.half a.right:active {
  background: url(/graphics/scroller/buttons.png) no-repeat -61px -1px;
  outline: none;
}

/* left */

div.profilebox.half a.left {
  margin-left: 10px;
}

div.profilebox.half a.left:hover {
  background: url(/graphics/scroller/buttons.png) no-repeat -23px -1px;
}

div.profilebox.half a.left:active {
  background: url(/graphics/scroller/buttons.png) no-repeat -23px -1px;
  outline: none;
}

/*disabled navigational button*/

/*div.profilebox a.disabled {
  visibility: hidden !important;
}*/

/*temp background color*/

.reset {
  padding: 0;
  margin: 0;
}

.top15 {
  margin-top: 15px;
}

.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 565px;
  height:90px;
  left: 5px;
  top: 10px;
  /* custom decorations */
  /*border:1px solid #ccc;*/
  background-color:#eeeeee;
  font-family: Arial, Helvetica, sans-serif;
}

div.profilebox.half .scrollable {
  width: 396px;
  height: 90px;
  left: 10px;
  border-right: 1px solid #CFD6DE;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accomodate scrollable items.
  it's enough that you set the width and height for the root element and
  not for this element.
*/

.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

.items div {
  float:left;
}

div.page {
  margin-left: 3px;
}

div.profilebox.half div.page {
  margin-left: 0px;
}

/* single scrollable item */
.scrollable img {
  float:left;
  border: none;
  /*margin:20px 5px 20px 21px;
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  width:100px;
  height:75px;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active {
  border:2px solid #000;
  position:relative;
  cursor:default;
  outline: none;
}

#content-area div.profile {
  width: auto !important;
  height: auto !important;
}

#content-area .profile .picture, #content-area .profile img {
  margin: 0;
}
#content-area div.profile img {
  width: 90px !important;
  height: 90px !important;
  margin-right: 0 !important;
}
#content-area .profile h3 {
  border-bottom: 0 none;
}

/* @group item markup full */

#wrapper .profilebox div.profile {
  position: relative;
  width: 180px;
  height: 90px;
  background-color: #fff;
  margin:0 10px 0 0;
  overflow: hidden;
}

#wrapper .profilebox div.profile img {
  width: 60px;
  height: 90px;
  margin-right: 10px;
}

#wrapper .profilebox div.profile h3 {
  font-size: 14px;
  line-height: 18px;
  color: #093f89;
  padding: 0;
  margin: 5px;
}

#wrapper .profilebox div.profile p.name {
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  left: 70px;
  font-size: 10px;
  line-height: 20px;
}

span.profileboxKop h2.koptxt {
  margin-left:10px;
}

span.profilebox_label {
  position: relative;
  overflow: hidden;
  display: inline;
  padding: 8px 10px 0 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #eee;
}

#wrapper div.profilebox.half div.profile {
  position: relative;
  overflow: hidden;
  width: 293px;
  height: 88px;
  border: 1px solid #d0d7df;
  background-color: #fff;
  margin:0 10px 0 0;
}

#wrapper div.profilebox.half div.profile img {
  width: 70px;
  height: 70px;
  margin: 10px 10px 9px 10px;
}

#wrapper div.profilebox.half div.profile h3 {
  position: absolute;
  overflow: hidden;
  width: 190px;
  height: 37px;
  font-size: 16px;
  line-height: 18px;
  color: #093f89;
  margin: 0;
  padding: 0;
  left: 90px;
  top: 43px;
}

#wrapper div.profilebox.half div.profile p.name {
  text-transform: uppercase;
  position: absolute;
  overflow: hidden;
  width: 190px;
  height: 16px;
  color: #2a2a2a;
  font-weight: bold;
  top: 7px;
  left: 90px;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#wrapper div.profilebox.half div.profile p.job {
  text-transform: none;
  position: absolute;
  top: 26px;
  left: 90px;
  overflow: hidden;
  width: 190px;
  height: 16px;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

/* Navigator */

div.profilebox div.navi, div.profilebox.half div.navi {
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0;
  bottom: -5px;
  padding-left: 8px;
  margin-bottom: 10px;
}

div.navi a, div.navi a:link {
  position: relative;
  overflow: hidden;
  display:inline-block;
  width:10px;
  height:10px;
  margin:3px;
  font-size:1px;
  background:url(/graphics/scroller/navigator_orig.png) 0 0 no-repeat;
}

div.navi a:hover {
  background: url(/graphics/scroller/navigator_orig.png) no-repeat 0 -10px;
  outline: none;
}

div.navi a.active {
  background: url(/graphics/scroller/navigator_orig.png) no-repeat 0 -20px;
  border: none;
  outline: none;
}

div.navi {
  text-align: center;
}

div.page {
  cursor: pointer;
  cursor: hand;

}

/* PageOverlay */

.pageOverlay .top_sectie_blok .contentOverlay .top_image {
  position: relative;
  display: block;
  width: 677px;
  height: 280px;
}

.pageOverlay .top_sectie_blok .contentOverlay {
  position: relative;
  width: 416px;
  height: 263px;
  right: 0;
}

.pageOverlay .top_sectie_blok .contentOverlay .content {
  position: absolute;
  width: 170px;
  top: 10px;
  right: 0;
}

.pageOverlay .top_sectie_blok .contentOverlay h1 {
  line-height: 1.2em;
  font-size: 24px;
  margin: 5px 10px 0 10px;
  padding: 0;
  font-weight:normal;
}

.pageOverlay .top_sectie_blok .contentOverlay h1 span {
  display: block;
  margin-bottom: 5px;
}

.pageOverlay .top_sectie_blok .contentOverlay p {
  line-height: 1.2em;
  margin: 10px 10px 0 10px;
}

.pageOverlay .top_sectie_blok .contentOverlay a {
  color: #fff;
}

.pageOverlay .overlay .image, .pageOverlay .overlay .img-center, .pageOverlay .imageboven_fixed a.image, .pageOverlay .imageboven_fixed a.img-center, #top_wrapper .img-center {
  padding: 0px !important;
  overflow: hidden;
}

.pageOverlay .summaryWrapper .tekstOnder {
  position: absolute;
  top: 30px !important;
  font-weight: normal;
  font-size: 10px;
  left: 5px;
}

.pageOverlay .summaryWrapper .zaktxt p {
  color: #ffffff;
}

.pageOverlay .summaryWrapper, #top_wrapper .contentOverlay {
  position: absolute;
  bottom: 0;
  background: url("/graphics/50p_transparent.png") repeat scroll 0 0 transparent;
  z-index: 2000;
}

.pageOverlay .summaryWrapper .zaktxt, #top_wrapper .contentOverlay p {
  display: none;
}

#top_wrapper .contentOverlay h1 p {
  display: block;
}

.pageOverlay .summaryWrapper {
  width: 100%;
}

.pageOverlay .cols.c33 .summaryWrapper {
width: 200px;
}

.pageOverlay .summaryWrapper, #top_wrapper .contentOverlay {
  position: absolute;
  bottom: 0;
  background: url("/graphics/50p_transparent.png") repeat scroll 0 0 transparent;
  z-index: 2000;
}

.pageOverlay .summaryWrapper .zaktxt, #top_wrapper .contentOverlay p {
  display: none;
}

#top_wrapper .contentOverlay h1 p {
  display: block;
}

.pageOverlay div.summaryWrapper div.elementFooter {
  position: absolute;
  top: 105px;
  left: 0;
  height: 20px;
}

.pageOverlay .imageboven .tekstOnder {
  position: relative;
  top: 5px;
  left: 5px;
}
.pageOverlay .top_sectie_blok h4, .pageOverlay .summaryWrapper h4.koptxt {
  margin: 5px 10px 0 10px;
  padding: 0 !important;
  font-size: 14px;
font-weight:normal;
}

.pageOverlay .summaryWrapper .koptxt, .pageOverlay .summaryWrapper .zaktxt {
  padding: 5px !important;
}

.pageOverlay .summaryWrapper h4.koptxt {
  margin: -5px 10px 0 10px !important;
}

.pageOverlay .summaryWrapper .link_row {
  position: relative;
  right: 10px;
}
.pageOverlay div.tekstBoven {
  display: inline-block;
  /*margin-left: 12px;*/
  font-size: 10px;
  color: #a1a1a3 !important;
  /*z-index: 200;*/
  margin: 10px 0;
}

.pageOverlay div.tekstBoven span.reactions {
  position: absolute;
  bottom: -1px;
  left: 0px;
}

.pageOverlay div.tekstBoven span.reactions a {
  padding-top: 1px;
  left: 0px;
}

.pageOverlay div.tekstBoven span.leesMeer {
  position: absolute;
  display: inline-block;
  right: 0px;
  bottom: 28px;
  width: 100px;
  font-size: 11px;
}

.pageOverlay div.tekstBoven h2.koptxt, .pageOverlay div.imageboven_fixed h2.koptxt {
  height: 50px;
}

.pageOverlay .topDiv h2.koptxt {
  height: auto;
}

.pageOverlay div.topDiv h1 {
  height: 50px;
  line-height: 1em;
  overflow: hidden;
}

.pageOverlay div.topDiv a.link_row img {
  float: right;
  margin-top: -1px;
  margin-left: 2px;
}

.pageOverlay div.topDiv .link_row {
  position: relative;
  right: 10px;
  bottom: 0px;
  font: 13px Georgia, Times, serif;
  color: #ffffff;
}

.pageOverlay div.topDiv .elementFooter {
  position: absolute;
  bottom: 200px;
  width: 100%;
  font-size: 10px;
  margin-top: 5px;
}

.pageOverlay div.topDiv .elementFooterOpen {
  margin-top: 0;
  width: 100%;
  height: 20px;
  left: 0;
  bottom: 1px;
}

.pageOverlay div.imageboven_fixed div.image {
  margin: 0 auto 10px auto;
}

.pageOverlay div.topDiv h1 {
  height: 50px;
  line-height: 1em;
  overflow: hidden;
}
.pageOverlay div.topDiv a.link_row img {
  float: right;
  margin-top: -1px;
  margin-left: 2px;
}

.pageOverlay div.topDiv .link_row {
  position: relative;
  right: 10px;
  bottom: 0px;
  font: 13px Georgia, Times, serif;
  color: #ffffff;
}

.pageOverlay div.topDiv .elementFooter {
  position: absolute;
  bottom: 200px;
  width: 100%;
  font-size: 10px;
  margin-top: 5px;
}

.pageOverlay div.topDiv .elementFooterOpen {
  margin-top: 0;
  width: 100%;
  height: 20px;
  left: 0;
  bottom: 1px;
}
.pageOverlay .videoIco {
  position: relative;
  float: left;
  top: 1px;
  width: 19px;
  margin:0 5px;
}

.pageOverlay div.summaryWrapper div.topDiv span.videoIco {
  top: 8px;
}
.pageOverlay div.summaryWrapper div.topDiv .reactions a {
  top: 6px;
}

.pageOverlay .reactions a {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 20px;
  left: 4px;
  text-align: center;
  background: url(/graphics/site_icons/balloon_w.png) no-repeat 0 -1px;
  color: #5e5350;
  margin-right: 5px;
  top: 2px;
}

.pageOverlay .element1 .imageboven_fixed, .pageOverlay .element2 .imageboven_fixed, .pageOverlay .element3 .imageboven_fixed, .pageOverlay .element4 .imageboven_fixed {
  height: 300px;
  position: relative;
}

.pageOverlay .element1 .overlay, .pageOverlay .element2 .overlay, .pageOverlay .element3 .overlay, .pageOverlay .element4 .overlay {
  height: 130px !important;
  overflow: hidden;
  position: relative;
}

.pageOverlay .leesMeer a {
  position: absolute;
  display: inline-block;
  float: right;
  text-align: right;
  right: 0px;
  bottom: 0;
  width: 100px;
  font-size: 13px;
  font-weight: normal;
  text-transform: lowercase;
  color: #5e5350;
}

.pageOverlay .leesMeer img.link_arrow {
  float: right;
  margin-top: -1px;
  width: 12px;
  height: 12px;
  border: none;
}

div.signin-widget {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  line-height: 10px;
  margin: 0;
}

#community-status a {
  margin-left:-5px;
  padding-left: 4px;
  color: #666666!important;
}

div.signin-widget img.headersocial {
  float: left;
  margin: 3px 10px;
}

.div_fixed {
  position: relative;
  overflow: auto;
  padding-bottom: 5px;
}

ul.socialCounters {
  list-style-type: none;
  position: relative;
  overflow: hidden;
  width: 272px;
  margin: 0 auto;
  padding: 0;
}

ul.socialCounters li {
  float: left;
  margin-right: 8px;
}

ul.socialCounters li a:link.button, ul.socialCounters li a:visited.button {
  display: block;
  width: 62px;
  height: 76px;
}

ul.socialCounters li a:hover.button {
  text-decoration: none;
}

ul.socialCounters li.last {
  margin-right: 0;
  padding: 0;
}

span.counter {
  display: inline-block;
  position: relative;
  background-color: #000;
  color: #fff;
  padding: 1px 3px 2px;
  margin: 50px auto 0;
  white-space: nowrap;
  font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
  border: 2px double #f4f4f4;
  border-bottom-style: solid;
  border-bottom-color: #d5d5d5;
}

#rightbar ul.socialCounters li a:hover.button span.counter {
  background-color: red;
  text-decoration: none;
}

h4.socialCounters {
  text-align: left;
  font-size: 14px;
  margin: 5px 0 5px 10px;
}

.twit {
  background: #fff url(/graphics/socialmedia/Socials_Big.png) no-repeat 0 0;
}
.hyves {
  background: #fff url(/graphics/socialmedia/Socials_Big.png) no-repeat -62px 0;
}
.face {
  background: #fff url(/graphics/socialmedia/Socials_Big.png) no-repeat -124px 0;
}
.rss {
  background: #fff url(/graphics/socialmedia/Socials_Big.png) no-repeat -186px 0;
}

/* for meestgelezen news */

.meestListing {
  background:#888888;color:#FFFFFF;width:140px;position:relative;left:10px;text-align:center;font-size:11px;
  overflow: hidden;
}
.meestListing a:link, .meestListing a:visited {
  color:#FFFFFF;text-decoration:none;
}
.pad5 {
  margin-left:5px;margin-right:5px
}

#newkiosk {
  font-size:11px;
  font-weight:bold;
  width:320px;
  height:80px;
  float:right;
  overflow:hidden;
  position: relative;
}

#newkiosk #edit-name-wrapper, #newkiosk #edit-pass-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  margin: 0 0 3px!important;
}

#newkiosk #edit-name-wrapper {
  margin-top: 2px!important;
}

#newkiosk .user-status-ingelogd {
  overflow:hidden;
  width:320px;
}
#newkiosk .user-status-ingelogd div.left {
  float:left;
  overflow:hidden;
  width:200px;
  padding: 10px 0 10px 10px
}

#newkiosk .user-status-ingelogd img {
  float:left;
  width: 40px;
  padding-right:10px;
  min-height:40px;
}
#newkiosk .user-status-ingelogd p {
  margin:0;
  padding:0;
}

#newkiosk .user-status-ingelogd div.right {
  float:left;
  overflow:hidden;
  width:100px;
  padding-top:20px;
}

#newkiosk .newlogin p#topbar {
  background-color: #888;
  color: #FFF;
}

#newkiosk #logoutform img {
  width:45px;
  height:45px;
  margin:10px;
}

#newkiosk #logout {
  float: right;
  display: block;
  width: 85px;
  background: #4D96CC;
  padding: 0;
  margin: 0;
  font-size: 11px;
  height: 20px;
  border: 0 none;
  color: white;
  font-weight:bold;
}

#newkiosk #logout:hover {
  background-color:#FFF;
  color:#999;
}

#newkiosk form#logoutform {
  border:none;
  font-size: 11px;
}

#wrapper div.profile {
  position: relative;
  width: 180px;
  height: 90px;
  background-color: #fff;
  margin:0 10px 0 0;
  overflow: hidden;
}

#wrapper div.profile img {
  width: 60px;
  height: 90px;
  margin-right: 10px;
}

#wrapper div.profile h3 {
  font-size: 14px;
  line-height: 18px;
  color: #666666;
  padding: 0;
  margin: 0.5em 0;
}

#wrapper div.profile p.name {
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  left: 70px;
  font-size: 10px;
  line-height: 20px;
}

/*Weekendabonnement*/

div.artikelBottomImage img {
  float: left;
  margin: -1px 4px 0 0;
}

.artikelBottomExtra {
  padding-top:5px;
  clear:left;
  display:block;
}

.artikelBottomExtraTekst {
  font-weight:bold;
  padding-top:2px;
  display:block;
}

div#contentWrap div#main div.item.leftwrapper #frm {
  margin-right: 25px;
}


#frm div.formCell{
  position: relative;
  overflow: hidden;
}

#frm div.formCell div#textsize{
  display: none;
  background-color: yellow;
}

#frm div.formCell span.formlabel {
  display: block;
  font-weight: bold!important;
  font-style: italic!important;
  font-size: 13px!important;
  padding: 0 0 -5px 0;
}

#frm div.formCell table {
  margin-bottom: 10px;
}

#frm input#akkoord {
  margin-top: 4px;
}

#frm div.formCell.intro {
  margin-bottom: 15px;
}

/* Sanoma Cookie Info */

a.adch{position:absolute;z-index:10000000;width:20px;height:15px;margin-left:-20px;background:url(/graphics/adchoices.png);background-repeat:no-repeat;}a.adch2s{width:77px;margin-left:-77px;}a.adch:visited{width:20px;}a.adch:hover{width:77px;margin-left:-77px;}

/*Clear Google Ads - Always expected to go right*/

div.broodMediaBox {
  clear: right;
}

/*Kick the admin menus left*/

div#content.column {
  float: left;
}

.slideBox {
    display:inline-block;
    position: relative;
    overflow: hidden;
}

.ad-gallery {
  display: inline-block;
  /*position: relative;
  overflow: hidden;*/
  background-color: #000;
}

.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}

.ad-gallery .ad-image-wrapper {
  width: 100%;
  height: 99.9%;
  position: relative;
  overflow: hidden;
}

.ad-gallery .ad-image-wrapper .ad-loader {
  position: absolute;
  z-index: 10;
  top: 48%;
  left: 48%;
  border: 1px solid #CCC;
}

.ad-gallery .ad-image-wrapper .ad-next {
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 100;
}

.ad-gallery .ad-image-wrapper .ad-prev {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 100;
}

.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
  /* Or else IE will hide it */
  background: url(/graphics/slideshow/images/non-existing.jpg)\9
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
  background: url(/graphics/slideshow/images/ad_prev.png);
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
  top: 47%;
  left: 0;
  z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
  background: url(/graphics/slideshow/images/ad_next.png);
  width: 30px;
  height: 30px;
  right: 0;
  left: auto;
}

.ad-gallery .ad-image-wrapper .ad-image {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 9;
}

.ad-gallery .ad-image-wrapper .ad-image a img {
  border: 0;
}

.ad-gallery .description .ad-image-description {
  position: absolute;
  bottom: 22px;
  left: 0px;
  text-align: left;
  width: 100%;
  z-index: 201;
  background: url(/graphics/slideshow/images/opa40b.png);
  color: #000;
}

* html .ad-gallery .description .ad-image-description {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/graphics/slideshow/images/opa40b.png');
}

.ad-gallery .description .ad-image-description .ad-description-title {
  display: block;
  color: #ffeeee;
  text-shadow: #333 1px 1px 0;
  margin: 0px 5px;
}

.ad-gallery .description .ad-image-description span.img-creator {
  display: inline;
  position: absolute;
  overflow: hidden;
  background-color: #999;
  bottom: -20px;
  left: 45px;
  text-shadow: none!important;
  color: #ffeeee!important;
  font-size: 10px;
  padding: 1px 3px 1px 3px;
}

.zaktxt .ad-gallery .description .ad-image-description span.img-creator {
  bottom: -24px;
}

.ad-gallery .ad-controls {
  position: relative;
  overflow: hidden;
  height: 20px;
  background-color: #FFF;
}

.ad-gallery p.ad-info, .ad-gallery .ad-info {
  display: inline-block;
  float: left;
  position: relative;
  top: 3px;
  left: 5px;
  border: 1px solid #000;
  color: #000;
  font-size: 9px;
  padding: 1px 2px 0;
}

.ad-gallery .ad-slideshow-controls {
  position: relative;
  float: right;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
  padding-left: 5px;
  cursor: pointer;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
  position: absolute;
  /*display: none!important;*/
  right: 25px;
  top: 2px;
  font-size: 0.9em;
  color: #666;
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
  cursor: default;
  font-style: italic;
}

.ad-gallery .ad-nav {
  position: absolute;
  top: 0;
  width: 100%;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 10;
}

/* IE 6 doesn't like height: 100% */

* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
  height: 100px;
}

.ad-gallery .ad-back {
  cursor: pointer;
  left: -20px;
  width: 13px;
  display: block;
  background: url(/graphics/slideshow/images/ad_scroll_back.png) 0px 22px no-repeat;
}

.ad-gallery .ad-forward {
  cursor: pointer;
  display: block;
  right: -20px;
  width: 13px;
  background: url(/graphics/slideshow/images/ad_scroll_forward.png) 0px 22px no-repeat;
}

.ad-gallery .ad-nav .ad-thumbs {
  overflow: hidden;
  width: 100%;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
  float: left;
  width: 9000px;
  list-style: none;
}

.ad-gallery .ad-thumbs li {
  float: left;
  padding-right: 5px;
}

.ad-gallery .ad-thumbs li a {
  display: block;
}

.ad-gallery .ad-thumbs li a img {
  border: 3px solid #CCC;
  display: block;
}

.ad-gallery .ad-thumbs li a.ad-active img {
  border: 3px solid #616161;
}

.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

.printDiv, .mailDiv, .nieuwsbriefDiv {
  float:left;
  margin-right:10px;
}

#dichtbij_contentdiv {
	display:none;
}

/* Paging */

.pagelink, #sectionpage-nav .current {
	border-right: 1px solid #333;
	padding-right: 5px;
}

#sectionpage-nav .next {
	border-right: none;
	padding-right:0px;
}

/* End */

/* Button element: overlay text and animation CSS */

.og_button .buttonoverlay {
  background: url('/graphics/50p_transparent.png') repeat scroll 0 0 transparent;
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:900021;
  width:100%;
}

#main .row .og_button h2.buttonoverlaytxt {
  color:#fff;
  width:100%;
}

#main .row .og_button .overlaytxt {
  padding:5px 10px 5px 10px;
  display:block;
}

.overlaybuttondiv {
	position:relative;
	float:left;
	cursor:pointer;
	cursor:hand;
}
.overlaybuttondiv img {position:absolute;z-index:1}
.overlaybuttondiv img.active {z-index:3}

/* End */