body {
	font-family: Trebuchet MS, Helvetica, Sans-serif;
	font-size: 12px;
	/* color: #6d6d6d; */
	line-height: 1.4em;
}

strong {
	font-weight: bold;
}

.accessibility {
	display: none;
}

/******************************************************************************
*
*	Header
*
******************************************************************************/

div#header-wrapper {
	background: url("../gfx/header-bg.png") no-repeat center bottom;
}

div#header {
	background: url("../gfx/header-bg.png") no-repeat center bottom;
}

div#header a.home-link {
	float: left;
	/* background: url("../gfx/header-logo.png") no-repeat; */
	text-indent: -9999px;
	width: 220px;
	height: 56px;
	margin-top: 43px;
	margin-left: -4px;
}

/* header links */

ul#header-links {
	float: right;
	line-height: 22px;
	color: #fff;
}

ul#header-links li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #a6a1a1;
}

ul#header-links li.last {
	border-right: none;
}

ul#header-links li.bookmark a { background: url("../gfx/bookmark-icon.gif") no-repeat 0 center; padding-left: 20px; }
ul#header-links li.rss a { background: url("../gfx/rss-icon.gif") no-repeat 0 center; padding-left: 20px; }

ul#header-links a {
	color: #fff;
	text-decoration: none;
}

#article .header .rubriek { clear: left; font-size: 10px; color: #a6a1a1; }

/* search */

fieldset#search-form {
	position: absolute;
	top: 38px;
	left: 50%;
	width: 480px;
	margin-left: -240px;
}


fieldset#search-form label.noshow {
	display: none;
}

fieldset#search-form input#search-field {
	border: none;
	background: url("../gfx/search-field-bg.png") no-repeat;
	width: 390px;
	height: 17px;
	padding: 4px 5px;
}

fieldset#search-form input#search-button {
	width: 80px;
	height: 25px;
	vertical-align: top;
	margin-left: -4px;
}

fieldset#search-type {
	width: 400px;
	text-align: center;
	line-height: 30px;
}

fieldset#search-type label.search-type {
	color: #fff;
}

fieldset#search-type label.search-type span {
	margin-left: 5px;
}

fieldset#search-type input#search-type-2 {
	margin-left: 20px;
}

div#header a.new-article-button { background: url("../gfx/new-article-button.png") no-repeat; float: right; height: 27px; position: absolute; right: 0; text-indent: -9999px; top: 38px; width: 184px; }

/******************************************************************************
*
*	Filter
*
******************************************************************************/

div#filter-wrapper {
	background: url("../gfx/filter-bg.png") repeat-x top;
}

div#filter fieldset.filter-form {
	float: left;
	line-height: 41px;
	color: #5a5a5a;
	border-right: 1px solid #e2e2e2;
	font-weight: bold;
}

div#filter fieldset.filter-form label {
	padding: 0 10px;
}

div#filter fieldset.filter-form span {
	padding-right: 10px;
}

div#filter a.filter-link {
	float: left;
	color: #5a5a5a;
	text-decoration: none;
	padding: 0 10px;
	height: 41px;
	line-height: 41px;
	font-weight: bold;
	border-right: 1px solid #e2e2e2;
}

div#filter a.selected, div#filter a.filter-link:hover {
	background: url("../gfx/filter-link-bg.png") no-repeat center bottom;
	color: #00adef;
	height: 48px;
	border-right: 1px solid #fff;
}

div#filter a.last, div#filter a.last:hover {
	border-right: none;
}

div#message-wrapper {
	background-color: #fff;
	color: #00adef;
}

div#message span.message {
	line-height: 41px;
	font-size: 1.5em;
}

/******************************************************************************
*
*	Homepage
*
******************************************************************************/

/* homepage items */

h1.homepage {
	display: none;
}

div.homepage-item {
	overflow: hidden;
}

div.homepage-item-image {
	position: relative;
	border: 1px solid #e2e2e2;
	width: 160px;
	height: 120px;
	line-height: 120px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 13px; 
}

div.homepage-item-image img {
	vertical-align: middle;
}

