



/* ------------------------------------------ */
/* Stylesheets fuer den Karten - Client       */
/* ------------------------------------------ */


body              { background-color:  rgb(255,255,255); font-family: arial; }
img               { border: 0px }
.empty            { font-size: 0px; }


/* Karten-Rahmen */
#MapOuterBorderN  { background-color: rgb(177,186,214); border: 1px solid rgb(122,132,164); z-index: 0; }
#MapOuterBorderS  { background-color: rgb(177,186,214); border: 1px solid rgb(122,132,164); z-index: 0; }
#MapOuterBorderE  { background-color: rgb(177,186,214); border: 1px solid rgb(122,132,164); z-index: 0; }
#MapOuterBorderW  { background-color: rgb(177,186,214); border: 1px solid rgb(122,132,164); z-index: 0; }
.navimg           { cursor: pointer }


/* Mini-Map */
#divMinimap       { position: absolute; left: 709px; width: 150px; background-color: white; z-index: 1; border: 1px solid rgb(120, 131, 158); }
#divMinimapTag    { position: absolute; left: 0px; top: 0px; width: 148px; height: 13px; background-color: rgb(120,131,158); font-size: 10px; font-weight: bold; padding-left: 2px; z-index: 1; color: rgb(255,255,255); }
#divMinimapOpener { position: absolute; left: 138px; top: 1px; z-index: 1; cursor: pointer;}
#divMinimapFrame  { position: absolute; left: 0px; top: 13px; width: 150px; height: 145px; z-index: 1; display: inline; }
.minimap_open     { top: 539px; height: 158px; }
.minimap_close    { top: 684px; height: 13px; }


/* Info-Box */
#divInfoBox       { position: absolute; left: 720px; top: 300px; width: 160px; height: 130px; overflow: hidden; visibility: hidden; border: 1px solid rgb(150,162,194); background-color: white; font-size: 12px; font-weight: normal; color: rgb(255,255,255); z-index: 25; }
#divInfoBoxTag    { position: absolute; left: 0px; top: 0px; width: 144px; height: 15px; background-color: rgb(150,162,194); font-size: 12px; font-weight: bold; padding-left: 2px; color: white; z-index: 5; }
#divInfoBoxClose  { position: absolute; left: 144px; top: 0px; width: 15px; height: 14px; background-color: rgb(150,162,194); padding-top: 1px; padding-left: 1px; z-index: 5; }
#divInfoBoxSelect { position: absolute; left: 5px; top: 20px; width: 150px; height: 105px; border: 0px; overflow: auto; }
#InfoBox          { position: absolute; left: 0px; top: 15px; width: 160px; height: 115px; border: 0px; overflow: hidden; color: black; }


/* Toolbox */
#divToolBox       { position: absolute; left: 241px; top: 61px; width: 165px; height: 27px;  z-index: 1; border-left: 2px solid rgb(120, 131, 158); border-right: 2px solid rgb(120, 131, 158); border-bottom: 2px solid rgb(120, 131, 158); }
#divToolBoxTag    { position: absolute; left: 241px; top: 48px; width: 167px; height: 13px; background-color: rgb(120,131,158); font-size: 10px; font-weight: bold; padding-left: 2px; z-index: 1; color: white;  }
#divToolBoxOpener { position: absolute; left: 397px; top: 49px; z-index: 1; cursor: pointer;}


