/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

li {
    list-style-type: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

body {
    line-height: 1.2;
}

html, body {
    color: #333;
    font-family: Verdana, arial, verdana;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    font-size: 12px;
    background-color: #FDFDFD;
}

/* ==========================================================================
    GENERIC (styles die direkt auf ein tag angewendet werden)
========================================================================== */

h1 {
    font-family: Lucida Sans Unicode, verdana;
    font-size: 24px;
    color: #dc0068;
    margin:2px 0 10px;
    font-weight: bold;
}

h2 {
    font-family: Lucida Sans Unicode, verdana;
    font-size: 18px;
    color: #00305D;
    margin:8px 0 8px 0;
    font-weight: bold;
}

h3 {
    font-family: Verdana, arial;
    display: inline;
    font-size: 13px;
    color: #555555;
    margin-top: 4px;
    font-weight: bold;
}

b { font-weight: bold; }
dl { margin: 10px 0 10px; }
ul { padding-left: 0; }
p {
    margin-top: 10px;
    margin-bottom: 10px;
}

form input[type="text"],
form select,
form textarea,
form input[type="password"] {
    border: 1px solid #C1C1C1;
}

input, select {
    outline: none;
}


/* ==========================================================================
    Classes -  Klassen
========================================================================== */

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

.file_pdf {
    background-image: url(/images/file_pdf.png);
    padding: 5px;
    padding-left: 23px;
    background-position:left;
    background-repeat:no-repeat;
    text-align: left;
}

.green_text {
    color: green !important;
    font-weight: bold;
}

.hide {
    display: none;
}

.text_center {
    text-align: center;
}

.left {
    float: left;
}

.greenbg {
    padding: 5px;
    background: lightgreen;
}

.ui-autocomplete-loading { background: url('/images/loading.gif') no-repeat right center; }

.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-dialog {
    position:absolute;
    overflow:hidden;
    display: none;
}

.top {
    vertical-align: top;
}

.red {
    color: #ff0000;
    border:1px solid #f00 !important;
    padding:5px;
}

.right {
    float: right;
}

.uppercase_input {
    text-transform: uppercase;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.red_btn{
    outline:1px solid red!important;
}

.success-green{
    padding:5px;
    background-color: LightGreen;
}

.blue{
    border:1px solid #002f5d !important;
}
.error {
    border: 1px solid red !important;
}

.space_5 {
    padding:5px;
}

/* ==========================================================================
    Buttons
========================================================================== */

.button {
    border-bottom-left-radius:      5px 5px;
    border-bottom-right-radius:     5px 5px;
    border-top-left-radius:         5px 5px;
    border-top-right-radius:        5px 5px;
    -moz-border-radius-bottomleft:  5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft:     5px;
    -moz-border-radius-topright:    5px;
    background:                     #dc0068;
    padding:                        5px;
    font-size:                      12px;
    border:                         0;
    text-align:                     center  !important;
    font-weight:                    bold    !important;
    color:                          #FFFFFF !important;
}

input.submit:hover {
    background: #b80158;
    cursor:pointer;
}

button.submit:hover {
    cursor:pointer;
}

input.submit,
button.submit {
    border-bottom-left-radius:      5px 5px;
    border-bottom-right-radius:     5px 5px;
    border-top-left-radius:         5px 5px;
    border-top-right-radius:        5px 5px;
    -moz-border-radius-bottomleft:  5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft:     5px;
    -moz-border-radius-topright:    5px;
    height:                         30px;
    background:                     #dc0068;
    color:                          #FFFFFF;
    font-size:                      14px;
    border:                         0;
    text-align:                     center;
    font-weight:                    bold;
}

.button:hover {
    background:                     #b80158;
    cursor:                         pointer;
    text-decoration:                none;
}

/* ==========================================================================
    Text Links
========================================================================== */

/* .white */
a.white:link, a.navigation_login:link {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.white:active, a.navigation_login:active {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.white:visited, a.navigation_login:visited {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.white:hover, a.navigation_login:hover {
    text-decoration: underline;
    font-weight: 300;
    color:#FFFFFF;
}

a { color: #333; }

a:link {
    text-decoration: none;
    font-weight: 400;
    color:#DC0068;
}
a:active {
    text-decoration: none;
    font-weight: 400;
}
a:visited {
    text-decoration: none;
    font-weight: 400;
    color:#DC0068;
}
a:hover {
    text-decoration: underline;
    font-weight: 400;
    color:#dc0068;
}

/* .hightlight */
a.hightlight:link {
    text-decoration: none;
    font-weight: 300;
    color:#00305D;
}
a.hightlight:active {
    text-decoration: none;
    font-weight: 300;
    color:#00305D;
}
a.hightlight:visited {
    text-decoration: none;
    font-weight: 300;
    color:#00305D;
}
a.hightlight:hover {
    text-decoration: underline;
    font-weight: 300;
    color:#333333;
}

/* .buchen */
a.buchen:link {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.buchen:active {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.buchen:visited {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}
a.buchen:hover {
    text-decoration: none;
    font-weight: 300;
    color:#FFFFFF;
}

/* .no-link */
a.no-link:link {
    text-decoration: none;
    font-weight: 300;
    color:#333333;
}
a.no-link:active {
    text-decoration: none;
    font-weight: 300;
    color:#333333;
}
a.no-link:visited {
    text-decoration: none;
    font-weight: 300;
    color:#333333;
}
a.no-link:hover {
    text-decoration: none;
    font-weight: 300;
    color:#333333;
}

a.anlieferung:link {
    padding:7px;
    color: #FFFFFF;
    background-color: #00305D;
    text-decoration: none;
    -webkit-box-shadow: #C8C8C8 0 4px 18px;
    -moz-box-shadow: 0 0 1em #C8C8C8;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

/* ==========================================================================
    MASTER LAYOUT
========================================================================== */

/* HEADER */

div.header {
    width: 100%;
    height: 130px;
    float: left;
    display: block;
}

div.header_pixel {
    width: 100%;
    height: 120px;
    z-index: 0;
    background-image: url('/images/header_pixel.png');
    background-repeat: repeat-x;
}

div.header_bild {
    width: 988px;
    height: 120px;
    z-index: 1;
    background-image: url('/images/header_background_ohne_logo.png');
    margin: auto;
    padding: 0;
}

/* Kundenleiste */
div.top_kunden_leiste_bg {
    width: 100%;
    margin: auto;
    background: #333333;
    height: 27px;
    padding-top: 7px;
}

div.top_kunden_leiste {
    width: 988px;
    margin: auto;
    height: 20px;
    color: #fff;
    text-align: right;
    font-size: 11px;
}

div.topdiv{
    height: 130px;
}

/* SPACER */
div.mainspacer {
    clear: both;
    height: 20px;
}

/* CONTENT */
#page_wrap {
    position: relative;
    min-height: 100%;
    background: #fff;
}

div.content {
    margin: auto;
    width: 980px;
    padding: 0;
    display: block;
    overflow: hidden;
}

.main {
    padding-bottom: 120px !important;
}

div.left {
    width: 740px;
    float: left;
    text-align: justify;
    padding-bottom: 20px;
}

div.text {
    margin-bottom: 20px;
}

/* Infoleiste (rechts) */
div.right {
    width: 170px;
    float: right;
}

div.infoleiste div.right_pixel {
    border: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.border {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}

div.infoleiste form.schiffsabfahrten input[type="text"] {
    width: 140px;
}

div.right_head {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    background-color: #002F5D;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFFFFF;
    text-align: center;
    border: 0;
}

div.right_head a {
    color: #fff;
    font-weight: bold;
}

div.right_pixel {
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    background: white;
    height: 100%;
    padding: 7px;
    padding-top: 10px;
}

ul.servicebox {
    margin:0;
    padding:0;
}

ul.servicebox li {
    padding: 5px;
}

/* FOOTER */
#footer {
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height:120px;
    background-image: url("/images/footer.jpg");
    text-align: center;
    padding-bottom: 0;
}

div#footer-tools {
    color: #FFFFFF;
    font-size: 10px;
    margin: auto;
    width: 980px;
    text-align: left;
    padding-top:1px;
}

div#footer-tools ul {
    margin:0;
}

div#footer div.footer_box {
    float: left;
    width: 220px;
    text-align: left;
}

div#footer div.links {
    width: 125px;
}

div#footer_logos {
    float: right;
    margin-right: 20px;
    padding-top:10px;
}

div.footer_box b {
    font-weight:800;
}

div.text-footer {
    height: 80px;
    color: #FFFFFF;
    width:980px;
    margin: auto;
    padding-top: 12px;
    font-size: 12px;
}

/* ==========================================================================
    LANGUAGESWITCHER
========================================================================== */

div#country-select {
    float: right;
    padding-top: 10px;
}

/* raw form styles for when JS is disabled */

#country-select form {
    width: 180px;
    padding: 0;
}

#country-select select,
#country-select input {
    display: inline;
    padding: 0;
    margin: 0;
}

