body, html {
    margin: 0;
    height: 100%; /* Da IE min-height nicht kennt */
    min-height: 100%; /* Für andere Browser */
}

.versteckt {
    display: none;
}

#login {
    height: 100%;
    margin: 15px 0px;
    padding: 0px;
    text-align: center;
}

#login .inner {
    width: 100%;
    height: 180px;
    margin: 0px auto;
    padding: 0px;
    border-top: 1px solid #B11F30;
    border-bottom: 1px solid #B11F30;
    color: #373C3F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

#login .inner .left {
    width: 34%;
    height: 100%;
    background-color: #B11F30;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#login .inner .left  * {
    vertical-align: middle;
}

#login .inner .left {
    display: block;
}

#login .inner .left span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

#login .inner .center {
    width: 33%;
    height: 100%;
    background-color: #C3C5C6;
    float: left;
}

#login .inner .right {
    width: 33%;
    height: 100%;
    background-color: #ffffff;
    float: right;
}

#login .inner .stop {
    clear: both;
}

#login .inner .registered {
    vertical-align: top;
    font-size: 10px;
}

#login .inner .center .formHeader {
    padding: 10px;
    color: #2e3741;
    font-size: 14px;
    font-weight: bold;
}

#login .inner .center .formContent {
    width: 300px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
}

#login .inner .cssform {
    width: 250px;
    margin: 0 auto;
}

#login .inner .cssform p {
    height: 25px;
    clear: left;
    text-align: left;
    margin: 1px;
    padding: 2px; /*height: 1%;*/
}

#login .inner .cssform input[type='text'] {
    width: 120px; /*line-height: 25px;*/
    margin-left: 4px;
    padding: 2px;
}

#login .inner .cssform input[type='password'] {
    width: 120px; /*line-height: 25px;*/
    margin-left: 4px;
    padding: 2px;
}

#login .inner .cssform label {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    float: left; /*margin-left: -105px;*/
    background-color: #B11F30;
    width: 100px;
    line-height: 25px;
    text-align: center;
}

#login .inner .cssform .button {
    font-weight: bold;
    font-size: 12px;
    color: #2e3741;
    border: 1px solid #2e3741;
    background-color: #FFFFFF;
    margin-left: 4px;
    width: 100px; /*line-height: 25px;*/
    text-align: center;
}

#login .login_message {
    color: red;
}

#login .inner .text_ {
    width: 120px;
}

#login .inner .chk {
    height: 12px;
    background-color: #C3C5C6;
    margin: 4px 2px 0 5px;
}

body {
    text-align: center;
}

.mainNav {
    color: #373C3F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg) bottom repeat-x;
    border: 1px solid #ccc; /*border: 1px solid #2e3741;*/
    margin: 3px;
    padding: 6px;
    height: 22px;
}

.appVersionField {
    color: #ccc;
    float: left;
    padding: 4px;
    border: 0;
    margin-left: 4px;
}

.mainNavButton {
    float: left;
    padding: 2px;
    border: 1px solid #C3C5C6;
    margin-right: 4px;
}

.mainNavButton input[type="submit"] {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: auto;
    height: auto;
    font-size: 13.333px;
    transition: background 0.2s, color 0.2s;
}

.mainNavButton input[type="submit"]:hover {
    color: #B11F30 !important;
    cursor: pointer;
}

.mainNavButtonRight {
    float: right;
    padding: 0;
    border: 1px solid #C3C5C6;
    margin-right: 4px;
}

.searchForm input {
    cursor: pointer;
}

.dialog .name {
    vertical-align: middle;
}

#logo {
    border: 1px solid #B11F30;
    margin: 3px;
    padding: 0px;
    height: 124px;
}

#logo .inner {
    width: 100%;
    height: 120px;
    margin: 0px auto;
    padding: 0px;
    border-top: 1px solid #B11F30;
    border-bottom: 1px solid #B11F30;
    color: #373C3F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

#logo .left {
    width: 34%;
    height: 100%;
    background-color: #B11F30;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: block;
}

#logo .left  * {
    vertical-align: middle;
}

#logo .left span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

#logo .center {
    width: 33%;
    height: 100%;
    background-color: #C3C5C6;
    float: left;
    color: #2e3741;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

#logo h1 {
    font-size: 1.4em;
    margin: 45px 0 0 0;
}

#logo .center  * {
    vertical-align: middle;
}

#logo .center .registered {
    vertical-align: top;
    font-size: 10px;
}

#logo .right {
    width: 33%;
    height: 100%;
    background-color: #ffffff;
    float: right;
}

#logo .stop {
    clear: both;
}

.userNav {
    color: #373C3F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg) bottom repeat-x;
    border: 1px solid #ccc; /*border: 1px solid #2e3741;*/
    margin: 3px;
    height: 20px;
}

.welcome {
    float: right;
    padding: 4px;
}

.userButton {
    float: right;
    padding: 4px;
    text-decoration: underline;
}

