* {
    margin: 0;
    padding: 0;
}

body {
    background: url(../img/bg.gif);
}

#page-header {
    width: auto;
    height: 250px;
    background-image: url("../img/header.jpg");
    overflow: hidden;
}

.main {
    padding: 0 5px 5px 5px;
    width: 954px;
    margin: 0 auto;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-size: 12px;
    line-height: 18px;
    color: #cfdae3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #323b41; /* old browsers */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

#content {
    padding: 5px 5px;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-size: 12px;
    line-height: 18px;
    color: #cfdae3;
}

a {
    text-decoration: none;
}

input {
    margin: 0;
    padding: 0;
}

a {
    color: #9fa8b0;
}

h1 {
    color: #9fa8b0;
    padding: 10px;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #3D4850), color-stop(4%, #313d45), color-stop(100%, #232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D4850', endColorstr='#232B30', GradientType=0); /* ie */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Safari, Chrome */
}

/* Dark Button CSS */
.button, .pagination > li > a {
    outline: 0;
    padding: 5px 12px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #3D4850), color-stop(4%, #313d45), color-stop(100%, #232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D4850', endColorstr='#232B30', GradientType=0); /* ie */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Safari, Chrome */
}

.button:hover, .pagination > li > a:hover {
    color: #fff;
    background: #4C5A64; /* old browsers */
    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #4C5A64), color-stop(4%, #404F5A), color-stop(100%, #2E3940)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C5A64', endColorstr='#2E3940', GradientType=0); /* ie */
}

.button:active, .pagination > li > a:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    color: #fff;
    padding: 6px 12px 4px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

li.disabled > span, li.active > span {
    background-position: 0 top;
    position: relative;
    top: 1px;
    color: #fff;
    padding: 6px 12px 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515B62', endColorstr='#394147', GradientType=0); /* ie */
    padding: 5px 12px;
    top: 0;
    outline: 0;
    padding: 5px 12px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #3D4850), color-stop(4%, #313d45), color-stop(100%, #232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D4850', endColorstr='#232B30', GradientType=0); /* ie */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Safari, Chrome */


}