/* JS-created definition list */

.dropdown dd {
    position: relative;
    margin: 0;
}

.dropdown a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    width: 100px;
    overflow: hidden;
}

.dropdown dt a {
    background: #fff;
    border: 1px solid #DC0068;
    padding: 3px 10px 4px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333;
}

.dropdown dt a.active {
    background: #DC0068;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #676768;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}

.dropdown dd ul {
    background: #FFF;
    border: 1px solid #DC0068;
    color: #333;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
}

.dropdown dd ul li a {
    padding: 2px 10px;
}

.dropdown dd ul li a span,
.dropdown dt a span {
    float: left;
    width: 16px;
    height: 11px;
    margin: 2px 6px 0 0;
    background-image: url(/images/flags/flags.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

/*.us a span { background-position: 0 0; }
.uk a span { background-position: -16px 0; }
.en a span { background-position: -16px 0; }
.fr a span { background-position: -32px 0; }
.de a span { background-position: -48px 0; }
.nl a span { background-position: -64px 0; }
.cz a span { background-position: -112px 0; }
.hu a span { background-position: -128px 0; }
.es a span { background-position: -144px 0; }*/

.cz a span { background-position: -16px 0; }
.de a span { background-position: -32px 0; }
.es a span { background-position: -0px -11px; }
.fr a span { background-position: -16px -11px; }
.uk a span { background-position: -32px -11px; }
.en a span { background-position: -32px -11px; }
.hu a span { background-position: -0px -22px; }
.nl a span { background-position: -16px -22px; }
.us a span { background-position: -32px -22px; }

.dropdown dd ul li a em,
.dropdown dt a em {
    font-style: normal;
    float: left;
    cursor: pointer;
}

.dropdown dd ul li a em {
    color: #333;
}

.dropdown dd ul li a:hover { background-color: #fff; }
.dropdown dd ul li a:hover em { color: #333; }

/* ==========================================================================
    BREADCRUMB
========================================================================== */

ul#breadcrumb {
    overflow: hidden;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
}

ul#breadcrumb li {
    float: left;
    margin-right: 10px;
}

ul#breadcrumb li a.last {
    text-decoration: none;
    cursor: default;
}

#breadcrumb li {
    float: left;
    line-height: 24px;
    color: #333;
}

#breadcrumb li a ,
#breadcrumb li.info {
    background: url(/images/crumbs.gif) no-repeat right center;
    display: block;
    padding: 0 15px 0 0;
}

#breadcrumb li a:link,
#breadcrumb li a:visited {
    color: #DC0068;
    text-decoration: none;
}

#breadcrumb li a:hover,
#breadcrumb li a:focus {
    color: #DC0068;
}

#breadcrumb li.last a {
    background: none;
}

/* ==========================================================================
    Büro wählen - Country Overlay
========================================================================== */

div#country-overlay, div#vorlauf-overlay {
    overflow: hidden;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-top:0;
    height: auto;
}
div#dsgvo-overlay {
    overflow-y: scroll;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    height: 800px;
}

div#dsgvo-overlay.jqmWindow {
position: absolute;
}

div#country-overlay  .header_bild, div#vorlauf-overlay  .header_bild, div#dsgvo-overlay  .header_bild {
    padding-left: 20px;
}

div#country-overlay div.inner, div#vorlauf-overlay div.inner, div#dsgvo-overlay div.inner {
    padding: 12px;
    margin-top:130px;
}

div.error-box-cookie, div.error-box  {
    display: none;
    padding:5px;
}

/* NEWSLETTER */
div.nlbox {
    float: left;
    width: 370px;
}

ul.nl_pdfs li {
    padding-bottom: 5px;
}

/* ==========================================================================
    NAVIGATION
========================================================================== */

#mainmenu {
    float: right;
    font-size: 14px;
    /* width: 600px; */
    list-style-type: none;
    margin-top: 47px;
}

#mainmenu li {
    float: left;
    margin: 1px 13px 0 0;
    position: relative;
}

#mainmenu li a {
    display: block;
    color: #333;
    font-size: 14px;
    padding-bottom: 3px;
    text-align: left;
    height: 28px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#mainmenu li:hover a,
#mainmenu li a:hover,
#mainmenu li.active a {
    color: #fff;
    text-decoration: none;
    background-color: #DC0068;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 10px;
}

/* Level 2 */
#mainmenu ul {
    background: #fff;
    border-bottom: 1px solid #DC0068;
    border-left: 1px solid #DC0068;
    border-right: 1px solid #DC0068;
    display: none;
    padding: 5px;
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

#mainmenu ul li {
    float: none;
    margin: 0;
    padding: 0;
    min-width: 205px;
    padding-top: 2px;
}

#mainmenu ul li a {
    padding: 3px !important;
    margin: 0;
    height: 18px;
}

#mainmenu li:hover ul li a {
    background: #fff;
    color: #333;
}

#mainmenu li:hover > ul { display: block; }

