/* FIS-Broker
@filename   $RCSfile: broker.css,v $
@author     SRP GmbH
@version    $Revision: 1.352 $
*/
/******************** Überblick der verwendeten Farben ********************/
/*** schwarz, weiß
#000000;  schwarz
#ffffff;  weiß
***/
/***grau
Farbangaben in % und in der Reihenfolge: rot/grün/blau
#666666;  grau, dunkel -> 40
#6f6f6f;  grau, dunkel -> 43.5
#888888;  grau, mittel -> 53.3
#adadad;  grau, -> 68
#c0c0c0;  grau, hell = silber -> 75.3%
#dedede;  grau, hell -> 87.1
#efefef;  grau, sehr hell -> 93.7
***/
/*** rot
#990033;   weinrot -> 60/0/20
***/
/*** blau --> grün
#253276;  blau, Senstadt -> 40/60/100 --> 336633
#0071c6;  blau, mittelhell -> 0/44.3/77.6 --> 336633
#00009f;  blau, mitteldunkel -> 0/0/62.4 --> 336633
#000033;  blau, sehr dunkel -> 0/0/20 --> 336633
***/
/******************** Allgemeines ********************/
html {
    height:100%;
}
body.nav {
    border-left: 5px solid #adadad;
    min-height:100%;
}
/* Abstände -> Einschränkungen (Raumauswahl...) */
div.einschraenkung {
    margin-top:5px;
}
/*** Links ***/
a:link {
    color:#253276;
}
a:hover {
    color:#253276;
    text-decoration: underline;
}
a:visited {
    color:#253276;
}
/******************** Kopfzeile ********************/
/*** Kopfzeile -> Ueberschrift -> rechter + linker Frame) ***/
div.menuBar {
    border-bottom:1px solid #000000;
}
div.menuezeile {
/*    border-bottom:1px solid #6f6f6f;*/
    margin:0px;
    padding:0px;
}
div.ColorHead {
    background-color: #efefef;
    border-bottom: 1px solid #adadad;
    border-top: 1px solid #adadad;
}
span.titel {
    color:#253276;
    font-size:85%;
}
/*** Untermenüs in allen Kopfzeilen + Raumauswahl ***/
span.subMenue {
    border-left:1px solid #adadad;
    color:#000000;
    display:inline-block;
    font-size:60%;
    margin: 0 0 4px 0;
    padding:0 2px 0 6px;
    vertical-align:middle;
}
span.menuButtonoff {
    color:#888888;
    font-size:60%;
}
a.subMenue, a.menuButton {
    border-left:1px solid #adadad;
    color:#000000;
    display:inline-block;
    font-size:61%;
    margin: 0 0 4px 0;
    padding:0 2px 0 6px;
    vertical-align:middle;
}
a.subMenue:first-child, a.menuButton:first-child {
    border-left:none;
    padding:0;
}

