/* CSS Document */

html, body {
    height: 100%;
    font-family: Verdana;
}

body
{
    margin: 0;
    padding: 20px;

    background: #e8ebef;
    background: -moz-linear-gradient(top, #e8ebef 0%, #e8ebef 54%, #aec7e0 80%, #678aac 100%);
    background: -webkit-gardient(left top, left bottom, color-stop(0%, #e8ebef), color-stop(54%, #e8ebef), color-stop(80%, #aec7e0), color-stop(100%, #678aac));
    background: -webkit-linear-gradient(top, #e8ebef 0%, #e8ebef 54%, #aec7e0 80%, #678aac 100%);
    background: -o-linear-gradient(top, #e8ebef 0%, #e8ebef 54%, #aec7e0 80%, #678aac 100%);
    background: -ms-linear-gradient(top, #e8ebef 0%, #e8ebef 54%, #aec7e0 80%, #678aac 100%);
    background: linear-gradient(to bottom, #e8ebef 0%, #e8ebef 54%, #aec7e0 80%, #678aac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebef', endColorstr='#678aac', GradientType=0 );

    background-repeat: no-repeat;
    background-attachment: fixed;
}

h2{
    padding: 12px;
    font-size: 22px;
    font-weight: normal;
    color: #006da7;
    text-align: center;
    padding: 0 0 20px;
    margin: 0;
}

p{
    margin: 8px 0;
}


a{
    color: #006DA7;
}
a,input,textarea,select, td{
    font-weight: normal;
    font-size:12px;
}

th{
    font-weight: bold;
    font-size:12px;
    background-color: #E9E9E9;
}
th span{
    font-size:11px;
}

input[type='submit'], input[type='number'], input[type='text'], input[type='password'], select, textarea{
    border: 1px solid #777;
    font-family: Verdana;
}

input[type='checkbox']{
    margin: 0 4px 0 0;
}

input[type='text'], input[type='number'], input[type='password']{
    padding: 1px 0 1px 2px;
}

hr{
    border: 0;
    border-top: 1px dotted #888;
    height: 0px;
    margin: 20px 0;
}

form{
    padding: 0;
    margin: 0;
}

img{
    vertical-align: bottom;
}

img.hlpImg{
    vertical-align: text-top;
    cursor: help;
}


.unsichtbar{ display: none; }
.mandatory{ color: #FF0000; }
.readonly{
    background-color: #ececec;
    border: 1px solid #777;
}

/* Menu + Navi + Header ----------------------------------------------------- */
.menuLink,a.menuLink:link, a.menuLink:visited, a.menuLink:active{
    color: #9C9C9C;
    font-weight: normal;
    font-size:12px;
    text-decoration: none;
}

a.menuLink:hover{
    color: #404040;
    font-weight: normal;
    font-size:12px;
    text-decoration: underline;
}

.menuLinkKlein,a.menuLinkKlein:link, a.menuLinkKlein:visited, a.menuLinkKlein:active{
    color: #006DA7;
    font-weight: normal;
    font-size:10px;
    text-decoration: none;
}

a.menuLinkKlein:hover{
    text-decoration: underline;
}

.menuLinkKleinFett,a.menuLinkKleinFett:link, a.menuLinkKleinFett:visited, a.menuLinkKleinFett:active{
    color: #000;
    font-weight: bold;
    font-size:11px;
    text-decoration: none;
}

a.menuLinkKleinFett:hover{
    color: #000;
    font-weight: bold;
    font-size:11px;
    text-decoration: underline;
}

.topMenu{
    border: 1px solid #8C8C8C;
    background-color: #EAF2FF;
    border-radius: 10px 10px 0 0;
    float: left;

    padding: 9px 20px;
    margin-bottom: -1px;
    margin-left: 4px;

    position: relative;
    z-index: 100;
}

.menuActive{
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.menuActive span{
    color: #404040;
}

.first{ margin-left: 0px; }

.tabsDiv{
    clear:both;
    width: 580px;
}

.tabsDiv.addRahmen{
    border: 1px solid #8C8C8C;
    padding: 20px;
}

#naviTd
{
/*    background-image: url("../img/NVS-Logo_small.png");
    background-position: right 10px;
    background-repeat: no-repeat;*/
    height: 80px;
}

/* Sub-Menü */
.subMenActive, .subMenNoActive{
    border-radius: 10px;
    float: left;
    margin: 4px 4px;
    padding: 4px 4px;
    text-align: center;
    width: 150px;
}

.subMenActive{
    border: 1px solid #777;
    font-weight: bold;

    background-image: -ms-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -moz-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -o-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -webkit-gradient(radial, left top, 0, left top, 973, color-stop(0, #FFFFFF), color-stop(0.4, #D3E7FB), color-stop(1, #DBE0EC));
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: radial-gradient(ellipse farthest-side at left top, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
}

.subMenNoActive{
    border: 1px solid #c0c0c0;
    font-weight: normal;
}

/* SCHRIFT ------------------------------------------------------------------ */
.schrift{
    color: #000;
    font-weight: normal;
    font-size:12px;
}

.schriftKlein{
    color: #000;
    font-weight: normal;
    font-size:10px;
}

.schriftMedium{
    color: #000;
    font-weight: normal;
    font-size:11px;
}

a.schriftKlein{
    color: #000;
    font-weight: normal;
    font-size:10px;
    text-decoration: none;
}

.schriftFett, a.schriftFett{
    color: #000;
    font-weight: bold;
    font-size:12px;
    text-decoration: none;
}

.schriftFettMedium{
    color: #000;
    font-weight: bold;
    font-size:11px;
}

.schriftFettXXL{
    color: #000;
    font-weight: bold;
    font-size:16px;
}

.schriftRot{
    color: #ce1c1c;
    font-weight: normal;
    font-size:12px;
}

.schriftFettRot{
    color: #ce1c1c;
    font-weight: bold;
    font-size:12px;
}

.schriftGrau{
    color: #999999;
    font-weight: normal;
    font-size:12px;
}

.blackLinkFett, a.blackLinkFett:link, a.blackLinkFett:active, a.blackLinkFett:visited{
	color: #000;
    text-decoration:none;
    font-weight: bold;
}

a.blackLinkFett:hover{
	color: #000;
    text-decoration:underline;
    font-weight: bold;
}


/* Buttons ------------------------------------------------------------------ */
.sendButton{
    border: 1px solid #777;
    background-color: #ece9d8;
    color:#000;
    font-weight:normal;
    font-size:11px;
    cursor: pointer;
    display: inline-block;
    margin:0px;
    padding: 3px 4px 4px 4px;
    height: 24px;
}

a.sendButton{
    background-color: #ece9d8;
    border: 1px solid #777;
    color:#000;
    cursor: pointer;
    display: inline-block;
    font-size:11px;
    font-weight:normal;
    height: 16px;
    margin:0px;
    padding: 3px 10px;
    text-decoration: none;
}

.sendButtonRed{
    border: 1px solid #777;
    background-color: #F33B1D; /*#FF6666;*/
    color: #FFFFFF;
    font-weight:normal;
    font-size:11px;
    cursor: pointer;
    display: inline-block;
    margin:0px;
    padding: 3px 4px 4px 4px;
    height: 24px;
}

a.sendButtonRed{
    background-color: #F33B1D; /*#FF6666;*/
    border: 1px solid #777;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size:11px;
    font-weight:normal;
    height: 16px;
    margin:0px;
    padding: 3px 10px;
    text-decoration: none;
}

.sendButtonBlue{
    border: 1px solid #777;
    background-color: #006DA7;
    color:#FFF;
    font-weight:normal;
    font-size:11px;
    cursor: pointer;
    display: inline-block;
    margin:0px;
    padding: 3px 4px 4px 4px;
    height: 24px;
}

a.sendButtonBlue{
    background-color: #006DA7;
    border: 1px solid #777;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size:11px;
    font-weight:normal;
    height: 16px;
    margin:0px;
    padding: 3px 10px;
    text-decoration: none;
}

.sendButtonYellow{
    border: 1px solid #777;
    background-color: #FFD947; /*#ffc900*/
    color:#000;
    font-weight:normal;
    font-size:11px;
    cursor: pointer;
    margin:0px;
    padding: 3px 4px 4px 4px;
    height: 24px;
}

a.sendButtonYellow{
    background-color: #FFD947;
    border: 1px solid #777;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size:11px;
    font-weight:normal;
    height: 16px;
    margin:0px;
    padding: 3px 10px;
    text-decoration: none;
}

.sendButtonYellow.small, .sendButtonRed.small, .sendButtonBlue.small{
    padding: 1px 4px;
    height: 20px;
}


/* Seiten-Anzeige ----------------------------------------------------------- */
.groupLinks{
    padding: 2px 4px;
}

a.groupLinks{
    border: 1px solid #000;
    background-color: #FFF;
}

a.groupLinks:hover, span.groupLinks{
    background-color: #006DA7;
    border: 1px solid #006DA7;
    color: #FFFFFF;
    text-decoration: none;
}

div#groupHitsDiv{
    margin-top: 4px;
    padding: 4px;
    background-color: #EFEFEF;
}

div#anzTrefferDiv{
    padding: 4px 0 8px 0;
    text-align: left;
    font-style: italic;
}

/* Übersichts-Tabellen ------------------------------------------------------ */
.tableGreyNoBorder{
    background-color: #CFCFCF;
    font-weight: bold;
}

.tableGreyBorder{
    background-color: #CFCFCF;
    border-left: 2px solid #FFF;
    font-weight: bold;
}

.selColStyle{
    background-color: #006DA7;
    color: #FFF;
}


/* Kalender ----------------------------------------------------------------- */
.ui-datepicker-trigger{
    margin-left: 4px;
    cursor: pointer;
}

.datepicker{
    width: 80px !important;
}


/* Tooltip ------------------------------------------------------------------ */
.tooltip, .tooltipSW{
    cursor: help;
}

#powerTip ul{
    padding: 0;
    margin: 7px 14px;
}

#powerTip ul li{
    padding-bottom: 6px;
}


/* Informationen Div -------------------------------------------------------- */
.infoDiv{
    border: 1px solid #c0c0c0;
    background-color: #FFFEBD;
    padding: 8px;
    margin-bottom: 10px;
}

.infoDiv img {
    float: left;
    margin-right: 10px;
}


/* Reihenfolge ändern ------------------------------------------------------- */
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sortable tbody:hover{
    cursor: move;
}

#sortable input[type='image']:hover{
    cursor: default;
}

.highlight-placeholder{
    /*background-color: #F0F6FB; #77CAF2*/
    background:url(
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAEklEQVQImWOoOPmxgYEsQEOdANQFCBcnAjV1AAAAAElFTkSuQmCC
   ) repeat;
}

.highlight-placeholder td{
    border-bottom: 1px dashed #107BAF !important;
    border-top: 1px dashed #107BAF !important;
}

.highlight-placeholder td:first-child{
    border-left: 1px dashed #107BAF !important;
}

.highlight-placeholder td:last-child{
    border-right: 1px dashed #107BAF !important;
}


/* Bereiche Dateneingabe ---------------------------------------------------- */
fieldset{
    padding: 0px;
    border: 1px solid #006DA7;
    background-color: #eaf2ff;
}

fieldset div#contentWrapper{
    padding: 20px;
}

fieldset div#contentWrapper label{
    font-weight: bold;
    padding-right: 20px;
    font-size: 14px;
}
fieldset div#contentWrapper select{
    font-size: 14px;
}

fieldset div#contentWrapper span{
    width: 80px;
    display: inline-block;
    text-align: center;
}

fieldset div#contentWrapper p{
    margin: 0 0 20px 0;
}

fieldset div#contentWrapper input{
    margin-left: 20px;
}

legend{
    padding: 0 14px;
    color: #006DA7;
    font-weight: bold;
    font-size: 14px;
}

#inputArea fieldset{
    margin: 20px 0 0 0;
    background-color: #F1F1F1;
}
#inputArea fieldset div{
    padding: 10px 14px 14px 14px;
}

