/* Marges om de paginanummers netjes uit te lijnen */
#forumheading p.pagecounter, #forumheading a.actionbutton.p1, #forumheading a.actionbutton.p2 {
 margin-top: 1px;
 margin-bottom: 5px;
}
#forumheading #forumdays + a.actionbutton {
 margin-top: -5px;
 margin-bottom: 5px;
}
#content .info + .buttonnav {
 margin-top: -4px
}
#content p.pagecounter {
 margin-top: 10px;
}
#footer p.pagecounter {
 margin-top: 8px;
}
#forumheading + #content + #footer .pagenav, #forumheading + #content .pagenav {
 margin-right: 0; margin-left: 0;
}

/* Verbergen 'Pagina:' */
p.pagecounter span {
 display: none;
}

/* Opmaak actieknoppen */
div a.actionbutton {
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 -300px repeat-x;
 border: 1px solid #C1CDD9;
 color: #646464;
 padding: 3px 6px;
 line-height: 16px;
 margin: 1px 0 2px 3px;
 font-size: 11px;
 font-weight: bold;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}
div a.actionbutton:hover {
 background-position: 0 -350px;
 border-color: #CACCCA;
 color: #3D3D3D;
 text-decoration: none;
 text-shadow: 1px 1px 0px #EEE;
 -moz-box-shadow: inset 0 1px 0 #EEE;
 -webkit-box-shadow: inset 0 1px 0 #EEE;
}
div a.actionbutton:active {
 background-position: 0 -400px;
 border-color: #BDBFBD;
 color: #303030;
 text-shadow: 1px 1px 0px #DDD;
 -moz-box-shadow: inset 0 1px 0 #DDD;
 -webkit-box-shadow: inset 0 1px 0 #DDD;
}
#footer a.actionbutton {
 margin-top: 1px;
}
#footer a.actionbutton.sendreply {
 margin-top: 7px;
}

/* Opmaak voor tags en producten koppelen knoppen */
.addtags span, .addproduct span {
 display: none;
}
a.actionbutton.addproduct, a.actionbutton.addtags {
 background-position: 0 -150px;
 border-color: #C0CFB2;
}
a.actionbutton.addproduct:hover, a.actionbutton.addtags:hover {
 background-position: 0 -200px;
 border-color: #B3C2A7;
}
a.actionbutton.addproduct:active, a.actionbutton.addtags:active {
 background-position: 0 -250px;
 border-color: #9ca891;
}
a.actionbutton.addproduct:after {
 content: "+";
 padding: 1px 0 1px 18px;
 background: url('http://tweakimg.net/g/if/icons/product.png') no-repeat;
}
a.actionbutton.addtags:after {
 content: "+";
 padding-left: 16px;
 background: url('http://tweakimg.net/g/forum/images/icons/tag_s.png') no-repeat;
}

/* Opmaak van de paginanummers */
p.pagecounter a, p.pagecounter b, p.pagecounter span.abbr, div.buttonnav span.abbr {
 border: 1px solid #D7D9D7;
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 padding: 3px 5px;
 font-size: 11px;
 line-height: 16px;
 margin-bottom: 3px;
 display: inline-block;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}
p.pagecounter a:hover {
 text-decoration: none;
 color: #C00042;
 border-color: #CACCCA;
 background-position: 0 -50px;
 text-shadow: 1px 1px 0px #EEE;
 -moz-box-shadow: inset 0 1px 0 #EEE;
 -webkit-box-shadow: inset 0 1px 0 #EEE;
}
p.pagecounter a:active {
 color: #303030;
 border-color: #BDBFBD;
 background-position: 0 -100px;
 text-shadow: 1px 1px 0px #DDD;
 -moz-box-shadow: inset 0 1px 0 #DDD;
 -webkit-box-shadow: inset 0 1px 0 #DDD;
}
/* Huidige topicpagina */
p.pagecounter b {
 background-image: none;
}
/* Verborgen paginanummers '...' bij veel pagina's */
p.pagecounter span.abbr, div.buttonnav span.abbr {
 background-image: none;
 border: 1px dashed #D7D9D7;
 padding: 3px 5px;
}

