/**
 *  # Bürgerservice #
 *  Styles für einbindung der externen Anwendung
 *  2008-09-22 / Brain-SCC GmbH
 *  ----------------------------------------------------------------------------
 **/
 
 
  /*-Hauptcontainer-*/
  .infodiensteinclude{
    display:block;
    float:left;
  }
  
  
  /*-Links innerhalb des Infodienstes-*/
  .infodiensteinclude a,
  .infodiensteinclude a:link,
  .infodiensteinclude a:visited,
  .infodiensteinclude a:hover,
  .infodiensteinclude a:focus,
  .infodiensteinclude a:active{}
  
  
  /*-Überschriften innerhalb des Infodienstes-*/
  .infodiensteinclude h1,
  .infodiensteinclude h2,
  .infodiensteinclude h3,
  .infodiensteinclude h4,
  .infodiensteinclude h5,
  .infodiensteinclude h6{}
  

  .infodiensteinclude h1{
    font-family:Arial;
    font-size:1.2em;
    font-style:normal;
    font-weight:bolder;
    margin-top:0;
  }
  
  .infodiensteinclude h2{
    font-family:Arial;
    font-size:1.1em;
    font-style:normal;
    font-weight:bolder;
    margin:10px 0px 5px 0px;
  }
  
  .infodiensteinclude h3{
    font-family:Arial;
    font-size:1.0em;
    font-style:normal;
    font-weight:bolder;
    margin:10px 0px 5px 0px;
  }
  
  
  /*-Sonstige Elemente-*/
  .infodiensteinclude .objectpath{
    display:block;
    margin:10px 0px 10px 0px;
    width:100%;
  }

  .infodiensteinclude .objectpath a,
  .infodiensteinclude .objectpath a:link,
  .infodiensteinclude .objectpath a:visited,
  .infodiensteinclude .objectpath a:hover,
  .infodiensteinclude .objectpath a:focus,
  .infodiensteinclude .objectpath a:active{
    display:inline;
    padding:3px;
    background-color:#F5F5F5;
  }
  
  .infodiensteinclude .objectpath a:hover,
  .infodiensteinclude .objectpath a:focus,
  .infodiensteinclude .objectpath a:active{
    background-color:#F0F0F0;
    text-decoration:none !important;
  }
  
  /*-Anliegen die zusätzliche regionale Beschreibungen enthalten-*/
  .infodiensteinclude .regionaleHinweise{}
  .infodiensteinclude p.regionaleHinweise{}
  .infodiensteinclude h4.regionaleHinweise{}
  
  
  /*-Beenden von gefloateten Inhalten, wird nur benötigt wenn bspw. dt und dd gefloatet werden-*/
  .infodiensteinclude .clearing{}
  
  
  /*-Liste von Links (z.B. Anliegen bei OE)-*/
  .infodiensteinclude ul.datalist{
    margin:20px;
    padding:0;
    list-style-type:point;
  }
  
  .infodiensteinclude ul.datalist li{
    margin:3px;
    padding:0;
    list-style-type:point;}
  
  .infodiensteinclude ul.datalist li a,
  .infodiensteinclude ul.datalist li a:link,
  .infodiensteinclude ul.datalist li a:visited,
  .infodiensteinclude ul.datalist li a:hover,
  .infodiensteinclude ul.datalist li a:focus,
  .infodiensteinclude ul.datalist li a:active{}
  
  
  /*-Navigationslinks am Ende einer Seite (z.B. "zurück zur Suche")-*/
  .infodiensteinclude .bottomnavi{}
  
  .infodiensteinclude .bottomnavi a,
  .infodiensteinclude .bottomnavi a:link,
  .infodiensteinclude .bottomnavi a:visited,
  .infodiensteinclude .bottomnavi a:hover,
  .infodiensteinclude .bottomnavi a:focus,
  .infodiensteinclude .bottomnavi a:active{}
  
  
  /*-Datenübersicht (z.B. Daten einer Stelle)-*/
  .infodiensteinclude .datasheet{
    display:block;
    padding:5px;
  }
  .infodiensteinclude div.datasheet{}
  
  .infodiensteinclude .datasheet a,
  .infodiensteinclude .datasheet a:link,
  .infodiensteinclude .datasheet a:visited,
  .infodiensteinclude .datasheet a:hover,
  .infodiensteinclude .datasheet a:focus,
  .infodiensteinclude .datasheet a:active{}
  
  .infodiensteinclude .datasheet dl{
    display:block;
    margin:0;
    overflow:hidden;
    clear:both;
  }
  
  .infodiensteinclude .datasheet dt{
    clear:left;
    display:block;
    float:left;
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    margin:0;
    overflow:hidden;
    padding:2px;
    width:160px;
  }
  
  .infodiensteinclude .datasheet dd{
    display:block;
    /*float:left;*/
    margin:0;
    overflow:hidden;
    padding:2px;
    text-align:left;
  }
  
  .infodiensteinclude .datasheet dd a,
  .infodiensteinclude .datasheet dd a:link,
  .infodiensteinclude .datasheet dd a:visited,
  .infodiensteinclude .datasheet dd a:hover,
  .infodiensteinclude .datasheet dd a:focus,
  .infodiensteinclude .datasheet dd a:active{}
  

  
  /*-vCard-Icon-*/
  .infodiensteinclude .vcard{
    display:block;
    text-align:right;
    padding:10px;
  }
  
  
  /*-Logo einer OE/Stelle-*/
  .infodiensteinclude .logo{}
  
  
  /*-A bis Z Liste für die Anliegensuche-*/
  .infodiensteinclude .AZlist{}
  
  .infodiensteinclude .AZlist a,
  .infodiensteinclude .AZlist a:link,
  .infodiensteinclude .AZlist a:visited,
  .infodiensteinclude .AZlist a:hover,
  .infodiensteinclude .AZlist a:focus,
  .infodiensteinclude .AZlist a:active{}
  
  
  /*-Ergebnisliste einer Suche (besteht aus einer Tabelle), gerade und ungerade Spalten können über die Klassen "even" und "odd" unterschiedlich ausgezeichnet werden-*/
  .infodiensteinclude .resultlist{
    border:0px;
    font-size:1.0em;
    margin-top:15px;
    width:100%;
  }
  .infodiensteinclude .resultlist th{
    padding:5px;
    font-weight:bold;
    background-color:#F5F5F5;
  }
  
  .infodiensteinclude .resultlist th a,
  .infodiensteinclude .resultlist th a:link,
  .infodiensteinclude .resultlist th a:visited,
  .infodiensteinclude .resultlist th a:hover,
  .infodiensteinclude .resultlist th a:focus,
  .infodiensteinclude .resultlist th a:active{}
  
  .infodiensteinclude .resultlist tr.even td{
   /* background-color:#FCFCFC;*/
  }
  .infodiensteinclude .resultlist tr.odd td{}
  .infodiensteinclude .resultlist td{
    padding:10px 5px 10px 5px !important;
    border-bottom:1px solid #EEE;
  }
  
  .infodiensteinclude .resultlist td a,
  .infodiensteinclude .resultlist td a:link,
  .infodiensteinclude .resultlist td a:visited,
  .infodiensteinclude .resultlist td a:hover,
  .infodiensteinclude .resultlist td a:focus,
  .infodiensteinclude .resultlist td a:active{}
  
  /*-Bereich zum blättern durch die Ergebnisseiten-*/
  .infodiensteinclude .pager{
  display:block;
  padding:10px 0;
  }
  
  .infodiensteinclude .pager a,
  .infodiensteinclude .pager a:link,
  .infodiensteinclude .pager a:visited,
  .infodiensteinclude .pager a:hover,
  .infodiensteinclude .pager a:focus,
  .infodiensteinclude .pager a:active{}
  
  
  /*-Pfadangabe zum Objekt (z.B. bei OE/Stelle)-*/
  .infodiensteinclude form{}
  .infodiensteinclude form label{}
  .infodiensteinclude form input{}
  .infodiensteinclude form select{}
  .infodiensteinclude form textarea{}
  .infodiensteinclude form .stdFPButton{}                /*normaler Button*/
  .infodiensteinclude form .stdFPSubmitButton{}          /*Submit Button*/
  .infodiensteinclude form .stdFPText{}                  /*Text innerhalb des Formulars*/
  .infodiensteinclude form .stdFPError{}                 /*Hinweise/Fehlermeldungen*/
  .infodiensteinclude form div{}
  
  
  /*-Katekorienliste (z.B. anliegenkategorien) mit Aufklappfunktion-*/
  .infodiensteinclude ul.categorylist{}
  .infodiensteinclude ul.categorylis li ul{}
  .infodiensteinclude ul.categorylis li{}
  .infodiensteinclude ul.categorylis li.active a{}       /*aktuell ausgewählter Eintrag*/
  .infodiensteinclude ul.categorylis li span.plus{}      /*Icon eines aufklappbaren Menüpunktes (über background definieren)*/
  .infodiensteinclude ul.categorylis li span.minus{}     /*Icon eines einklappbaren Menüpunktes (über background definieren)*/
  .infodiensteinclude ul.categorylis li span.toggle{}    /*Bereich für das Aus und Zuklapp-Icon*/
  
  
  
  /*-Suchmaske-*/
  
  .infodiensteinclude #searchForm{
    display:block;
    background-color:#F5F5F5;
  }
  
  .infodiensteinclude #searchForm .stdFPForm{
    display:block;
    padding:5px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm div div{
    display:block;
    clear:both;
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm label{
    float:left;
    width:120px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm .stdFPInput{
    border:1px solid #CCC;
    background-color:#FFF;
    padding:2px;
    font-size:1.0em;
    color:#000;
    width:200px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm .stdFPInput:hover,
  .infodiensteinclude #searchForm .stdFPForm .stdFPInput:focus,
  .infodiensteinclude #searchForm .stdFPForm .stdFPInput:active{
    border:1px solid #000;
  }
  
  .infodiensteinclude #searchForm .stdFPForm .stdFPText{
    font-size:0.9em;
  }
  
  .infodiensteinclude #searchForm .stdFPForm .stdFPSubmitButton{
    margin-left:120px;
    border:1px outset #DDD;
    background-color:#EEE;
    font-size:1.0em;
    padding:2px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm #resetButton{
    border:1px outset #EEE;
    background-color:#F9F9F9;
    color:#CCC;
    font-size:1.0em;
    padding:2px;
  }
  
  .infodiensteinclude #searchForm .stdFPForm .stdFPSubmitButton:hover,
  .infodiensteinclude #searchForm .stdFPForm .stdFPSubmitButton:focus,
  .infodiensteinclude #searchForm .stdFPForm .stdFPSubmitButton:active,
  .infodiensteinclude #searchForm .stdFPForm #resetButton:hover,
  .infodiensteinclude #searchForm .stdFPForm #resetButton:focus,
  .infodiensteinclude #searchForm .stdFPForm #resetButton:active{
    border:1px outset #CCC:;
    background-color:#DDD;
    color:#000;
  }
  
  /*Organigramm*/

  .infodiensteinclude #organigramm {
    text-align:center;
    width:615px !important;
  }


  .infodiensteinclude #organigramm .datasheet{
  }

  .infodiensteinclude .datasheet{
    display:block;
    padding:2px;
    border:1px solid #EEE;
  }

  .infodiensteinclude .datasheet dl{
    display:block;
    margin:10px 0px;
  }


  .infodiensteinclude .datasheet dl dd{
    display:block;
    padding:0px 10px
  }


  .infodiensteinclude .datasheet dl dt{
    display:block;
    /*background-color:#EEE;*/
    padding:2px 5px;
    font-weight:bold;
    font-size:1em;
  }

  #children,
  #connector div{
    border-color:#999 !important;

  }

  #children{
    border-width:1px !important;
    border-style:dashed !important;
  }

  #children div,
  #parent{
    background-color:#EEE !important;
    border:1px outset #e6e6e6 !important;
  }

  #current {
    border:2px outset #DDD !important;
    background-color:#999;
    color:#FFF;
    font-size:1.1em;
    font-weight:bold;
    padding:2px 10px;
  }

  #children div a:hover,
  #parent a:hover{
    background-color:#DDD;
  }