div.homepage-item-image img.icon {
	position: absolute;
	top: 5px;
	right: 5px;
}

div.homepage-item h2 { font-size: 13px; font-weight: bold; overflow: hidden; height: 32px; margin-bottom: 0; } /* margin-bottom: 13px; line-height: 15px; */

div.homepage-item h2 a { color: #000; text-decoration: none; }

div.homepage-item p a {
	color: #6d6d6d;
	text-decoration: none;
}

div.homepage-item a:hover, div.homepage-item p a:hover {
	text-decoration: underline;
}

div.homepage-item p {
	margin-bottom: 28px;
}

/* page-control-bar */

div#page-control-bar {
	clear: both;
	background: url("../gfx/horizontal-bar-bg2.png") no-repeat;
	line-height: 30px;
	text-align: center;
}

div#page-control-bar a {
	text-decoration: none;
	color: #6d6d6d;
	font-weight: bold;
	padding: 0 3px;
}

div#page-control-bar a:hover {
	text-decoration: underline;
}

div#page-control-bar a.selected, div#page-control-bar a.selected:hover {
	color: #00adef;
}

div#page-control-bar a.previous {
	float: left;
	padding: 0 10px;
}

div#page-control-bar a.next {
	float: right;
	padding: 0 10px;
}

/* tagcloud */

div#tagcloud {
	text-align: center;
	overflow: hidden;
	background: url("../gfx/tagcloud-bottom-bg.png") no-repeat bottom;
	width: 708px;
	padding: 0 11px 20px;
	margin-bottom: 20px;
	margin-top: 28px;
	clear: both;
}

div#tagcloud h2 {
	background: url("../gfx/tagcloud-top-bg.png") no-repeat top;
	margin: 0 -11px 20px;
	padding: 0 11px;
	font-size: 1.3em;
	line-height: 35px;
	border-bottom: 1px solid #e2e2e2;
	text-align: left;
}

div#tagcloud a {
	white-space: nowrap;
	text-decoration: none;
	color: #6d6d6d;
}

div#tagcloud a:hover {
	text-decoration: underline;
}

div#tagcloud .weight1 { font-size: 0.8em;	}
div#tagcloud .weight2 { font-size: 1.1em;  }
div#tagcloud .weight3 { font-size: 1.4em;  }
div#tagcloud .weight4 { font-size: 1.7em;  }
div#tagcloud .weight5 { font-size: 2.0em; }

/******************************************************************************
*
*	Article
*
******************************************************************************/

#article .header { height: 47px; overflow: hidden; }
#article .header a { background: url("../gfx/pager-arrows.png") no-repeat 0 0; float: left; height: 18px; margin: 0 14px 0 0; text-indent: -9999px; width: 18px; }
#article .header a.prev:hover { background-position: 0 -18px; }
#article .header a.next { background-position: -18px 0; }
#article .header a.next:hover { background-position: -18px -18px; }
#article .header h1 { clear: none; float: left; margin: 0 14px 5px 0; }

h1 {
	font-size: 2em;
	font-weight: bold;
	color: #00adef;
	margin-bottom: 25px;
	clear: both;
}

h1.article-title {
	line-height: 25px; /* together with span.article-date = 57px */
	margin: 0 0 5px 0;
}

h2 {
	font-size: 2em;
	font-weight: bold;
	color: #00adef;
	margin-bottom: 25px;
	clear: both;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #00adef;
	margin-bottom: 0.5em;
	clear: both;
}

p {
	margin-bottom: 1em;
}

ul.list {
	margin: 0 0 1em 1em;
	padding-left: 1em;
	list-style: disc;
}

/* OUDE STYLE
div#article ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: disc;
}

div#article ol {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: decimal;
}

div#article li, div#article li {
	margin: 0 0 0 2em;
	padding: 0;
}

div#article a {
	color: #6d6d6d;
	text-decoration: underline;
}
 OUDE STYLE */
 
span.article-date {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 0 25px 0;
	line-height: 20px; /* together with h1, h2 = 57px */
}