#mainmenu li:hover > ul li:hover a,
#mainmenu li > ul li.active a {
    background: #DC0068;
    color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* fix damit tiefere ebenen erst mal nicht angezeigt werden */
ul#mainmenu ul li:hover > ul { display: none; }

/* ==========================================================================
    SUBNAVIGATION
========================================================================== */

ul#submenu {
    float: right;
    margin-top: -20px;
}

#submenu li {
    float: left;
    padding-right: 20px;
}

#submenu li a {
    color: #333;
}

#submenu li.active a,
#submenu li:hover a {
    color: #DC0068;
    text-decoration: underline;
}

/* fix damit tiefere ebenen erst mal nicht angezeigt werden */
ul#submenu li > ul {
    display: none;
}


div.tab_active_subnavigation {
    border:1px solid #002f5d;
    border-bottom-left-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px 5px;
    -moz-border-radius-bottomright: 5px;
    background-color:#002f5d;
    height:22px;
    width:200px;
    margin-left:-1px;
    margin-top:3px;
    padding-top:7px;
    font-align:left;
    margin-bottom:120px;
    color:#FFF !important;
}

div.subnavigation_inactive a {
    color:#FFF !important;
}

div.subnavigation_active a {
    color:#FFF !important;
    font-weight:bold;
}


/* ==========================================================================
    Listen - zb Kontakt Übersicht
========================================================================== */

ul.address li {
    margin: 2px 0 2px;
}

ul.file_list li {
    margin: 10px 0 10px;
}



/* ==========================================================================
    EDITABLE
========================================================================== */
.pointer {
    cursor: pointer;
}

strong {
    font-weight: bold;
}

.editable input[type=submit] {
    color: #F00;
    font-weight: bold;
}

.editable input[type=button] {
    color: #0F0;
    font-weight: bold;
}

.green {
    background-color: #33ff33 !important;
}

.editable_textarea {
    cursor: pointer;
}

.editmode {
    background-color: #efefef;
    padding: 5px;
}

.editmode p button {
    cursor: pointer;
}

.sacoedit h1 {
    background-color: #DC0068;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.editable_info {
    display: none;
}

.editmode {
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 1px  1px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
    background:#eee;
    border:0;
    color:#333;
    text-decoration:none;
    position:relative;
    cursor: pointer;
}

#close-editmode,
#open-editmode {
    /* width: 200px; */
}

.click,
.editable_textarea {
    cursor:pointer;
}

.editmode p {
    border: 1px solid #efefef;
    background:#efefef;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mceLayout {
    width: 100% !important;
}

/* ==========================================================================
    Tables - Tabellen
========================================================================== */

/* tablesorter */

table.tablesorter {
    background-color: #CDCDCD;
    width: 100%;
    margin: 5px 0 5px;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #ccc;
    padding: 4px;
}

table.tablesorter thead tr .header {
    background-image: url(/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color:#fafafa;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(/images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(/images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #002F5D;
    color: #fff;
}

/* HTML table */
.data_table
{
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 5px 0 5px;
}

.data_table thead tr th,
.data_table thead tr th
{
    background-color: #e6EEEE;
    border: 1px solid #ccc;
    padding: 4px;
    font-weight: normal;
    font-size: 14px;
}

.data_table td {
    padding: 4px;
    background-color: #FFF;
}

.data_table tbody tr:hover td {
    background: #eaeff4 !important;
}

/* ==========================================================================
    SLIDER
========================================================================== */

/* Prevents slides from flashing */
div#slides {
    display:none;
}

/* ==========================================================================
    NEWS CMS
========================================================================== */

.news_div {
    width: 740px;
}

.jobs {
    margin-bottom: 20px;
    position: relative;
}

.jobs.admin {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

/* Liste mit den · Punkten */
.jobs ul li,
ul.disc_list li {
    list-style-position: inside;
    display: list-item;
    list-style-type: disc;
}

input.titel {
    color: rgb(0, 48, 93);
    display: block;
    font-family: 'Lucida Sans Unicode', verdana;
    font-size: 18px;
    font-weight: bold;
    height: 28px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    text-align: justify;
    width: 740px;
}

div.news_div form dl dd {
    margin-left: 0;
    margin-bottom: 10px;
}

div.news_div form dl dt {
    font-weight: bold;
}

div.news_div form dl div.left {
    width: 450px;
    float: left;
}

div.news_div form dl div.right {
    width: 290px;
    float: right;
}

div.news_div form dl div.right dd {
    position: relative;
}

div.news_div img.file_pic {
    max-width: 290px;
}

div.news_div div.pic_info {
    position: absolute;
    bottom: 1px;
    width: 284px;
    padding: 3px;
    padding-bottom: 5px;
    display: none;
    background: rgba(220, 0, 104, 0.7);
}

div.news_div div.pic_info a {
    color: white;
}

/* NEWS SPECIFIC */

div.news_einzelansicht {
    width: 500px;
    height: 500px;
    padding: 20px;
}

div.news {
    position: relative;
    clear: both;
}

div.news p,
div.news h2 {
    float: left;
    padding-right: 5px;
    clear:both;
}

div.news h2.filter {
    opacity: .5;
}

div.news .admin {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #DC0068;
}

div.jobs .admin {
    position: absolute;
    bottom: 0px;
    right: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #DC0068;
}

div.news .admin a,
div.jobs .admin a {
    color: #fff !important;
}

.simplemodal-container {
    background-color: #fff;
    border: 5px solid #002F5D;
    border-radius: 5px;
    padding: 8px;
}

/* ==========================================================================
    BILL OF LADING FORM - BOL
========================================================================== */

dt label {
    font-weight: bold;
}

table#bl_dataviaterm label {
    cursor: pointer;
}

table#bl_dataviaterm tr th,
table#bl_dataviaterm tr td {
    text-align: left;
    vertical-align: top;
}

table#bl_dataviaterm tr td {
    border-top: 1px solid #AAAAAA;
}

.show_bloptions p {
    margin: 0;
}

p.textareaInfo {
    display: none;
    margin:0;
    color: red;
}

div#errorbox p.error {
    padding:5px;
}
div#errorbox,
div#errorboxnoatbdata2,
div#savebox,
div#disclaimer_info,
div#atb_data_box {
    display:none;
}

div#savebox,
div#preview_pdf_link {
    background-color: LightGreen;
    padding:5px;
    padding-left: 20px;
}

div#errorbox  ul {
    padding:5px;
    padding-left: 20px;
}

div#errorbox  ul li {
    list-style-type: disc;
}

div#tabs {
    padding-bottom: 20px;
}

form.billoflading_kopfdaten input,
form.billoflading_kopfdaten textarea,
form.billoflading_kopfdaten button {
    border: 1px solid #aaa;
}

form.billoflading_kopfdaten p.blname {
    margin:0;
    font-weight: bold;
}

form.billoflading_kopfdaten .blhead1 dl,
form.billoflading_kopfdaten .blhead2 dl {
    margin: 0;
}

form.billoflading_kopfdaten dl.branch {
    width: 160px;
    margin: 0;
}

