body {
    background-color : #FFFFFF;
}

main, .main-tags {
    margin           : 0px auto;
    background-color : #FFFFFF;
    /*box-shadow       : 0px 0px 64px #000000;*/
    width            : 1024px;
    max-width        : 100% !important;
}

.main-sub {
    margin           : 0px auto;
    background-color : #FFFFFF;
    /*box-shadow       : 0px 0px 64px #000000;*/
    /*box-shadow       : 0 0 64px -32px rgba(0, 0, 0, 0.5);*/
    box-shadow       : 0 0 64px -32px rgba(0, 0, 0, 0.9);
    width            : 1024px;
    max-width        : 100% !important;
}

/* --- Hyperlinks */
a {
    color           : #0072C6;
    text-decoration : underline;
}

a:hover {
    color : #444444;
}

a > img {
    position : relative;
    /*top      : 3px;*/
}

sup a {
    text-decoration : none;
}


/**
 * Form-Elemente
 */
/* --- Textbox */
input[type=text], input[type=password] {
    padding          : 4px;
    border           : 1px solid #CCCCCC;
    background-color : #FFFFFF;
}

/* --- Mehrzeilige Textfelder */
textarea {
    padding : 2px;
    margin  : 2px;
}

/* --- Buttons */

/* --- Submit-Button */
/*input[type=submit] {*/
/*    border           : 1px solid #CCCCCC;*/
/*    background-color : #FFFFFF;*/
/*    border-radius    : 4px;*/
/*    padding          : 4px 8px 4px 8px;*/
/*    box-shadow       : inset 0px -7px 7px #EEEEEE;*/
/*    cursor           : pointer;*/
/*    color            : #444444;*/
/*    margin           : 8px 0px 8px 0px;*/
/*}*/

input[type=submit]:hover {
    box-shadow : inset 0px 7px 7px #EEEEEE;
}

/* --- DropDown (select) */
select {
    padding : 1px 4px 1px 4px;
    border  : 1px solid #CCCCCC;
    margin  : 2px;
}

select option {
    padding             : 2px 4px 2px 4px;
    background-repeat   : no-repeat;
    background-position : 0px 4px;
}

/* --- small */
small {
    font-size : 8pt;
    color     : #888888;
}


/**
 * Fixe Bereiche (Heading etc..)
 */
.heading {
    margin           : 16px 0px 8px 0px;
    padding          : 8px 16px 8px 16px;
    background-color : #0072C6;
    display          : inline-block;
    overflow         : hidden;
}

.heading a {
    font-size       : 14pt;
    font-weight     : bold;
    color           : #FFFFFF;
    text-decoration : none;
}

.heading .heading-search {
    display      : inline-block;
    padding-left : 16px;
}

.heading:hover .heading-search {

}

.heading .heading-search input {
    background-color : transparent;
    border-color     : transparent;
    color            : #EEEEEE;
}

.heading .heading-search input:hover, .heading .heading-search input:focus {
    background-color : #FFFFFF;
    border-color     : #CCCCCC;
    color            : #444444;
}


/* --- Navigationsmenu */
.tbl-navigation {
    display : inline-block;
}

.tbl-navigation tr td {
    text-align  : center;
    /*border: 1px solid #cccccc;*/
    padding     : 4px;
    font-size   : 16pt;
    font-weight : bold;
    color       : #444444;
}

.tbl-navigation tr td a {
    transition      : all 250ms ease;
    display         : inline-block;
    color           : #444444;
    font-size       : 11pt;
    text-decoration : none;
    padding         : 8px 32px 8px 32px;
    border          : 1px solid #CCCCCC;
    border-radius   : 2px;
    box-shadow      : 0px 3px 4px -2px #CCCCCC;
    width           : 240px;
    font-weight     : normal;
}

.tbl-navigation tr td a:hover {
    border     : 1px solid #888888;
    box-shadow : 0px 8px 8px -6px #888888;
}

.tbl-navigation tr.arrow td {
    font-size   : 24pt;
    font-family : calibri;
    font-weight : bold;
    color       : #0072C6;
}

.tbl-navigation tr td a i.fa {
    transition   : all 250ms ease;
    color        : #CCCCCC;
    opacity      : 0.64;
    margin-right : 4px;
    transform    : translate(-4px, 0px);
}

.tbl-navigation tr td a:hover i.fa {
    transition : all 250ms ease;
    color      : #0072C6;
    opacity    : 1.0;
    transform  : translate(0px, 0px);
}


#login_fb_text * {
    font-size   : 27pt !important;
    font-weight : bold;
    text-shadow : 1px 1px 1px #CCCCCC;
}


@media all and (max-width : 400px) {
    main {
        width : 100%;
    }

    .tbl-navigation tr td {
        display : block;
    }

    .heading .heading-search {
        display : none;
    }
}


.bestehender-auftrag {
    display   : block;
    padding   : 4px;
    font-size : 9pt;
}

.bestehender-auftrag a {
    font-size : 8pt;
}

.bestehender-auftrag:hover {
    background-color : #FFFFFF;
}