div#article {
	overflow: hidden;
}

div.flash-object {
	width: 480px;
	margin: 0 0 20px;
}

div.image-object {
	width: 480px;
	height: 380px;
	/* border: 1px solid #e2e2e2; */
	/* line-height: 360px; */
	text-align: center;
	/* margin: 0 0 20px; */
}

div.image-object img {
	vertical-align: middle;
}

div.article-pager {
	background: url("../gfx/article-pager.png") no-repeat;
	line-height: 30px;
	text-align: center;
	width: 480px;
	margin: 0 0 20px 1px;
}

div.article-pager a {
	text-decoration: none;
	color: #6d6d6d;
	font-weight: bold;
	padding: 0 3px;
}

div.article-pager a:hover {
	text-decoration: underline;
}

div.article-pager a.selected, div.article-pager a.selected:hover {
	color: #00adef;
}

/* article-control-panel */

div#article-control-panel {
	float: right;
	display: inline;
	width: 212px;
	background: url("../gfx/article-control-panel-top-bg.png") no-repeat;
	margin: 0 0 17px 17px;
	padding: 10px 9px 0;
	font-size: 0.9em;
	line-height: 1.2em;
	overflow: hidden;
}

div#article-control-panel ul.article-controls {
	/* OUDE STYLE list-style: none; */
	background: url("../gfx/article-control-panel-bottom-bg.png") no-repeat bottom;
	margin: 0 -9px;
	padding: 0 9px 10px;
	overflow: hidden;
}

div#article-control-panel li {
	border-bottom: 1px solid #e2e2e2;
	/* OUDE STYLE margin: 0; */
	padding: 3px 15px;
}

div#article-control-panel li.last {
	border-bottom: none;
}

div#article-control-panel a.meld-foute-content { background: url("../gfx/foute-content-icon.png") no-repeat left center; color: #6d6d6d; display: block; font-weight: bold; padding-left: 28px; text-decoration: none; }

div#article-control-panel dl {
	overflow: hidden; /* gives hasLayout on IE7 */
}

div#article-control-panel dt {
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
}

div#article-control-panel ul#article-vote-controls {
	float: right;
	/* OUDE STYLE list-style: none; */
}

div#article-control-panel ul#article-vote-controls li {
	float: left;
	border: none;
	padding: 0;
	/* OUDE STYLE margin: 0; */
}

div#article-control-panel ul#article-vote-controls input {
	display: block;
	height: 18px;
	width: 18px;
}

div#article-control-panel ul#article-vote-controls input#article-vote-up {
	margin-right: 10px;
}
div#article-control-panel ul.tags li {
	display: inline;
	border: none;
	padding: 0;
}

div#article-control-panel ul.tags li.hidden-tag {
	display: inline;
}

div#article-control-panel a#tag-toggle {
	display: none;
}

div#article-control-panel a {
	color: #6d6d6d;
}

div#article-control-panel input.article-copy-code-input, div#article-control-panel input.article-link-input {
	width: 178px;
	margin: 0 0 5px;
}

div#article-control-panel label {
	background: url("../gfx/icon-article-copy.png") no-repeat left;
	padding-left: 28px;
	height: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #6d6d6d;
	cursor: pointer;
}

div#article-control-panel ul.social-media { margin: 0; padding: 0; }
div#article-control-panel ul.social-media li { border: none; float: left; margin: 0 10px 0 0; padding: 0; }
div#article-control-panel ul.social-media a { background: #fff no-repeat 0 0; display: block; height: 16px; text-indent: -9999px; width: 16px; }
div#article-control-panel ul.social-media li.print a { background-image: url("../gfx/icon-printer.png"); }
div#article-control-panel ul.social-media li.email a { background-image: url("../gfx/icon-email.png"); }
div#article-control-panel ul.social-media li.hyves a { background-image: url("../gfx/icon-hyves.png"); }
div#article-control-panel ul.social-media li.nujij a { background-image: url("../gfx/icon-nujij.png"); }
div#article-control-panel ul.social-media li.facebook a { background-image: url("../gfx/icon-facebook.png"); }
div#article-control-panel ul.social-media li.twitter a { background-image: url("../gfx/icon-twitter.png"); }
div#article-control-panel ul.social-media li.linkedin a { background-image: url("../gfx/icon-linkedin.png"); }

