.grid-form *, .grid-form *:before, .grid-form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit;}
.grid-form button, .grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea, .grid-form select { font-size: 18px; font-weight: 400; padding: 0; margin: 0; width: 100%; }
.grid-form button, .grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea { border: 0; background: transparent; }
.grid-form input[type="text"]::-webkit-input-placeholder, .grid-form input[type="email"]::-webkit-input-placeholder, .grid-form input[type="number"]::-webkit-input-placeholder, .grid-form input[type="password"]::-webkit-input-placeholder, .grid-form input[type="search"]::-webkit-input-placeholder, .grid-form input[type="tel"]::-webkit-input-placeholder, .grid-form input[type="url"]::-webkit-input-placeholder, .grid-form input[type="color"]::-webkit-input-placeholder, .grid-form input[type="date"]::-webkit-input-placeholder, .grid-form input[type="datetime"]::-webkit-input-placeholder, .grid-form input[type="datetime-local"]::-webkit-input-placeholder, .grid-form input[type="month"]::-webkit-input-placeholder, .grid-form input[type="time"]::-webkit-input-placeholder, .grid-form input[type="week"]::-webkit-input-placeholder, .grid-form textarea::-webkit-input-placeholder { font-weight: 100; color: #000; }
.grid-form input[type="text"]:-moz-placeholder, .grid-form input[type="email"]:-moz-placeholder, .grid-form input[type="number"]:-moz-placeholder, .grid-form input[type="password"]:-moz-placeholder, .grid-form input[type="search"]:-moz-placeholder, .grid-form input[type="tel"]:-moz-placeholder, .grid-form input[type="url"]:-moz-placeholder, .grid-form input[type="color"]:-moz-placeholder, .grid-form input[type="date"]:-moz-placeholder, .grid-form input[type="datetime"]:-moz-placeholder, .grid-form input[type="datetime-local"]:-moz-placeholder, .grid-form input[type="month"]:-moz-placeholder, .grid-form input[type="time"]:-moz-placeholder, .grid-form input[type="week"]:-moz-placeholder, .grid-form textarea:-moz-placeholder { font-weight: 100; color: #000; }
.grid-form input[type="text"]:focus, .grid-form input[type="email"]:focus, .grid-form input[type="number"]:focus, .grid-form input[type="password"]:focus, .grid-form input[type="search"]:focus, .grid-form input[type="tel"]:focus, .grid-form input[type="url"]:focus, .grid-form input[type="color"]:focus, .grid-form input[type="date"]:focus, .grid-form input[type="datetime"]:focus, .grid-form input[type="datetime-local"]:focus, .grid-form input[type="month"]:focus, .grid-form input[type="time"]:focus, .grid-form input[type="week"]:focus, .grid-form textarea:focus { outline: none; }
.grid-form button { cursor: pointer; padding: 5px; border: 1px solid #404040; box-shadow: 1px 1px 2px #999; background: #fff; height: 100%; position: relative; overflow: hidden;}
.grid-form button:active { box-shadow: 0px 0px 0px #404040; background: #aaffaa;}
.grid-form button:hover:not(:active) { background: #fff; margin-left:-1px; margin-top:-1px; box-shadow: 2px 2px 3px #999;}
.grid-form fieldset { border: none; padding: 0; margin: 0; }
.grid-form fieldset legend, .headerrow, .menu h1, .tablebox h1, #printlist h1 { border: none; border-bottom: 4px solid #404040; color: #404040; font-size: 18px; font-weight: bold; padding: 10px; position: static; width: 100%; cursor:pointer;}
.grid-form fieldset fieldset legend { border-bottom: 2px solid #404040; font-weight: normal; }
.grid-form fieldset fieldset fieldset legend { border-bottom: 1px solid #404040; font-weight: normal; font-size: 15px; }
.grid-form [data-row-span] { border-bottom: 1px solid #404040; width: 100%; zoom: 1; }
.grid-form [data-row-span]:before, .grid-form [data-row-span]:after { content: ""; display: table; }
.grid-form [data-row-span]:after { clear: both; }
.grid-form [data-field-push] { border-left: 1px solid; }
@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] { border-bottom: none; } }
.grid-form [data-row-span] [data-field-span] { padding: 8px; float: left; overflow: hidden;}
@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-bottom: 1px solid #404040; width: 100% !important; } .grid-form [data-row-span] [data-field-push] {margin-left:0 !important; border-left: none!important;} .grid-form [data-row-span]:last-child [data-field-span]:last-child {border-bottom: none !important;}}
@media only screen and (min-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #404040; display: block; } }
.grid-form [data-row-span] [data-field-span] label, .grid-form button { display:block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #000; display: inline-block; margin-bottom: 4px; }
.grid-form [data-row-span] [data-field-span] label:first-child:hover { cursor: text; }
.grid-form [data-row-span] [data-field-span]:last-child { border-right: none; }
/*.grid-form [data-row-span] [data-field-span] { transition: height 0.3s ease-in-out, margin 0.3s ease-in-out, padding 0.3s ease-in-out, border 0.3s ease-in-out;}*/
.grid-form [data-row-span] [data-field-span].focus { background: #eaffea; }
.grid-form [data-row-span] [data-field-span].focus label:first-child { color: #000; }
.grid-form [data-row-span] [data-field-span]:hover { background: #eaffea; cursor: text; }
.grid-form [data-row-span="1"] > [data-field-span="1"] { width: 100%; }
.grid-form [data-row-span="2"] > [data-field-span="1"] { width: 50%; }
.grid-form [data-row-span="2"] > [data-field-span="2"] { width: 100%; }
.grid-form [data-row-span="3"] > [data-field-span="1"] { width: 33.33333%; }
.grid-form [data-row-span="3"] > [data-field-span="2"] { width: 66.66667%; }
.grid-form [data-row-span="3"] > [data-field-span="3"] { width: 100%; }
.grid-form [data-row-span="4"] > [data-field-span="1"] { width: 25%; }
.grid-form [data-row-span="4"] > [data-field-span="2"] { width: 50%; }
.grid-form [data-row-span="4"] > [data-field-span="3"] { width: 75%; }
.grid-form [data-row-span="4"] > [data-field-span="4"] { width: 100%; }
.grid-form [data-row-span="5"] > [data-field-span="1"] { width: 20%; }
.grid-form [data-row-span="5"] > [data-field-span="2"] { width: 40%; }
.grid-form [data-row-span="5"] > [data-field-span="3"] { width: 60%; }
.grid-form [data-row-span="5"] > [data-field-span="4"] { width: 80%; }
.grid-form [data-row-span="5"] > [data-field-span="5"] { width: 100%; }
.grid-form [data-row-span="6"] > [data-field-span="1"] { width: 16.66667%; }
.grid-form [data-row-span="6"] > [data-field-span="2"] { width: 33.33333%; }
.grid-form [data-row-span="6"] > [data-field-span="3"] { width: 50%; }
.grid-form [data-row-span="6"] > [data-field-span="4"] { width: 66.66667%; }
.grid-form [data-row-span="6"] > [data-field-span="5"] { width: 83.33333%; }
.grid-form [data-row-span="6"] > [data-field-span="6"] { width: 100%; }
.grid-form [data-row-span="7"] > [data-field-span="1"] { width: 14.28571%; }
.grid-form [data-row-span="7"] > [data-field-span="2"] { width: 28.57143%; }
.grid-form [data-row-span="7"] > [data-field-span="3"] { width: 42.85714%; }
.grid-form [data-row-span="7"] > [data-field-span="4"] { width: 57.14286%; }
.grid-form [data-row-span="7"] > [data-field-span="5"] { width: 71.42857%; }
.grid-form [data-row-span="7"] > [data-field-span="6"] { width: 85.71429%; }
.grid-form [data-row-span="7"] > [data-field-span="7"] { width: 100%; }
.grid-form [data-row-span="8"] > [data-field-span="1"] { width: 12.5%; }
.grid-form [data-row-span="8"] > [data-field-span="2"] { width: 25%; }
.grid-form [data-row-span="8"] > [data-field-span="3"] { width: 37.5%; }
.grid-form [data-row-span="8"] > [data-field-span="4"] { width: 50%; }
.grid-form [data-row-span="8"] > [data-field-span="5"] { width: 62.5%; }
.grid-form [data-row-span="8"] > [data-field-span="6"] { width: 75%; }
.grid-form [data-row-span="8"] > [data-field-span="7"] { width: 87.5%; }
.grid-form [data-row-span="8"] > [data-field-span="8"] { width: 100%; }
.grid-form [data-row-span="9"] > [data-field-span="1"] { width: 11.11111%; }
.grid-form [data-row-span="9"] > [data-field-span="2"] { width: 22.22222%; }
.grid-form [data-row-span="9"] > [data-field-span="3"] { width: 33.33333%; }
.grid-form [data-row-span="9"] > [data-field-span="4"] { width: 44.44444%; }
.grid-form [data-row-span="9"] > [data-field-span="5"] { width: 55.55556%; }
.grid-form [data-row-span="9"] > [data-field-span="6"] { width: 66.66667%; }
.grid-form [data-row-span="9"] > [data-field-span="7"] { width: 77.77778%; }
.grid-form [data-row-span="9"] > [data-field-span="8"] { width: 88.88889%; }
.grid-form [data-row-span="9"] > [data-field-span="9"] { width: 100%; }
.grid-form [data-row-span="10"] > [data-field-span="1"] { width: 10%; }
.grid-form [data-row-span="10"] > [data-field-span="2"] { width: 20%; }
.grid-form [data-row-span="10"] > [data-field-span="3"] { width: 30%; }
.grid-form [data-row-span="10"] > [data-field-span="4"] { width: 40%; }
.grid-form [data-row-span="10"] > [data-field-span="5"] { width: 50%; }
.grid-form [data-row-span="10"] > [data-field-span="6"] { width: 60%; }
.grid-form [data-row-span="10"] > [data-field-span="7"] { width: 70%; }
.grid-form [data-row-span="10"] > [data-field-span="8"] { width: 80%; }
.grid-form [data-row-span="10"] > [data-field-span="9"] { width: 90%; }
.grid-form [data-row-span="10"] > [data-field-span="10"] { width: 100%; }
.grid-form [data-row-span="11"] > [data-field-span="1"] { width: 9.09091%; }
.grid-form [data-row-span="11"] > [data-field-span="2"] { width: 18.18182%; }
.grid-form [data-row-span="11"] > [data-field-span="3"] { width: 27.27273%; }
.grid-form [data-row-span="11"] > [data-field-span="4"] { width: 36.36364%; }
.grid-form [data-row-span="11"] > [data-field-span="5"] { width: 45.45455%; }
.grid-form [data-row-span="11"] > [data-field-span="6"] { width: 54.54545%; }
.grid-form [data-row-span="11"] > [data-field-span="7"] { width: 63.63636%; }
.grid-form [data-row-span="11"] > [data-field-span="8"] { width: 72.72727%; }
.grid-form [data-row-span="11"] > [data-field-span="9"] { width: 81.81818%; }
.grid-form [data-row-span="11"] > [data-field-span="10"] { width: 90.90909%; }
.grid-form [data-row-span="11"] > [data-field-span="11"] { width: 100%; }
.grid-form [data-row-span="12"] > [data-field-span="1"] { width: 8.33333%; }
.grid-form [data-row-span="12"] > [data-field-span="2"] { width: 16.66667%; }
.grid-form [data-row-span="12"] > [data-field-span="3"] { width: 25%; }
.grid-form [data-row-span="12"] > [data-field-span="4"] { width: 33.33333%; }
.grid-form [data-row-span="12"] > [data-field-span="5"] { width: 41.66667%; }
.grid-form [data-row-span="12"] > [data-field-span="6"] { width: 50%; }
.grid-form [data-row-span="12"] > [data-field-span="7"] { width: 58.33333%; }
.grid-form [data-row-span="12"] > [data-field-span="8"] { width: 66.66667%; }
.grid-form [data-row-span="12"] > [data-field-span="9"] { width: 75%; }
.grid-form [data-row-span="12"] > [data-field-span="10"] { width: 83.33333%; }
.grid-form [data-row-span="12"] > [data-field-span="11"] { width: 91.66667%; }
.grid-form [data-row-span="12"] > [data-field-span="12"] { width: 100%; }


.grid-form [data-row-span="2"] > [data-field-push="1"] { margin-left: 50%; }
.grid-form [data-row-span="3"] > [data-field-push="1"] { margin-left: 33.33333%; }
.grid-form [data-row-span="3"] > [data-field-push="2"] { margin-left: 66.66667%; }
.grid-form [data-row-span="4"] > [data-field-push="1"] { margin-left: 25%; }
.grid-form [data-row-span="4"] > [data-field-push="2"] { margin-left: 50%; }
.grid-form [data-row-span="4"] > [data-field-push="3"] { margin-left: 75%; }
.grid-form [data-row-span="5"] > [data-field-push="1"] { margin-left: 20%; }
.grid-form [data-row-span="5"] > [data-field-push="2"] { margin-left: 40%; }
.grid-form [data-row-span="5"] > [data-field-push="3"] { margin-left: 60%; }
.grid-form [data-row-span="5"] > [data-field-push="4"] { margin-left: 80%; }
.grid-form [data-row-span="6"] > [data-field-push="1"] { margin-left: 16.66667%; }
.grid-form [data-row-span="6"] > [data-field-push="2"] { margin-left: 33.33333%; }
.grid-form [data-row-span="6"] > [data-field-push="3"] { margin-left: 50%; }
.grid-form [data-row-span="6"] > [data-field-push="4"] { margin-left: 66.66667%; }
.grid-form [data-row-span="6"] > [data-field-push="5"] { margin-left: 83.33333%; }
.grid-form [data-row-span="7"] > [data-field-push="1"] { margin-left: 14.28571%; }
.grid-form [data-row-span="7"] > [data-field-push="2"] { margin-left: 28.57143%; }
.grid-form [data-row-span="7"] > [data-field-push="3"] { margin-left: 42.85714%; }
.grid-form [data-row-span="7"] > [data-field-push="4"] { margin-left: 57.14286%; }
.grid-form [data-row-span="7"] > [data-field-push="5"] { margin-left: 71.42857%; }
.grid-form [data-row-span="7"] > [data-field-push="6"] { margin-left: 85.71429%; }
.grid-form [data-row-span="8"] > [data-field-push="1"] { margin-left: 12.5%; }
.grid-form [data-row-span="8"] > [data-field-push="2"] { margin-left: 25%; }
.grid-form [data-row-span="8"] > [data-field-push="3"] { margin-left: 37.5%; }
.grid-form [data-row-span="8"] > [data-field-push="4"] { margin-left: 50%; }
.grid-form [data-row-span="8"] > [data-field-push="5"] { margin-left: 62.5%; }
.grid-form [data-row-span="8"] > [data-field-push="6"] { margin-left: 75%; }
.grid-form [data-row-span="8"] > [data-field-push="7"] { margin-left: 87.5%; }
.grid-form [data-row-span="9"] > [data-field-push="1"] { margin-left: 11.11111%; }
.grid-form [data-row-span="9"] > [data-field-push="2"] { margin-left: 22.22222%; }
.grid-form [data-row-span="9"] > [data-field-push="3"] { margin-left: 33.33333%; }
.grid-form [data-row-span="9"] > [data-field-push="4"] { margin-left: 44.44444%; }
.grid-form [data-row-span="9"] > [data-field-push="5"] { margin-left: 55.55556%; }
.grid-form [data-row-span="9"] > [data-field-push="6"] { margin-left: 66.66667%; }
.grid-form [data-row-span="9"] > [data-field-push="7"] { margin-left: 77.77778%; }
.grid-form [data-row-span="9"] > [data-field-push="8"] { margin-left: 88.88889%; }
.grid-form [data-row-span="10"] > [data-field-push="1"] { margin-left: 10%; }
.grid-form [data-row-span="10"] > [data-field-push="2"] { margin-left: 20%; }
.grid-form [data-row-span="10"] > [data-field-push="3"] { margin-left: 30%; }
.grid-form [data-row-span="10"] > [data-field-push="4"] { margin-left: 40%; }
.grid-form [data-row-span="10"] > [data-field-push="5"] { margin-left: 50%; }
.grid-form [data-row-span="10"] > [data-field-push="6"] { margin-left: 60%; }
.grid-form [data-row-span="10"] > [data-field-push="7"] { margin-left: 70%; }
.grid-form [data-row-span="10"] > [data-field-push="8"] { margin-left: 80%; }
.grid-form [data-row-span="10"] > [data-field-push="9"] { margin-left: 90%; }
.grid-form [data-row-span="11"] > [data-field-push="1"] { margin-left: 9.09091%; }
.grid-form [data-row-span="11"] > [data-field-push="2"] { margin-left: 18.18182%; }
.grid-form [data-row-span="11"] > [data-field-push="3"] { margin-left: 27.27273%; }
.grid-form [data-row-span="11"] > [data-field-push="4"] { margin-left: 36.36364%; }
.grid-form [data-row-span="11"] > [data-field-push="5"] { margin-left: 45.45455%; }
.grid-form [data-row-span="11"] > [data-field-push="6"] { margin-left: 54.54545%; }
.grid-form [data-row-span="11"] > [data-field-push="7"] { margin-left: 63.63636%; }
.grid-form [data-row-span="11"] > [data-field-push="8"] { margin-left: 72.72727%; }
.grid-form [data-row-span="11"] > [data-field-push="9"] { margin-left: 81.81818%; }
.grid-form [data-row-span="11"] > [data-field-push="10"] { margin-left: 90.90909%; }
.grid-form [data-row-span="12"] > [data-field-push="1"] { margin-left: 8.33333%; }
.grid-form [data-row-span="12"] > [data-field-push="2"] { margin-left: 16.66667%; }
.grid-form [data-row-span="12"] > [data-field-push="3"] { margin-left: 25%; }
.grid-form [data-row-span="12"] > [data-field-push="4"] { margin-left: 33.33333%; }
.grid-form [data-row-span="12"] > [data-field-push="5"] { margin-left: 41.66667%; }
.grid-form [data-row-span="12"] > [data-field-push="6"] { margin-left: 50%; }
.grid-form [data-row-span="12"] > [data-field-push="7"] { margin-left: 58.33333%; }
.grid-form [data-row-span="12"] > [data-field-push="8"] { margin-left: 66.66667%; }
.grid-form [data-row-span="12"] > [data-field-push="9"] { margin-left: 75%; }
.grid-form [data-row-span="12"] > [data-field-push="10"] { margin-left: 83.33333%; }
.grid-form [data-row-span="12"] > [data-field-push="11"] { margin-left: 91.66667%; }

/*checkboxen*/

.grid-form input[type="checkbox"] {
    /*display: none;*/
    position: absolute;
    opacity: 0;
}

.grid-form input[type="checkbox"]+label {
    background: #fff;
    padding: 4px 4px 4px 8px;
    border-radius: 30px;
    background: #404040;
    color: #fff;
    cursor: pointer;
}

.grid-form input[type="checkbox"]+label::after {
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #404040;
    background: #FF4136;
    border-radius: 30px;
    padding: 3px 5px;
    content: "Nein";
}
.grid-form input[type="checkbox"]:checked+label::after {
    content: "Ja";
    background: #2ECC40;
}

.grid-form input[type="checkbox"]:disabled+label {
    background: #fff;
    color: #999;
    border: 2px solid #999;
    cursor: not-allowed;
}

.grid-form input[type="checkbox"]:disabled+label::after {
    background: #999;
    color: #fff;
}

.tablebox form {
    margin: 0 !important;
}


/*file upload*/
input.fileupload {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.fileupload + label {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #404040;
    box-shadow: 1px 1px 2px #999;
    background: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}

.fileupload:focus + label {
    box-shadow: 0px 0px 0px #404040;
    background: #aaffaa;    
} 
.fileupload + label:hover {
    background: #fff;
    margin-left: -1px;
    margin-top: -1px;
    box-shadow: 2px 2px 3px #999;
}

.fileupload + label span {
    margin-left: 10px;
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.filelink {
    margin: 0 5px 5px 0;
    display: inline-block;
}

.filelink input[type=checkbox]{
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.filelink a,
.filelink label {
    display: inline-block;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    line-height: 25px;
    height: 25px;
    background: #333;
    color: #fff;
    vertical-align: middle;
}

.filelink a {
    border-left: 2px solid #333;
    border-radius: 50px 0 0 50px;
    text-decoration: none;
    padding: 0 5px;
    font-size: 14px;
}

.filelink label {
    border-right: 2px solid #333;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
    display: inline-block !important;
}

.filelink a:before {
    vertical-align: text-top;
    padding: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.filelink:hover a,
.filelink:hover label {
    background: #fff;
    color:#333;
}

.filelink input[type=checkbox]:checked + a,
.filelink input[type=checkbox]:checked + a + label i,
.filelink input[type=checkbox]:checked + a + label,
.filelink:hover input[type=checkbox]:checked + a + label{
    background: #FF4136;
    color: #fff;
}

.filelink i {
    background: #fff;
    color: #333;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    font-size: 12px !important;
    text-align: center;
    line-height: 20px !important;
    vertical-align: bottom;
}

.filelink:hover i {
    background: #333;
    color: #fff;
}

.filelink a:before {
    content: '\f15b';
}

.filelink a[data-content-type=jpg]:before,
.filelink a[data-content-type=jpeg]:before,
.filelink a[data-content-type=png]:before,
.filelink a[data-content-type=tiff]:before,
.filelink a[data-content-type=tif]:before,
.filelink a[data-content-type=bmp]:before
{
    /*bild*/
    content: '\f1c5';    
}

.filelink a[data-content-type=doc]:before,
.filelink a[data-content-type=docx]:before,
.filelink a[data-content-type=txt]:before
{
    /*text*/
    content: '\f0f6';    
}

.filelink a[data-content-type=xls]:before,
.filelink a[data-content-type=xlsx]:before
{
    /*tabelle*/
    content: '\f0ce';    
}

.filelink a[data-content-type=mp4]:before,
.filelink a[data-content-type=avi]:before,
.filelink a[data-content-type=webm]:before
{
    /*video*/
    content: '\f1c8';    
}

.filelink a[data-content-type=mp3]:before,
.filelink a[data-content-type=wav]:before,
.filelink a[data-content-type=ogg]:before
{
    /*audio*/
    content: '\f1c7';    
}

.filelink a[data-content-type=pdf]:before
{
    /*pdf*/
    content: '\f1c1';    
}

.filelink a[data-content-type=zip]:before,
.filelink a[data-content-type=rar]:before,
.filelink a[data-content-type=gz]:before
{
    /*archive*/
    content: '\f1c6';    
}

.filelink a[data-content-type=eml]:before
{
    /*mail*/
    content: '\f003';    
}

.filelink[data-content-type=html]:before,
.filelink[data-content-type=htm]:before,
.filelink[data-content-type=xml]:before,
.filelink[data-content-type=css]:before,
.filelink[data-content-type=php]:before,
.filelink[data-content-type=js]:before
{
    /*code*/
    content: '\f1c9';    
}

.bestellung_auftragsuebersicht {
    border-top: 3px solid #333;
    border-bottom: 13px solid #eee;
}

.collapsed .bestellung_auftragsuebersicht {
    border: 0;
}