#inputArea fieldset div.subSPNVHalt{
    padding: 2px 0 2px 20px;
}


#inputArea legend{
    font-size: 12px;
}

#inputArea fieldset div label{
    display: inline-block;
    padding-top: 4px;
}

select#kbs{
    width: 70px;
}

select#station{
    width: 250px;
}


.hover:hover{
    background-color: #006DA7 !important;
}

.hover:hover td, .hover:hover td a, .hover:hover td span{
    color: #FFF;
}

.hover:hover td label{
    color: #FFF;
    width: 100%;
    display: inline-block;
}


#loginArea{
    border: 1px solid #888888;
    box-shadow: 5px 5px 5px #888888;
    background-color: #fff;
    padding: 20px 30px;
    width: 340px;
    margin: 0 auto;
}

#infoArea{
    padding: 2px 16px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;

    background-color: #E8EBEF;
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E8EBEF 50%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E8EBEF 50%, #FFFFFF 100%);
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #E8EBEF 50%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.5, #E8EBEF), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E8EBEF 50%, #FFFFFF 100%);
    background-image: linear-gradient(to right, #FFFFFF 0%, #E8EBEF 50%, #FFFFFF 100%);
}

#infoArea table table td{
    padding: 2px 0;
}

table.fullBorder{
    border-collapse: collapse;
}