/* article-reactions */

a.article-react-link {
	clear: both;
	background: url("../gfx/icon-article-react.png") no-repeat left;
	padding-left: 28px;
	margin-left: 524px;
	height: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #6d6d6d;
}

div.article-reaction {
	border-top: 1px solid #e2e2e2;
	padding-top: 20px;
	margin-bottom: 20px;
}

ul.article-reaction-details {
	background: url("../gfx/horizontal-bar-bg.png") no-repeat; 
	line-height: 30px;
	height: 30px;
	padding-right: 10px;
	/* OUDE STYLE list-style: none; */
}

ul.article-reaction-details li {
	float: left;
	border-right: 1px solid #e2e2e2;
	padding: 0 10px;
	/* OUDE STYLE margin: 0; */
}

ul.article-reaction-details li.reaction-name {
	color: #000;
}

ul.article-reaction-details li.reaction-vote {
	float: right;
}

ul.article-reaction-details li.reaction-vote-control {
	float: right;
	border-right: none;
	padding-right: 0;
}

ul.article-reaction-details li.reaction-vote-control a {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	margin: 6px 0;
}

ul.article-reaction-details a.reaction-vote-up {
	background: url("../gfx/icon-reaction-vote-up.png") no-repeat;
}

ul.article-reaction-details a.reaction-vote-down {
	background: url("../gfx/icon-reaction-vote-down.png") no-repeat;
}

ul.article-reaction-details a.reaction-report {
	background: url("../gfx/icon-reaction-report.png") no-repeat;
}

/* OUDE STYLE
div#article ul.article-reaction-details li.reaction-action a {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	margin: 6px 0;
}

div#article ul.article-reaction-details a.reaction-edit {
	background: url("../gfx/icon-article-react.png") no-repeat;
}

div#article ul.article-reaction-details a.reaction-send {
	background: url("../gfx/icon-article-send.png") no-repeat;
}
OUDE STYLE */

/* misc */

div.fancy-tooltip {
	color: #000;
	line-height: 1.2em;
	overflow: hidden;
}

div.fancy-tooltip div.tip-top {
	background: url("../gfx/tooltip-top.png") no-repeat;
	width: 230px;
	height: 10px;
}

div.fancy-tooltip div.tip {
	background: url("../gfx/tooltip-body.png") repeat-y;
	width: 230px;
	overflow: hidden;
}

div.fancy-tooltip div.tip-title {
	font-weight: bold;
	margin: 0 10px 0.5em;
	padding-top: 1em;
}

div.fancy-tooltip div.tip-bottom {
	background: url("../gfx/tooltip-bottom.png") no-repeat;
	width: 230px;
	height: 3px;
}

/******************************************************************************
*
*	Forms
*
******************************************************************************/

fieldset.top-gradient {
	background: url("../gfx/top-480px-gradient.png") no-repeat;
	padding: 10px 28px;
}

fieldset.top {
	background: url("../gfx/top-480px.png") no-repeat;
	padding: 10px 28px;
}

fieldset.center {
	background: url("../gfx/center-480px.png") repeat-y;
	padding: 10px 28px;
}

fieldset.line {
	border-top: 1px solid #e2e2e2;
}

fieldset.no-line {
	padding-top: 0;
	margin-top: -10px;
}

div.rounded-form {
	background: url("../gfx/bottom-480px.png") no-repeat bottom;
	padding-bottom: 6px;
}

label.text, label.select, label.textarea, label.file {
	display: block;
	clear: both;
	padding: 10px 0;
	overflow: hidden;
}

label.checkbox {
	display: block;
	padding: 5px 0;
	overflow: hidden;
}

label.text span, label.select span, label.textarea span, label.file span {
	width: 180px;
	float: left;
}

