
/* Artikel Assistent */
table.user_artikel_ass { table-layout:fixed; width:100%; border-spacing:0px; border:#BBB 1px solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

table.user_artikel_ass > tbody > tr > td,
table.user_artikel_ass > tbody > tr > th { padding:5px; font-size:11px;}

table.user_artikel_ass > tbody > tr.intro > th { background-color:#DDD; color:#555; padding-top:10px; font-size:13px;
                                                 background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
}

table.user_artikel_ass > tbody > tr.outro > th { color:#BBB;}

table.user_artikel_ass > tbody > tr > td      { border-bottom:#BBB 1px dashed; }
table.user_artikel_ass > tbody > tr.isLabel > td      { border-bottom:#0A0199 1px dashed;}

table.user_artikel_ass > tbody > tr > .help { vertical-align:bottom; color:#555; background-color:#F5F5F5; }

table.user_artikel_ass > tbody > tr > .help select,
table.user_artikel_ass > tbody > tr > .help button { border-radius:1px; padding:3px; border:#888 1px solid; background-color:#DDD; background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center; }
table.user_artikel_ass > tbody > tr > .help select { background-color:transparent; }
table.user_artikel_ass > tbody > tr > .help button:hover {  background-color:#888; color:#000 }

table.user_artikel_ass > tbody > tr > * > p { margin-top:5px; }
table.user_artikel_ass > tbody > tr > * > *:first-child { margin-top:0px; }

table.user_artikel_ass > tbody > tr > td:first-child input,
table.user_artikel_ass > tbody > tr > td:first-child textarea,
table.user_artikel_ass > tbody > tr > td:first-child button { border:#DDD 1px solid; overflow:hidden; }

table.user_artikel_ass > tbody > tr > td:first-child select { border:#DDD 1px solid; border-bottom-left-radius:5px;  padding:3px; }


/*border:1px solid #555; border-radius:4px; background-color:#FFF;*/
#user_artikel_ass_option { table-layout:fixed; background-color:rgba(0,0,0,.2); font-size:13px; }
#user_artikel_ass_option td { padding:5px; text-align:right; }
#user_artikel_ass_option td:first-child { text-align:left; }

#user_artikel_ass_option td button { color:#FFF; font-weight:bold; padding:3px 5px;  border-radius:3px;
                     background-color:#F76503; border:#F76503 1px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
}
#user_artikel_ass_option td:first-child button:first-child { border:none; padding:4px 6px;  }

#user_artikel_ass_option td button:hover { background-image:none;}


/* PN-System */
                                                                                             /*rgba(255,255,0,0.04); */
div#pnListDiv { max-height:295px; min-height:100px; overflow:auto; background-color:#FFF; border-top:none; }
table.pnList { table-layout:fixed; width:100%; border-spacing:0px;  }
table.pnList > tbody > tr > th { font-size:10px; font-weight:bold; color:#555; text-transform:uppercase; }
table.pnList > tbody > tr > td { font-size:13px;background-color:#F5F5F5; }
table.pnList > tbody > tr > * { overflow:hidden; padding:2px 4px;  text-overflow:ellipsis; white-space: nowrap; vertical-align:top; }
table.pnList > tbody > tr[unread] > * { font-weight:bold; }
table.pnList > tbody > tr:not([aktuell]):not([isEmpty]):hover > td { background-color:rgba(0,0,0,0.07); cursor:pointer; }
table.pnList > tbody > tr > *:last-child { text-align:right;}
table.pnList > tbody > tr[isEmpty] > td { font-style:italic; color:#555; }

table.pnList > tbody > tr > td { border-top:#888 1px solid; }
table.pnList > tbody > tr:last-child > td { border-bottom:#888 1px solid; }


table.pnList > tbody > tr[aktuell] > * { background-color:#FBB281; border-top:#888 1px solid; color:#000; }
table.pnList > tbody > tr[aktuell] + * > * { border-top:#888 1px solid; }

#pnVerlauf + DIV { text-align:center; font-size:9px;  }
#pnVerlauf + DIV > button { margin:0px; border-top-right-radius:0px; border-top-left-radius:0px; margin-top:-1px; padding-left:15px; padding-right:15px; text-transform:uppercase; }
#pnVerlauf + DIV > button:first-child { border-bottom-right-radius:0px; margin-right:-1px; }
#pnVerlauf + DIV > button:last-child { border-bottom-left-radius:0px; }


/*

div#pnListDiv { max-height:300px; min-height:100px; overflow:auto; background-color:#FFF; border:#555 1px solid; border-top:none; border-radius:2px; }
table.pnList { table-layout:fixed; width:100%; border-spacing:0px;  }
table.pnList > tbody > tr > th { font-size:90%; font-weight:bold; color:#555; }
table.pnList > tbody > tr > * { overflow:hidden; padding:2px 4px;  text-overflow:ellipsis; vertical-align:top; }
table.pnList > tbody > tr[unread] > * { font-weight:bold; }
table.pnList > tbody > tr:not([aktuell]):not([isEmpty]):hover > td { background-color:rgba(0,0,0,0.07); cursor:pointer; }
table.pnList > tbody > tr > *:last-child { text-align:right;}
table.pnList > tbody > tr[isEmpty] > td { font-style:italic; color:#555; }

table.pnList > tbody > tr > td { border-top:#888 1px solid; }
table.pnList > tbody > tr:last-child > td { border-bottom:#888 1px solid; }


table.pnList > tbody > tr[aktuell] > * { background-color:#FBB281; border-top:#888 1px solid; color:#000; }
table.pnList > tbody > tr[aktuell] + * > * { border-top:#888 1px solid; }

#pnVerlauf + CENTER > button { margin:0px; border-top-right-radius:0px; border-top-left-radius:0px; margin-top:-1px; padding-left:15px; padding-right:15px; font-size:9px; text-transform:uppercase; }
#pnVerlauf + CENTER > button:first-child { border-bottom-right-radius:0px; margin-right:-1px; }
#pnVerlauf + CENTER > button:last-child { border-bottom-left-radius:0px; }



*/


div.user_intro { margin-top:10px; margin-bottom:10px; font-size:20px; font-family:Arial; font-style:italic}

span.user_options { float:right; margin-top:10px; font-size:13px; }
span.user_options a { margin-left:5px; padding:3px; color:#F76503; }
span.user_options a.isAktiv { background-color:#F76503; color:#FFF; border-radius:3px; }

/*span.user_options + * { clear:both; }*/

/* USERBOX NEU 07/2011 */

div.userbox_klein {  font-size:11px; margin-top:6px; padding:6px; border:#BBB 1px solid; border-radius: 3px; padding-bottom:6px; background-color:#DDD;  background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center; color:#333; }
div.userbox_klein h3,
div.userbox_klein h2 { margin:0px; margin-top:6px; }
div.userbox_klein h2 { font-family:Arial; font-weight:bold; font-size:15px;}
div.userbox_klein p { margin:0px; margin-top:2px; }
div.userbox_klein *:first-child { margin-top:0px; }

div.userbox { margin-top:6px; padding:2px; padding-left:4px; padding-top:6px; }
div.userbox { font-family:Arial; font-weight:bold; font-size:15px; border-top-right-radius: 3px; border-top-left-radius: 3px;
                     color:#FFF; background-color:#F76503; border:#F76503 1px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503 }

div.userbox > span.actions > a { font-weight:normal; font-size:80%; color:#FFF; margin-left:5px; text-transform:uppercase }
div.userbox > span.actions:before { margin-left:4px;  }
div.userbox > span.options { vertical-align:top; text-align:right; font-size:11px; font-weight:normal; }
div.userbox > span.options * { float:right }

table.userbox {  font-size:11px; BORDER-SPACING:0px; table-layout:fixed; border:#F76503 1px solid; border-top:none; width:100%;                  border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

table.userbox > tbody > tr > td { padding:2px; color:#555; text-align:left;  border-top:#DDD 1px solid ; overflow:hidden; }
table.userbox > tbody > tr:first-child > td { border-top:none; padding-top:5px; border-top:#EEE 2px solid }
table.userbox > tbody > tr:last-child > td { padding-bottom:5px; }

table.userbox > tbody > tr > td:first-child { padding-left:5px; }
table.userbox > tbody > tr > td p { margin-bottom:2px; }


/* BILDINDEX */

.td_bild_index { padding:3px; border:#AAAAAA 1px solid; font-size:11px; padding:0px; text-align:center }
.td_bild_info { background-color:#EEEEEE; BORDER-BOTTOM:#AAAAAA 1px solid; color:#AAAAAA; font-size:10px; padding:1px; padding-bottom:2px; }


#USR_UPLOAD_BILD_200 { border-radius:200px; transition:all 300ms; }
#USR_UPLOAD_BILD_200:hover { border-radius:0; }