table.fullBorder tr:nth-child(even){
    background-color: #FFF;
}

table.fullBorder tr:nth-child(odd){
    background-color: #F1F1F1;
}

table.fullBorder tr.noBgCol{
    background-color: transparent !important;
}

table.fullBorder th{
    background-color: #006da7;
    color: #FFF;
}
table.fullBorder td, table.fullBorder th{
    border: 1px solid #000;
    padding: 2px 6px;
}

.resultTable td{
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

ul#tabsStation{
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    border: 0;
    width: 100%;
}

ul#tabsStation li.subMenActive{
    font-weight: bold;
}

ul#tabsStation li{
    display: inline-block;
    border: 1px solid #006DA7;
    border-radius: 0 10px 0 0;
    padding: 10px;
    margin: 0 5px 0 0 !important;
}

ul#tabsStation li.subMenActive, ul#tabsStation li.subMenNoActive{
    float: none;
    width: 100px;
}

#inputArea{
    margin-top: -1px;
    padding: 20px;
    border: 1px solid #006DA7;
}

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

#inputArea p{
    padding-left: 4px;
    font-size: 12px;
}

.absatz td{
    padding-top: 15px;
}

.absatz td td{
    padding-top: inherit;
}

#inputArea input[type='text'], #inputArea textarea{
    width: 300px;
}