label.checkbox span {
	width: auto;
	float: none;
	margin-left: 10px;
	font-size: 0.9em;
}

label.text input, label.select select  {
	padding: 0;
	margin: 0;
	width: 220px;
	float: right;
}

label.textarea textarea {
	padding: 0;
	margin: 0;
	width: 220px;
	height: 110px;
	float: right;
}

label.file input {
	padding: 0;
	margin: 0;
	width: 223px;
	float: right;
}

div.explanation-non-js {
	margin: 0 -10px;
	border: 1px solid #e2e2e2;
	padding: 10px;
}

div.explanation {
	position: absolute;
	overflow: hidden;
	background: url("../gfx/explanation-top-bg.png") no-repeat;
	width: 487px;
	left: 493px;
	padding: 10px 0 0;
}

div.explanation p {
	background: url("../gfx/explanation-bottom-bg.png") no-repeat bottom;
	padding: 0 20px 10px 27px;
	margin: 0;
}

/* article-comment-form */

div#article-comment-wrapper {
	background: url("../gfx/article-comment-bottom-bg.png") no-repeat bottom;
	padding-bottom: 6px;
	margin-top: 20px;
}

fieldset#article-comment {
	clear: both;
	padding: 20px 10px 4px;
	background: url("../gfx/article-comment-top-bg.png") no-repeat;
}

fieldset#article-comment label span {
	display: none;
}

fieldset#article-comment div#guest label span {
	display: inline;
	padding-top: 5px;
	width: 180px;
	float: left;
	clear: left;
}
fieldset#article-comment label input  {
	padding-top: 0;
	margin-top: 5px;
	width: 220px;
	float: left;
	clear: right;
}
fieldset#article-comment div#captcha 
{
	clear: left;
	float: left;
	padding-left: 180px;
	background-color: #ffffff;
}

fieldset#article-comment textarea#article-comment-text {
	width: 100%;
	height: 65px;
	padding: 0;
	margin: 0 0 10px;
}

fieldset#article-comment input#article-comment-submit-button {
	clear: both;
	float: right;
	padding: 0;
	margin: 0 0 10px;
}
.article-comment-comment 
{
	clear: left;
	float: left;
}

/* error messages */

ul.form-errors {
	list-style: disc;
	margin: 0 0 1em 1em;
	padding-left: 1em;
	color: #f00;
}

/******************************************************************************
*
*	Login + New Account
*
******************************************************************************/

div#login input#login-submit-button {
	float: right;
	clear: both;
	margin: 10px 0 4px;
}

div#new-account h2 {
	color: #393939;
}

div#new-account input#new-account-submit-button {
	float: right;
	clear: both;
	margin: 10px 0 4px;
}

div#login a {
	color: #6d6d6d;
	line-height: 36px;
	font-size: 0.9em;
}

div#captcha {
	width: 220px;
	height: 50px;
	float: right;
	background: #ccc;
	margin: 10px 0;
}

/******************************************************************************
*
*	New article
*
******************************************************************************/

div#new-article {
	position: relative;
}

div#new-article input#new-article-submit-button {
	float: right;
	clear: both;
	margin: 10px 0 4px;
}

div.hr { background: url("../gfx/hr.png") no-repeat; height: 1px; margin: 20px -13px; }
div.hr hr { display: none; }

/******************************************************************************
*
*	Send article
*
******************************************************************************/

div#send-article input#send-article-submit-button {
	float: right;
	clear: both;
	margin: 10px 0 4px;
}

/******************************************************************************
*
*	Account + Mijn artikelen
*
******************************************************************************/

div#account input#account-submit-button {
	float: right;
	clear: both;
	margin: 10px 0 4px;
}

div#account img.account-avatar {
	float: right;
	clear: both;
	margin: 10px 0;
}

div#account h2 {
	color: #393939;
}

div#my-articles {
	float: left;
	background-color: #aaa;
	width: 450px;
	padding: 0 15px;
	background: url("../gfx/my-articles-bottom.png") bottom no-repeat;
	padding-bottom: 15px;
}

