body {
    color: #3c3c3c;
    font-family: "Lato", sans-serif !important;
    background-color: #dadada;
    font-size: 14px !important;
}

.container_border {
    border-radius: 0;
    box-shadow: none;
    position: initial;
    background-color: #f5f5f5;
    padding: 15px;
}

.content-container {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

.content-center {
    padding-left: 0;
    padding-right: 0;
}

form {
    margin-bottom: 0;
}

.headline .main {
    color: #3c3c3c;
    font-weight: 300;
    font-family: "Lato", sans-serif;
}

input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"] {
    height: initial;
    padding: 4px 8px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus {
    background: #fff;
    border: 0;
    box-shadow: none;
}

input, select, textarea {
    background-color: #eaeaea;
    border: 0;
    font-family: "Lato", sans-serif;
}

.defaultMarginBottom {
    margin-bottom: 15px;
}

button {
    border: 0;
}

.defaultMarginTop {
    margin-top: 0;
    padding: 15px 0 0 0;
}

div.container_border {
    background-color: #dadada;
    padding: 15px !important;
}

.content-container {
    background-color: #f5f5f5;
    padding: 15px;
}

#captchaValue {
    width: 196px !important;
    height: initial;
}

html body#thebody div.rootcontainer div.pagecontainer table tbody tr td div.content-container div.content div.content-center form#register div.container_border div div.phone.required div.input.floatLeft:nth-child(3) {
    margin-left: -26px;
}

.email {
    margin-bottom: 15px;
}

.password {
    margin-bottom: 15px;
}

.caption.ok {
    color: #3c3c3c;
}

.bbutton {
    /*padding: 5px 15px;*/
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left:0;
    padding-right:0;
    font-weight: 500;
    width: 240px;
}

.bbutton:hover {

}

.caption {
    margin-top: 8px;
    width: 140px;
}

div.headline {
    font-size: 16pt;
    border-bottom: 1px solid #f5f5f5;
    line-height: 15px;
    margin-top: 30px !important;
    font-weight: 300 !important;
}

div.headline:first-child {
    margin-top: 6px !important;
    font-size: 19pt !important;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: #c80b09;
}

body.mk .ui-state-default, body.mk .ui-widget-content .ui-state-default, body.mk .ui-widget-header .ui-state-default {
    background: #6B8B1F;
}

.ui-button {
    margin-right: 0;
}

.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

div.container_border:nth-child(1) > div:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 30px;
}

div.headline {
    margin-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 0 15px 0;
}

div.underline {
    background: none;
    width: 0;
    height: 0;
}

form#register > div.container_border > div:not(.headline):not(#captcha) > div {
    margin-bottom: 15px !important;
}

form#register > div.container_border > div:not(.headline):not(#captcha) .input {
    margin-right: 15px !important;
}

.p1 {
    width: 33px !important;
}

.p2 {
    width: 61px !important;
    margin-right:1px;
}

.p3 {
    width: 144px !important;
}

.zip {
    width: 56px !important;
}

input.city {
    width: 185px !important;
}

.housenumber {
    width: 48px !important;
}

input.street {
    width: 193px !important;
}

.surname {
    width: 121px !important;
}

input.name {
    width: 120px !important;
}