#inputArea input[type='text'].textInputKurz, #inputArea .textInputKurz, .textInputKurz{
    width: 80px;
}
#inputArea input[type='text'].textInputMedium, #inputArea .textInputMedium, .textInputMedium{
    width: 200px;
}
#inputArea input[type='text'].textInput100, #inputArea .textInput100, .textInput100{
    width: 100px;
}
#inputArea input[type='text'].textInput150, #inputArea .textInput150, .textInput150{
    width: 150px;
}

#inputArea fieldset.ausstattungsmerkmale div div{
    padding: 15px 0 5px 0;
    font-weight: bold;
}

.textInputRechts{
    text-align: right;
}

:checked + span {
    font-weight: bold;
}

.confirmDelete, .confirmDeleteRow, .confirmDeleteFoto, .rotateFoto, .confirmDeleteSkizze{
    float: right;
    margin-right: 4px;
    cursor: pointer;
}

.checkMarkSpan{
    width: 14px;
    display: inline-block;
}

.infoIcon, span.infoIcon, th span.infoIcon{
    cursor: help;
    font-size: 12px;
}

.emptyCell{
    padding: 10px !important;
    text-align: center;
    font-style: italic;
    color: #00F;
}
.noPaddingDiv div{
    padding: 0 !important;
}
.noPaddingDiv td{
    vertical-align: middle !important;
}

/* Accordion ---------------------------------------------------------------- */
.ui-widget{
    font-size: 12px !important;
}

h3.ui-accordion-header-active{
    font-weight: bold;

    background-image: -ms-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -moz-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -o-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: -webkit-gradient(radial, left top, 0, left top, 973, color-stop(0, #FFFFFF), color-stop(0.4, #D3E7FB), color-stop(1, #DBE0EC));
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);
    background-image: radial-gradient(ellipse farthest-side at left top, #FFFFFF 0%, #D3E7FB 40%, #DBE0EC 100%);

    padding: inherit;
}

#accordion fieldset{
    margin-top: 10px;
}

/* Auswertung -------------------------- */
.filterSelect{
    width: 300px;
}

.auswertTable td{
    vertical-align: top;
}

.auswertTable hr {
    margin: 14px 0;
}

.delImg, .addImg{
    cursor: pointer;
}

.selectOperand{
    width: 105px;
}

.code {
    color: #00f;
    font-family: monospace;
}

input.klammer{
    background-color: #eaf2ff;
    border: none;
    border-bottom: 1px dashed #999999;
    width: 20px;
}

.kombi select{
    margin-left: 27px;
}

.auswertTable table tr:first-child input.klammer.right{
    display: none;
}
.auswertTable table tr:last-child input.klammer.left{
    display: none;
}
.auswertTable table tr.filterMerkmal:last-child select.filterSelect{
    margin-left: 26px;
}


/* Finanzierung ------------------------------------------------------------- */
#fixedFirstColumn{
    table-layout: fixed;
    width: 100%;
}