form.billoflading_kopfdaten tr.error td input,
form.billoflading_kopfdaten tr.error td textarea {
    border: 1px solid red;
}

form.billoflading_kopfdaten tr.error input.button {
    border: 1px solid #AAAAAA !important;
}

form.billoflading_kopfdaten .blhead1,
form.billoflading_kopfdaten .blhead2 {
    background-color: #eee;
    line-height: 26px;
    border: 1px solid #aaa;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

form div.textinputsleft {
    float: left;
    width: 378px;
}

form div.textinputsbottom {
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px;
}

form div.textinputsbottom input#PlaceOfReceipt,
form div.textinputsbottom input#POL,
form div.textinputsbottom input#POD,
form div.textinputsbottom input#PlaceOfDelivery,
form div.textinputsbottom input#OceanVessel {
    width: 163px;
}

form.billoflading_kopfdaten .blbody {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.success {
    padding-left: 10px;
    padding-right: 10px;
}

dl.green_lot input#lotnr {
    background-color: #90EE90 !important;
}

form.billoflading_kopfdaten .left {
    float: left;
}

form.billoflading_kopfdaten .right {
    float: right;
}

form#billoflading_kopfdaten_first textarea.error,
form#billoflading_kopfdaten_first select.error,
form#billoflading_kopfdaten_first input.error {
    background: #DC0068;
    color: #fff;
}

form#billoflading_kopfdaten_first dl.left,
form#billoflading_kopfdaten_second dl.left {
    float: left;
    width: 190px;
}

form#billoflading_kopfdaten_first dl.text {
    float: left;
    margin-right: 10px;
    width: 302px;
}

.blhead2 dl {
    width: 280px !important;
}

.blhead2 dl  dt {
    float: left;
    padding-right: 10px;
}

form#billoflading_kopfdaten_first dd,
form#billoflading_kopfdaten_second dd {
    margin: 0;
}

form div.logobox {
    float: right;
    padding-right: 180px;
    padding-top:75px;
}

form div.logobox img {
    margin-bottom: 50px;
}

form.billoflading_kopfdaten dd textarea {
    width: 300px;
    height: 85px;
}

form.billoflading_kopfdaten dl.right {
    float: right;
}

#BLVermerke {
    width: 300px;
}

table#blposition {
    border: none;
}
table#blposition dt {
    font-weight: bold;
}

table#blposition td {
    vertical-align: top;
}

table#blposition input {
    width: 100px;
}

table#blposition textarea {
    width: 260px;
    height: 150px;
}

/* ==========================================================================
    BOOKING INVENTORY
========================================================================== */
td.center {
    text-align: center !important;
    vertical-align: middle;
}

#bookinginventory_data th {
    font-weight: bold;
}

form#bookinginventory_form_options {
    line-height: 20px;
}

form#bookinginventory_form_options .button {
    margin-top: 27px;
}
form#bookinginventory_form_options dl {
    float: left;
    padding-right: 10px;
}

form#bookinginventory_form_options dd {
    margin:0;
}

#total_data {
    font-weight: bold;
}

table#total_data td,
table#bookinginventory_data .weight,
table#bookinginventory_data .cbm,
table#bookinginventory_data th,
table#bookinginventory_data td {
    text-align: right;
}

table#bookinginventory_data td,
table#bookinginventory_data th {
    padding-left:2px;
    padding-right:2px;
}

table#bookinginventory_data tr.hover:hover td,
table.data_table tr.hover:hover td {
    background-color: #EAEFF4;
}

table#bookinginventory_data th.cbm,
table#bookinginventory_data td.cbm {
    padding-right: 10px;
}

table#bookinginventory_data tr.data td.text {
    text-align: left;
    padding-left: 10px;
}

table#bookinginventory_data tr.data th.text     {
    text-align: left;
    padding-left: 10px;
}

table#bookinginventory_data td.unlocode {
    text-align: left;
}

.bis_nodata {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

div#show_tracking_link {
    display: none;
    background-color: LightGreen;
    padding:5px;
    padding-left: 20px;
}

dl.status_info {
    padding-right: 20px;
}

dl.status_info,
dl.status_info dt {
    float: left;
}

dl.status_info dt {
    width: 20px;
}

dl.status_info dd {
    margin: 0;
    margin-left: 22px;
}

a.showdetails {
    cursor: pointer;
}


#dialog div.statusbox {
    margin-bottom: 20px;
}

table#total_data {
    display:none;
}

#draggable_result_box {
    cursor: move;
}

#draggable_result_box p {
    background-color: #00305D;
    color: #fff;
    margin: 0;
    text-align:center;
    text-transform: uppercase;
}

#draggable_result_box table {
    padding-left: 10px;
}

div.statusbox table th {
    text-align: left;
}

div#bookinginventory {
    padding-bottom: 20px;
}

/* ==========================================================================
    SCHIFFSABFAHRTEN - ÜBERSICHT
========================================================================== */

ul.schiffsabfahrt {
    overflow: hidden;
    padding:0;
}

ul.schiffsabfahrt li {
    float: left;
    margin-right: 20px;
    line-height: 26px;
}

/* ==========================================================================
    BUCHEN - BOOKING REQUEST
========================================================================== */

/* TABS BUCHEN FORM */
/* //TODO GK: ich ueberschreibe mal ein paar Werte die weiter oben definiert sind.. final noch mal aufräumen */
div#buchen_tabs {
    overflow: hidden;
    height:40px;
}

div#buchen_tabs div.tab {
    height: 40px;
    background-color: #002F5D;
}

div#buchen_tabs div.nodisclaimer {
    background-color: #ccc !important;
}

div#buchen_tabs div.nodisclaimer.tab_active {
    background-color: #DC0068 !important;
}

div#buchen_tabs div.tab_active {
    background-color: #DC0068;
}

div#buchen_tabs div.tab input.submit {
    background-color: #002F5D;
}

div#buchen_tabs div.tab button.submit {
    background-color: transparent;
}

div.nodisclaimer input {
    background-color: #ccc !important;
    cursor:default !important;
}

div#buchen_tabs div.tab_active input.submit,
div#buchen_tabs div.nodisclaimer div.tab_active input.submit,
div.nodisclaimer div.tab_active {
    background-color: #DC0068 !important;
}

div#buchen_tabs div.tab_warning {
/* background-color: red; */
}

input.submit.buchen {
    float: right;
}

/* Schiffsabfahrten Übersicht */
div.sa_options {
    height: 35px;
}

div.booking_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.bookingrequest-info {
    width: 100%;
    height: 200px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

div.bookingrequest-info div.box {
    float: left;
    width: 320px;
    height: 190px;
    padding-right: 5px;
}

div.bookingrequest-info table th {
    text-align: left;
}

form#schiffsabfahrten input,
form#schiffsabfahrten select {
    border: 1px solid #C1C1C1;
}

form#schiffsabfahrten input.button {
    border: none;
}

#autodataziel ul {
    width: 237px !important;
}


/* ==========================================================================
    GEFAHRGUT
========================================================================== */
table#gefahrgut_table th {
    width: 200px;
}