/* TTOS Lato Style */
/* Lato-Hairline -> font-weight 100 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Hairline.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 100;
}

/* Lato-Thin -> font-weight 200 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Thin.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 200;
}

/* Lato-Light -> font-weight 300 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Light.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}

/* Lato-Regular -> font-weight 400 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

/* Lato-Medium -> font-weight 500 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 500;
}

/* Lato-SemiBold -> font-weight 600 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
}

/* Lato-Bold -> font-weight 700 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Bold.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}

/* Lato-Heavy -> font-weight 800 */
@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 800;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-Black.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/Lato-font/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('/css/Lato-font/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/Lato-font/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('/css/Lato-font/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('/css/Lato-font/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 900;
}

/* end TTOS Lato Style */

/* jquery ui styles */
.datepicker {
    background: url('/images/icons/calendar16x16.png') no-repeat right center;
    width: 100px;
}

.timepicker {
    background: url('/images/icons/clock_blue16x16.png') no-repeat right center;
    width: 65px;
}

.ui-datepicker-title select {
    color: #222;
}

.ui-button {
    border: none !important;
    border-radius: 1px !important;
    font-family: Lato, sans-serif !important;
    font-weight: 500 !important;
    background: #ff3000 !important;
    transition: all 100ms ease-in;
    margin-right: 15px !important;
}

body.mk .ui-button {
    background-color: #6B8B1F !important;
}

.ui-button:hover {
    background: #EC1C24 !important;
    color: #fff !important;
}

body.mk .ui-button:hover {
    background-color: #88B027 !important;
}

.ui-button-text {
    color: #f5f5f5 !important;
    /*padding: 4px 8px !important;*/
    line-height:1.1;
    padding: 0!important;
}

.ui-button-text .glyphicon {
    display: none;
}

.ui-dialog.ui-widget-content, .ui-dialog-buttonpane.ui-widget-content {
    background: #dadada none;
    border:0;
    border-radius:0;
    padding:0;
}

.ui-widget-overlay.ui-front {
    background: #000;
    opacity: .6;
}

.ui-widget-header {
    background: #dadada !important;
    border:0 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    color: #333;
}

.ui-dialog-title {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 16pt;
    color: black;
}

.ui-dialog .ui-dialog-content {
    padding: 15px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding:0 !important;
}

.ui-dialog .ui-dialog-buttonpane button{
    margin-bottom: 15px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.ui-button {
    border-radius: 0 !important;
}

.ui-dialog .form-control {
    border:0;
    background: #f5f5f5;
    font-family: "Lato", sans-serif;
}

.ui-dialog .form-control:focus {
    background: #fff;
    box-shadow: none;
    border:none;
    color: #111;
}

.ui-datepicker {
    border-radius:0 !important;
    padding:0 !important;
    font-family: "Lato", sans-serif !important;
}

.ui-datepicker .ui-datepicker-header {
    border-radius:0 !important;
}

.ui-datepicker span.ui-state-default {
    background-image: none;
    color: #f5f5f5;

}

.ui-datepicker a.ui-state-default {
    background-image: none;
    color: #f5f5f5;
}

.ui-datepicker a.ui-state-default.ui-state-hover {
    background-color: #EC1C24;
}

body.mk .ui-datepicker a.ui-state-default.ui-state-hover {
    background-color: #88B027;
}

.ui-datepicker a.ui-datepicker-prev, .ui-datepicker a.ui-datepicker-next {
    background-image: none;
    color: #f5f5f5;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../css/tt-red/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-state-active .ui-icon {
    background-image: url(../css/tt-red/images/ui-icons_ffffff_256x240.png) !important;
}
/* end jquery ui styles */

/* Header replacement */
body.tt div#newHeader {
    height: 60px;
    background: #f5f5f5;
    border-bottom: 1px solid #9c9c9c;
    overflow: hidden;

}

body.tt div#newHeader div#newLogo {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    background-size: contain;
    height: 60px !important;
    width: 299px;
    background: #f5f5f5 url('/images/template/timetrax/tt_logo.png') no-repeat 15px 14px;
    background-size: 50%;
}

body.mk div#newHeader {
    height: 60px;
    background: #f5f5f5;
    border-bottom: 1px solid #9c9c9c;
    overflow: hidden;
}

body.mk div#newHeader div#newLogo {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    background-size: contain;
    height: 60px !important;
    width: 299px;
    background: #f5f5f5 url('/images/template/markenkultour/mk_logo.png') no-repeat 15px 14px;
    background-size: 50%;
}
/* end Header replacement */