/*
Comments Stylesheet
June 2009 Digizaal
*/

ol.comment_list ul li:before{ content: normal; }
div#rating { clear: right; float: right; width: 254px; }
div.star-rating { background-color: #f0f8ff; border: 1px solid #d0d0d0; height: 17px; overflow: hidden; padding: 3px; position: relative; width: 85px; }
div.star-rating .bottom{ background: transparent url(/nieuws/meer/star.gif) repeat-x left top; height: 16px; width: 80px; }
div.star-rating .top{ background: transparent  url(/nieuws/meer/star.gif) repeat-x left center; height: 16px; width: 80px; }
ol.comment_list { clear: left; display: none; /*display:block;*/ float: none; list-style-type: none; margin-left: 6px; min-height: 15px; /* houdt postitie form okey als er geen comments zijn*/ }
ol.comment_list { counter-reset: item; }
ol.comment_list .commentheader{ width: 490px; }
ol.comment_list >li:before { content: normal; counter-increment: item; }
/* STAR RATING */
	ul.star-rating{ background: url(/share/images/alt_star.gif) top left repeat-x; height: 25px; list-style: none!important; margin-left: 5px!important; margin-right: 128px; overflow: hidden; padding: 0px; position: relative; width: 125px; }
ul.star-rating a.five-stars{ left: 100px; }
ul.star-rating a.five-stars:hover{ width: 125px; }
ul.star-rating a.four-stars{ left: 75px; }
ul.star-rating a.four-stars:hover{ width: 100px; }
ul.star-rating a.one-star{ left: 0px; }
ul.star-rating a.one-star:hover{ width: 25px; }
ul.star-rating a.three-stars{ left: 50px; }
ul.star-rating a.three-stars:hover{ width: 75px; }
ul.star-rating a.two-stars{ left: 25px; }
ul.star-rating a.two-stars:hover{ width: 50px; }
ul.star-rating li{ float: left; /*\*/ margin: 0px; padding: 0px; /* */ top: 0; }
ul.star-rating li a{ display: block; height: 25px; padding: 0px; position: absolute; text-decoration: none; text-indent: -9000px; top: 0; width: 25px; z-index: 20; }
ul.star-rating li a:hover{ background: url(/share/images/alt_star.gif) left bottom; left: 0px; z-index: 2; }
ul.star-rating li.current-rating{ background: url(/share/images/alt_star.gif) left center; display: block; height: 25px; position: absolute; text-indent: -9000px; z-index: 1; }
.comment_form { margin-left: 1.8em; padding: 0; padding-bottom: 1em; }
.comment_form form { display: none; margin: 0.5em; }
.comment_form h3 { line-height: 29px; padding-left: 1em; vertical-align: middle; }
.comment_form input.submit { background-color: silver; font-size: 1em; padding: 3px 0.3em; width: auto; }
.comment_form input.text,
.comment_form textarea { font-size: 1em; width: 29em; }
.comment_form label{ display: block; float: none; text-align: left; width: auto; }
.comment_list li { clear: left; list-style-type: decimal; margin: 0 0 0 2em; padding: 0; position: relative; }
.commentheader { margin-left: 1.8em; overflow: hidden; }
.comments{ clear: both; /* container die alles bij elkaar houdt*/ color: #141414; font: 9.5pt/180% arial,sans-serif; overflow: hidden; padding-top: 2em; text-align: left; }
.comments .news-item{ float: none !important; height: auto !important; width: auto !important; }
.comments .news-item img{ float: none !important; padding: 0.1em 0.4em; }
.comments h3 { padding-left: 0.5em; text-transform: uppercase; }
.darker { background-color: #d0d0d0; }
.darker{ background-color: #8f8f8f; }
.item{ border: 1px solid #8f8f8f; margin: 0.5em 2em 0 2em; overflow: hidden; padding: 5px; }
.item_container{ overflow: hidden !important; }
.light .content{ background-color: #f0f8ff; color: #43728d; width: 100% !important; }
.lighter { background-color: #f5f5f5; }
.lighter .content,
.light .content,
.lighter .grijsvlak,
.light .grijsvlak { opacity: 1; position: relative; z-index: 1; }
.notice { background: #ffee8c url(/share/images/icons/Info.png) no-repeat 2px center; font: bold 1.1em/150% arial,sans-serif; padding: 5px 5px 5px 30px; white-space: normal; width: 280px; }
.socialbookmarks { clear: right; float: right; margin: 1em 0.2em; text-align: left; width: 253px; }
.socialbookmarks a img { border: none; }
.socialbookmarks div { float: left; font-size: 8.5pt; height: 36px; margin: 0 2px; text-align: center; width: 25px; }
#rating p{ margin-top: -15px; }
#ratingtext{ white-space: normal; }