/* Geodatenkatalog -> alle Untermenüs (A-Z|Themen|Liste,Detail,Vorschau + Buchstaben)
KG: disabled ist eigentlich enabled */
span.submenueDisable, span.submenuActiv {
    border-left:1px solid #adadad;
    color:#253276;
    display:inline-block;
    font-size:60%;
    font-weight:bold;
    margin: 0 0 4px 0;
    padding: 0 2px 0 6px;
    vertical-align:middle;
}
span.subMenue:first-child, span.submenueDisable:first-child, span.submenuActiv:first-child {
    border-left:none;
    padding:0;
}
/******************** Fußzeile ********************/
div.fusszeile {
    background-color:#253276;
    box-sizing: border-box;
    color:#ffffff;
    font-size:77%;
    padding:2px 0 2px 5px;
    width:100%;
}
div.fussNav {
    border-top:1px solid #6f6f6f;
    margin-left:156px;
    padding:10px 0 10px 0;
    text-align:left;
    width:100%;
}
div.fussNav2 {
    background-color:#253276;
    height:20px;
    width:100%;
}
/******************** Recherche (linker Frame) ********************/
div.nav {
    margin-bottom:5px;
    margin-top:5px;
}
div.haupt_nav {
    margin:10px 10px 10px 10px;
}
/********** Recherche -> Suche starten ***/
div.SuchenButton {
    padding:15px 5px 5px 10px;
}
input.buttonSuche {
    background-color:#253276;
    border-width:0px;
    color:#ffffff;
    font-size:77%;
    height:20px;
    padding-bottom:2px; /** FF */
    width:230px;
}
/********** Recherche -> Bereiche ***/
/*Container für die verschiedenen Recherchebereiche*/
div.rechercheBereich {
/*SSU    border-top:1px solid #adadad;*/
    padding:10px 10px 20px 10px;
}
/*Container für die verschiedenen Recherchebereiche*/
div.rechercheBereich2 {
    background-color:#ffffff;
}
/*KG: nur FB*/
div.rechercheBereich table {
    margin-bottom:0;
    padding:0;
}
td.rechercheBereichAn {
    background-image:url(../images/pfeil_bereich_an.gif);
    background-position:center left;
    background-repeat:no-repeat;
    color:#253276;
    cursor:pointer;
    font-size:80%;
    font-weight:bold;
    padding-left:16px;
    padding-right:10px;
}
td.rechercheBereichAus {
    background-image:url(../images/pfeil_bereich_aus.gif);
    background-position:center left;
    background-repeat:no-repeat;
    color:#253276;
    cursor:pointer;
    font-size:80%;
    font-weight:bold;
    padding-left:16px;
    padding-right:10px;
}
/* Recherche -> Hilfebutton*/
a.navHilfe {
    cursor:help;
}
a.navHilfe img {
    padding-bottom:8px;
}
img.help {
    background:url('../images/icon_help.gif') no-repeat scroll 0px 0px;
    width:16px;
    height:16px;
}
/********** Recherche -> Schlagwortsuche ***/
div.ShowKeyword {
    display:block;
}
div.ShowKeyword input {
    box-sizing:border-box;
    margin-top:5px;
    width:100%;
}
/*** Autovervollständigen ***/
.acInput {
    width: 200px;
}
.acResults {
    background-color: Window;
    border:1px solid WindowFrame;
    overflow: hidden;
    padding: 0px;
}
.acResults ul {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    width: 100%;
}
.acResults li {
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    margin: 0px;
    padding: 2px 5px;
    overflow: hidden;
    width: 100%;
}
.acSelect {
    background-color: Highlight;
    color: HighlightText;
}
/********** Recherche -> Stadtplan ***/
/* Button - Kartenwerkzeugleiste */
img.areaSelectionFktButton {
    border:none;
}
/* Deaktivierter Button - Kartenwerkzeugleiste */
img.areaSelectionFktButton-disabled {
    border:none;
    opacity: 0.7;
}
/* Aktiver Button (Statusbehaftetes Werkzeug) - Kartenwerkzeugleiste */
img.areaSelectionFktButton-active {
    border:2px solid #253276;
}
/* Deaktivierter aktiver Button (Statusbehaftetes Werkzeug) - Kartenwerkzeugleiste */
img.areaSelectionFktButton-active-disabled {
    border:2px solid #253276;
    opacity: 0.7;
}
/********** Recherche -> Sichtbarkeit der Recherchemöglichkeiten ***/
/*Sichtbarkeit der Recherchemöglichkeiten */
div.ShowObject, div.ShowAreaselection, div.ShowCategorie {
    display:block;
}
/********** Recherche -> Raumauswahl ***/
/*Untermenü -> grauer Balken oben und unten */
div.subMenue {
/* SSU
    border-bottom:1px solid #adadad;
    border-top:1px solid #adadad;
*/
    margin-bottom:10px;
}
/*** Recherche -> Raumauswahl -> Button ***/
.buttonRaumauswahl {
    background-color:#253276;
    border:1px solid #253276;
    color:#ffffff;
    font-size:70%;
    height:18px;
    margin:0px 2px 2px 0px;
    padding:0px 8px 2px 5px;
    text-align:center;
}
.buttonSucheLoeschen {
    background-color:#dedede;
    border:solid #99ccff 2px;
    color:#ffffff;
    font-size:70%;
    height:18px;
    width:40%;
}
/********** Recherche -> Kategorien ***/
/* Checkboxen und Bilder */
input.themen, img.themen {
    margin:0;
    padding:0;
    vertical-align:middle;
}
div.ShowCategorie div:last-child {
    margin-top: 10px;
}
div.ShowSubCategorie {
    margin-top: 0 !important;
}
/********** Recherche -> Suchobjekte ***/
table.SuchObjekte td, table.SuchObjekte tr {
    margin:0px;
    padding-top:2px;
}
label.searchobject {
    padding-left:5px;
    padding-right:20px;
}
td.objectMap {
    background-image:url(../images/ikon_karte.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.objectData {
    background-image:url(../images/ikon_sachdaten.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.objectProject {
    background-image:url(../images/ikon_projekt.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.objectWms {
    background-image:url(../images/ikon_wms-server.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.objectWfs {
    background-image:url(../images/ikon_wfs-server.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.objectMeta {
    background-image:url(../images/ikon_metadaten.gif);
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:20px;
}
td.ObjectDisabled {
    color:#c0c0c0;
    font-size:77%;
}
td.searchobjects {
    padding:0 5px 0 5px;
}
td.searchobjectsmeta {
    padding:10px 5px 0 5px;
}
/******************** Recherche -> CSW-Recherche ********************/
table.csw_recherche {
    width:100%;
}
/* Recherche -> CSW-Recherche */
div.recherchebereichCsw {
    border-collapse:collapse;
    border-top:1px solid #adadad;
    padding:10px 3px 10px 3px;
}
div.recherchebereich2Csw {
    background-color:#efefef;
    border-collapse:collapse;
    border-top:solid #990033 1px;
}
/******************** Geodatenkatalog (rechter Frame) ********************/
/*** Container für Logo ***/
div.logo {
}
/*** Geodatenkatalog -> oberer Teil der Tabelle ***/
table.nav_tabelle_leiste {
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:100%;
}
table.nav_tabelle_leiste td, table.nav_tabelle_leiste th {
    border:1px solid #ffffff;
    font-weight:normal;
    margin-left:0;
    padding:0 5px 0 5px;
    text-align:left;
}
td.tabellenueberschrift, th.tabellenueberschrift {
    color:#ffffff;
    font-size:77%;
    font-weight:normal;
    text-align:left;
    border-right: 1px solid #ffffff;
}
/*** Geodatenkatalog -> Einträge***/
table.nav_tabelle, table.nav_tabelle_csw {
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:100%;
}
table.nav_tabelle td, table.nav_tabelle_csw td {
    margin:0;
    padding:1px 1px 1px 1px;
}
table.nav_tabelle td:first-child {
    width:100%;
}
table.nav_tabelle_csw td:first-child {
    width:1%;
}
table.nav_tabelle td a, table.nav_tabelle_csw td a {
    display:block;
}
.geradeZeile {
    border-bottom:1px solid #dedede;
    margin-bottom:1px;
    padding:4px;
}
.ungeradeZeile {
    border-bottom:1px solid #dedede;
    margin-bottom:1px;
    padding:4px;
}
/*** Geodatenkatalog -> Zwischenüberschriften für Themenkategorien ***/
tr.kategorie {
    color:#555555;
    font-size:77%;
}
tr.kategorie td div {
    background-color:#efefef;
    border-color:#adadad;
    border-style:solid;
    border-width:1px;
    margin-top:10px;
    padding:2px 0 2px 2px;
}
span.kategorie  {
    color:#666666;
    font-size:77%;
}
/*** Geodatenkatalog -> Zwischenüberschriften für Serien ***/
tr.serie {
    border-bottom:1px solid #dedede;
    margin-bottom:1px;
    padding:4px;
    cursor: pointer;
    color: #253276;
    font-size: 77%;
}
tr.seriesFooter {
    color: #253276;
    font-size: 77%;
}
/* Geodatenkatalog, Icon */
img.nav_icon {
    vertical-align:middle;
}
/* Geodatenkatalog, Kurzbeschreibung */
span.resultlist_detail {
    color:#555555;
    font-size:70%;
}
/* Größe der VorschauBilder/Platzhalter */
img.vorschau {
    height:50px;
    width:50px;
}
img.vorschauBild {
    width:150px;
}
/********** Geodatenkatalog -> WMS-/WFS-Server ***/
/* Geodatenkatalog WMS/WFS -> Abstände */
div.gis_recherche {
    border-collapse:collapse;
    margin-top:3px;
    padding:30px 3px 30px 3px;
}
/* Geodatenkatalog WMS -> Tabelleneintrag (entspricht "resultlist") */
.WMSMap {
    background-color:transparent;
    border-width:0px;
    color:#0071c6;
    font-size:77%;
    text-align: left;
}
/* Geodatenkatalog WMS -> Koordinatensystemanzeige*/
td.WMSCoordsytem {
    width:40%;
}
/* Geodatenkatalog WMS/WFS -> Detailansicht = Ebenen */
span.resultlist_wms {
    font-size:77%;
}
/********** Geodatenkatalog -> Metadaten ***/
table.metadata_tabelle {
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:100%;
    font-size:77%;
    color:#000000;
}
table.metadata_tabelle td, table.metadata_tabelle tr {
    margin:0px;
    padding: 2px 0 2px 2px;
}
tr.metadata_Head {
    background-color: #efefef;
    border: 1px solid #adadad;
    color:#555555;
}
td.metadata_Body {
    background-color:#ffffff;
    border-bottom: 1px solid #dedede;
}
/******************** neuer Server ********************/
/* Rahmen um optionale Einträge */
legend.standard {
    color:#000000;
    font-size:60%;
}
/******************** Karten-/Sachdaten-/Fachverfahrenspräsentation... ********************/
div.haupt {
    margin:0;
    padding:10px 10px 10px 5px;
    text-align:left;
}
/*wie haupt, aber mit Strich unten drunter*/
div.haupt_rahmen {
    border-bottom:1px solid #6f6f6f;
    margin:0px;
    padding:10px 10px 10px 5px;
    text-align:left;
}
div.abstand_rechts_linie, b.abstand_rechts_linie {
    margin-right:5px;
    padding-right:5px;
}
/*** Button (Input) ***/
.button {
    background-color:#253276;
    border-width:0px;
    color:#ffffff;
    font-size:70%;
    height:18px;
    margin:0px 2px 2px 0px;
}
.buttonGross {
    background-color:#253276;
    border-width:0px;
    color:#ffffff;
    font-size:70%;
    height:18px;
    margin:0px 2px 2px 0px;
}
.buttonGross2 {
    background-color:#253276;
    border-width:0px;
    color:#ffffff;
    font-size:70%;
    height:18px;
    margin:0px 2px 2px 0px;
}
.button:hover, .buttonGross:hover, .buttonGross2:hover {
    background-color:#253276;
    color:#ffffff;
}
.buttonLink {
    background-color:#ffffff;
    border-style:none;
    color:#0071c6;
    font-size:70%;
    text-align:left
}
.buttonLink:hover {
    background-color:#ffffff;
    color:#0071c6;
}
/*** Tabellen ***/
tr.ColorHead {
/*    background-color:#990033;*/
    background-color:#adadad;
}
tr.ColorBody {
    background-color:#dedede;
}
/*** Tabellen ***/
/* Spalte mit Blätterpfeilen*/
td.blaetterleisteMitte {
    padding-left:20px;
    padding-right:20px;
}
/******************** Hilfeseiten ********************/
.fislogo {
    background-image: url(../hilfe/images/fisbroker_logo.gif);
    height:26px;
    margin:2px 0 0 30px;
    width:136px;
}
/*** Links in Hilfeseiten ***/
a.hilfe:hover {
    color:#990033;
    cursor:help;
    font-style:italic;
}
a.hilfe:link {
    color:#00009f;
    cursor:help;
    font-style:italic;
}
a.hilfe:visited {
    color:#00009f;
    cursor:help;
    font-style:italic;
}

.bar_text {
    color: #ffffff;
    font-size:77%;
    font-weight: bold;
    padding-left: 5px;
}
.bar_top {
    background-color: #253276;
    height:20px;
    width:100%;
}
.content {
    line-height:30px;
    margin: 10px 30px 0 30px;
}
.header {
    font-weight:bold;
    margin:20px 0 30px 0;
    text-align: center;
}
.line_grey {
    background-color: #adadad;
    border-top:1px solid #adadad;
    margin-top: 20px;
}
.textarea_small {
    line-height:15px;
    padding-bottom:15px;
}
.textarea_medium {
    line-height:20px;
    padding-bottom:15px;
}
/******************** ES FEHLEN********************/
/*
neuer Server:
-> nav_gesamt für Tabelle
-> navigation-rechts für TD
Drucken: kopfDruck
*/
/******************** PRÜFEN ********************/
/* KG: n.g.*/
h1.areaselection {
    color:#000033;
    font-size:80%;
    font-weight:bold;
    line-height:30px;
}
/* KG: n.g. */
span.submenuegrau {
    color:#666666;
    font-size:60%;
}
/***Kategorien ***/
/* KG: n.g.*/
span.gruppe {
    display:none;
    margin-left:60%;
    visibility:hidden;
}
/*KG: n.g. ML: wird benutzt */
ul.unterkategorie {
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding-left:55px;
}

div.topline {
    background-image: url('../images/line_blue.png');
}
div.activeTab {
    background-color:#253276;
    border:1px solid #253276;
    display:inline-block;
    padding:5px 10px 5px 10px;
}
a.activeTabText, span.activeTabText {
    color:#ffffff;
}
div.inactiveTab {
    border:1px solid #253276;
    display:inline-block;
    padding:5px 10px 5px 10px;
}
a.inactiveTabText, span.inactiveTabText {
    color:#253276;
}