﻿
/* INPUT 
----------------------------------------------------------*/

input[type="text"]
{
    width: 105px;
    border: 1px solid #cccccc;
    padding: 3px;
    font-size: 1em;
    text-align: right;
}

input[type="submit"]
{
    font-size: 1.1em;
    width: 90px;
}

input[type="button"]
{
    font-size: 1.1em;
    width: 90px;
}

select
{
    width: 113px;
    border: 1px solid #cccccc;
    padding: 2px;
    font-size: 1em;
}

/* input mask
-----------------------------------------------------------*/

div.input-row-close
{
    margin: 3px 0px 0px 0px;
    padding: 0px;
}

div.input-row-far
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.left-element-spacing
{
    margin-left: 2px;
}

div.textbox-column
{
    display: inline-block;
    width: 105px;
}

div.select-column
{
    display: inline-block;
    width: 113px;
}

.watermark
{
    color: #888888;
    font-style: italic;
}

div.button-area
{
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

/* output mask
-----------------------------------------------------------*/

a.output-header
{
    display: block;
    float: left;
    color: #006666;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0px 3px 0px 0px;
    padding: 5px 10px 4px 10px;
    border: 1px solid #ffffff;
}

a.output-header:hover
{
    text-decoration: underline;
}

a.output-header-active
{
    display: block;
    float: left;
    color: #006666;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px 3px 0px 0px;
    padding: 5px 10px 4px 10px;
    background: #f1f1f1;
    border: 1px solid #006666;
}

div.output-header-row
{
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

#DienstnehmerOutput,
#DienstgeberOutput
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

#DienstgeberOutput
{
    display: none;
}

table caption
{
    display: none;
}

tbody tr th
{
    text-align: left;
}

td
{
    background: #efefef;
    width: 90px;
    color: #454545;
    text-align: right;
}

td.selected-cell
{
    background: #cccccc;
}

/* output mask steuereuro
-----------------------------------------------------------*/

#SteuereuroPanel
{
    padding: 0px;
    margin: 0px 0px 20px 0px;
    display: none;
}

div.bar
{
    border: none; 
    padding: 0px; 
    margin: 2px 0px 12px 0px; 
    height:25px;
    float: left;
}

div.bar-indicator
{
    border: none; 
    padding: 0px; 
    margin: 2px 0px 12px 0px; 
    height:25px;
    width: 4px;
    float: left;
}

div.steuereuro-wert
{
    float: right;
    text-align: right;
}

#SteuereuroGesamt
{
    margin: 10px 0px 15px 0px;
    font-weight: bold;
    color: #000000;
}

#SteuereuroGesamt strong,
#SteuereuroGesamt dfn
{
    color: #000000;
}

/* help panel
-----------------------------------------------------------*/

#HilfePanel
{
    font-size: 0.9em;
}

#HilfePanel table th
{
    width: 90px;
    padding: 3px;
    text-align: left;
}

#HilfePanel table td
{
    width: 250px;
    padding: 3px;
    text-align: left;
}

#HilfePanel p
{
    margin-top: 20px;
}

/* intermediate
-----------------------------------------------------------*/

div.jsfree
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

div.jsfree a
{
    color: #545454;
}