html {
    -webkit-text-size-adjust: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
    padding: 4px;
}

table.form_outter_table, table.form_inner_table {
    width: 100%;
}
body, input, textarea, td {
    font-size: 10pt;
    font-family: 'Helvetica';
}

body{
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
}

*{
    font-size: 100%; /*so all the letters are accord to our wish*/
}

fieldset.fieldsetClass{ /*to take away the border of the boxes groups. */
    margin: 5px 0 20px 0;
    border: 0;
    padding: 0;
}

fieldset.fieldsetClass legend.legendClass{/*the name of each box will be bold*/
    font-weight: bold;
}

div.inputContainerClass{
    margin-bottom: 7px;
}

span.form_label_help_text{
    font-size: 60%;
}

fieldset.fieldsetClass div.line:first-of-type{
    margin-top: 5px;
}

span.legendClass{
    font-size: 70%;
    margin-bottom: 25px;
}

span.form_element_help_text{
    font-size: 60%;
}

textarea.textAreaClass {/*take away the cols definition*/
    width: 20em;
}

input.inputClass[size=\'50\']{/*take away the size definition*/
    width: 20em;
}


/*=== VRSG eSelbstablesung  ===*/
.vrsg-eSelbstablesung .navigation {
    margin-bottom: 40px;
}

.vrsg-eSelbstablesung .navigation li {
    float: left;
    list-style-type: none;
    padding-right: 10px;
    padding-top: 10px;
    margin: 0px;
}

#page .vrsg-eSelbstablesung .navigation li.active a {
    background-color: #ececec;
}

.vrsg-eSelbstablesung .titel {
    font-style: italic;
    font-size: 13px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vrsg-eSelbstablesung .table td {
    white-space: nowrap;
}

.vrsg-eSelbstablesung .table th {
    background-color: #bdc8ce;
    color: #ffffff;
    white-space: nowrap;
    padding-right: 10px;
}

.vrsg-eSelbstablesung .table .odd,
.vrsg-eSelbstablesung .table .even {
    background: #ffffff;
	line-height: 2.2em;
	border-bottom: 1px solid #dedede;
}

.vrsg-eSelbstablesung .label {
    margin-top: 5px;
    margin-bottom: 3px;
    font-weight: bold;
}

.vrsg-eSelbstablesung label {
    font-weight: bold;
}

.vrsg-eSelbstablesung .text {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vrsg-eSelbstablesung .meteringPoint label,
.vrsg-eSelbstablesung .login label,
.vrsg-eSelbstablesung .register label {
    display: inline-block;
    width: 120px;
}

.vrsg-eSelbstablesung .meteringPoint .input,
.vrsg-eSelbstablesung .login .input,
.vrsg-eSelbstablesung .register .input {
    margin-bottom: 10px;
}

.vrsg-eSelbstablesung .tabOutput .label {
    display: inline-block;
    width: 150px;
}

.vrsg-eSelbstablesung .labelAlign {
    margin-left: 122px;
}

.vrsg-eSelbstablesung  ul{
        padding: 6px 0 6px 0;
}

/*=== VRSG eFristverlaengerung  ===*/
.vrsg-eFristverlaengerung .titel {
    font-style: italic;
    font-size: 13px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vrsg-eFristverlaengerung .table th {
    white-space: nowrap;
    padding-right: 10px;
}

.vrsg-eFristverlaengerung .table .odd,
.vrsg-eFristverlaengerung .table .even {
	vertical-align: top;
}

.vrsg-eFristverlaengerung .label,
.vrsg-eFristverlaengerung label {
    margin-top: 5px;
    margin-bottom: 3px;
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.vrsg-eFristverlaengerung .text {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vrsg-eFristverlaengerung .labelAlign {
    margin-left: 152px;
}

.icms_error {
    color: red;
}

form.icms_profile table {
    width: 80%
}

form.versorger {
    width: 80%
}

#ol-onlineDienste {
    background-color: #ffffff !important;
}

td p.icmsPContent:first-child {
  margin-top: 0;
}