html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; font-size: 1em; }

div#menue { margin: 10px 10px 0px 10px; padding: 5px 10px; width: 970px; border: 1px solid #007755; background: #007755; color: #FFFFFF; height: 20px; }
div#menue A { color: #FFFFFF; }
div#main { margin: 0px 10px 10px 10px; padding: 10px; width: 970px; border: 1px solid #007755; }

div#menuel { margin: 0px; padding: 0px; background: #227755; color: #FFFFFF; float: left; }
div#menuer { margin: 0px; padding: 0px; background: #447755; color: #FFFFFF; text-align: right; float: right; }

div#historie { margin: 0px; padding: 10px; border: 1px solid #007755; background: #77bbbd; }
#histtext { background: #ffffff; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #007755; font-size: 0.8em; }

fieldset { background: #efefef; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #007755; }
fieldset.halbl { width: 510px; float: left; }
fieldset.halbr { width: 410px; float: right;}
fieldset.status { background: #007755; color: #FFFFFF; padding: 0 0 0 60px; }
fieldset.hinweis { color: #000000; padding: 10px; border: 1px solid #FFCC00; font-size: 0.8em; }
fieldset.panel { background: #a0a0a0; text-align: right; }

input:disabled {
    border: 1px solid #aaa;
    background: #fff;
}

div.note {
    width: 185px;
    float: inherit;
}

table.turnover {
    width: 215px;
    float: left;
}

table.turnover .inEdit input[type="text"] {
    margin: 0;
    padding: 0;
}

table.turnover tbody {
    display:block;
    overflow-y:auto;
    height:106px;
    width:100%;
    padding-top: 1px;
}

table.turnover thead tr{
    display:block;
}

table.turnover tr th{
    font-size: 0.8em; font-weight: bold; color: #007755; text-align: left;
}

table.turnover tr td{
    font-size: 0.8em;
}

table.turnover tr td.value, table.turnover tr td.value input{
    text-align: right;
}

table.turnover tr td.date, table.turnover tr th.date{
    width: 60%;
}

table.turnover tr td.value, table.turnover tr th.value{
    width: 40%;
}

table.turnover tr th.action {
    width: 17px;
}

table.turnover img.small {
    width: 15px;
}

table.turnover, table.turnover > th, table.turnover > tr, table.turnover > tr > td {
    border-collapse: collapse;
    border:none;
}

fieldset.invisible { visibility: hidden; }
img { border: 0px; }

legend { color: #000000; padding: 2px 4px; border: solid #007755; border-width: 1px; background: #efefef; font-size: 0.8em; }

label { margin: 0px; padding: 0px; font-size: 0.8em; font-weight: bold; color: #007755; }
label.eingabe { width: 120px; display: block; padding: 2px 10px 0 0; float: left; }
label.eingabe2 { width: 80px; display: block; padding: 0px 10px 0 0; float: left; }
label.statuslabel { padding: 0 5px 5px 0; text-align: right; }

span.ztext { padding: 0px 10px 0px 0px; font-size: 0.8em; font-weight: bold; color: #007755; }

div.padding { padding-top:5px; padding-bottom:5px;}

input { margin: 0 5px 5px 0; width: 500px; }
input.normal{ width: 300px; }
input.kurz { margin: 0 5px 5px 0; width: 50px; }
input.mittel { margin: 0 5px 5px 0; width: 170px; }
input.anzahlma1 { margin: 0 5px 5px 0; width: 115px; text-align: right; }
input.umsatz { margin: 0 5px 5px 0; width: 115px; text-align: right; }
input.zugriffe { margin: 0 5px 5px 0px; width: 100px; text-align: right; }
input.m2 { width: 310px; }
input.ohnekurz { margin: 0 5px 5px 0; width: 340px; }
input.turnovergroup { margin: 0 5px 5px 0; width: 115px; text-align: right; }
input.turnoverpart { margin: 0 5px 5px 0; width: 40px; text-align: right; }
input.ordercountgroup { margin: 0 5px 5px 0px; width: 76px; text-align: right; }

input.turnoversum {margin: 0 5px 5px 0; width: 115px; text-align: right; }
input.turnoversumcb, input.turnoversumdb, input.turnoversumdpb { margin: 0 5px 5px 0; width: 95px; text-align: right; }
input.turnoversumcbpart, input.turnoversumdbpart, input.turnoversumdpbpart { margin: 0 5px 5px 0; width: 40px; text-align: right; }

input.button { margin: 0px; padding: 0px; width: 100px; }
input.cbnormal { margin: 0px; padding: 0px; width: 30px; border: 1px solid #FFcc00; background: #FF0000;}

select { margin: 0 0 5px 0px; padding: 0px; }
select.wvnormal { margin: 0 0 5px 0px; padding: 0px; width: 235px; }
select.breit { margin: 0 0 5px 0px; padding: 0px; width: 500px; }

textarea { margin: 0; width: 400px; height: 100px;}
textarea#bemerkung { margin: 0; width: 180px; height: 100px;}
textarea#emailtext { margin: 0; width: 650px; }
textarea#signaturtext { margin: 0; width: 650px; }

div.statusfeld { float: left; margin: 0 10px 0 20px; font-size: 1em; font-weight: bold; color: #FFFFFF; }
div.statusfeld2 { float: left; margin: 2px 10px 0 20px; font-size: 0.8em; font-weight: bold; color: #007755; }
div.statusfeld2 .statuslabel { font-size: 1em; font-weight: bold; color: #007755; }
div.kooplinks { width: 680px; float: left; }
div.kooprechts { margin: 0 0 0 10px; width: 250px; float: left; }

fieldset#multichange_fields { position: relative;}
input#multichange_submit { position: absolute; right: 10px; width: 200px; cursor: pointer;}

div.dbinfo { background: #FFCC80; padding: 5px; margin: 0 0 10px 0; border: 1px solid #007755; font-size: 0.8em; }

/*-------------------------------------------------------------------------*/
/* Liste */
/*-------------------------------------------------------------------------*/

aul#maintab { visibility: hidden; }

table { border: 1px solid #778; width: 100%; border-collapse:collapse; }
table#historieliste { border: 1px solid border: 1px solid #778; width: 950px; border-collapse:collapse; background: #FFFFFF; }
td { border: 1px solid #778; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; padding: 3px; vertical-align: top; background: #FFFFFF; }
td.mini{ width: 20px; }
td.kurz { width: 50px; }

td A.sort { color: #007755; text-decoration: none; }
td.green { background-color: #00FF00; color: #000000; }
td.red { background-color: #FF0000; color: #000000; }
td.orange { background-color: #FFCC00; color: #000000; }
td.yellow { background-color: #FFFF00; color: #000000; }

table.legende { border: 0px solid #778; margin: 10px 0px; font-size: 0.8em; }
td.legende { border: 0px solid #778; margin: 10px 0px; font-size: 0.8em; }

div.pagemenue {padding: 5px 0px; margin: 0px; text-align: center; font-size: 12px; }
div.pagemenue A { padding: 5px 0px; text-decoration: none; color: #333333; }

/*-------------------------------------------------------------------------*/
/* ajax */
/*-------------------------------------------------------------------------*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
/* background: white url(grafiken/shade.gif) top left repeat-x; */
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
/* background-image: url(grafiken/shadeactive.gif); */
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

#btnmenue { margin: 0 5px 5px 0; text-align: right; height: 40px; }
#btnmenue img { margin: 0 0 0 5px; }