@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
html {
    font: normal 16px/1.4 "Berlin Sans FB", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: rgba(255, 255, 255, 0.6);
}

html,
body {
    height: 100%;
    min-height: 100%;
    background: #3A4755;
    margin: 0;
}

select {
    background: #2B3640;
    color: rgba(255, 255, 255, 0.6);
}

textarea {
    background: #2B3640;
    color: rgba(255, 255, 255, 0.6);
}

input{
    background: #2B3640;
    color: rgba(255, 255, 255, 0.6);
}

img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.page-container {
    position: relative;
    margin: 30px auto;
    display: table;
    min-height: 50px;
    min-width:  950px;
    width: 100%;
    height: 100%;
    background: #3A4755;
    table-layout: fixed;
}

.page-header {
    width: 80%;
    max-width: 80%;
    min-width:  760px;
    margin: 0 auto;
    min-height: 50px;
    border: 2px solid #171C21;
    background: #222A32;
}

.page-menu {
    width: 80%;
    max-width: 80%;
    min-width:  760px;
    margin: auto;
    overflow: auto;
    min-height: 40px;
    border: 2px solid #171C21;
    background: #222A32;
}

.page-content {
    margin: 0 auto;
    text-align: center;
    width: 80%;
    min-width:  760px;
    min-height: 5px;
    overflow: visible;
    border: 2px solid #171C21;
    background: #2B3640;
    line-height: 24px;
}

.sub-menu {
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow: auto;
    background: #222A32;
}

.sub-con {
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow: auto;                  
}

.mp:hover {
    background: rgba(255, 255, 255, 0.6);
    color: #222A32;
}

.menu-left {
    float: left;
    min-height: 40px;
    height: 100%;
}
.menu-right {
    float: right;
    height: 100%;
    min-height: 40px;
}

.var-in {
    float: left;
    min-height: 40px;
    height: 100%;
}
.var-out {
    float: right;
    height: 100%;
    min-height: 40px;
}

.logo-container {
    min-height: 120px;
}

.logo {
    height: 120px;
    width: auto;
}

.hidden {
    max-height: 0px;
    max-width: 0px;
}
.form{
    text-align: left;
}
.tb{
    background: #2B3640;
    color: rgba(255, 255, 255, 0.6);
}


.page-footer {
    margin: 0 auto;
    
    min-height: 120px;
    text-align: left;
    width: 80%;
    min-width:  760px;
    color: rgba(255, 255, 255, 0.7);
    border: 2px solid #171C21;
    background: #222a32;
    font-size: 12px;
    line-height: 24px;
}

.cr {
    margin-top:-200;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    min-width:  760px;
    color: rgba(255, 255, 255, 0.5);
    border: 2px solid #171C21;
    background: #222a32;
    font-size: 12px;
    line-height: 24px;
}

.dropdown-acc {
    display: none;
    position: absolute;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-worker {
    display: none;
    position: absolute;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-kunden {
    display: none;
    position: absolute;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-partner {
    display: none;
    position: absolute;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-kundenreq {
    display: none;
    position: absolute;
    text-align: left;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-auftraege {
    display: none;
    position: absolute;
    text-align: left;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-preise {
    display: none;
    position: absolute;
    text-align: left;
    background: #2B3640;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.tspacer {
    width: 15px;
}

.dd2:hover .dropdown-worker {display: block;}
.dd2:hover .dropdown-kunden {display: block;}
.dd2:hover .dropdown-partner {display: block;}
.dd2:hover .dropdown-auftraege {display: block;}
.dd2:hover .dropdown-preise {display: block;}
.dd1:hover .dropdown-acc {display: block;}



.map-popup {
    background: #2B3640;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}