#fixedFirstColumn textarea {
    resize: none;
}

#fixedFirstColumn td, #fixedFirstColumn th {
    vertical-align: top;
    padding: 5px;
    height: 20px;
    width: 180px;
    background-color: transparent;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

#fixedFirstColumn th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position:  absolute;
    left:  0;
    background-color: #006da7;
    color: #fff;
    text-align: center;
}

#outerDivFixedFirstColumn {
    position:relative
}

#innerDivFixedFirstColumn {
  overflow-x:auto;
  overflow-y:hidden;
  width: 800px;
  margin-left: 190px;
}

#fixedFirstColumn th.leer{
    border-right: none;
}

#fixedFirstColumn th.noText, #fixedFirstColumn td.noText{
    padding-top: 0;
    padding-bottom: 0;
    height: 14px;
}

.suwala-doubleScroll-scroll-wrapper{
    margin-left: 190px;
}

/* Mini File Upload Icon -----------------------------------------------------*/
.fileUpload {
    position: relative;
    float: right;
}
.fileUpload input.upload {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    height: 16px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

/* Auswahl Kategorien ------------------------------------------------------- */
.selectedTags input{
    display: none;
}

#inputArea fieldset span.selectedTags label {
    display: inline;
    padding: 0;
}
.selectedTags input + span {
    border-radius: 5px;
    padding: 2px 6px;
    background-color: #E8E8E8;
    margin: 0 2px 5px 0;
    white-space: nowrap;
    color: #999999;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
}
.selectedTags input:checked + span {
    background-color: #006DA7;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
}

.selectedTags input.ID_LIB_Foto_1:checked + span {
    background-color: #FFC900;
    color: #FFF;
}

.selectedTags input.ID_LIB_Foto_2:checked + span {
    background-color: #F33B1D;
    color: #FFF;
}

.selectedTags input + span .checkMark {
    display: none;
}
.selectedTags input:checked + span .checkMark {
    display: inline;
}

/* Foto Gallerie ------------------------------------------------------------ */
div.gallery{
    width: 550px;
    display: inline-block;
    margin-right: 10px;
}
div.gallery table{
    width: 100%;
    height: 200px;
    border-collapse: collapse;
}
div.gallery table td{
    border: 1px solid #CCC;
    padding: 10px;
}
div.gallery table td:nth-child(1){
    border-right: none;
}

div.gallery table td:nth-child(2){
    border-left: none;
}


/* Bahnsteige --------------------------------------------------------------- */
div.bemerkBahnst{
    /*padding: 4px;*/
    padding-top: 4px;
}

div.bemerkBahnst textarea, #inputArea div.bemerkBahnst textarea{
    margin-top: 4px;
    width: 100%;
}

select optgroup{
    padding-left: 2px;
    padding-right: 8px;
}

#inputArea input[type="text"].bahnsteigName{
    width: 40px;
}

.nichtAktiv{
    font-style: italic;
}

/* Benötigt für Leseberechtigung -------------------------------------------- */
.disabledForms input, .disabledForms textarea, .disabledForms select{
    background-color: #FFF;
    color: #000;
    border: 1px solid #DDD;
}

.disabledForms input.notDisabled{
    border: 1px solid #777;
    background-color: #ece9d8;
    color:#000;
}

.disabledForms select.notDisabled{
    border: 1px solid #777;
    background-color: #FFF;
    color:#000;
}

/* Aktiv Benutzer ----------------------------------------------------------- */
#showAktiv{
    background-color: #F00;
    border: 1px solid #c0c0c0;
    cursor: help;
    display: inline-block;
    height: 12px;
    margin-left: 5px;
    width: 12px;
    border-radius: 10px;
}

#showAktiv.aktiv{
    background-color: #0A0;
}

/* Placeholder
---------------------- */
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;
}
::-moz-placeholder {
   font-style: italic;
}
:-ms-input-placeholder {
   font-style: italic;
}

.groupRadioSelect{
    padding: 4px 4px 4px 0;
}

.groupRadioSelect.grau{
    background-color: #EEE;
}

.groupRadioSelect label{
    display: inline-block;
    width: 220px;
}

.groupRadioSelect select{
    width: 200px;
}