/* blikk styles::adults/_blog.css 20190903 harald.angerer@schule.suedtirol.it */

/* overwrite boottrap */
.form-check-input { margin-top:.4rem; }

/* main */
body { margin-top:0px; margin-left:0px; margin-bottom:0px; }
.form-control:focus { border-color:#99CC66; box-shadow: 0 0 0 .2rem rgba(153,204,102,.25); }
.nav-tabs .nav-link { color: #C00; }
.nav-tabs .nav-link.active { color: #000; background-color: #fff; border-color: #739429 #739429 #fff; }
.nav-tabs .nav-link:hover { background-color: #fff; border-color: #739429 #739429 #fff; }
.nav-tabs { border-bottom: 1px solid #739429; }

/* head */
header nav.breadcrumb { background-color:#739429; }
header nav.breadcrumb li a { color:white; }

/* main */
main { position:relative; }
main .blog_content { padding-left:50px; }
main .blog_catanchordiv { position:fixed; writing-mode:vertical-lr; left:-15px; width:30px; }
main .blog_catanchordiv .blogview_slink { background-color:#99CC66; background-repeat:no-repeat; display:inline-block; padding:30px 5px 10px 7px; width:initial; color:#000; background-image:url('../icons/?i=chevrons-right&sw=1'); background-position:center 6px; border-radius:0 5px 5px 0; cursor:pointer; }
main .blog_catanchordiv .blogview_slink:hover { color:#C00; text-decoration:none; background-image:url('../icons/?i=chevrons-right&c=C00'); }
/* >= md */
@media (min-width: 768px) {
	main .blog_content { padding-left:15px; }
}


/* loader */
#blikk_loader { display:none; position:fixed; z-index:1000; top:0px; left:0px; height:100%; width:100%; background-color:rgba(0, 0, 0, .6); }
#blikk_loader table { width:100%; height:100%; }
#blikk_loader td { text-align:center; vertical-align:middle; }
#blikk_loader td img { width:120px; height:auto; }

/**===== bars3 loader =====*/
#bars3 { display: block; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin: -25px 0 0 -25px; }

#bars3 span { position: absolute; display: block; bottom: 10px; width: 9px; height: 15px; background: rgba(0, 0, 0, 0.25); -webkit-animation: bars3 2s  infinite ease-in; animation: bars3 2s  infinite ease-in; }

#bars3 span:nth-child(2) { left: 11px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

#bars3 span:nth-child(3) { left: 22px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

#bars3 span:nth-child(4) { left: 33px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

#bars3 span:nth-child(5) { left: 44px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

@keyframes bars3 {
  0% {
    background: rgba(51, 153, 0, 0.25);
  }
  25% {
    background: #339900;
  }
  50% {
    background: rgba(51, 153, 0, 0.25);
  }
  100% {
    background: rgba(51, 153, 0, 0.25);
  }
}
@-webkit-keyframes bars3 {
  0% {
    background: rgba(51, 153, 0, 0.25);
  }
  25% {
    background: #339900;
  }
  50% {
    background: rgba(51, 153, 0, 0.25);
  }
  100% {
    background: rgba(51, 153, 0, 0.25);
  }
}


/* blogtitle */
main .blog-title-container .blog_titlediv { margin:10px 0; }
main .blog-title-container .blog_titlediv h1 { margin:10px 0; }
main .blog-title-container h1 { font-size:1.3em; font-weight:bold; }
main .blogview_llink { display: inline-block; width: 40px; height: 40px; border-radius: 5px; margin: 10px 10px 0 0; background: center #99CC66 no-repeat; }
main .blog-title-container .blog_search { width:100%;}
main .blog-title-container .blog_searchdiv {  }
main .blog-title-container .blog_searchdiv .blog_search { display:flex; }
main .blog-title-container .blog_searchdiv .blog_search_input_container { flex-grow:5; padding-top:10px; }
main .blog-title-container .blog_searchdiv .blog_search_button_container { padding-left:10px; }
main .blog-title-container .blog_searchdiv .blog_searchform_content { height:0px; overflow:hidden; transition:height .3s;}
main .blog-title-container .blog_searchdiv.active .blog_searchform_content { height:100px; }
main .blog-title-container .blog_searchdiv .blog_clearsearch { display:none; width:20px; height:20px; background:center url('../icons/?i=x&sw=2') no-repeat; background-size:90%; position:absolute; right:72px; top:20px;}
main .blog-title-container .blog_searchdiv .blog_clearsearch:hover { background-image:url('../icons/?i=x&c=C00'); }
main .blog-title-container .blog_searchdiv.active .blog_clearsearch { display:inline-block; }
main .blog-title-container #blog_searchbutton { display:inline-block; background: center #FF9900 url('../icons/?i=arrow-right&sw=1&c=000') no-repeat; border:none; margin-right:0;}
main .blog-title-container #blog_searchbutton:hover { background-image:url('../icons/?i=arrow-right&c=C00'); }
main .blog-title-container #blog_searchinput { display:inline-block; width:100%; margin-right:5px; padding-right:35px;}
main .blog-title-container #bloghome { background-image:url('../icons/?i=arrow-left&sw=1&c=000'); }
main .blog-title-container #blognew { background-image:url('../icons/?i=plus-square&sw=1&c=000'); }
main .blog-title-container #blogedit { background-image:url('../icons/?i=edit&sw=1&c=000'); }
main .blog-title-container #blogdel { background-image:url('../icons/?i=trash-2&sw=1&c=000'); }
main .blog-title-container #bloghome:hover { background-image:url('../icons/?i=arrow-left&c=C00'); }
main .blog-title-container #blognew:hover { background-image:url('../icons/?i=plus-square&c=C00'); }
main .blog-title-container #blogedit:hover { background-image:url('../icons/?i=edit&c=C00'); }
main .blog-title-container #blogdel:hover { background-image:url('../icons/?i=trash-2&c=C00'); }
main .blog-title-container #blogsearch { background-color:#FF9900; background-image:url('../icons/?i=search&sw=1'); position:absolute; right:5px; top:-55px; }
main .blog-title-container #blogsearch:hover { background-image:url('../icons/?i=search&c=C00'); }
main .blog-title-container .blog_searchdiv.active #blogsearch { display:none; }
main .blog-title-container .blog_searchdiv.active .blog_searchfilter { display:block; }
main .blog-title-container .blog_searchfilter { padding:12px 8px;}
main .blog-title-container .blog_searchfilter label { margin-right:15px; }
/* >= md */
@media (min-width: 768px) {
	main .blog-title-container #blogsearch { display:none; }
	main .blog-title-container .blog_searchdiv .blog_searchform_content { height:60px; }
	main .blog-title-container .blog_searchdiv.active .blog_searchform_content { height:100px; }
	main .blog-title-container .blog_searchfilter { display:none; }
}

/* bloglist */
main .blog_authorinfo.blog_authorinfo_compact { color:grey; }
main .blog_authorinfo { margin:10px 0 10px; }
main .blog_authorinfo p { margin:0; }
main .blog_authorinfo .blog_authorimage { float:left; margin-right:10px; }
main .blog_authorinfo .blog_datum { font-size:.8em; }
main .blog_authorinfo .blog_datum_klein { font-size:.8em; }
main .blog_authorinfo .blog_list_categories { margin-bottom:10px; }
main .blog_authorinfo .blog_list_categories a { display:inline; }
main .blog_authorinfo .blog_list_categories a:after { content:', '; }
main .blog_authorinfo .blog_list_categories a:last-child:after { content:''; }
main .bloglist_subject { border-top:1px solid #99CC66; padding-top:20px; margin-bottom:15px; }
main .bloglist_subject a { color:#C00; }
main .blog_text_container { padding:0; }
main .blog_text_container img { max-width:100%; }
main .blog_text_container td img { max-width:initial; }
main .blog_hidden_1 { padding:10px; background-color:#FFCCCC; }
main .post_list_item { padding:0 5px; margin-bottom:10px; }
/* >= ld */
@media (min-width: 992px) {
	main .blog_authorinfo .blog_authorimage { float:none; }
}

/* blogcatlablinks */
main .blog_catlablinks { transition:left .3s; position:absolute; top:0px; left:-100%;  padding-bottom:20px; background-color:#FFF; z-index:10; }
main .blog_catlablinks.open { transition:left .3s; left:0px; }
main .blog_catlablinks a { display:block; width:100%; padding:2px 5px; }
main .blog_catlablinks a:hover { background-color:#99CC66; text-decoration:none; color:#C00; }
main .blog_catlablinks a.nav-link { padding:5px 8px; }
main .blog_catlablinks .blog_linkmain { padding:2px 5px; }
main .blog_catlablinks .blog_catheader { background-color:#739429; padding:5px 5px 7px 7px; margin:10px 0 5px; }
main .blog_catlablinks .blog_catheader h2 { display:inline-block; color:#FFF; font-size:1.1em; font-weight:normal; margin:0;}
main .blog_catlablinks .blog_catheaderlink { position:relative; top:2px; display:inline-block; height:20px; width:20px; background:center url('../icons/?i=chevrons-down&sw=1&c=FFF') no-repeat; top:3px; }
main .blog_catlablinks .blog_catheaderlink:hover { background-image:url('../icons/?i=chevrons-down&c=C00'); background-color:#739429; }
main .blog_catlablinks .blog_catheaderlink.blog_catheaderlinkclosed { background-image:url('../icons/?i=chevrons-up&sw=1&c=FFF'); }
main .blog_catlablinks .blog_catheaderlink.blog_catheaderlinkclosed:hover { background-image:url('../icons/?i=chevrons-up&c=C00'); }
main .blog_catlablinks #blog_tagfilterinputcontainer { height:45px; transition:height .3s; overflow:hidden; }
main .blog_catlablinks #blog_tagfilterinputcontainer.blog_tagfiltercontclosed { height:0px; }
main .blog_catlablinks #blog_tagfilterinputcontainer .blognew_textinput { margin-top:5px; }
main .blog_catlablinks #bloglink_formdiv { border:1px solid #739429; border-top:none; border-radius:2px; padding:8px;}
main .blog_catlablinks #bloglink_formdiv label { margin:5px 0 0; }
main .blog_catlablinks #bloglink_formdiv .blogcat_error { color:#C00; }
main .blog_catlablinks #bloglink_formdiv .blognew_textinput_error { border-color:#C00; }
main .blog_catlablinks #bloglink_formdiv .blognew_dropdown_error { border-color:#C00; }
main .blog_catlablinks #blogcat_buttondiv { margin-top:10px; text-align:center; }
main .blog_catlablinks #blogcat_buttondiv #blogcat_ok { background-color:#99CC66;  }
main .blog_catlablinks #blogcat_buttondiv #blogcat_ok:hover { color:#C00; }
main .blog_catlablinks #blogcat_buttondiv #blogcat_cancel { background-color:lightgrey; }
main .blog_catlablinks #blogcat_buttondiv #blogcat_cancel:hover { color:#C00; }
main .blog_catlablinks .blogcat_threadparent > .blogcat_threadchild { padding-left:15px; }
main .blog_catlablinks .blogcat_threadparent > .blogcat_threadparent { padding-left:15px; }
main .blog_catlablinks span.blog_catfold, main .blog_catlablinks .blog_catfoldempty { float:left; width:20px; height:20px; background-repeat:no-repeat; background-position:center; margin-top:6px; }
main .blog_catlablinks .blog_catfoldopen { background-image:url('../icons/?i=chevrons-down&t=scale(.5)'); }
main .blog_catlablinks .blog_catfoldclosed { background-image:url('../icons/?i=chevrons-right&t=scale(.5)'); }
main .blog_catlablinks .blog_catitems_inputlabels { padding:2px; }
main .blog_catlablinks .blog_catitems_inputlabels input { display:block; margin:6px 4px 0 0; float:left; }
main .blog_catlablinks .blog_catitems_inputlabels label { display:block; margin-bottom:0px; width:100%; color:#007bff; }
main .blog_catlablinks .blog_catitems_inputlabels label:hover { background-color:#99CC66; color:#C00; cursor:pointer; }
main #blogcat_searchcategries { width:80px; margin:10px auto; background-image:url('../icons/?i=search&sw=1'); }
main #blogcat_searchcategries:hover { background-image:url('../icons/?i=search&c=C00'); }
main .blog_catlablinks a.closer { display:block; position:absolute; top:16px; right:20px; width:25px; height:25px; border-radius:3px; background-image:url('../icons/?i=x&sw=1'); }
main .blog_catlablinks a.closer:hover { text-decoration:none; background-color:#FFF; background-image:url('../icons/?i=x&c=C00'); }
main .blog_catlablinks #blikk_seitenpaper { box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75); padding-bottom:25px; }
main video { max-height:800px; }
/* >= md */
@media (min-width: 768px) {
	main .blog_catlablinks { position:static; display:block; }
	main .blog_catlablinks a.closer { display:none; }
	main .blog_catlablinks #blikk_seitenpaper { box-shadow:none; }
}

/* blognew */
#blognew_main .error { color:#C00; }
#blognew_main input.error { border-color:#C00; }
#blognew_main { width:100% !important; }
#blognew_contentbox { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#blognew_table { height:100%; display:flex; align-content:center; }
#blognew_table #blognew_tablecontainer { height:100%; }
#blognew_box { margin:auto; max-width:1190px; width:95%; height:95%; background-color:#FFF; overflow:auto; display: flex; flex-direction: column; align-items: stretch; }
#blognew_box .blognew_header_row { height:40px; }
#blognew_box .blognew_editor_row { height:100%; }
#blognew_head { background-color:#739429; cursor:pointer; padding:10px; position:relative; }
#blognew_head h1 { color:#FFF; font-size:1.2em; }
#blognew_head a { display:block; position:absolute; top:10px; right:10px; width:25px; height:25px; border-radius:3px; background-image:url('../icons/?i=x&sw=1'); }
#blognew_head a:hover { text-decoration:none; background-color:#FFF; background-image:url('../icons/?i=x&c=C00'); }
#blognew_editor { height:100%; padding:8px; }
#blognew_editor > table { height:100%; width:100%; padding:0;}
#blognew_editor > table > tbody > tr > td { padding:0;}
#blognew_editor > table > tbody > tr:first-child { height:41px; }
#blognew_editor > table > tbody > tr:last-child td { height:100%; }
#blognew_textbox { border:1px solid #739429; border-top:none; border-radius:0px 3px 3px; padding:8px; height:100%; position:relative; top:-3px; }
#blognew_formtable { padding:0; height:100%; width:100%; }
#blognew_formtable label {  }
#blognew_formtable .blognew_tag_label { margin-top: 15px; }
#blognew_formtable #blognew_title { margin-bottom:10px; }
#blognew_formtable #blognew_labels { margin-bottom:10px; }
#blognew_formtable #blognew_buttondiv { text-align:center; margin-top:20px;}
#blognew_formtable #blognew_buttondiv input { display:inline-block; margin:0 5px .8rem; }
#blognew_formtable #blognew_buttondiv input:hover { color:#C00; }
#blognew_formtable #blognew_buttondiv #blognew_cancel { background-color:lightgrey; }
#blognew_formtable #blognew_buttondiv #blognew_save { background-color:#99CC66; }
#blognew_formtable #blognew_buttondiv #blognew_publish { background-color:#99CC66; }
#blognew_formtable .text-table-container { width:100%; }

/* >= md */
@media (min-width: 768px) {
	#blognew_form { height:100%; }
	#blognew_formtable { display:table; }
	#blognew_formtable .container-fluid { display:table-row; }
	#blognew_formtable .container-fluid:first-child { height:100%; }
	#blognew_formtable .container-fluid:first-child .row { height:100%; }
}


/* tiny-mce */
body.mceContentBody { margin:8px; }
#blognew_formtable .text-area-container { width:100%; }
#blognew_formtable .text-area-container textarea { width:100%; height:500px; }
#blognew_formtable .text-area-container > span > table { width:100% !important; white-space:initial; }
#blognew_formtable .text-area-container .mceToolbar { background-color:#99CC66; }
#blognew_formtable .text-area-container .mceToolbar tr { display:inline-block; white-space:initial;}
#blognew_formtable .text-area-container .mceIframeContainer { border:1px solid #739429 !important; }
#blognew_formtable .text-area-container td.mceToolbar { border:1px solid #739429; border-bottom:0; }
#blognew_formtable .text-area-container .mceToolbar td { display:inline-block; white-space:initial; padding:5px; }
#blognew_formtable .text-area-container .mceToolbar td a { border:0; width:100%; height:100%; }
#blognew_formtable .text-area-container .mceToolbar td a:hover { background-color:#CCFF99; }
#blognew_formtable .text-area-container .mceToolbar .mceListBox { background-color:transparent; }
#blognew_formtable .text-area-container .mceToolbar .mceListBox .mceText { padding-left: 4px; width:initial; text-align:center; border:0; background-color:transparent; }
#blognew_formtable .text-area-container .mceToolbar .mceListBox .mceOpen { width:9px; background-color:transparent; }
#blognew_formtable .text-area-container .mceToolbar .mceListBox:hover { background-color:#CCFF99; }
#blognew_formtable .mceEditor { width:100%; }
#blogcomment_form .mceEditor { width:100%; height:400px;}
#blogcomment_form .mceToolbar td { display:inline-block; white-space:initial; padding:5px; }
#blogcomment_form .mceToolbar { background-color:#99CC66; }
#blogcomment_form .mceToolbar td a { border:0; background-color:#99CC66; }
#blogcomment_form .mceToolbar td a:hover { background-color:#CCFF99; }
#blogcomment_form .mceToolbar .mceSplitButton { background-color:#99CC66; }
#blogcomment_textarea { visibility: hidden; }
#blogcomment_textarea_forecolor_menu .mceColorSplitMenu .mceMoreColors { width:initial; height:auto; }
#blogcomment_textarea_backcolor_menu .mceColorSplitMenu .mceMoreColors { width:initial; height:auto; }
#blogcomment_textarea_forecolor_menu .mceColorSplitMenu { background-color:#99CC66; }
#blogcomment_textarea_backcolor_menu .mceColorSplitMenu { background-color:#99CC66; }
#blogcomment_textarea_forecolor_menu .mceColorSplitMenu a { background-color:#99CC66; margin:5px; width:15px; height:15px; }
#blogcomment_textarea_backcolor_menu .mceColorSplitMenu a { background-color:#99CC66; margin:5px; width:15px; height:15px; }
#blogcomment_textarea_forecolor_menu .mceColorSplitMenu td:hover { background-color:#CCFF99; }
#blogcomment_textarea_backcolor_menu .mceColorSplitMenu td:hover { background-color:#CCFF99; }
.blog_comment_attachments { padding-top:10px; margin-top:10px; border-top:1px dotted lightgrey; }
.blog_comment_attachments a { margin:10px; }


/* >= md */
@media (min-width: 768px) {
	#blognew_formtable .text-table-container { display:table; height:100%; }
	#blognew_formtable .text-table-container .text-title-container { display:table-row; }
	#blognew_formtable .text-table-container .text-area-container { display:table-row; height:100%; }
	#blognew_formtable .text-area-container textarea { height:90%; }
}


/* categories */
#blognew_formtable .blognew_catlink { display: inline-block; width: 40px; height: 40px; border-radius: 5px; margin: 5px 10px 0 0; background: center #99CC66 no-repeat; }
#blognew_catarea { margin:10px 0; }
#blognew_formtable #blognew_addcategorie { background-image:url('../icons/?i=plus-square&sw=1&c=000'); }
#blognew_formtable #blognew_editcategorie { background-image:url('../icons/?i=edit&sw=1&c=000'); }
#blognew_formtable #blognew_delcategorie { background-image:url('../icons/?i=trash-2&sw=1&c=000'); }
#blognew_formtable #blognew_addcategorie:hover { background-image:url('../icons/?i=plus-square&c=C00'); }
#blognew_formtable #blognew_editcategorie:hover { background-image:url('../icons/?i=edit&c=C00'); }
#blognew_formtable #blognew_delcategorie:hover { background-image:url('../icons/?i=trash-2&c=C00'); }
#blognew_categories { width:100%; overflow:auto; }
#blognew_categories .blogcat_entry { padding:2px; cursor:pointer; }
#blognew_categories .blogcat_entry:hover { background-color:#99CC66; }
#blognew_categories .blogcat_entry:hover a { text-decoration:none; color:#C00; }
#blognew_categories .blogcat_threadparent > .blogcat_threadchild { margin-left:20px; }
#blognew_categories .blogcat_threadparent > .blogcat_threadparent { margin-left:20px; }
/* >= md */
@media (min-width: 768px) {
	#blognew_catarea { margin:0; max-height:580px; overflow:auto; }
}

/* blogcategories */
#blogcat_form legend { margin:10px 0 .5rem; font-size:1em; font-weight:normal; }
#blogcat_form fieldset { display:block; border:1px solid #739429; padding:10px; }
#blogcat_form #blogcat_buttondiv { text-align:center; margin-top:20px;}
#blogcat_form #blogcat_buttondiv input { display:inline-block; margin:0 5px .8rem; }
#blogcat_form #blogcat_buttondiv input:hover { color:#C00; }
#blogcat_form #blogcat_buttondiv #blogcat_cancel { background-color:lightgrey; }
#blogcat_form #blogcat_buttondiv #blogcat_ok { background-color:#99CC66; }

/* insertarea */
#blognew_insertarea { margin:10px 0; position:relative; border:2px solid #C00; padding:15px; }
#blognew_insertarea a { display:block; padding:2px; }
#blognew_insertarea a:hover { background-color:#99CC66; color:#C00; text-decoration:none; }
#blognew_insertarea #blognew_insertcancellink { position:absolute; display:flex; top:10px; right:10px; width:25px; height:25px; background-color:#99CC66; border-radius:3px; align-items:center; justify-content:center; color:#000;}
#blognew_insertarea #blognew_insertcancellink:hover { color:#C00;}

/* upload */
#blognew_upload { height:100%; padding:8px; }
#blognew_upload > table { height:100%; width:100%; padding:0; }
#blognew_upload > table > tr > td { padding:0; }
#blognew_upload > table > tbody > tr:first-child { height:41px; }
#blognew_upload > table > tbody > tr:last-child td { height:100%; }
#blognew_uploadbox { border:1px solid #739429; border-top:none; border-radius:0px 3px 3px; padding:15px 8px; height:100%; position:relative; top:-3px; }
#blognew_uploadbox .error { text-align:center; margin-top:20px; color:#C00; }
#blognew_uploadbox #blognew_buttondiv { text-align:center; margin-top:20px;}
#blognew_uploadformpart { text-align:center; }
#blognew_uploadtitle { margin:20px 0; }
#blognew_uploadformpart input { margin:20px 0; background-color:#99CC66; height:55px; width:100%; }
#blognew_uploadformpart iframe { height:0px; }
#blognew_progressbox h3 { margin:20px 0 8px; }
#blognew_progressbox .blognew_progresscontainer { height:40px; border:1px solid #739429; padding:2px; margin-bottom:30px;}
#blognew_progressbox .blognew_progresscontainer .blognew_progressbar { height:100%; background-color:#99CC66; }
#blognew_uploadinfo { text-align:center; }
#blognew_uploadinfo input { margin:20px 0; background-color:#99CC66; height:55px; }
#blognew_uploadinfo #blognew_uploadfilename { margin:8px 0; }
#blognew_uploaddisclaimer { text-align:left; }
#blognew_uploadresponsepart .blognew_buttoncancel { background-color:lightgrey; border:0; margin:auto; }
#blognew_uploadresponsepart .blognew_buttoncancel:hover { color:#C00; }
#blognew_uploadresponsepart .blognew_button { border:0; margin:auto; }
#blognew_uploadresponsepart .blognew_button:hover { color:#C00; }

/* blogfilemanager */
#blognew_filemanager { height: 100%; padding: 8px; }
#blognew_filemanager > table { height:100%; width:100%; }
#blognew_filemanager > table > tbody > tr:first-child { height:41px; }
#blognew_filemanager > table > tbody > tr:last-child td { height:100%; margin-bottom:8px; vertical-align:top; }
#blognew_filemanager .blognew_filemanagertd { border:1px solid #739429; border-top:none; border-radius:0px 3px 3px; padding:15px 8px; height:100%; position:relative; top:-3px; }
#blognew_filemanager .blognew_filemanager_container { height:100%; }
#blognew_filemanagerdiv { text-align:center; }
#blognew_filemanagerdiv a { display:inline-block; width:130px; height:160px; margin:0 5px; font-size:.9em; line-height:1.2em; padding:10px; overflow:hidden; position:relative; }
#blognew_filemanagerdiv a:hover { text-decoration:none; color:#C00; border:1px solid #99CC66; border-radius:3px; }
#blognew_filemanagerdiv a.blognew_fileboxes { background-color:lightgrey; }
#blognew_filemanagerdiv a.blognew_fileboxesselected { color:#C00; background-color:#99CC66; border-radius:3px; }
#blognew_filemanagerdiv a .blognew_filemanager_caption { position:absolute; bottom:25px; left:0px; width:100%; }
#blognew_filemanagerdiv a .blognew_filemanager_size { position:absolute; bottom:6px; left:0px; width:100%; }
#blognew_filemanagerdiv a input { position:absolute; bottom:2px; left:55px; width:20px; height:20px; }
#blognew_filemanagerpndiv table { height:50px; margin:auto; }
#blognew_filemanagerpndiv table td { width:30px; text-align:center; }
#blognew_filemanagerpndiv table td a { display:inline-block; line-height:30px; width:30px; height:30px; border-radius:3px; }
#blognew_filemanagerpndiv table td a:hover { text-decoration:none; background-color:#99CC66; color:#C00; }
#blognew_filemanagerbtdiv { text-align:center; }
.blognew_filemanagertd .blognew_button { background-color:#99CC66; margin:5px; }
.blognew_filemanagertd .blognew_button:hover { color:#C00; }
.blognew_filemanagertd #blognew_filemanagerdelete { background-color:lightgrey; }
.blognew_filemanagertd #blognew_filemanagerdelete:hover { background-color:#C00; color:#FFF; }
.blognew_filemanagertd #blognew_filecancel { background-color:lightgrey; }
.blognew_filemanagertd #blognew_filesend:hover { background-color:#C00; color:#FFF; }
.blognew_filemanagertd #blognew_filemanagerdeldiv a { background-color:#99CC66; color:#C00; margin:20px; border-radius:3px; }
#blognew_filedelform .blognew_areyousure { color:#C00; text-align:center; margin:15px; }
#blognew_filemanagerpndiv { text-align:center; margin:10px 0px; }
#blognew_filemanagerpndiv .blognew_llink { display:inline-block; width:40px; height:40px; background-color:#99CC66; border-radius:3px; margin:10px 5px; background-position:center; background-repeat:no-repeat; line-height:38px; color:#000; }
#blognew_filemanagerpndiv .blognew_llink:hover { font-weight:bold; color:#C00; text-decoration:none; }
#blognew_filemanagerpndiv .blognew_filemanagerpnaktpage.blognew_llink { background-color:transparent; border:1px solid #99CC66; }
#blognew_filemanagerpndiv .blognew_filemanagerpnaktpage.blognew_llink:hover { font-weight:normal; color:#000; }
.blognew_mediasearch_container { margin:10px 20px 20px; }
.blognew_mediasearch_container select.void  { color:#969696; }
.blognew_mediasearch_container select option  {	color:black; }
.blognew_mediasearch_container .form-group  { margin-right:20px; }
.blognew_mediasearch_container .blognew_mediasearch {display: inline-block; width: 40px; height: 40px; border-radius: 5px; margin: 5px 10px 0 0; background: center #99CC66 no-repeat; position:relative; top:-2px; }
.blognew_mediasearch_container .blognew_delbutton {	background-image:url('../icons/?i=delete&c=000'); }
.blognew_mediasearch_container .blognew_delbutton:hover {	background-image:url('../icons/?i=delete&c=C00'); }
.blognew_mediasearch_container .blognew_searchbutton {	margin-left:5px; background-image:url('../icons/?i=search&c=000'); }
.blognew_mediasearch_container .blognew_searchbutton:hover { background-image:url('../icons/?i=search&c=C00'); }
.blognew_mediasearch_container form { justify-content: center; }


/* messages */
#blognew_table .blognew_messagebox { padding:10px 5px 5px; height:100%; }
#blognew_table .blognew_messagebox .blognew_message_form { border:1px solid #739429; border-radius:3px; padding:20px; height:100%; display:flex; justify-content:center; flex-direction:column; }
#blognew_table .blognew_messagebox .blognew_message_form p { text-align:center; }
#blognew_table .blognew_messagebox .blognew_message_form p .blognew_areyousure { font-weight:bold; color:#C00; }
#blognew_table .blognew_buttoncancel:hover { color: #C00; }
#blognew_table .blognew_buttoncancel { background-color: lightgrey; }
#blognew_table .blognew_buttondelete { background-color: #99CC66; }
#blognew_table .blognew_buttondelete:hover { background-color: #C00; color:#FFF; }
#blognew_table .blognew_buttonok { background-color: #99CC66; }
#blognew_table .blognew_buttonok:hover { color:#C00; }
#blognew_table .blognew_messagebox .blognew_message_coauthoring { height:100%; overflow:hidden; }
#blognew_table .blognew_messagebox .blognew_message_coauthoring form { height:100%; }
#blognew_table #bloguser_formtable { height:100%; width:100%; }
#blognew_table #bloguser_formtable .bloguser_formtable_head { height:80px; text-align:center; }
#blognew_table #bloguser_formtable .bloguser_tdbuttons { height:70px; text-align:center; }
#blognew_table #bloguser_formtable .bloguser_labels { height:20px; }
#blognew_table #bloguser_formtable .bloguser_labels label { margin-bottom:0; font-weight:bold; }
#blognew_table #bloguser_formtable select { width:100%; height:100%; }
#blognew_table #bloguser_formtable .bloguser_tdmitte { text-align:center; height:100%;}
#blognew_table #bloguser_formtable .bloguser_tdlinks { width:40%; }
#blognew_table #bloguser_formtable .bloguser_tdrechts { width:40%; }
#blognew_table #bloguser_formtable .bloguser_addbutton { background:#99CC66 no-repeat center; width:90%; margin-bottom:20px;}
#blognew_table #bloguser_formtable #bloguser_add { background-image:url('../icons/?i=arrow-right&sw=1'); }
#blognew_table #bloguser_formtable #bloguser_remove { background-image:url('../icons/?i=arrow-left&sw=1'); }
#blognew_table #bloguser_formtable #bloguser_add:hover { background-image:url('../icons/?i=arrow-right&c=C00'); }
#blognew_table #bloguser_formtable #bloguser_remove:hover { background-image:url('../icons/?i=arrow-left&c=C00'); }

/* preview */

html.blog_preview { height:100%; }
body.preview {	font-family:Source Sans Pro; height:100%; background-color:#CEE7C2; display:flex; justify-content: center; align-items: center; flex-direction:column; }
.preview .preview_video { max-height:80%; max-width:90%; display:flex; justify-content: center; align-items: center; }
.preview .preview_video video { max-height:100%; max-width:100%; }
.preview .preview_audio { max-width:500px; width:80%; }
.preview .preview_audio audio { width:100%; }
.preview #preview_error { border:1px solid #CC0000; background-color:#FFCCCC; padding:10px; margin-top:20px;}
.preview #preview_error p { margin:0; }
.preview .preview_links { text-align:center; }
.preview .preview_links a { display:inline-block; width:40px; height:40px; margin:15px; background:#99CC66 center no-repeat; border-radius:5px; }
.preview .preview_links .rotation-90 { background-image:url(/blikk/css/icons/?i=rotate-cw); }
.preview .preview_links .rotation-180 { background-image:url('/blikk/css/icons/?i=repeat&t=rotate(90)'); }
.preview .preview_links .rotation-270 { background-image:url(/blikk/css/icons/?i=rotate-ccw); }
.preview .preview_links .rotation-90:hover { background-image:url(/blikk/css/icons/?i=rotate-cw&c=C00); }
.preview .preview_links .rotation-180:hover { background-image:url('/blikk/css/icons/?i=repeat&t=rotate(90)&c=C00'); }
.preview .preview_links .rotation-270:hover { background-image:url(/blikk/css/icons/?i=rotate-ccw&c=C00); }

/* newsletter */
#blognew_box.blognew_newsletter_box_container { max-width:1110px; }
#blognew_box .blognew_newsletter_box { display:table; height:100%; }
#blognew_box .blognew_newsletter_box label.error { font-weight:bold; color:#C00; }
#blognew_box .blognew_newsletter_box .blognew_header_row { display:table-row; }
#blognew_box .blognew_newsletter_row { height:100%; display:table-row; }
#blognew_box .blognew_newsletter_row > div { height:100%; padding:10px 5px 5px; }
#blognew_box .blognew_newsletter_row table { height:100%; border:1px solid #739429; border-radius:3px; padding:25px; }
#blognew_box .blognew_newsletter_row table td { padding:0px 20px; }
#blognew_box .blognew_newsletter_row .nl_td1 { padding-top:20px; height:178px; }
#blognew_box .blognew_newsletter_row .nl_td2 { height:100%; overflow:auto; }
#blognew_box .blognew_newsletter_row #nl_tdbuttons { height:40px; padding-bottom:15px; padding-top:15px; text-align:center; }
#blognew_box .blognew_newsletter_row .nl_disclaimer { padding-bottom:20px; height:88px; }
#blognew_box .nl_threadparent > .nl_threadchild { margin-left:15px; }
#blognew_box .nl_threadparent > .nl_threadparent { margin-left:15px; }
#blognew_box .nl_inputs label:hover { background-color:#99CC66; color:#C00; }
#blognew_box .nl_inputs label { display:inline-block; width:100%; padding:3px 6px;  margin:0; cursor:pointer; }
#blognew_box #did_feedback { margin-top:25px; }
#blognew_box #nl_tdbuttons input { margin-bottom:10px; }

/* bloguser */
#blognew_box.blognew_user_box  { max-width:1110px; }
#blognew_box.blognew_user_box  #blognew_textbox { margin-top:5px; border-top:1px solid #739429; }
#blognew_box.blognew_user_box  form { height:100%; }
#blognew_box.blognew_user_box  table { height:100%; }
#blognew_box.blognew_user_box  .bloguser_tdlinks input { margin-bottom:10px; }
#blognew_box.blognew_user_box  .bloguser_tdlinks .usr_left_head { height:80px; }
#blognew_box.blognew_user_box  .bloguser_tdlinks .usr_left_main { height:100%; }
#blognew_box.blognew_user_box  .bloguser_tdlinks .usr_left_foot { height:30px; }
#blognew_box.blognew_user_box  #bloguser_formtable table { width:100%; }
#blognew_box.blognew_user_box .bloguser_tdrechts .usr_right_head { height:25px; }
#blognew_box.blognew_user_box .bloguser_tdrechts .usr_right_main { height:100%; }
#blognew_box.blognew_user_box .bloguser_tdrechts .usr_right_foot { height:30px; }
#blognew_box.blognew_user_box .blognew_messagebox { display:table-cell; height:100%; padding:5px; }
#blognew_box.blognew_user_box .blognew_messagebox div { width:100%; height:100%; padding:25px; border:1px solid #99CC66; display:flex; flex-direction:column; justify-content:center; align-items:center; }

/* blogview */
main .blog_commentinfo a { display:block; }
main .blog_commentinfo_compact { margin-bottom:10px; }
main .blog_commentinfo_compact a { display:inline-block; }
main .blog_commentinfo_compact a:after { content:', '; }
main .blog_commentinfo_compact a:last-child:after { content:''; }
main #blogmail { background-image:url('../icons/?i=mail&sw=1'); }
main #blogmail:hover { background-image:url('../icons/?i=mail&c=C00'); }
main #blogaudio { background-image:url('../icons/?i=volume-2&sw=1'); }
main #blogaudio:hover { background-image:url('../icons/?i=volume-2&c=C00'); }
main #blog_audiocontainer audio { margin-top:10px; width:100%; color:#99CC66; filter: invert(100%) hue-rotate(90deg); }
main #blogmail_div { border:1px solid #99CC66; border-radius:3px; padding:10px; margin:10px 0; }
main #blogmail_div h2 { font-size:.9em; }
main #blogmail_div .btn { margin-top:10px; }
main #blogmail_div .blognew_buttoncancel { background-color: lightgrey; }
main #blogmail_div .blognew_buttoncancel:hover { color: #C00; }
main #blogmail_div .blognew_buttonok { background-color: #99CC66; }
main #blogmail_div .blognew_buttonok:hover { color:#C00; }
main #blogmail_div .blogcomment_minitext { margin-top:10px; }
main #blogmail_div label .error { color:#C00; }
main #blogmail_div input.error { border-color:#C00; }
main #blogmail_div1 label { margin:5px 0 0; }

/* comments */
main #comments { background-color: #739429; padding: 5px 5px 7px 7px; margin: 10px 0 5px;}
main #comments h2 { display: inline-block; font-size: 1em; font-weight: normal; margin: 0; color:white; }
main .blogcomment {  margin: 10px 0 0; border-bottom:1px solid #739429; padding-bottom:10px; }
main .blogcomment .blogcomment_hidden {  background-color:#FFCCCC; padding:10px; }
main .blogcomment h3 { font-weight:normal; margin:0; font-weight:bold; }
main .blogcomment .blogcomment_datum { font-size: .9em; }
main .blogcomment .blogcomment_links { text-align:right; margin-bottom:15px; }
main .blogcomment .comment_number { display:inline-block; border-right:1px solid #99CC66; padding-right:5px; }
main #blogcomment_nocommentspossible { margin-top:20px; }
main #blogcomment_form label { margin:5px 0 0; }
main #blogcomment_formdiv { margin-bottom:25px; }
main #blogcomment_formdiv h2 { margin-top:10px; font-size:1em; }
main #blogcomment_formdiv .blogcomment_textareas { height:300px; }
main #blogcomment_form .blognew_buttoncancel { background-color: lightgrey; }
main #blogcomment_form .blognew_buttoncancel:hover { color: #C00; }
main #blogcomment_form .blognew_buttonok { background-color: #99CC66; }
main #blogcomment_form .blognew_buttonok:hover { color:#C00; }
main #blogcomment_form .blognew_buttondelete { background-color:#C00; color:#FFF;}
main #blogcomment_form .blognew_buttondelete:hover { color:#000; }
main #blogcomment_form .blogcomment_buttons { text-align: center; margin-top:25px; }
main #blogcomment_form label .error { color:#C00; }
main #blogcomment_form input.error { border:1px solid #C00; }
main #blogcomment_form textarea.error { border:1px solid #C00; }
main #blogcomment_form .blogcomment_short { max-width:150px; }
main #blogcomment_formdiv .blogcomment_moderateddiv { text-align:center; margin-top:25px; }
main #blogcomment_formdiv .blogcomment_nopost { text-align:center; margin-top:25px; }
main #blogcomment_captchaimg { display:block; margin:0 0 5px; }
main #blogcomment_form .blogcomment_deletediv { margin:20px 0 0; padding:15px; background-color:#FFCCCC ; }
main #blogcomment_formdiv p.blognew_areyousure { color:#C00; text-align:center; }

/* blognavi */
nav.head-nav { padding-top:15px; }
nav.foot-nav { padding-bottom:15px; }
nav .blog_navi_container { display:flex; justify-content:center; }
nav .blog_navi_container .blog_navi { display:inline; width:40px; height:40px; background-color:transparent; border-radius:3px; margin:0px 5px; background-position:center; background-repeat:no-repeat; }
nav .blog_navi_container .blog_navi_anfang.empty { background-image:url('../icons/?i=chevrons-left&c=888'); }
nav .blog_navi_container .blog_navi_zurueck.empty { background-image:url('../icons/?i=chevron-left&c=888'); }
nav .blog_navi_container .blog_navi_weiter.empty { background-image:url('../icons/?i=chevron-right&c=888'); }
nav .blog_navi_container .blog_navi_ende.empty { background-image:url('../icons/?i=chevrons-right&c=888'); }
nav .blog_navi_container .blog_navi_anfang { background-image:url('../icons/?i=chevrons-left&c=739429'); }
nav .blog_navi_container .blog_navi_zurueck { background-image:url('../icons/?i=chevron-left&c=739429'); }
nav .blog_navi_container .blog_navi_weiter { background-image:url('../icons/?i=chevron-right&c=739429'); }
nav .blog_navi_container .blog_navi_ende { background-image:url('../icons/?i=chevrons-right&c=739429'); }
nav .blog_navi_container .blog_navi_meta { background-image:url('../icons/?i=chevrons-up&c=739429'); }
nav .blog_navi_container .blog_navi_anfang.empty:hover { background-image:url('../icons/?i=chevrons-left&c=888'); }
nav .blog_navi_container .blog_navi_zurueck.empty:hover { background-image:url('../icons/?i=chevron-left&c=888'); }
nav .blog_navi_container .blog_navi_weiter.empty:hover { background-image:url('../icons/?i=chevron-right&c=888'); }
nav .blog_navi_container .blog_navi_ende.empty:hover { background-image:url('../icons/?i=chevrons-right&c=888'); }
nav .blog_navi_container .blog_navi_anfang:hover { background-image:url('../icons/?i=chevrons-left&c=C00'); }
nav .blog_navi_container .blog_navi_zurueck:hover { background-image:url('../icons/?i=chevron-left&c=C00'); }
nav .blog_navi_container .blog_navi_weiter:hover { background-image:url('../icons/?i=chevron-right&c=C00'); }
nav .blog_navi_container .blog_navi_ende:hover { background-image:url('../icons/?i=chevrons-right&c=C00'); }
nav .blog_navi_container .blog_navi_meta:hover { background-image:url('../icons/?i=chevrons-up&c=C00'); }

/* bloglanguage */
#blog_applangcontainer .bloglanguage_llink img { position: relative; top: -2px; }

/*  newest-marker */

.post_list_item.blog_post_newest, .blog_commentitem.blog_post_newest, .blog_text_container.blog_post_newest { background-color:rgba(153,204,102,.2); }
#blog_categories .blog_category_newest span.new,
.blog_commentinfo.blog_post_newest span.new { position:relative; top:-1px; font-size:.8em; color:white; display:inline-block; background-color:#CC0000; border-radius:10px; font-weight:normal; padding-bottom:1px; text-align:center; min-width:20px; height:20px; cursor:pointer; line-height:20px; }

/* alert */

.blog_alert { position:absolute; min-height:30px; min-width:100px; background-color: white; border:1px solid #739429; z-index:1000; opacity:0; transition: opacity .3s ease-in; }
.blog_alert.alert_open { opacity:1; }
.blog_alert > div { margin:10px;  }
.blog_alert_head {  }
a.blog_alert_read, a.blog_alert_readall { display:block; padding:5px; color:#007BFF !important; cursor:pointer; white-space:nowrap; }
a.blog_alert_read:hover, a.blog_alert_readall:hover { background-color:#99CC66; color:#C00 !important; }

/* image-overlay */
#opac_box_layer { height: 100%; width: 100%; position: absolute; top: 0; }
#blogimage_container {	position: absolute;	top:0;	width:98%;	height:100%; box-sizing: border-box; overflow:scroll; text-align: center; }
#blogimage_container img {	max-width:98%;	background-color:white;	padding:10px; display:block; position:absolute; top:0; left:0; right:0;  margin:auto; }

/* likes */
.blog_likes_type1 { position:relative; text-align: right; margin-right: 25px; }
.blog_likes_type1 .blog_likes_symbol { display:inline-block; width:17px; height:17px; background-size:contain; background-image:url('/blikk/css/icons/?i=star&c=a8a8a8'); }
.blog_likes_type1 .blog_likes_symbol.active:hover { cursor:pointer; }
.blog_likes_type1 .blog_likes_symbol.on { background-image:url('/blikk/css/icons/?i=star&f=ffe900'); }
.blog_likes_type1 .blog_likes_count { font-size: .85em; display: inline-block; top: 0px; position: absolute; margin-left: 5px; }

/* settings */
main .blog_catlablinks .blog_catheader.blog_settingsheader { margin:15px 0 5px; }
.blogsettings_container { text-align:left; height:97%; overflow:auto; }
.blogsettings_input { display:flex; flex-direction:column; }
.blogsettings_container .blogsettings_input:first-child .blogsettings_divider { display:none; }
.blogsettings_container .blogsettings_divider { height:1px; margin:0 15px; border-top:solid 1px #739429; }
.blogsettings_input label { margin:10px 10px; padding:5px; flex-grow:1; display:block;}
.blogsettings_button { width:100px; margin:0 auto 15px; }
.blogsettings_input .blognew_textinput { display:inline; width:initial; }
.blogsettings_input .blogsettings_label input { max-width:150px; }
.blogsettings_input .blogsettings_string input { max-width:250px; }
.blogsettings_container .blogsettings_multiple.hidden { display:none; }
@keyframes fadeIn {  0%   { background-color: transparent; }  100% { background-color: #a4cc8e; } }
.blogsettings_input .blogsettings_label.on { animation: fadeIn 1s ease-in; background-color:#a4cc8e; }
@keyframes fadeOut {  0% { background-color: #a4cc8e; }  100%   { background-color: transparent; } }
.blogsettings_input .blogsettings_label.off { animation: fadeOut 1s ease-in; background-color:transparent; }
@keyframes fadeOutError {  0% { background-color: #CC0000; }  100%   { background-color: transparent; } }
.blogsettings_input .blogsettings_label.err { animation: fadeOutError 1s ease-in; background-color:transparent; }

/* printing */
@media print {
  main div, main pre { display:inline-table; } /* works in chrome */
  main .blog_content { max-width:100%; flex:0 0 100%; }
  main .blog_catlablinks { display:none; }
  main .blog_content .blog_view_special { display:none; }
  main .blog_content #blogcomment_formdiv { display:none; }
  main .blog_content #comments { display:none; }
  main .blog_content .blog_navi_container { display:none; }
  main .blog-title-container .blog_linkdiv { display:none; }
  main .blog-title-container .blog_searchdiv { display:none; }
  main .blog_text_container { border-collapse:unset; }
}