/* Other stuff: */
.button-list, .pagination   {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

.button-list li, .pagination li  {
    float: left;
    margin: 3px 7px 3px 3px;
}

.button-list li.search,  .pagination li.search{
    border-left: 1px solid #273137;
    padding-left: 18px;
    margin-left: 10px;
    position: relative;
}

/* Search CSS: */
.search-input {
    padding: 0 5px 0 22px;
    border: 1px solid #1c252b;
    height: 30px;
    color: #9fa8b0;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

.search-input:focus {
    outline: none;
}

.search-submit {
    width: 13px;
    height: 13px;
    border: none;
    background: url(../img/mag-glass.png) no-repeat;
    display: block;
    position: absolute;
    left: 26px;
    top: 10px;
    text-indent: -9999em;
}

/* Vertical List: */
.vertical-list {
    list-style: none;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

.vertical-list .button, .pagination > li > a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #515B62), color-stop(5%, #444E55), color-stop(100%, #394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515B62', endColorstr='#394147', GradientType=0); /* ie */
}

.vertical-list .button:hover, .pagination > li > a:hover {
    background: #5F6B72; /* old browsers */
    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #5F6B72), color-stop(4%, #56646C), color-stop(50%, #4D5A62), color-stop(100%, #434D54)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F6B72', endColorstr='#434D54', GradientType=0); /* ie */
}

.vertical-list .button:active, .pagination > li > a:active{
    padding: 5px 12px;
    top: 0;
    background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #515B62), color-stop(5%, #444E55), color-stop(100%, #394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515B62', endColorstr='#394147', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* CSS3 */

}

.vertical-list li {
    margin: 0 0 5px;
}

.vertical-list li:last-child {
    margin: 0;
}

/*Gallery*/
.thumb-box {
    float: left;
    padding: 5px;
}
.thumb-wrapper > a {
    display: inline-block;
}

.thumb-wrapper {
    margin: 5px;
    padding: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
    display: inline-block;
}

.thumb-wrapper img {
    border-radius: 8px;
}

.thumb-titel {
    font-size: 24px;
    margin: 10px auto;
    width: 200px;
    color: #cecece;
    text-align: center;
}

.hover:hover {
    /*background-color: #FEFDFF;*/
    opacity: 1;
}

.hover {
    /*background-color: #FEFDFF;*/
    opacity: 0.8;
}

.clear {
    clear: both;
}

/*Gallery Show*/
.vignette {
    border: 2px black;
    float: left;
    margin: 10px;
}

.img-toolbox {
    position: absolute;
    top: auto;
    left: auto;
    width: 200px;
    height: 32px;
    z-index: 2;
    background-color: #f4f8f4;
    float: left;
    opacity: 0.8
}

/*Seiten Style*/
.page-content {
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    padding: 10px;
    }

.inner-background {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); /* CSS3 */
}

/*Tabelle!*/

.page-content table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.page-content .page-content-header, .page-content .page-content-footer {
    text-align: center;
    padding: 4px 10px;
}

.page-content .page-content-header {
    border-bottom: 0 none;
}

.page-content .page-content-footer {
    border-top: 0 none;
}

.page-content thead th, .page-content tfoot td {
    text-align: center;
}

.page-content thead th, .page-content tbody td, .page-content tfoot td {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

.page-content tbody td {
    border-color: inherit;
}

.page-content .ui-sortable-column {
    cursor: pointer;
}

.page-content div.ui-dt-c {
    position: relative;
}

.page-content .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0 -3px 2px;
}

.page-content .ui-column-filter {
    display: block;
    width: 100px;
    margin: auto;
}

.page-content .ui-expanded-row {
    border-bottom: 0 none;
}

.page-content .ui-expanded-row-content {
    border-top: 0 none;
}

.page-content .ui-row-toggler {
    cursor: pointer;
}

.page-content tr.ui-state-highlight {
    cursor: pointer;
}

.page-content .ui-selection-column .ui-chkbox-all {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

.page-content-scrollable table, .page-content-sticky table {
    table-layout: fixed;
}

.page-content-scrollable-body {
    overflow: auto;
}

.page-content-scrollable-header, .page-content-scrollable-footer {
    overflow: hidden;
    border: 0 none;
}

.page-content-scrollable .page-content-scrollable-header, .page-content-scrollable .page-content-scrollable-footer {
    position: relative;
}

.page-content-scrollable .page-content-scrollable-header td {
    font-weight: normal;
}

.page-content-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent;
}

.page-content-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid white;
    background-color: rgba(194, 194, 194, .5);
}

.page-content .page-content-scrollable-body {
    min-height: 0;
}

.page-content .page-content-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.page-content .ui-paginator, .page-content .ui-paginator {
    padding: 2px;
}

.ui-column-dnd-top, .ui-column-dnd-bottom {
    display: none;
    position: absolute;
}

.ui-column-dnd-top .ui-icon, .ui-column-dnd-bottom .ui-icon {
    position: absolute;
    top: -4px;
}

#sortable { list-style-type: none; margin: 0; padding: 0; }

.contact-container label {
    display: inline-block;
    width: 124px;
}

.error {
    background: #fbe3e4 !important;
    border: 1px solid #fbc2c4 !important;
    color: #8a1f11 !important;
}

div.error {
    margin: 10px 0;
    padding: 5px;
}

.error ul {
    margin: 5px;
    padding: 5px;
}

.error li {
    list-style-type: none;
}

.error-container label {
    color: #8a1f11;
}

.error-container input {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.error-container select {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

div.success {
    background: #d8fbcc;
    border: 1px solid #abfb94;
    color: #4d8a47;
    margin: 10px 0;
    padding: 5px;
}