/**
* Developed by Web GUI Templates
* http://www.webguitemplates.co.uk/
*/

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    background:#E8E8E8;
}

.clear-both {
    clear:both;
}

img {
    border:0;
}

.header-cap {
    font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#FFF;
    background:#333 url(../bilder/header-cap-bg.jpg) repeat-x;
    padding-top:7px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
    position: fixed;
    width: 100%;
}

.header-cap a {
    color:#FFF;
}

.header-cap .left {
    float:left;
}

.header-cap .left h1 {
    font-size:11px;
    font-weight:normal;
}


.header-cap .left h1 a {
    text-decoration:none;
}

.header-cap .right,
.header-cap .right ul {
    float:right;
}

.header-cap .right ul li {
    float:left;
    list-style-type:none;
}

.header-cap .right ul li.first {
    background:0;
    padding-left:0;
    margin-left:0;
}

.top-navigation {
    background:#CCC url(../bilder/main-navigation-bg.jpg) repeat-x;
    padding:18px 0 19px 5px;
}

.top-navigation ol li {
    float:left;
    list-style-type:none;
    margin-left:10px;
}

.top-navigation ol li a {
    display:block;
    background:url(../bilder/main-navigation-button-bg.jpg) no-repeat;
    text-align:right;
    position:relative;
    color:#FFF;
    padding:15px 12px 0 0;
    height:33px;
    width:158px;
    font-size:0.8em;
}

.top-navigation ol li.active a,
.top-navigation ol li a:hover {
    background:url(../bilder/main-navigation-button-active-bg.jpg) no-repeat;
    color:#DDD;
}

.top-navigation ol li a img {
    position:absolute;
    top:9px;
    left:9px;
}

.wrapper {
    float:left;
    width:100%;
    background: #E8E8E8;
}

.wrapper .content-right {
    margin-left:280px; /* Width of left column */
}

.content-left {
    float:left;
    width:280px; /* Width of left column */
    margin-left:-100%;
}

.inner-wrapper {
    padding:15px;
}

.inner-wrapper-right {
    padding:15px 15px 15px 0;
}

.common-block {
    background:#FFF;
    border:1px solid #CCC;
    border-left:3px solid #CCC;
    padding:10px;
    margin-bottom:15px;
}

.common-block h2 {
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    margin-bottom:5px;
    color:#333;
}

.common-block p {
    font:normal 11px Arial, Helvetica, sans-serif;
    line-height:20px;
    color:#333;
}

#search-form {
    background:url(../bilder/search-form-bg.gif) no-repeat;
    width:220px;
    height:44px;
    position:relative;
    margin-bottom:15px;
}

#search-form fieldset {
    border:0;
}

#search-form fieldset legend {
    display:none;
}

#search-form fieldset input {
    background:url(../bilder/search-form-field-bg.gif) no-repeat;
    width:150px;
    padding:8px 4px;
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#CCC;
    border:0;
    position:absolute;
    top:7px;
    left:7px;
}

#search-form fieldset button {
    background:url(../bilder/search-form-button-bg.gif) no-repeat;
    width:42px;
    text-align:center;
    line-height:100%;
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#FFF;
    border:0;
    position:absolute;
    top:7px;
    right:7px;
    padding:7px 0 8px 0;
    cursor:pointer;
}

.command-button {
    background:url(../bilder/left-column-button-bg_250px.gif) no-repeat;
    height:27px;
    width:240px;
    display:block;
    position:relative;
    color:#333;
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    text-align:right;
    padding:11px 10px 0 0;
    margin-bottom:15px;
}

.command-button-red {
    background:url(../bilder/left-column-button-bg_250px_red.gif) no-repeat;
    height:27px;
    width:240px;
    display:block;
    position:relative;
    color:#333;
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    text-align:right;
    padding:11px 10px 0 0;
    margin-bottom:15px;
}


.command-button img {
    position:absolute;
    top:5px;
    left:5px;
}

.left-navigation ul {
    margin-bottom:15px;
}

.left-navigation ul li {
    list-style-type:none;
    border-bottom:1px dashed #CCC;
    padding-top: 5px;
}