/* Topics en threads in overzichten, myreact en zoekresultaten */
table.listing td.topic small {
 margin-left: 1px;
}
table.listing td.topic small a, table.listing td.topic small span.abbr {
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 font-size: 10px;
 padding: 3px;
 display: inline-block;
 line-height: 12px;
 border: 1px solid #BBB;
 color: #646464;
 margin-right: -1px;
 border-radius: 2px;
 -o-border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
table.listing td.topic small a:hover {
 background-position: 0 -65px;
 color: #C00042;
 text-decoration: none;
 border-color: #AAA;
}
table.listing td.topic small a:active {
 background-position: 0 -100px;
 color: #303030;
 border-color: #919191;
}
table.listing td.topic small span.abbr {
 border: 1px dashed #CACCCA;
 padding: 3px 2px;
 background: none;
}

/* Verbergen 3 pagina's na de abbr */
table.listing td.topic small span.abbr + a,
table.listing td.topic small span.abbr + a + a,
table.listing td.topic small span.abbr + a + a + a {
 display: none;
}

/* Paginanummers in zoekresultaten */
table.listing.find tr.example td.topic small a {
 background: none;
 border: 0 none;
 padding: 0;
 margin: 0;
 font-size: 11px;
}
table.listing.find tr.example td.topic small a:hover {
 text-decoration: underline;
 color: #ED053E;
}

/* Paginanummers in posthistory en zoekoverzichten */
div.buttonnav fieldset a.button, div.buttonnav fieldset input {
 border: 1px solid #D7D9D7;
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 font-weight: bold;
 color: #646464;
 font-size: 11px;
 padding: 3px 5px;
 line-height: 15px;
 border-radius: 2px;
 -o-border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
div.buttonnav fieldset a.button:hover, div.buttonnav fieldset input:hover {
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 border-color: #CACCCA;
 color: #C00042;
 line-height: 15px;
 background-position: 0 -50px;
 padding: 3px 5px;
}
div.buttonnav fieldset a.button:active, div.buttonnav fieldset input:active {
 background-position: 0 -100px;
 border-color: #BDBFBD;
 color: #303030;
}
form#searchform #content .buttonnav {
 margin-bottom: 10px;
 margin-top: 0;
}
div.quotemessages div.buttonnav {
 margin: 4px 0;
 line-height: 16px;
}
div.quotemessages div.buttonnav fieldset input {
 margin-right: 5px;
 vertical-align: middle;
 height: 20px;
}

/* Zoekpagina paginanummers */
div.buttonnav fieldset input, div.buttonnav fieldset input:hover,
div.buttonnav fieldset input:active, div.buttonnav span.abbr {
 width: auto !important;
 padding: 2px 3px;
}
div.buttonnav fieldset input:hover {
 cursor: pointer;
}
div.buttonnav fieldset a.button.selected, div.buttonnav fieldset input.selected,
#header div.buttonnav a.selected, #footer div.buttonnav a.selected,
#header div.buttonnav a.selected:hover, #footer div.buttonnav a.selected:hover {
 background: none;
 border: 1px solid #D7D9D7;
 cursor: default;
 color: #C00042;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}


/* Opmaak van de 'lees verder'-knoppen */
div.buttonnav {
 margin: 8px 0 3px;
}
div.buttonnav a, div.pagenav a {
 border: 1px solid #D7D9D7;
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 padding: 3px 5px;
 font-size: 11px;
 line-height: 15px;
 margin-bottom: 3px;
 display: inline-block;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}
div.buttonnav a:hover, div.pagenav a:hover {
 text-decoration: none;
 color: #C00042;
 border-color: #CACCCA;
 background-position: 0 -50px;
 text-shadow: 1px 1px 0px #EEE;
 -moz-box-shadow: inset 0 1px 0 #EEE;
 -webkit-box-shadow: inset 0 1px 0 #EEE;
}
div.buttonnav a:active, div.pagenav a:active {
 color: #303030;
 border-color: #BDBFBD;
 background-position: 0 -100px;
 text-shadow: 1px 1px 0px #DDD;
 -moz-box-shadow: inset 0 1px 0 #DDD;
 -webkit-box-shadow: inset 0 1px 0 #DDD;
}
#quotemessages div.buttonnav {
 margin: 2px 10px;
}
#footer div.buttonnav {
 margin: 2px 0;
}
#footer div.buttonnav a.next {
 margin-right: 0;
}