.mainContent {
    width: 58%;
    height: 100%;
    margin: 3px;
    float: left;
    text-align: center;
}

.sideBuffer {
    width: 20%;
    height: 100%;
    margin: 3px;
    float: left;
}

.produktcustomizing {
    border: 0px solid #ccc;
    margin-top: 3px;
    padding: 2px; /*background-color: #ccc;*/
}

.produktcustomizing .confirmBox {
    font-family: Arial, sans-serif;
    font-size: 12px;
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    padding: 5px 5px 5px 30px;
}

.produktcustomizing .ueberschrift {
    border: 1px solid #B11F30;
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg);
    font: 11px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #B11F30;
    line-height: 12px;
    margin-bottom: 2px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: middle;
}

.produktcustomizing .tablehead {
    width: 33%;
    text-align: center;
}

.produktcustomizing textarea {
    padding: 2px 2px 2px 0;
    background: #fff;
    height: auto;
    width: 99%;
    text-align: justify;
}

.produktcustomizing .ueberschriftDate {
    border: 1px solid #B11F30;
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg);
    font: 11px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #B11F30;
    line-height: 12px;
    margin-bottom: 2px;
    text-align: left;
    vertical-align: middle;
}

.produktcustomizing .dateLabel {
    float: left;
    text-align: left;
    line-height: 12px;
    padding: 5px 6px;
    vertical-align: middle;
    width: 49%;
}

.produktcustomizing .date {
    float: right;
    text-align: center;
    line-height: 12px;
    vertical-align: middle;
    width: 48%;
}

.produktcustomizing .dateZukunft {
    float: right;
    text-align: center;
    line-height: 12px;
    vertical-align: middle;
    width: 48%;
    border: 1px solid #006dba;
    background-color: #f3f8fc;
}

.produktcustomizing th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px; /*text-align: left;*/
    /*vertical-align: top;*/
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold; /*line-height: 17px;*/
    /*padding: 2px 6px;*/
    border: 0 solid #ccc;
}

.produktcustomizing td {
    border: 0 solid #ccc;
    padding: 0;
    text-align: center;
}

.produktcustomizing input {
    text-align: right;
}

.produktcustomizing select {
    background: #fcfcfc none repeat scroll 0 0;
    width: 80px;
    height: 18px;
    font: 9px verdana, arial, helvetica, sans-serif;
    color: #000;
}

.produktcustomizing select#gueltigAb_day {
    width: 15%;
}

.produktcustomizing select#gueltigAb_month {
    width: 25%;
}

.produktcustomizing select#gueltigAb_year {
    width: 20%;
}

.produktcustomizing select#gueltigAb_hour {
    width: 15%;
}

.produktcustomizing select#gueltigAb_minute {
    width: 15%;
}

.konditionodd div {
    margin: 2px 0;
    padding: 3px 4px 0 4px;
}

.konditioneven div {
    margin: 2px 0;
    padding: 3px 4px 0 4px;
}

.konditionodd {
  background: #f7f7f7;
}

.konditioneven {
  background: #fff;
}

#konditionZukunft td {
    border-top: 1px solid #006dba;
    border-bottom: 1px solid #006dba;
    background-color: #f3f8fc;
}

.konditionZukunft div {
    margin: 2px 0;
    padding: 3px 4px 0 4px;
}

.aktuelleKondition input {
    border-color: #373C3F;
    color: #373C3F;
    background: #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 0 4px;
}

.zukuenftigeKondition input {
    padding: 0 4px;
}

#zukuenftigeKonditionValidationError div {
    margin: 2px 0;
    padding: 3px 4px 0 4px;
}

#zukuenftigeKonditionValidationError td.zukuenftigeKondition {
    padding: 0 4px;
    background: #fff3f3;
    border: 1px solid red;
}

td.errorszukuenftigeKondition input {
    padding: 0 4px;
    border: 1px solid red;
}

.konditionenSpeichern .speicherButton {
    width: 100%;
    text-align: center;
}

.dialog .searchButton {
    color: #373C3F;
    background: #fff url(skin/shadow-91463fad8ce43e365a0af6e8f415fdf6.jpg) bottom repeat-x;
    border:  1px solid #B11F30;
}

.konditionenSpeichern .speicherButton .speicherButtonTemp {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #B11F30;
    width: 200px;
    line-height: 25px;
    text-align: center;
    padding: 4px;
}

.konditionsAktualisierungText {
    font-weight: normal;
    font-size: 11px; /*color: #B11F30;*/
    /*border: 1px solid #B11F30;*/
    width: 100%;
    line-height: 18px;
    text-align: center;
    padding: 1px;
}

.konditionsAktualisierungButton {
    font-weight: normal;
    font-size: 11px; /*color: #B11F30;*/
    /*border: 1px solid #B11F30;*/
    width: 100%;
    line-height: 18px;
    text-align: center;
    padding: 1px;
}

.konditionsAktualisierungButton a {
    color: #B11F30;
    border: 1px solid #B11F30;
    width: 200px;
    padding: 2px;
}