/* Tooltip */
#divToolTip       { position: absolute; width: 200px; font-size: 10px; font-weight: normal; color: #333366; background-color: white; border: 1px solid rgb(122,132,164); padding: 5px; z-index: 6; overflow: hidden; display: none; }
#divToolTipSmall  { position: absolute; font-size: 10px; font-weight: normal; color: #333366; background-color: white; border: 1px solid rgb(122,132,164); padding: 5px; z-index: 6; overflow: hidden; display: none; }
.tooltip_titel    { font-size: 11px; font-weight: bold; color: #333366; }


/* Merkliste */
#divMerkBox       { position: absolute; left: 207px; top: 48px; width: 192px; height: 178px; z-index: 7; visibility: hidden; background-color: white; font-size: 12px; font-weight: normal; z-index: 6; border-right: 2px solid rgb(120, 131, 158); border-left: 2px solid rgb(120, 131, 158); padding: 3px; }
#divMerkBoxTag    { position: absolute; left: 0px; top: 0px; width: 196px; height: 13px; padding-top: 2px; background-color: rgb(120,131,158); font-size: 12px; font-weight: bold; padding-left: 2px; z-index: 1; color: white; }
#divMerkBoxClose  { position: absolute; left: 185px; top: 2px; z-index: 7; }
#MerkListe        { position: absolute; left: 0px; top: 15px; width: 198px; height: 163px; border: 0px; z-index: 8; }
#divMerkBoxBottom { position: absolute; left: -2px; top: 181px; width: 198px; height: 24px; background-color: rgb(216,220,237); border-bottom: 2px solid rgb(120, 131, 158); border-left: 2px solid rgb(120, 131, 158); border-right: 2px solid rgb(120, 131, 158); z-index: 1; }
#divMerkBoxAktual { position: absolute; left: 10px; top: 2px; cursor: pointer; }
#divMerkBoxDrucken{ position: absolute; left: 120px; top: 2px; cursor: pointer; }
td.merkliste      { background-color: rgb(255,255,255); font-size: 12px; font-weight: normal; color: rgb(0,0,0); }


/* Merkliste - InfoFenster */
#divMerkInfo      { position: absolute; left: 470px; top: 400px; width: 250px; height: 230px; display: none; background-color: white; font-size: 12px; font-weight: normal; z-index: 8; border: 2px solid rgb(120, 131, 158); padding: 5px; }
#divMerkInfoTag   { position: absolute; left: -2px; top: -18px; width: 254px; height: 10px; background-color: rgb(120,131,158); font-size: 12px; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; z-index: 1; color: white; z-index: 8; }
#divMerkInfoClose { position: absolute; left: 246px; top: -15px; z-index: 8; }
.links {color: rgb(40, 56, 152); font-weight: bold; cursor: pointer; overflow: hidden;}


/* Print - InfoFenster */
#divPrintInfo      { position: absolute; left: 220px; top: 300px; width: 250px; height: 120px; display: none; background-color: white; font-size: 12px; font-weight: normal; z-index: 8; border: 2px solid rgb(120, 131, 158); padding: 5px; }
#divPrintInfoTag   { position: absolute; left: -2px; top: -18px; width: 254px; height: 10px; background-color: rgb(120,131,158); font-size: 12px; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; z-index: 1; color: white; z-index: 8; }
#divPrintInfoClose { position: absolute; left: 246px; top: -15px; z-index: 8; }


/* Menuleiste */
#divMenuleiste    { position: absolute; left: 227px; top: 1px; width: 648px; height: 34px; background-color: rgb(216,220,236); z-index: 0; }


/* Ortsauswahl */
#ortselect        { position: absolute; left: 5px; top: 6px; z-index: 10; border: 0px; height: 21px;  }
.Auswahl          { background-color:#ffffff; width:150px; height: 21px; border: 1px solid rgb(168,168,168); z-index: 10;}
select            { font-size:13px; height: 21px; z-index: 10; }


/* Suche */
input             { background-color: white; font-size: 13px; font-weight: normal; padding-top:0px; padding-left: 2px; border: 1px solid rgb(168,168,168); }
#divSuchForm      { position: absolute; left: 162px; top: 6px; z-index: 1; }
#inputort         { width: 80px; height: 16px; z-index: 0; }
#inputstrasse     { width: 152px; height: 16px; z-index: 0; }
#divSuchButton    { position: absolute; left: 323px; top: 6px; width: 35px; height: 17px; border: 1px solid rgb(216,220,236); cursor: pointer;}


/* Suchergebnis */
#divSuchergebnis  { position: absolute; left: 227px; top: 34px; width: 638px; height: 655px; display: none; background-color: white; font-size: 12px; font-weight: normal; z-index: 10; border: 2px solid rgb(120,131,158); padding: 3px; }
#Suchtitle        { position: absolute; left: -1px; top: -2px; width: 647px; height: 32px; background-color: rgb(120,131,158); font-size: 16px; font-weight: bold; color: white;}
#Suchergebnis     { position: absolute; left: 0px; top: 30px; width: 644px; height: 571px; background-color: white; z-index: 12; }
#SuchTag          { position: absolute; left: 16px; top: 5px; color: white; }
#SuchClose        { position: absolute; left: 621px; top: 5px; color: white; }
#divSuchInfo      { position: absolute; left: 240px; top: 350px; padding: 5px; border: 1px solid rgb(216,220,236); background-color: white; z-index: 11; }


/* Spezialkarten */
#divMapTag        { position: absolute; left: 293px; top: 7px; width: 120px; height: 17px; border: 1px solid rgb(168,168,168); background-color: white; font-size: 12px; font-weight: normal; padding-top: 2px; padding-left: 2px; }
#divMapOpener     { position: absolute; left: 416px; top: 7px; border: 1px solid rgb(216,220,236); cursor: pointer;}
#divMapSelect     { position: absolute; left: 293px; top: 28px; width: 136px; visibility: hidden; background-color: white; font-size: 12px; font-weight: normal; z-index: 6; border: 2px solid rgb(120, 131,158); border-top: 1px solid rgb(120, 131,158);}
.maplink          { margin: 4px 2px; color: rgb(0,0,0); cursor: pointer; font-size: 12px; font-weight: normal; }


/* Weitere Karteninhalte */
#divTreeTag       { position: absolute; left: 693px; top: 117px; width: 177px; height: 17px; background-color: white; font-size: 12px; font-weight: normal; padding-top: 2px; padding-left: 2px; border: 1px solid rgb(168,168,168); }
#divTreeOpener    { position: absolute; left: 873px; top: 117px; border: 1px solid rgb(216,220,236); cursor: pointer;}
#divTreeSelect    { position: absolute; left: -1px; top: 0px; width: 226px; height: 712px; visibility: visible; background-color: white; font-size: 12px; font-weight: normal; z-index: 6; border: 1px solid white; border-width: 0px 1px; overflow: auto; background-color: rgb(235,239,248);}
.active           { color: rgb(0,0,0); cursor: pointer; }
.inactive         { color: rgb(150,150,150); cursor: default; }


/* Legende */
#divLegende       { position: absolute; left: 875px; top: 0px; width: 222px; height: 711px; border: 1px solid white; border-width: 0px 1px; z-index: 4; overflow: auto; background-color: rgb(235,239,248); }
#divLegendeTitle  { padding-top: 2px; padding-left: 2px; height: 17px; }
#divLegende ul    { display:block;list-style-type:none;list-style-position:outside;padding:0px;margin:0px; }
#divLegende img   { margin-top:2px; }
#divLegende li a       { background-color:black;text-decoration:none;width:auto;display:block;text-indent:6px;height:17px;font-size:10pt;cursor:pointer; }
#divLegende li a:hover { cursor:pointer }
#divLegende li a.aMain { color:rgb(50,50,200);background-color:rgb(200,200,238);background-repeat:no-repeat;background-position:3px 5px;border-bottom:1px solid rgb(220,220,220);text-indent:12px; }
.size13           { font-size:13px; }


/* Copyright */
#Copyright        { height: 13px; font-size: 9px; font-weight: normal; text-align: left; padding: 2px 2px 2px 2px; overflow: hidden;}
#Copyright_Benndorf { height: 13px; font-size: 9px; font-weight: normal; text-align: right; padding: 2px 2px 2px 2px; overflow: hidden;}
#Copyright_Biotope  { height: 13px; font-size: 9px; font-weight: normal; text-align: left; padding: 2px 2px 2px 2px; overflow: hidden; display:none; }


/* Untertitel */
#Untertitel       { font-size: 16px; font-weight: normal; text-align: center; padding-top: 5px; background-color: rgb(235,239,248);}
#Boxlinks         { font-size: 20px; font-weight: normal; text-align: center; padding-top: 5px; background-color: rgb(235,239,248);}
#Boxrechts        { font-size: 20px; font-weight:   bold; text-align: center; padding-top: 5px; background-color: rgb(235,239,248);}
#Boxunten         { font-size: 20px; font-weight:   bold; text-align: center; padding-top: 5px; background-color: rgb(235,239,248); width:1098px; height: 56px; }
#BoxseitlichR     { font-size: 20px; font-weight:   bold; text-align: center; padding-top: 5px; background-color: rgb(208,226,238);}
#BoxseitlichL     { font-size: 20px; font-weight:   bold; text-align: center; padding-top: 5px; background-color: rgb(208,226,238); z-index: 20;}
.impressum        { font-size: 11px; font-weight: normal; text-align: center; padding-top: 5px; color:rgb(133,133,194); background-color:rgb(235,239,248); text-decoration:none; }
.homepage1        { font-size: 11px; font-weight: normal; text-align: center; padding-top: 5px; color:rgb(133,133,194); background-color:rgb(216,220,236); text-decoration:none; }
.homepage2        { font-size: 11px; font-weight: bold; text-align: center; padding-top: 5px; color:rgb(133,133,194); background-color:rgb(235,239,248); text-decoration:none; }

/* Statistik */
#Statistik        { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; border: 0px; }


/* myWMS-Stylesheets */
form { margin:0px }

/* mapborder */
#layerMapBorder { border:1px solid rgb(0,0,0);z-index:0 }

/* zoombox */
#layerZoomBox { border:2px solid rgb(255,128,64);line-height:0px;cursor:crosshair;z-index:2 }

/* statusbar */
#divStatusbar { font-size: 10px; height: 13px; z-index: 2; text-align: right;}
#divScalebarText { height:14px;color:rgb(0,0,0);font-family:arial;font-size:9px;padding-left:2px;padding-right:2px;white-space:nowrap;z-index:2 }
#divScaleBarImg { border:1px solid rgb(0,0,0);height:3px;z-index:2 }

/* print preview frame */
#layerPrintPreview1,#layerPrintPreview2,#layerPrintPreview3,#layerPrintPreview4 { border:1px solid rgb(255,128,64);line-height:0px }

/* measure ie,mozilla  */
.divMeasureLineIE { width:4px;height:3px;background-color:rgb(255,128,0);font-size:0px;border:1px solid rgb(255,128,0) }
.divMeasurePointIE { width:4px;height:3px;background-color:rgb(0,0,255);font-size:0px;border:1px solid rgb(0,0,255) }
.divMeasureLineNS { width:2px;height:2px;background-color:rgb(255,128,0);font-size:0px;border:1px solid rgb(255,128,0) }
.divMeasurePointNS { width:2px;height:2px;background-color:rgb(0,0,255);font-size:0px;border:1px solid rgb(0,0,255) }
.divMeasureText { font-family:arial;font-size:9px;color:rgb(0,0,0);background-color:rgb(228,228,228);padding-left:2px;padding-right:2px;white-space:nowrap }
.divMeasure1stPoint { border:2px solid rgb(255,128,0);background-color:rgb(0,0,255) }

/* marker text */
#divMarkerInfo { height:12px;background-color:rgb(238,238,238);border:1px solid rgb(70,70,70);padding-left:2px;padding-right:2px;white-space:nowrap }

/* highlighting usemap */
.divUsemapHighlight { position:absolute;background-color:rgb(255,204,0); }

/* active button function 41,115,181 */
#divInfo { font-weight:normal;color:rgb(255,128,64) }

/* icons usemap layer */
a.umIcon { z-index:2;border-width:0px; }
a.umIcon:hover { border:2px solid rgb(255,128,64);z-index:3; }
a.umText { z-index:2;border:1px solid rgb(70,70,70);background-color:rgb(253,243,203);padding-left:1px;padding-right:1px;color:rgb(70,70,70);font-size:8px; }
a.umText:hover { border:2px solid rgb(255,128,64);z-index:3; }

/* don't change */
#layerMarker { z-index:1 }
#layerEventHandling { background-image:url(../images/transparent.gif);z-index:2;border:0px solid red }
#layerMeasureLine,#layerMeasureRun { z-index:2 }
#divNavIcon,#divSlideBarIcon,#divSliderIcon,#divZoomInIcon,#divZoomOutIcon,#divZoomBoxIcon,#divWaitIcon,#divToolbar,#divMapBackIcon,#divHighlightIcon { z-index:2; cursor:pointer;}

/* info frame */
#divInfoFrame { border:2px groove rgb(218,218,218); z-index: 35;}
#divInfoFrameTitle {font-size: 12px; font-weight: bold; background-color: rgb(120,131,158); color: rgb(255,255,255); z-index: 35; cursor: pointer;}
#divInfoFrameSrc { background-color: rgb(255,255,255); z-index: 35;}
#divInfoFrameResize { background-color: rgb(235,235,235); z-index: 35;}
#divInfoFrameStatus { font-size: 12px; font-weight: normal; color: rgb(120,131,158); z-index: 35;}