/* Bekijk en verstuurknoppen */
form .formsubmit input, form input.button {
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 border: 1px solid #D7D9D7;
 color: #646464;
 padding: 3px 6px;
 line-height: 16px;
 margin: 1px 0 2px 3px;
 font-size: 11px;
 font-weight: bold;
 cursor: pointer;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}
form .formsubmit input:hover, form input.button:hover {
 background-position: 0 -50px;
 border-color: #CACCCA;
 color: #3D3D3D;
 text-decoration: none;
 text-shadow: 1px 1px 0px #EEE;
 -moz-box-shadow: inset 0 1px 0 #EEE;
 -webkit-box-shadow: inset 0 1px 0 #EEE;
}
form .formsubmit input:active, form input.button:active {
 background-position: 0 -100px;
 border-color: #BDBFBD;
 color: #303030;
 text-shadow: 1px 1px 0px #DDD;
 -moz-box-shadow: inset 0 1px 0 #DDD;
 -webkit-box-shadow: inset 0 1px 0 #DDD;
}
/* Tags koppelen aanmaken nieuw topic */
form input#addTag {
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 -150px repeat-x;
 border: 1px solid #C0CFB2;
 padding: 3px 6px;
 line-height: 16px;
 font-size: 11px;
 font-weight: bold;
 cursor: pointer;
 border-radius: 3px;
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-shadow: 1px 1px 0px #FFF;
 -moz-box-shadow: inset 0 1px 0 #FFF;
 -webkit-box-shadow: inset 0 1px 0 #FFF;
}
form input#addTag:hover {
 background-position: 0 -200px;
 border-color: #B3C2A7;
}
form input#addTag:active {
 background-position: 0 -250px;
 border-color: #9CD891;
}


/* Frontpage */
/* Paginanavigatie op de Frontpage */
#toclinks ul li.documents a, #toclinks ul li.documents strong, .pageDistribution a, .pageDistribution b,
div.pageIndex .pageDistribution a, div.pageIndex .pageDistribution b {
 border: 1px solid #D7D9D7;
 font-weight: bold;
 color: #323232;
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 padding: 3px 5px;
 font-size: 11px;
 line-height: 14px;
 border-radius: 2px;
 -o-border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
#toclinks ul li.documents a:hover, .pageDistribution a:hover, div.pageIndex .pageDistribution a:hover {
 background-position: 0 -65px;
 border-color: #CACCCA;
 color: #C00042;
 text-decoration: none;
}
#toclinks ul li.documents a:active, .pageDistribution a:active, div.pageIndex .pageDistribution a:active {
 background-position: 0 -100px;
 border-color: #BDBFBD;
 color: #303030;
}
#toclinks ul li.documents strong, .pageDistribution b, div.pageIndex .pageDistribution b {
 background: none;
 border-color: #BBB;
 color: #C00042;
}
div.pageIndex { display: inline-block; }

.pageDistribution span.abbr {
 padding: 3px;
 margin-right: -3px;
 border: 1px solid #D7D9D7;
 border-radius: 2px;
 -o-border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}