div#un_nummer_box {
    margin-bottom: 20px;
}

div#un_nummer_box div.text {
    margin-bottom: 20px;
}

div#un_nummer_hinweis {
    display: none;
    margin-top: 20px;
}

div#un_nummer_info,
.input_error {
    color:#ff0000;
    border:#F00 solid 2px !important;
}

div#un_nummer_info {
    padding: 10px;
    margin-bottom: 10px;
}

tr.active_gefahrgut_row td {
    background-color: #9db9d6;
    color: #fff;
}

ul.atb li {
    padding-bottom: 5px;
}

/* ==========================================================================
    SENDUNGSAUSKUNFT - ATB
========================================================================== */

div#atb_data_box dl.border,
div#kunden_bladressen_data dl.border {
    border: 1px solid #ccc;
    padding: 5px;
}

div#atb_data_box dl dt,
div#kunden_bladressen_data dl dt {
    font-weight: bold;
}

div#atb_data_box dl dd,
div#kunden_bladressen_data dl dd {
    margin: 0;
    margin-bottom: 10px;
}

div#atb_data_box div.atb_data {
    overflow:hidden;
}

div#atb_data_box div.ship_data {
    width: 312px;
    float: left;
    margin-right: 40px;
}

div.atb_data h2,
div.ship_data {
    margin-top: 0;
}

div#show_atb_data dl,
div#kunden_bladressen_data dl {
    float: left;
    margin-right: 40px;
    width: 300px;
}

/* ==========================================================================
    AGENTENTRACKING
========================================================================== */

form#agenten_filter dl {
    float: left;
    width: 200px;
}

form#agenten_filter dd  {
    margin: 0;
}

/* agenten tracking */
tr.container-edit td {
    cursor: pointer;
}

table.agenttable tr.grey td {
    color: #999;
}

form#container_detail div.box {
    float: left;
    width: 200px;
}

div#container_saved {
    display: none;
    background-color: LightGreen;
    padding:5px;
    padding-left: 20px;
}

h2.vessel {
    cursor: pointer;
}

h4.togglecontainer {
    background-color: #EDEDED;
    padding: 5px;
}

div.agenttracking-container table {
    text-align: left;
}

/* ==========================================================================
    AB HIER WEITER GOGOGOGOGOGO AUFRÄUMEN - MISC - verschiedenes
========================================================================== */

img.img_icon {
    position: relative;
    top:3px;
}

a.underline {
    text-decoration: underline !important;
}

table.data td {
    padding: 3px;
}

table.data .cmd_send {
    margin-left: 3px;
}

form.login input.textfield {
    width: 160px;
}

div.login {
    float: left;
    width: 50px;
    height: 14px;
    border: 1px solid #cccccc;
    padding: 3px;
    text-align: center;
}

div.login:hover {
    background-color: #efefef;
}

td.toplogin {
    height: 42px;
    vertical-align: top;
}

#login {
    padding: 5px;
    border-bottom: 1px solid #efefef;
    background: #efefef;
}

td.drop {
    -webkit-box-shadow: #C8C8C8 0 4px 18px;
    -moz-box-shadow: 0 0 1em #C8C8C8;
}

div.stroke {
    border-top:1px solid #bec9d4;
    border-bottom:1px solid #bec9d4;
}

h2.magenta {
    font-size: 18px;
    color: #dc0068;
    font-weight: 100;
}

h3.raster {
    font-size: 15px;
    display: block;
}

ul.service {
    margin: 0;
    padding: 0;
}

img.trigger {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    opacity: 1.0;
    overflow: hidden;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

img.trigger:hover {
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
    border-bottom-left-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    opacity: 0.7;
}

div.col_1 {
    width: 720px;
    display: block;
    margin-bottom: 20px;
}

div.col_2 {
    float: left;
    padding-right: 90px;
    width: 270px;
}

div.spacer {
    width: 30px;
    height: 50px;
    float: left;
}

/* Seiten Spezifische STYLES */
div.buchen_tabs {
    width: 800px;
    height: 25px;
    margin: auto;
}

div.tab {
    width: 125px;
    height: 12px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    /* background: #cecece; */
    color: #8e8e8e;
    float: left;
    margin-left: 10px;
    text-align: center;
    padding:5px 0 7px 0;
    border-top:1px solid #bec9d4;
    border-left:1px solid #bec9d4;
    border-right:1px solid #bec9d4;
    background-color:#FFF;
}

div.tab a {
    color:#8e8e8e !important;
}

div.tab_active {
    width: 140px;
    height: 12px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    float: left;
    margin-left: 10px;
    text-align: center;
    padding:5px 0 7px 0;
    color: #fff;
    background-color:#002f5d;
    border-top:1px solid #002f5d;
    border-left:1px solid #002f5d;
    border-right:1px solid #002f5d;
}

div.tab_active a {
    color:#FFF !important;
}

div.tab_warning {
    background-color:#fae3ee;
}

div.tab_warning span a:after {
    float: right;
    content: url(/images/warning_buchen.png);
    margin-top: 1px;
    margin-right: 0;
    margin-left: 2px;
    position: absolute;
}

div.tab_warning a {
    color:#002f5b !important;
}

input.deny:hover {
    cursor: pointer;
    background: #222222;
}

input.deny {
    text-align: center;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    height: 30px;
    width:136px;
    background: #333333;
    color: #FFFFFF;
    font-size: 16px;
    border: 0;
}

input.back:hover {
    cursor: pointer;
    background: #00305D;
}

input.back {
    text-align: center;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    height: 30px;
    width:136px;
    background: #244159;
    color: #FFFFFF;
    font-size: 16px;
    border: 0;
}

div.top_login ul {
    padding-left: 5px;
}

div.top_login ul li {
    margin-bottom: 5px;
}

table.top_login {
    float:right;
    height:25px;
}

td.top_login_spacer {
    width: 560px;
}

td.top_login {
    width: 425px;
    height: 25px;
}

div.lang_switch {
    height: 25px;
    width:45px;
}

span.timestamp {
    font-family: Lucida Sans Unicode, verdana;
    font-size: 18px;
    color: #dc0068;
    font-weight: 100;
    cursor:pointer;
    background-image: url('/images/blue_arrow_right_32.png');
    background-repeat: no-repeat;
    padding-left: 20px;
}

ol.message_list {
    margin: 0;
    padding: 0;
}

div.text_left, div.text_right {
    float:left;
    width: 360px;
}

th.ueberschrift_1 {
    background-color: #eaeff4;
    padding: 5px;
    font-weight: 100;
    color: #333333;
}

th.ueberschrift_2 {
    background-color: #eaeff4;
    padding: 5px;
    font-weight: 100;
    color: #333333;
    width: 110px;
    margin-left: 10px;
}

th.ueberschrift_3 {
    background-color: #eaeff4;
    padding: 5px;
    font-weight: 100;
    color: #333333;
    width: 210px;
    margin-left: 10px;
}

li.edit {
    list-style-image: url('/images/pencil_32.png');
    height: 16px;
    font-weight: 100;
}

li.list {
    list-style: disc;
}

li.user_add {
    list-style-image: url(/images/user_add_16.png);
    padding-left: 11px;
}

li.page {
    list-style-image: url(/images/page_16.png);
    padding-left: 11px;
}

li.page_table {
    list-style-image: url(/images/page_table_16.png);
    padding-left: 11px;
}

li.page_new {
    list-style-image: url(/images/page_blank_add_16.png);
    padding-left: 11px;
}

li.page_warning {
    list-style-image: url(/images/page_blank_warning_16.png);
    padding-left: 11px;
}

li.add {
    list-style-image: url(/images/add_16.png);
    padding-left: 11px;
}

div.tab_navigation {
    margin-top: 10px;
    width: 740px;
    height: 30px;
}

div.tab_slide {
    padding-top: 7px;
    height: 25px;
    width: 148px;
    float: left;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E6E6E6'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E6E6E6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F2F2F2,  #E6E6E6); /* for firefox 3.6+ */
}

div.tab_slide:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#cecece'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#cecece)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F2F2F2,  #cecece); /* for firefox 3.6+ */
}

