html, body, div, p, h1, h2, h3, span, a, table, td, form
{
    margin: 0px;
    padding: 0px;
}

html, body {
    background-color: #f0f4f8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



a:link, a:visited, a:active, a:focus { 
    color: #274d74;
    text-decoration:none
}

a:hover   { 
    color: #8cadcf;
}

.foot-text { 
    color: #232b4e;
    font-size: 7pt;
    line-height: 16pt;
    text-align: right;
    margin-top: 7px;
    margin-right: 25px;
}

#mainContainer {
    height: auto;
    width: 820px;
    left: 0px;
    top: 15px;
    position: relative;
}

#head { 
    background-image: url(aws_head-image.jpg);
    height: 140px;
    width: 820px;
    left: 0px; top: 0px;
    position: absolute;
    cursor: pointer;
}

/*** Textformate ****************************************/

.reiterBody p 
{
    color: #404040;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 12pt;
    padding-right: 25px;
    margin-right: 10px;
    margin-left: 10px;
}

.reiterBody h1 
{
    color: #404040;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 12pt;
    margin-right: 10px;
    margin-left: 10px;
}

.reiterLupe p 
{
    color: #404040;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 12pt;
    margin-right: 10px;
    margin-left: 10px;
    width: 95%;
}

.reiterLupe h1 
{
    color: #404040;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 12pt;
    margin-right: 10px;
    margin-left: 10px;
}


/*** Menu auf der linken Seite Anfang ****************************************/
#menuLeft {
    background-image: url(aws_navi-left-00-hg.gif);
    position: absolute;
    color: #274d74;
    left: 0px;
    top: 140px;
    width: 160px;
    height: 610px;
    margin: 0px;
    padding: 0px;
}