/* Fotoalbum navigatie tweak */
td.first span.pageDistribution {
 line-height: 26px;
 margin-top: -2px;
}
td.first span.pageDistribution a, td.first span.pageDistribution b,
div.pageIndex .pageDistribution a, div.pageIndex .pageDistribution b {
 margin-right: -3px;
 display: inline-block;
}
div.listOptions div.pageIndex .pageDistribution b {
 margin-right: -1px;
}
td.first .pageDistribution a:hover {
 color: #C00042;
 border-color: #CACCCA;
 text-decoration: none;
}
td.first .pageDistribution a:active {
 background-position: 0 -100px;
 color: #303030;
 border-color: #BDBFBD;
}
div.pageIndex span.pageDistribution {
 margin-right: 3px;
}
/* Margefix voor Review en pricewatch navigatie */
div.listOptions .pageIndex {
 line-height: 22px;
}
div.listOptions .pageIndex .pageDistribution {
 margin-right: 3px;
 color: #323232;
}
div.listOptions .pageDistribution span + a, div.listOptions .pageDistribution a + span,
div.listOptions .pageDistribution a + a, div.listOptions .pageDistribution a + b, div.listOptions .pageDistribution b + a {
 margin: 0 -1px;
}

/* Uitschakelen PW3 categoriekleuren in paginanummers */
body .pwPriceList div.listOptions .pageDistribution b, body .pwTabPriceList div.listOptions .pageDistribution b { background: none; }
body .pwPriceList div.listOptions .pageDistribution, body .pwPriceList div.listOptions .pageDistribution a,
body .pwTabPriceList div.listOptions .pageDistribution, body .pwTabPriceList div.listOptions .pageDistribution a { color: #646464; }

/* Categoriekleuren in hover paginanummers */
body.main p.pagecounter a:hover, body.main .pageIndex .pageDistribution a:hover { color: #6A1C30; }
body.pro p.pagecounter a:hover, body.pro .pageIndex .pageDistribution a:hover { color: #693D60; }
body.core p.pagecounter a:hover, body.core .pageIndex .pageDistribution a:hover { color: #CB0131; }
body.games p.pagecounter a:hover, body.games .pageIndex .pageDistribution a:hover { color: #3A8302; }
body.mobile p.pagecounter a:hover, body.mobile .pageIndex .pageDistribution a:hover { color: #1F8B82; }
body.electronics p.pagecounter a:hover, body.electronics .pageIndex .pageDistribution a:hover { color: #DD4603; }

/* Reviews met paginanummers in sidebar */
#toclinks ul li.documents{ text-align: center}
#toclinks ul li.documents a, #toclinks ul li.documents strong {
 display: inline-block;
 margin-bottom: 3px;
 font-size: 10px;
 line-height: 13px;
 padding: 2px 3px;
}
div.section ul li.documents a, div.section ul li.documents strong {
 margin: 0;
}
/* Verbergen loze volgende of vorige pagina indicator */
li.documents span.inactive, .pageDistribution span.inactive {
 display: none;
}

/* Aantal reacties op items met opmaak */
table.galleryInnerTable td.centered {
 padding: 0;
}
table.newtable.headlines td a[href^="reacties.dsp"],
table.galleryInnerTable td.centered a[href*="reacties.dsp"] {
 background: url(http://tweakers.net/ext/f/jIgqHLARzXQ3I2cv02j4riKX/full.png) 0 0 repeat-x;
 background-color: #FAFAF7;
 font-size: 10px;
 padding: 1px 3px;
 border: 1px solid #BBB;
 display: inline-block;
 margin: 1px 0 2px;
 border-radius: 2px;
 -o-border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
table.newtable.headlines td a[href^="reacties.dsp"]:hover,
table.galleryInnerTable td.centered a[href*="reacties.dsp"]:hover {
 background-position: 0 -65px;
 background-color: #FFF;
 color: #C00042 !important;
 text-decoration: none;
 border-color: #CACCCA;
}
table.newtable.headlines td a[href^="reacties.dsp"]:active,
table.galleryInnerTable td.centered a[href*="reacties.dsp"]:active {
 background-position: 0 -100px;
 color: #303030 !important;
 border-color: #BDBFBD;
}

/* Paginanummers bovenaan centreren/netter uitlijnen */
#header #relatedTags, #header #relatedProducts,
#forumheading #relatedTags, #forumheading #relatedProducts { margin-bottom: 10px; }
#header #relatedTags { padding-bottom: 0; }