a img{
    border:none;
}

/* ADMIN BEREICH */
div.admin_login {
    width:320px;
    height: 420px;
    margin: auto;
    float: left;
}

div.admin_top {
    width: 100%;
    height: 40px;
    text-align: left;
    padding: 3px;
    float: left;
}

p.dropdown { margin: 10px 0; }
p.dropdown:first-child span.dropdown { display: none; }

span.remove:hover,
span.add:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* KONTAKTFORMULAR  */
.tooltip_questionmark {
    position:relative;
    padding:0 19px 7px 0;
    margin-left:5px;
    top:-5px;
    background-image:url(/images/warning.png);
    background-repeat:no-repeat;
    display:inline;
}

.tooltip_questionmark span {
    display:none;
}

.tooltip_questionmark:hover {
    background-image:url(/images/warning_hl.png);
    cursor:help !important;
}

.tooltip_questionmark:hover span {
    width:150px;
    display:block;
    text-align:left;
    position:absolute;
    left:-75px;
    bottom: calc(100% + 4px);
    z-index:20;
}

.tooltip_wrapper {
    color:#FFF;
    padding:8px;
    border:solid 1px #FFF;
    background-color:#00315e;
    font-size:0.8em;
    -webkit-box-shadow: 5px 5px 12px #777;
    -moz-box-shadow: 5px 5px 12px #777;
    box-shadow: 5px 5px 12px #777;
}

.tooltip_wrapper.ttw-left {
    width:250px;
    margin-top:-20px;
    margin-left:-290px;
}

input.msg {
    width: 134px;
    height: 17px;
}

table.kontakt_mitarbeiter {
    margin-bottom: 30px;
}

table.kontakt_detail th {
    text-align: left;
    width: 120px;
}

input.kontakt {
    width: 93px;
    border:1px solid #c1c1c1;
    padding:4px;
    margin:0;
}

input.kontakt:focus {
    background-color:#f4f9fe;
    border:1px inset #002f5d !important;
}

td.kontakt {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
}

dropdown.kontakt {
    background-color:#900;
}

.dropdown_kontakt {
    border:1px solid #c1c1c1;
    padding:2px;
}

div.line {
    border-bottom: 1px dotted #efefef;
    width: 100%;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Kunden register */
fieldset {
    padding:10px;
}
form#customer_register fieldset, form#bewerberform fieldset {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #C1C1C1;
}

/* KUNDEN PROFIL */

/* form fields ist global - muss bei der aufräumaktion beachtet werden - globales oben im css definieren */
dl.form_fields_100 {
    display:block;
    width: 100%;
}
dl.form_fields_100 textarea {
    width:100%;
    height:50px;
}
dl.form_fields_100 dd {
    margin-left: 0;
}

dl.form_fields dt {
    font-weight: bold;
}
dl.form_fields dd,
dl.form_fields_3_col dd {
    margin-left:0;
    margin-bottom: 10px;
}

dl.form_fields dd input {
    width:300px;
}

dl.form_fields dd select {
    width:175px;
}

form#kunden_profil input#email {
    width:175px;
}

form#kunden_profil table input,
form#kunden_profil table select {
    border: 1px solid #C1C1C1;
}

dl.form_fields {
    width: 355px;
    float: left;
    margin: 0;
}

dl.form_fields_3_col {
    width: 220px;
    float: left;
    margin:0;
}

dd.city input,
dd.street input {
    width:240px !important;
}

dd.city input.small,
dd.street input.small {
    width:50px !important;
}

div.user {
    background-image: url(/images/user_lo.png);
    width: 20px;
    height: 20px;
}

div.user:hover {
    background-image: url(/images/user_hi.png);
    width: 20px;
    height: 20px;
}

/* ToolTip Kram */
.bubbleInfo {
    position: relative;
    width: 148px;
}

div.arrow {
    width: 200px;
    height: 20px;
    background-image: url(/images/arrow_tooltip.png);
}

span.add_zeile {
    cursor: pointer;
}

div.tooltippfeil {
    height: 14px;
    width: 100%;
    background-image: url(/images/pfeil_tooltipbuchen.png);
    background-position: top center;
    background-repeat: no-repeat;
}

table.tooltipbuchen {
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-box-shadow: #C8C8C8 0 4px 18px;
    -moz-box-shadow: 0 0 1em #C8C8C8;
    background: #FFFFFF;
    padding: 10px;
    width: 200px;
}

ul.show_error_tabs {
    padding-left: 5px;
}

.search_buchen_data_info_error {
    color: #FF0000;
}

th.buchungsanfrage, th.head {
    background-color: #eaeff4;
    padding: 5px;
    font-weight: 100;
    color: #333333;
}

table.default_form_table th{
    background-color: #eaeff4;
    padding: 5px;
    font-weight: 100;
    color: #333333;
    width:200px;
}

.fcs_table_left { float: left; }
.fcs_table_right { float: right; }

.fcs_table_bottom {
    float: left;
    position: relative;
    top: 10px;
}

.fcs_table_date_id {
    position: relative;
    left: 50px;
    top: 10px;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    float: left;
    text-align: center;
}

.fcs_input { width: 50px; }
.fcs.buttons { width: 20px; }

th.buchungsanfrage_default_width {
    width: 150px;
}

th.head_default_width {
    width: 150px;
}

th.head_default_width_50 {
    width: 50px;
}

th.billoflading_default_width {
    width: 150px;
}

th.fcseingabe_default_width {
    font-family: Verdana,arial,verdana;
}