.left-navigation ul li a {
    display:block;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    padding:8px 8px 8px 20px;
    color:#333;
    background:url(../bilder/left-navigation-arrow.gif) 8px 12px no-repeat;
}

.left-navigation ul li.active a {
    color:#2568AF;
    font-weight:bold;
}

.left-navigation ul li ul {
    background:#FFF;
    margin-bottom:0;
}

.left-navigation ul li ul li  {
    border-bottom:0;
    border-top:1px dashed #CCC;
    padding-left:10px;
}

.left-navigation ul li ul li a {
    font-weight:normal !important;
}

.left-navigation ul li a:hover {
    text-decoration:none;
}

.main-common-block {
    border:1px solid #CCC;
    border-left:3px solid #CCC;
    background:#FFF;
    padding:15px;
    margin-bottom:15px;
}

.main-common-header {
    margin-bottom:15px;
    position:relative;
}

.main-common-header h2 {
    font-size:32px;
    letter-spacing:-2px;
    color:#2668B2;
    font-weight:normal;
    border-bottom:1px solid #CCC;
    padding-bottom:6px;
}

/*
.main-common-header a {
    display:block;
    position:absolute;
    top:0;
    right:0;
    background:url(../bilder/main-header-button-bg.gif) no-repeat;
    width:132px;
    text-align:center;
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    letter-spacing:-1px;
    padding:9px 0;
}
*/

.flash {
    font-size:11px;
    background:#DDD;
    color:#333;
    border:1px dashed #666;
    padding:10px 10px 10px 32px;
    margin-bottom:15px;
}

.flash-notice {
    background:#FAEDB4 url(../bilder/flash-notice-icon.jpg) 8px 10px no-repeat;
    border-color:#F2CF28;
}

.flash-notice a {
    color:#F00 !important;
}

.flash-message {
    background:#D7E6F7 url(../bilder/flash-message-icon.jpg) 8px 10px no-repeat;
    border-color:#97BEEA;
    color:#2262A8;
}

.flash-message a {
    color:#2262A8 !important;
}

.flash-success {
    background:#D7EFD3 url(../bilder/flash-success-icon.jpg) 8px 10px no-repeat;
    border-color:#6EB457;
    color:#538C3E;
}

.flash-success a {
    color:#538C3E !important;
}

.common-object-table {
    font:normal 16px Arial, Helvetica, sans-serif;
    margin-bottom:10px;
}

.common-object-table caption {
    display:none;
}

.common-object-table thead tr th {
    text-align:left;
    padding:8px 7px;
    border-bottom:2px solid #CCC;
    background:#EEE;
    font-size:16px;
}

.common-object-table thead tr th a {
    color:#333;
}

.common-object-table tbody tr td {
    padding:7px;
    border-bottom:1px solid #CCC;
    color:#666;
}

.common-object-table tbody tr td a {
    color:#2668B2;
}

.common-object-table tfoot {
    display:none;
}

.pagination {
    margin-bottom:15px;
    font:normal 12px Arial, Helvetica, sans-serif;
    padding:0 10px;
    color:#333;
}

.pagination .left {
    float:left;
}

.pagination .right,
.pagination .right ul {
    float:right;
}

.pagination .right ul li {
    list-style-type:none;
    float:left;
    margin-left:7px;
    padding-left:7px;
    background:url(../bilder/pagination-pipe-bg.gif) 0 3px no-repeat;
}

.pagination .right ul li a {
    color:#2668B2;
}

.pagination .right ul li.first {
  margin-left:0;
    padding-left:0;
    background:0;
}

.common-form {
    margin-bottom:15px;
}

.common-form fieldset {
    border:1px dashed #CCC;
}

.common-form fieldset legend {
    font:bold 12px Arial, Helvetica, sans-serif;
    background:#999;
    color:#FFF;
    padding:4px 10px;
    margin-left:10px;
}

.common-form fieldset .inner {
    margin:10px;
}

.common-form .column {
    float:left;
    margin-right:20px;
}

.common-form .field {
    margin-bottom:15px;
   font-size: 14px;
}

.common-form .field label {
    display:block;
    font-size:12px;
    font-weight:bold;
    padding-bottom:2px;
    color:#333;
}