div#my-articles-filter {
	background: url("../gfx/my-articles-top.png") no-repeat;
	margin: 0 -15px;
	padding: 0 15px;
	overflow: hidden;
}

div#my-articles-body {
	background: url("../gfx/my-articles-body.png") repeat-y;
	margin: 0 -15px;
	padding: 15px 15px 0;
}

/* my-articles-filter */

div#my-articles-filter fieldset.my-articles-filter-form {
	float: left;
	line-height: 42px;
	background: redd;
	width: 225px;
	text-align: center;
}

/* my-articles-control-bar */

div.my-articles-control-bar {
	clear: both;
	background: url("../gfx/horizontal-bar-small-bg.png") no-repeat;
	line-height: 30px;
	text-align: center;
	width: 450px;
}

div.my-articles-control-bar a {
	text-decoration: none;
	color: #6d6d6d;
	font-weight: bold;
	padding: 0 3px;
}

div.my-articles-control-bar a:hover {
	text-decoration: underline;
}

div.my-articles-control-bar a.selected, div.my-articles-control-bar a.selected:hover {
	color: #00adef;
}

div.my-articles-control-bar a.previous {
	float: left;
	padding: 0 10px;
}

div.my-articles-control-bar a.next {
	float: right;
	padding: 0 10px;
}

/* my-articles-list */

ul.my-articles-list li {
	clear: both;
	overflow: hidden;
	padding: 15px 15px 0;
	border-bottom: 1px solid #e2e2e2;
}

ul.my-articles-list li.last {
	border-bottom: none;
}

/* my-articles-list-item */

div.my-article-image {
	float: left;
	position: relative;
	width: 160px;
	height: 120px;
	border: 1px solid #e2e2e2;
	overflow: hidden;
	margin: 0 10px 15px 0;
}

img.my-article-type {
	position: absolute;
	right: 5px;
	top: 5px;
}

h3.my-article-title {
	display: block;
	width: 248px;
	float: left;
	font-size: 1.1em;
	margin-bottom: 20px;
	clear: none;
}

h3.my-article-title a {
	color: #000;
	text-decoration: none;
}

h3.my-article-title a:hover {
	text-decoration: underline;
}

p.my-article-description {
	width: 160px;
	float: left;
}

a.my-article-reactions-link {
	color: #6d6d6d;
}

a.my-article-edit-button {
	background: url("../gfx/button-bewerken.png") no-repeat;
	text-indent: -9999px;
	float: left;
	width: 88px;
	height: 22px;
	margin-bottom: 10px;
}

a.my-article-delete-button {
	background: url("../gfx/button-verwijderen.png") no-repeat;
	text-indent: -9999px;
	float: left;
	width: 88px;
	height: 22px;
}

/******************************************************************************
*
*	Sidebar
*
******************************************************************************/

div#sidebar a.article-page {
	margin-top: 18px; /* button on an article page has an extra 18px top margin */
}

div#sidebar div.rounded {
	background: url("../gfx/sidebar-div-bottom-bg.png") no-repeat bottom;
	width: 208px;
	padding: 0 11px 20px;
	margin-bottom: 20px;
	clear: both;
}

div#sidebar div.last {
	margin-bottom: 0;
}

div#sidebar div.rounded h2 {
	background: url("../gfx/sidebar-div-top-bg.png") no-repeat top;
	margin: 0 -11px 20px;
	padding: 0 11px;
	font-size: 1.3em;
	line-height: 35px;
	border-bottom: 1px solid #e2e2e2;
}

div#sidebar div#logos img { margin: 0 0 20px; }
div#sidebar div#logos img.toleft { margin: 0 -12px 20px; }

/* article-list */