td.alt1 { background-color: #f4f4f4; }
td.alt2 { background-color: #FFFFFF; }

.hr_buchungen {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #bec9d4;
    border-style: none none solid;
    margin:0;
}

.ta_noresize {
    resize: none;
}

div.buchen_headline a {
    height:             12px;
    color:              #002f5b !important;
    float:              left;
    margin:             4px 0 0 10px;
    text-align:         left;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    underline;
}

.buchen_sendungskopf_dropdown {
    border:1px solid #c1c1c1;
    padding:2px;
    width:206px;
}

.buchen_dropdown {
    border:1px solid #c1c1c1;
    padding:2px;
    width:206px;
}

.buchungsanfrage_vorlauf {
    width: 470px;
    display: inline-block;
}

.buchungsanfrage_vorlauf table {
    width:440px;
}

.buchungsanfrage_vorlauf table td input {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
}

.buchungsanfrage_vorlauf table td textarea {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
    resize:none;
}

.tr_clone_add,
.tr_clone_remove{
    cursor: pointer;
}

form#billoflading_kopfdaten_first input#lotnr,
form#billoflading_kopfdaten_first input.BookingRef,
input.uppercase_input {
    text-transform: uppercase;
}

button.billoflading_kopfdaten_first_reset {
    /*margin-top:10px;*/
}

/* Additional Informations - Dokumentationshinweise */
form#billoflading_kopfdaten_first textarea#NotifyAddress2nd {
    width: 100%;
}

.billoflading table td input {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
}

.billoflading table td textarea {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
    resize:none;
}

.fcs_eingabe table td input {
    font-size: 13px;
    width: 100px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
}

.fcs_eingabe table td textarea {
    font-size: 13px;
    width: 200px;
    vertical-align: top text-top;
    border:1px solid #c1c1c1;
    padding:2px;
    margin:0;
    resize:none;
}

textarea.bl {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    width: 313px;
}

input.bl {
    height: 17px;
    padding: 0;
    margin: 0;
}

input.bl_radio {
    margin-top: 3px;
    padding: 0;
    margin: 0;
}

.buchungsanfrage_vorlauf table td input:focus {
    background-color:#f4f9fe;
    border:1px inset #002f5d !important;
}

.buchungsanfrage_vorlauf table td textarea:focus {
    background-color:#f4f9fe;
    border:1px inset #002f5d !important;
}

ul.error {
    padding: 5px;
}

.alternate_table tr:nth-child(odd)  { background-color: #e7eef3; }
.alternate_table tr:nth-child(even) { background-color: #eff6fb; }


/* ==========================================================================
    two_cols_box - zwei Spaltiges Layout für boxen - siehe zb service_uebersicht
========================================================================== */

div.two_cols_box {
    float: left;
    width: 340px;
    margin-bottom: 10px;
}

div.two_cols_box.first {
    position: relative;
    margin-right: 50px;
}

div#buchen_tabs div.tab input.button {
    background-color: #002F5D;
}

div#buchen_tabs div.tab_active input.button,
div#buchen_tabs div.nodisclaimer div.tab_active input.button,
div.nodisclaimer div.tab_active {
    background-color: #DC0068 !important;
}

input.button.buchen {
    float: right;
}

a.highlight {
    background: url(../images/raquo.png) no-repeat scroll 0 7px transparent;
    padding-left: 12px;
}

.error_box {
    border: 1px solid red;
    color: red;
    padding: 5px;
    width: 500px;
    margin-bottom: 10px !important;
}

.error_box span {
    color: #000;
}

div.companybox_form {
    float: left;
    width: 230px;
}
.two_cols_box.overview img {
    float: left;
    margin: 7px 20px 20px 0;
}

/* IN ZUKUNFT DIE KLASSE .hide NUTZEN */
div#edit_error,
div#edit_success,
div#result_box,
dl#show_preis_ctt,
div#show_atb_data dd span.hide,
table#import_container,
table#bl_dataviaterm,
#lot_detail_box,
div#login-overlay,
div.agenttracking-mbl,
div.agenttracking-container,
p.search_bldata_info,
.show_bloptions,
div.success,
fieldset.success,
.bl_lot_not_valid,
div.message_body {
    display: none;
}

div#show_added_colleague td.name,
div#show_colleagues_who_added_me td.name,
div#show_my_pending_requests td.name,
div#show_added_colleague td.email,
div#show_colleagues_who_added_me td.email,
div#show_my_pending_requests td.email {
    width: 200px;
}
div#show_added_colleague td.gray,
div#show_colleagues_who_added_me td.gray,
div#show_my_pending_requests td.gray,
div#show_added_colleague td.gray,
div#show_colleagues_who_added_me td.gray,
div#show_my_pending_requests td.gray {
    background-color: #ccc;
}

div#show_added_colleague td.options,
div#show_colleagues_who_added_me td.options,
div#show_my_pending_requests  td.options {
    width: 50px;
}

// IE6 fix
html .lt-ie7 body  {
	width: auto;
}

/* Admin Nav CSS */

.vertical_nav  li a {
    color: white;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    background-color: #0D2E4F;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 5px;
    text-align: left;
}

ul.vertical_nav ul {
    display: none;
}

ul.vertical_nav li {
     padding: 6px;
}

ul.vertical_nav li > ul {
    margin-left: 30px;
    margin-top: 8px;
}

.nav_button li a {
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background-color: #DC0068;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 5px;
    text-align: left;
}

.nav_button li {
    display: inline;
    padding: 5px;
}

.nav_button li a:hover {
    background-color: #C22570;
}

.funkyBox {
    position:fixed;
    top:0;
    left:0;
    min-width:100%;
    min-height:100%;
    z-index: 1;
    background-color:rgba(30, 30, 30, 0.3);
    display:none;
}

.funkyForm {
    margin:auto;
    margin-top:100px;
    width: 500px;
    height:600px;
    opacity:1;
    background-color: white;
}

.closeButt {

    text-decoration: none !important;
    background: #dc0068;
    padding: 5px;
    font-size: 12px;
    border: 0;
    text-align: center  !important;
    font-weight: bold    !important;
    color: #FFFFFF !important;
    float: right;
}


div.funkyBox h1 {
    margin-top: 10px;
    margin-left: 80px;
    background-color: #0D2E4F;
    border-collapse: separate;
    border-spacing: 0;
    width: 60%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 5px;
    color: white;
}

.nav_add_left {
    margin-top: 0px;
    margin-left: 60px;
    margin-right: 60px;
    float: left;

}

.nav_add_right {
    margin-top: 40px;
}

.show_success {
    display: none;
    text-align: center;
    margin-left: 130px;
    background-color: green;
    border-collapse: separate;
    border-spacing: 0;
    width: 40%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 5px;

}

.show_success h3 {
    color: white;
}

#buildChangeFunkyBox {
    display: none;
}

#chooseItem {
    margin-top: 30px;
    margin-left: 130px;
}

.delete_success {
    display: none;
    text-align: center;
    margin-left: 130px;
    background-color: green;
    border-collapse: separate;
    border-spacing: 0;
    width: 40%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 5px;

}

.delete_success h3 {
    color: white;
}


a.added_country,
a.show_country {
    font-weight: bold;
}


#countries a.added_country {
    text-decoration: none;
    cursor: default;

}
#countries ol.countries {
    float: left;
    width: 290px;
    margin-right: 25px;
}

