/* utf8-marker = äöü */

.comments_main {
clear:both; 
float:left; 
overflow: hidden; 
width: 100%; 
line-height: 1.2em; 
border-bottom: 1px solid;
padding: 0;
margin: 20px 0;
}

.comments_blog_closed {
clear: both; 
font-weight: 700; 
padding: 20px 0 0 0;
}

p.commentsEditAnchor {
padding-top: 24px;
}


/* Graphic Captcha */

.commentsCcaptcha {
float: left;
border: 0px solid #999;
border-radius: 3px; 
margin: 5px 0 0 0!important;
}

.commentsCaptchaReload {
float: left;
background: #eee url(../images/reload.png) 7px 8px no-repeat!important; 
border-radius: 3px!important; 
width: 42px; 
height: 42px; 
margin: 5px 3px 10px 3px;
cursor: pointer;
}


/* Buttons */

.commentsButtonLeft {
float: left; 
background: #fff url(button.jpg)!important; 
font-weight: 400;
border: 1px solid #999; 
border-radius: 3px;
padding: 3px 6px;
margin: 0 6px 0 0;
}

.commentsButtonRight {
float: right; 
background: #fff url(button.jpg)!important; 
font-weight: 400;
border: 1px solid #999; 
border-radius: 3px;
padding: 3px 6px;
margin: 0 0 0 6px;
}

.commentsButtonInline {
background: #fff  url(button.jpg)!important; 
font-weight: 400;
border: 1px solid #999; 
border-radius: 3px;
padding: 3px 6px;
margin: 0 0 0 6px;
}

.commentsButtonLeft a:link {color: #444; text-decoration: none;}
.commentsButtonLeft a:visited {color: #444; text-decoration: none;}
.commentsButtonLeft a:hover {color: #c60; text-decoration: underline;}
.commentsButtonLeft a:active {color: #c60; text-decoration: underline;}
.commentsButtonLeft a:focus {color: #c60; text-decoration: underline;}

.commentsButtonRight a:link {color: #444; text-decoration: none;}
.commentsButtonRight a:visited {color: #444; text-decoration: none;}
.commentsButtonRight a:hover {color: #c60; text-decoration: underline;}
.commentsButtonRight a:active {color: #c60; text-decoration: underline;}
.commentsButtonRight a:focus {color: #c60; text-decoration: underline;}

input.commentsEditInput {
width: 90%;
padding: 3px 6px;
margin: 0 0 6px 0;
}


/* Comments Entries */

.comments_number_of {
clear: both; 
font-weight: 400; 
border-bottom: 0px solid; 
padding: 0; 
margin: 0 0 6px 0;
}

.comments_entry {
clear:both;
border:0px solid #ccc; 
margin-bottom: 16px;
}

.comments_entry_split {
clear: both; 
font-family: arial, sans-serif; 
font-weight: 400; 
border-top: 1px solid; 
border-bottom: 1px solid; 
padding: 6px 0; 
margin: 0 0 20px 0;
}

.comments_entry_split span {
font-weight: 700; 
padding: 2px 3px 2px 3px; 
margin:0 6px;
}
.comments_entry_split a {
margin:0 4px;
}

.comments_entry_head {
border-top: 1px solid;
border-bottom: 0px solid #999; 
padding: 12px 0 6px 0; 
margin: 0;
}

.comments_entry_head img {
float: left; 
border: 1px solid #999; 
padding: 0 1px 0 0; 
margin: 0 6px 0 0;
}

.comments_entry_head_number {
float: right; 
font-family: georgia, serif; 
font-size: 32px; 
text-align: right; 
border: 0; 
padding: 2px 8px 8px 10px; 
margin:0 0 0 10px;
}

.comments_entry_head_item {
padding: 1px 0;
}

.comments_entry_head_item_bold {
font-weight: 700;
padding: 1px 0;
}

.comments_entry_content {
border-top: 0px solid; 
padding: 0; 
margin: 4px 0 36px 0;
}

img.comments_entry_image {
float: left;
max-width: 99%; 
margin: 0 0 12px 0;
} 

.comments_form_link p {
float: right;
}


/* Sortierrichtung Auswahl-Formular */

.comments_selectSortDirection {
padding: 1px 2px 4px 2px;
margin: 0 0 12px 0;
}

.comments_sortDirectionOption {
padding: 0 6px;
}


/* Comments-Formular */

.comments_input_field {
border: 1px solid #bbb; 
padding: 3px 4px;
}

.comments_form {
clear: both; 
float: left; 
width: 100%; 
font-family: arial, sans-serif; 
font-size: 14px; 
border: 0px solid #c0c0c0; 
margin: 0 0 30px 0;
}

.comments_form_in {
padding: 0;
}

#comments_form_input_blog_text {
width: 100%; 
text-align: left; 
border: 0; 
padding: 0; 
margin: 20px 0 0 0;
}

textarea.comments_form {
height: 200px; 
width: 99%!important; 
font-family: arial, sans-serif; 
font-size: 15px; 
color: #333; 
padding: 8px; 
margin:0 auto;
}

textarea.commentsEditText {
height: 200px!important; 
width: 96%!important; 
font-family: arial, sans-serif; 
font-size: 15px; 
color: #333; 
padding: 0!important; 
margin:0!important;
}

.commentsImportantHint {
background: #900; 
color: #fff; 
text-align: center; 
border: 2px solid #fff; 
padding: 6px 16px;
}

.comments_nojs {
background: #fc0; 
color: #000; 
text-align: center; 
border: 3px solid #000; 
padding: 10px 16px; 
margin: 10px 0 0 0;
}


/* captcha */

#comments_form_captcha {
text-align: left; 
float: left; 
width: 100%;
}

.comments_form_captcha {
padding: 10px 0;
}

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

.comments_form_captcha_img {
border: 3px solid #c0c0c0; 
margin: 6px 0;
}

.comments_form_captcha_input {
width: 6em; 
font-family: arial, sans-serif; 
font-size: 16px; 
margin: 5px 0;
}

#comments_form_captcha img {
border: 3px solid #c0c0c0; 
margin: 0 4px 0 4px;
}

.comments_form_captcha_input {
float: left; 
margin: 0;
}

.comments_form_captcha_input input {
width: 6em; 
font: bold 16px Verdana; 
letter-spacing: 0.2em; 
padding: 2px 4px;
}

#comments_form_submit {
clear: both; 
padding: 8px 0 0 0;
}

.comments_form_failure_description {}

.comments_form_input {
margin: 0 0 6px 0;
}

#comments_form_input_pic_upload {
width: 100%; 
text-align: left;
}

* html #comments_form_input_pic_upload input {
padding: 2px; 
border: 1px solid #c0c0c0;
}


/* Comments-Formular: Hint-Section */
.comments_form_hint {
clear: both; 
margin: 10px 0;
}

.comments_mod_hint {
background: #920;
color: #fff;
font-weight: 700;
text-align: center;
border: 3px solid #fff;
padding: 10px 16px;
margin: 10px 0 0 0;
}

.comments_success_hint {
background: #060;
color: #fff;
font-weight: 700;
text-align: center;
border: 3px solid #fff;
padding: 10px 16px;
margin: 10px 0 0 0;
}