div.article-list li {
	position: relative;
	display: block;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

div.article-list li.last {
	margin-bottom: 0;
}

div.article-list span.number {
	float: left;
	background: url("../gfx/number-bg.png") no-repeat;
	width: 18px;
	height: 20px; /* as long as this is a higher number than the lineheight of the h3, it will make the h3 'indent' */
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #00adef;
	text-align: center;
}

div.article-list h3 {
	line-height: 18px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 8px;
}

div.article-list h3 a {
	text-decoration: none;
	color: #000;
}

div.article-list p a {
	text-decoration: none;
	color: #6d6d6d;
}

div.article-list a:hover, div.article-list p a:hover {
	text-decoration: underline;
}

div.article-list div.article-list-item-image {
	float: left;
	position: relative;
	border: 1px solid #e2e2e2;
	width: 89px;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	text-align: center;
	margin: 0 10px 10px 0;
}

div.article-list img {
	vertical-align: middle;
}

div.article-list img.icon {
	position: absolute;
	top: 2px;
	right: 2px;
	border: none;
}

/* photo cluster */

#home div.photocluster { margin-top: 44px; }
div.photocluster { overflow: hidden; }
div.photocluster ul { background: #ccc; margin: -20px -10px 0; overflow: hidden; }
div.photocluster li { float: left; margin: 3px 3px 4px 4px; width:40px; height:40px; padding: 0; }
div.photocluster li.first { margin-left: 0; }
div.photocluster li.last { margin-right: 0; }
div.photocluster img { display: block; margin: auto; padding: 0; }

/* user */

div#user {
	overflow: hidden;
}

div#user a.user-name {
	display: block;
	margin: -20px -11px 20px;
	padding: 0 11px;
	line-height: 33px;
	border-bottom: 1px solid #e2e2e2;
	color: #6d6d6d;
	text-decoration: none;
}

div#user a:hover {
	text-decoration: underline;
}

div#user img.user-image {
	border: 1px solid #e2e2e2;
	float: left;
	margin: 0 10px 10px 0;
	width: 89px;
	height: auto;
}

div#user p {
	margin-bottom: 0;
}

/******************************************************************************
*
*	Footer
*
******************************************************************************/

div#footer-wrapper {
	background: url("../gfx/footer-bg.png") repeat-x bottom;
}

ul#footer-links {
	line-height: 23px;
}

ul#footer-links li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #ddd;
}

ul#footer-links li.last {
	border-right: none;
}

ul#footer-links a {
	color: #6d6d6d;
	text-decoration: none;
	font-weight: bold;
}

ul#footer-links a:hover {
	text-decoration: underline;
}

ul#footer-links a.rss {
	background: url("../gfx/icon-rss.png") no-repeat right;
	padding-right: 22px;
}

#footer .logos { position: absolute; right: 5px; top: 11px; }
#footer .logos li { float: left; margin: 0 0 0 10px; }
#footer .logos a { display: block; height: 57px; text-indent: -9999px; }
#footer .logos li.khn a { background: url("../gfx/logo-horeca-nederland.png") no-repeat; width: 61px; }
#footer .logos li.bhc a { background: url("../gfx/logo-bh_en_c.png") no-repeat; width: 161px; }

/* unused? */
.tooltip { }
.auto-select { }
.reaction-action { }
.reaction-edit { }
.reaction-send { }
.has-explanation { }
.smooth-anchor { }
.nieuwsbrief { }
.article-comment-comment { }
div#block { margin-top: 400px }

.twitter-plugin {
	font-family: Trebuchet MS, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

/******************************************************************************
*
*	Sidebar2
*
******************************************************************************/

div#sidebar2 a.article-page {
	margin-top: 18px; /* button on an article page has an extra 18px top margin */
}

div#sidebar2 div.rounded {
	background: url("../gfx/sidebar-div-bottom-bg.png") no-repeat bottom;
	width: 208px;
	padding: 0 11px 5px;
	margin-bottom: 20px;
	clear: both;
}

div#sidebar2 div.rounded h2 {
	background: url("../gfx/sidebar-div-top-bg.png") no-repeat top;
	margin: 0 -11px 20px;
	padding: 0 11px;
	font-size: 1.3em;
	line-height: 35px;
	border-bottom: 1px solid #e2e2e2;
}

div#sidebar2 div#logos img { margin: 0 -12px 20px; }


/******************************************************************************
*
*	Twitter
*
******************************************************************************/

.twtr-widget h3 { clear: none; }