#countries ol li {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #CCCCCC;
}

#countries ol li ol {
    list-style-image: url("/images/blue_arrow_right_12.png");
    padding: 10px 0 10px 18px;
}
#countries ol li ol li {margin-left:10px; }

.first.lot-tracking {
    color: black;
    border: #002F5D 2px solid;
    padding: 10px;
    margin-bottom: 20px;
}

.first.lot-tracking:before {
    content: none;
}

.first.lot-tracking:after {
    content: ' ';
    position: relative;
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: 18px;
    border-bottom: 7px solid #DC0068;
}

.lot-tracking:before {
    content: ' ';
    position: relative;
    display: block;
    background-color: #DC0068;
    width: 7px;
    margin: auto;
    top: -16px;
    height: 15px;
}

.lot-tracking {
    margin: auto;
    width: 60%;
    border: #002F5D 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: gray;
}

.lot-tracking p {
    margin: 0;
}

ul.restriction {
    padding-left: 5px;
    margin-left: 10px;
}

li.restriction_li {
    list-style-type: disc !important;
}

div.restriction {
    padding-top: 0px;
    padding-bottom: 0px;
}
/* FORM veranstaltungen_einladungen */
div.veranstaltungen_einladungen fieldset dl {
	float: left;
	width: 300px;
	margin-left: 10px;
}

div.veranstaltungen_einladungen fieldset {
	border: 1px solid #C1C1C1;
	margin-bottom: 15px;
}

input.main_email {
	display:none;
}
form#transportversicherung fieldset{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #C1C1C1;
}


/* Bewerbungsformular */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }



  .btn-upload {
    border: 2px solid #dc0068;
    color: #dc0068;
    background-color: white;
    padding:5px;
    margin:3px 3px 0px 3px;
    border-radius: 5px;
    font-weight: bold;
    width: 300px;
  }

  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

.filename-info{
    position: relative;
    font-weight:normal;
    float:left;
    margin:0px 0px 0px 10px;
    font-size:9px;
    padding:1px 5px 1px 5px;
    background-color:rgb(0, 47, 93,0.8);
    border-radius:4px;
    color:white;
}

.infobox_bewerberformular{
    border: 2px solid crimson;
    width:100%;
    margin-top:5px;
    display:none;
    border-radius:2px;
}

.infobox_bewerberformular-success{
    border: 2px solid lightgreen;
    background-color: lightgreen;
}

.zusatzinfo_red{
    color:crimson;
    font-weight:bold;
    font-size:8px;
}

.upload-bewerbung{
    margin:20px 0px 20px 0px !important;
}

.clear_file{
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
}

.status_upload{
    margin-left:30px;
    display:none;
}

/* Zum online Bewerbungsformularlink */
.link_bewerben{
    margin-left:15px;
    font-weight:bold !important;
    text-decoration:none !important;
}

.link_bewerben:hover{
    color: #002F5D;
}

/* Transportversicherung */

.saco_color{
    color: #dc0068!important;
}

.input-length{
    width:160px;
}

.saco_color_blue{
    color: #002F5D;
}

.fieldset_versicherungsanfrage{
    border: 1px solid black !important;
    font-weight:bold;
    border-radius:3px;
}
.error_font{
    color:crimson;
}

.critical_error{
    background-color: crimson;
    border: 2px solid darkred;
}

.success_response{
    border: 2px solid lightgreen;
}

.notification{
    width:95%;
    padding:5px 0px 5px 0px;
    text-align:center;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
}

#fieldset_beneficiary{
    float:left;
    width:40%;
    display:none;
    margin:12px 0px 40px 0px;
}

/*
    Billofflading rework 09.04
*/

.clear-row{
    padding: 0px 6px 0px 6px;
}
.bol-position-table{
    background-color: #e6EEEE;
    padding:4px;
    width:100%;
}

.bol-positions{
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    padding:6px;
    position:relative;
    border-radius:3px;
    margin-top:20px;
    margin-bottom:35px;
}

.bol-position-table th{
    padding: 0px 3px 0px 3px;
    background-color: #002F5D;
    color:white;
    user-select:none;
}

.bol-position-input{
    width:83px;
}

.bol-position-input-sm{
    width:40px;
}

.bol-textarea-position{
    width:100%;
    padding:0px;
    font-weight:bold;
    resize:none;
}

.bol-pos-table-description{
    border-spacing:0px;
    width:100%;
}

.bol-pos-table-description th{
    background-color: #002F5D;
    color: white;
    font-weight:bold;
    padding:3px;
    user-select:none;
}

.position-clear{
    width:16px;
    background-color:#E84D3A;
    border: 1px outset black;
    padding:5px;
    border-radius: 4px;
    float:right;
}

.position-clear:hover{
    background-color:#DE8843;
}

.add-overflow-y{
    overflow-y: scroll;
}

.delete-option{
    position:absolute;
    bottom:2px;
    right:7px;
    border-radius:6px;
    border: 2px solid crimson;
}

.delete_position{
    float:left;
    height:23px;
    margin:3px 0px 0px 12px;
}

.delete_position:hover{
    background-color: lightsalmon;
    border-radius:15px;
}
.abort_delete_position:hover{
    background-color: lightsalmon;
    border-radius:15px;
}

.abort_delete_position{
    float:left;
    height:23px;
    margin:3px 0px 0px 10px;
}

.bol-matchcode-rc, .bol-matchcode-rs{
    border-color:#415C5B!important;
    border-style: outset!important;
    font-weight:bold!important;
    padding-left:12px;
    position:absolute;
    opacity:0.6;
    bottom:3px;
    background-color:#EEEEEE;

}

.bol-matchcode-rc{
    border-width:2px 1px 0px 0px!important;
    border-radius:0 17px 0 0;
    left:0px;
    width:165px;
}

.bol-matchcode-rs{
    border-width:2px  0px 0px 1px!important;
    border-radius:17px 0 0 0 ;
    right:0px;
    text-align:right;
    padding-right:12px!important;
    width:150px;
}

.error-info-textarea{
    color:crimson;
    display: none;
    background-color:#EEEEEE;
    border: 1px outset crimson;
    font-size:11px;
    border-radius:10px;
    padding: 3px 10px;
    font-weight:bold;
    position:absolute;
    top:40%;
    left:30%;
}

.position-clear:hover{
    cursor: pointer;
}

#add_position:hover{
    cursor: pointer;
}

.hide-position{
    position:absolute;
    right:1px;
    top:-23px;
    height:20px;
    border:1px solid black;
    border-width:1px 1px 1px 2px;
    border-radius: 5px;
    background-color:#415C5B;
    opacity:0.25;
    color:white;
    font-weight:bold;
    user-select:none;
}

.hide-position:hover{
 cursor: pointer;
 background-color:rgb(65, 92, 91,0.72);
 border-left-color:rgb(220, 0, 104);
 opacity:1;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 100;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.wartung_meldung {
    background-color: rgb(220, 0, 104);
    color: white;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 4px;
}