ul#comments {
	list-style: none;
	padding: 0;
}
	ul#comments li {
        margin: 0 0 10px 0;
        padding: 0 0 0 30px;
    }
        ul#comments li div.comment_body {
            background: #DEF;
            border: 5px solid white;
            padding: 15px 15px 15px 0;
        }
        ul#comments li a.comment_number {
            background: url(../../images/comment_balloon.png) top no-repeat;
            color: black;
            float: left;
            font: bold 1.3em Arial, Helvetica, sans-serif;
            height: 43px;
            left: -30px;
            padding-top: 17px;
            position: relative;
            text-decoration: none;
            text-align: center;
            width: 60px;
        }
            ul#comments li a.comment_number:hover {
                color: white;
            }
        ul#comments li p {
            clear: right;
            font: 1em Georgia, "Times New Roman", Times, serif;
            line-height: 1.4em;
            margin: 0 0 0 60px;
            padding: 0;
        }
		ul#comments li div.comment_body small {
            color: #08D;
            display: block;
            font: 0.85em Tahoma, Arial, Helvetica, sans-serif;
            padding-top: 6px;
            text-align: right;
        }
        
        ul#comments li div.comment_info {
            margin: 5px 0 20px 60px;
        }
            ul#comments li div.comment_info a.website {
                background: url(../images/icons/color/world.png) no-repeat;
                display: block;
                float: left;
                height: 16px;
                letter-spacing: -1000em;
                margin-right: 6px;
                width: 16px;
            }
            ul#comments li div.comment_info strong {
                font: bold 1.3em Arial, Helvetica, sans-serif;
            }
		

		ul#comments li span.quote {
			display: block;
			margin: 10px 20px 0 0;
			padding: 10px 10px 10px 40px;
		}
			ul#comments li span.quote cite {
				display: block;
				font-style: normal;
				font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
			}
			ul#comments li span.quote q {
				display: block;
				font: italic 1em Georgia, "Times New Roman", Times, serif;
                line-height: 1.4em;
				margin: 2px 0px 0px 6px;
			}
				q:before, q:after {
					content: '';
				}


ul#comments li.anita div.comment_body {
	background: #FFD940;
}
ul#comments li.anita div.comment_body small {
	color: white;
}
ul#comments li.anita span.quote {
	background: #FFECA1 url(../images/comment_quote.png) top right no-repeat;
}

ul#comments li.webmaster div.comment_body {
	background: #BDF;
}
ul#comments li.webmaster span.quote {
	background: #DEF url(../images/comment_quote.png) top right no-repeat;
}


/* Formulier voor toevoegen reactie */

div#footer_form {
    background: #EAEAEA;
    clear: both;
}
    div#footer_form h2 {
        color: white;
        font-size: 3em;
        margin: 0;
    }
        div#footer_form h2 a {
            color: white;
        }
    div#footer_form form {
        background: #E0E0E0 url(../images/comment_form_bg.png) bottom no-repeat;
        margin: 0 0 0 356px;
        padding: 30px 30px 0 30px;
    }
        div#footer_form label {
            cursor: pointer;
            display: block;
            font: bold 1.2em Arial, Helvetica, sans-serif;
            line-height: 1.7em;
            margin-right: 6px;
        }
        div#footer_form input.error, div#footer_form textarea.error {
            background: blue;
        }
        div#footer_form div#emoticons {
            background: #F1F1F1;
            height: 34px;
            padding: 0 2px;
        }
            div#footer_form div#emoticons img {
                cursor: pointer;
                margin: 4px 2px;
                padding: 5px;
            }
                div#footer_form div#emoticons img:hover {
                    background: #DEE0D5;
                }
        div#footer_form button {
            clear: both;
            display: block;
            margin-top: 30px;
        }
        
        
/* Beoordeling */
div.rating {
    clear: left;
}
div.cancel, div.star {
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -1000em;
    width: 18px;
}
    div.cancel a, div.star a{
        display: block;
        background-position: 0 0;
        height: 16px;
        width: 16px;
    }
    div.cancel, div.cancel a {
        background-image: url(../images/icons/black/delete.png);
        background-repeat: no-repeat;
    }
    div.star, div.star a {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
    }

div.star_on a {
    background-position: 0 -16px;
}
div.star_hover a, div.star_live a:hover {
    background-position: 0 -32px;
}

div.star_readonly a, div.star_readonly a:hover {
    cursor: default;
}

div.star {
    background: transparent;
    overflow: hidden;
}






div.rating_comment {
    float: right;
    margin-bottom: 4px;
}
    div.rating_comment span {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 16px;
        width: 16px;
    }
        div.rating_comment span.star {
            background-position: 0 -16px;
        }