.common-form .field p.help {
    color:#B2B2B2;
    font-size:11px;
    padding-top:2px;
}

.common-form .field input.textbox {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:300px;
    border:1px solid #CCC;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}

.common-form .field input.textbox_NB {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:300px;
    border:1px solid #CCC;
}

.common-form .field input.datumsfeld {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:150px;
    border:1px solid #CCC;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}

.common-form .field input.zahlfeld {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:150px;
    border:1px solid #CCC;
   text-align: right;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}


.common-form input.zahlfeld {
   text-align: right;
}


.common-form .field input.uhrzeitfeld {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:150px;
    border:1px solid #CCC;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}

.common-form .field textarea.text {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:300px;
    height:92px;
    border:1px solid #CCC;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}

.common-form .field select.selectbox {
    font:normal 12px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
    padding:7px;
    width:315px;
    border:1px solid #CCC;
    background:#FFF url(../bilder/form-field-bg.gif) no-repeat;
}

.common-form .field .option-group li {
    list-style-type:none;
    float:left;
    padding:4px 12px 5px 0;
}

.common-form .field .option-group li label {
    display:inline;
    padding-left:4px;
    display:inline-block;
    bottom:2px;
    position:relative;
}

.common-form .field-error label,
.common-form .field-error p.help {
    color:#F00;
}

.common-form .field-error input.textbox,
.common-form .field-error textarea.text,
.common-form .field-error select.selectbox {
    background:#FAEDB4;
    border:1px solid #F00;
    color:#F00;
}

.common-form .form-controls {
    padding-top:10px;
}

.common-form .form-controls button {
    background:url(../bilder/main-header-button-bg.gif) no-repeat;
    border:0;
    line-height:100%;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#666;
    text-align:center;
    width:132px;
    padding:8px 0 9px 0;
    cursor:pointer;
}


.form_button {
    background:url(../bilder/main-header-button-bg.gif) no-repeat;
    border:0;
    line-height:100%;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#666;
    text-align:center;
    width:132px;
    padding:8px 0 9px 0;
    cursor:pointer;
}


.common-form .form-controls button.designated {
    color:#333;
}

h3.secondary-header {
    font:bold 16px Arial, Helvetica, sans-serif;
    color:#2668B2;
    letter-spacing:-1px;
    border-bottom:1px solid #CCC;
    padding-bottom:3px;
    margin-bottom:10px;
}

.main-common-block p {
    font-size:0.8em;
    line-height:160%;
    margin-bottom:10px;
    color:#333;
}

.main-common-block a {
    color:#2568AF;
}

.breadcrumbs {
    margin-bottom:16px;
}

.breadcrumbs ol li {
    float:left;
    list-style-type:none;
    font-size:12px;
    padding-left:10px;
    margin-left:8px;
    background:url(../bilder/breadbrumb-arrow-bg.gif) 0 6px no-repeat;
}

.breadcrumbs ol li.first {
    padding-left:10px;
    margin-left:1px;
}

.calendar-table {
    font-size:0.7em;
    margin:6px auto;
}

.calendar-table caption {
    display:none;
}

.calendar-table thead tr th {
    font-weight:normal;
    font-size:0.8em;
}

.calendar-table tfoot tr td {
    padding-top:4px;
}

.calendar-table tfoot tr td a {
    color:#666;
}

.calendar-table tfoot tr td.centre {
    text-align:center;
    font-weight:bold;
    color:#666;
}

.calendar-table tfoot tr td.right {
    text-align:right;
}

.calendar-table tbody tr td {
    border:1px solid #CCC;
    width:23px;
    height:23px;
    text-align:center;
}

.calendar-table tbody tr td a {
    color:#333;
}

.calendar-table tbody tr td.current a {
    font-weight:bold;
    color:#C54041;
}

.calendar-table tbody tr td.inactive {
    background:#EEE;
}


/* -- Eigene Style -- */
#tt_Text p {
   margin-top: 3px;
   margin-bottom: 3px;
}


.Aktive_Zeile {
    background-color: #D5E6F7 !important;
    cursor: pointer;
}