.menuLeftTop {
    background-image: url(aws_navi-left.gif);
    font-size: 8pt;
    font-weight: bold;
    line-height: 6pt;
    text-align: left;
    padding-left: 33px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.menuLeftBody {
    background-image: url(aws_navi-left-00-hg.gif);
    font-size: 8pt;
    line-height: 14pt;
    text-align: left;
    vertical-align: middle;
}

.menuLeftBody .menuSeperator, .menuSeperatorTop  {
    width: 160px;
    height: 20px;
}
.menuLeftBody .menuSeperatorTop {
    background-image: url(aws_navi-left-00.gif);
}
.menuLeftBody .menuSeperator {
    background-image: url(aws_navi-left-01.gif);
}
.menuLeftBody .menuBlock {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

.bullet {
    background-image: url(aws_arrow-small_right.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
    line-height: 11pt;
}
.bullet2 {
    background-image: url(aws_arrow-small2.gif);
    background-repeat: no-repeat;
    font-size: 7pt;
    padding-left: 20px;
    line-height: 11pt;
}

/*** Menu auf der linken Seite Ende ****************************************/

/*** Menu auf der linken Seite Neu Anfang ****************************************/

#menuLinks {
    background-image: url(hint_lspalte.gif);
    position: absolute;
    color: #274D74;
    left: 0px;
    top: 140px;
    width: 160px;
    min-height: 610px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.menuLinksOben {
    background-image: url(hint_lspalte.gif);
    font-size: 8pt;
    font-weight: bold;
    line-height: 6pt;
    text-align: left;
    padding-left: 33px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.menuLinksKoerper {
    color: #000;
    font-size: 7pt;
    line-height: 14pt;
    text-align: left;
    vertical-align: middle;
}

.menuLinksKoerper .menuInfoboxOben  {
    background-image: url(box_kopf_2-zeiler_streifen_lspalte.gif);
    width: 160px;
    height: 36px;
    font-size: 8pt;
    line-height: 16px;
}

.menuLinksKoerper .menuInfoboxOben1  {
    background-image: url(box_kopf_1-zeiler_streifen_lspalte.gif);
    width: 160px;
    height: 22px;
    font-size: 8pt;
    padding-top: 0px;
    padding-left: 27px;
    line-height: 18px;
}

.menuLinksKoerper .menuInfobox {
    background-image: url(box_content-mitte_streifen_lspalte.gif);
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 25px;
    padding-bottom: 5px;
    line-height: 18px;
}

.menuLinksKoerper .menuInfoboxUnten {
    background-image: url(box_content-unten_streifen_lspalte.gif);
    background-repeat: no-repeat;
    height: 7px;
    margin-left: 0px;
}

.menuLinksKoerper .menuTrenner, .menuTrennerOben  {
    width: 160px;
    height: 20px;
}
.menuLinksKoerper .menuTrennerOben {
    background-image: url(hint_lspalte.gif);
}
.menuLinksKoerper .menuTrenner {
    background-image: url(hint_lspalte.gif);
}
.menuLinksKoerper .menuKasten {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

.bullet2 {
    background-image: url(aws_arrow-small2.gif);
    background-repeat: no-repeat;
    font-size: 7pt;
    padding-left: 20px;
    line-height: 11pt;
}

/*** Menu auf der linken Seite Neu Ende ****************************************/

/*** Menu auf der rechten Seite Anfang *************************************/
#menuRight {
    background-image: url(aws_navi-right-00-hg.gif);
    position: absolute;
    color: #274d74;
    left: 660px;
    top: 140px;
    width: 160px;
    height: 610px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.menuRightTop { 
    background-image: url(aws_navi-right.gif);
    font-size: 8pt;
    font-weight: bold;
    line-height: 6pt;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}
.menuRightBody { 
    background-image: url(aws_navi-right-00-hg.gif);
    font-size: 7pt;
    line-height: 14pt;
    text-align: left;
}
.menuRightBody .menuSeperator, .menuSeperatorTop  { 
    width: 160px;
    height: 20px;
}
.menuRightBody .menuSeperatorTop {
    background-image: url(aws_navi-right-00.gif);
}
.menuRightBody .menuSeperator {
    background-image: url(aws_navi-right-01.gif);
}
.menuRightBody .menuBlock { 
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-right: 10px;
}
/*** Menu auf der rechten Seite Ende **************************************** */

/*** Menu auf der rechten Seite Neu **************************************** */

#menuRechts {
    background-image: url(hint_rspalte.gif);
    position: absolute;
    color: #274d74;
    left: 660px;
    top: 140px;
    width: 160px;
    min-height: 610px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.menuRechtsOben {
    background-image: url(hint_rspalte.gif);
    font-size: 8pt;
    font-weight: bold;
    line-height: 6pt;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}
.menuRechtsKoerper {
    color: #000;
    font-size: 7pt;
    line-height: 14pt;
    text-align: left;
}

.menuRechtsKoerper .menuInfoboxOben  {
    background-image: url(box_kopf_2-zeiler_streifen_rspalte.gif);
    width: 160px;
    height: 36px;
    font-size: 8pt;
    padding-left: 10px;
    line-height: 16px;
}

.menuRechtsKoerper .menuInfoboxOben1  {
    background-image: url(box_kopf_1-zeiler_streifen_rspalte.gif);
    width: 160px;
    height: 22px;
    font-size: 8pt;
    padding-left: 10px;
    line-height: 16px;
}

.menuRechtsKoerper .menuInfobox {
    background-image: url(box_content-mitte_streifen_rspalte.gif);
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 25px;
    line-height: 16px;
    width: 140px;
    overflow: hidden;
}

.menuRechtsKoerper .menuInfoboxUnten {
    background-image: url(box_content-unten_streifen_rspalte.gif);
    background-repeat: no-repeat;
    height: 7px;
}

.menuRechtsKoerper .menuTrenner, .menuTrennerOben  {
    width: 160px;
    height: 7px;
}
.menuRechtsKoerper .menuTrennerOben {
    background-image: url(box_oben.gif);
}
.menuRechtsKoerper .menuTrennerUnten {
    background-image: url(box_unten.gif);
    background-repeat: no-repeat;
    height: 20px;
}
.menuRechtsKoerper .menuTrenner {
    background-image: url(hint_rspalte.gif);
}

.liste {
    background-image: url(aws_arrow-small_right.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
    line-height: 14px;
}

.menuRechtsKoerper .menuKasten {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-right: 10px;
}

/*** Menu auf der rechten Seite Neu Ende **************************************** */

#karteikarte1 {
    width: 500px;
    min-height: 400px;
    left: 160px;
    top: 525px;
    position: absolute;
    text-align: left;
}
#karteikarte2 {
    width: 500px;
    left: 160px;
    top: 140px;
    position: absolute;
    text-align: left;
}
.reiterHead { 
    background-image: url(reiter_top.gif);
    height: 40px;
    width: 500px;
}
.td1 {
    height: 46px;
    width: 35px;
    background-image:url(reiter_top01.gif);
}
.td2 {
    height: 46px;
    background-image:url(reiter_top02.gif);
}
.td3 {
    height: 46px;
    width: 16px;
    background-image:url(reiter_top03.gif);
}
.reiterBody, .reiterLupe { 
    background-image: url(reiter_hg.gif);
    width: 500px;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Verdana;
    font-size: 9pt;
}
h1 {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
}

.reiterLupe { 
    background-image: url(reiter_hg_lupe.gif);
}
.reiterBody div { width: 95%; }
.reiterLupe div { width: 95%; }

.reiterFoot { 
    background-image: url(reiter_foot.gif);
    height: 25px;
    width: 500px;
}

/** die untere abschliessende Zeile *********************************/
#foot { 
    background-image: url(aws_foot.jpg);
    height: 45px;
    width: 820px;
    left: 0px;
    top: 750px;
    position: absolute;
}


#p5 {   /* ist in den Ballungsraum Karten referenziert */
        position: absolute;
        overflow: hidden;
        width: 360px;
        height: 20px;
        font-family: Verdana;
        font-size: 11pt;
        line-height: 14pt;
        color: #005189;
        margin-top: -20px;
}

/** Hilfetext in der Map *********************************/

#p6 {   /* ist als ID in Datenbank hinterlegt */
        color: #404040;
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 12pt;
        margin-right: 10px;
        margin-left: 10px;
}

/** Suchformular *********************************/

.suchenPfeil {
    font-family: Verdana;
    font-size: 8pt;
    text-align: right;
    padding-right: 40px;
}

.XXsuchformular {
    position: absolute;
    top: 100px;
    left: 170px;
    width: 419px;
    background-image: url(lupe.gif);
    background-repeat: repeat-y;
    font-family: Verdana;
    font-weight: normal;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 10px;
}
.XXSuchformular h1 { 
    font-size: 11pt;
    line-height: 14pt;
    color: #005189;
}
.suchformular p { 
    font-size: 8pt;
    line-height: 9pt;
    color: #404040;
}

.suchformular select {
    background-color: #CFE0EA;
    width: 380px;
    border: 1px solid #00508B;
    font-family: Verdana;
    font-size: 8pt;
    color: #274d74;
}


/** Karteireiter Ort / Map *********************************/

.reiterHeadPlan { background-image: url(reiter_top-plan.gif); height: 40px; width: 500px; left: 0px; top: 0px; position: absolute; visibility: visible; }
.reiterBodyPlan { background-image: url(reiter_hg.gif); height: auto; width: 500px; left: 0px; top: 40px; position: absolute; visibility: visible; }
.reiterFootPlan { background-image: url(reiter_foot.gif); height: 25px; width: 500px; left: 0px; top: 0px; position: relative; visibility: visible; }
.reiterHeadInfo { background-image: url(reiter_top-info.gif); height: 40px; width: 500px; left: 0px; top: 0px; position: absolute; visibility: visible; }
.reiterText { color: #005189; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; word-spacing: 65px; top: 0; right: 0; margin-top: 14px; margin-left: 40px; }

#stadtteile { display: block; min-height: 500px;}
#stadtinfo  { display: none;  min-height: 500px;}
#kanzleien  { display: none;  min-height: 500px;}
#ortinfo    { display: block; min-height: 500px;}
#rechtsinfo { display: none;  min-height: 500px;}


/** Namensuche *********************************/

.name {  
    padding-top: 10px;
    padding-left: 0px;
    font-family:Verdana;
    font-size:9pt;
    line-height:9pt;
    font-weight:bold;
    color:#005189;
}


.bildbeschreibung {
    padding-left: 0px;
    margin-bottom:15px;
    font-family:Verdana;
    font-size:8pt;
    line-height:10pt;
    font-weight:normal;
    color:#005189;
}

.portrait {
    width: 90px;
    height: 120px;
    border: 1px solid #005189;
    padding: 0px;
    text-align: justify;
}
.sem {
    display: none;
    width: 300px;
    border: 1px solid grey;
    position: relative;
    background-color: #fff;
    font-family:Verdana; 
    font-size:8pt;
    line-height:10pt; 
    font-weight:normal; 
    color:#404040;
}

.sem h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:8px;
    padding:1px 0px 3px 7px;
    background: #eeeeee;
    border-left: 6px solid #005189;
}

.divover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-image: url(loader.gif);*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
    opacity: .2;
    -moz-opacity: .2;
    filter: alpha(opacity=20);
    z-index: 999;
}