BODY {
  background-color : White;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

TABLE {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

OPTION {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

BIG,H1 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 14pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

H2 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

.WEITER {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11pt;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
        color : #006699;
  text-decoration : none;
}

.LIST {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  font-style : italic;
}

TD {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
  alink:#660000;
  link:#660000;
  vlink:#660000;
}

.TOP {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 7pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
        align : center;
        valign : center;
  alink:#000000;
  link:#000000;
  vlink:#000000;
}

TH {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
  background-color : White;
}

A:active, A:link, A:visited {
  font-size : 8pt;
  letter-spacing : normal;
  text-decoration : none;
  text-align : center;
  font-family : Verdana,  Arial, Helvetica, sans-serif;
  font-style : italic;
  color:#006699;
}
A:hover {
        font-size : 8pt;
        letter-spacing : normal;
        text-decoration : underline;
        text-align : center;
        font-family : Verdana,  Arial, Helvetica, sans-serif;
        font-style : italic;
        color:#006699;
}

P,p {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
  alink:#660000;
  link:#660000;
  vlink:#660000;
}

sub, sup {
  line-height: 0px;
  font-size: 90%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.infoBox {
  background: #006589;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxContentsHeading {
  background: #006589;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* data table */
.dataTableHeadingRow { background-color: #006589; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.senkrecht { writing-mode: tb-rl; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #C9C9C9; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000000; }
.dataTableContentBold { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight:bold; color: #000000; }

/* Artikeldetails */
.artikelTableHeadingRow { background-color: #006589; }
.artikelTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; }




div.breadcrumb {
  font: normal 10px/12px Verdana, Arial, sans-serif;
  margin: 1px 0 4px;
  padding: 1px 0 0 0px;
  width: 632px;
  font-style:normal;
}

div.breadcrumb strong {
  font-weight: 400;
}

a.breadcrumb:active, a.breadcrumb:link, a.breadcrumb:visited {
  font: normal 10px/12px Verdana, Arial, sans-serif;
  font-style:normal;
}

a.breadcrumb:hover {
  font: normal 10px/12px Verdana, Arial, sans-serif;
  font-style:normal;
  text-decoration : underline;
}

       A.zurueck:active, A.zurueck:link, A.zurueck:visited {
         font-size : 9px;
         letter-spacing : normal;
         text-decoration : none;
         text-align : center;
         font-family : Verdana,  Arial, Helvetica, sans-serif;
         font-style : italic;
         color:#006699;
       }
       A.zurueck:hover {
         text-decoration : underline;
       }
       A.zurueckGebiet:active, A.zurueckGebiet:link, A.zurueckGebiet:visited {
         font-size : 15px;
         letter-spacing : normal;
         text-decoration : none;
         text-align : center;
         font-family : Verdana,  Arial, Helvetica, sans-serif;
         font-style : italic;
         color:#006699;
         border: 2px solid #006589;
         padding:1px;
       }
       A.zurueckGebiet:hover {
         text-decoration : underline;
         border: 2px solid #ccc;
       }

       H1 {
        margin-top: 20px;
        margin-bottom: 10px;
       }

      #inhalt {
        width: 600px;
        text-align: left;
        margin: 0px 0px 0px 0px;
      }

      #map {
        height: 600px;
        width: 600px;
        border:1px solid #D1D0CD;
      }
	  
      #nodeList {
        margin-top: 5px;
        padding: 3px;
        width: 600px;
        font-weight: bold;
        text-align: center;
        background-color: #CCCCCC;
      }

      #tree {
        text-align: left;
        float: left;
        height: 400px;
        width: 250px;
        position: relative;
        visibility: hidden;
        z-index: 1898;
        background-color: transparent;
        opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    
    /** Change background-color of the tree here */
    .x-tree .x-panel-body {
        background-color: #3089B4;
        filter: alpha(opacity=80); 
    }
    
    /** Change style of tree nodes here */
    .x-tree-node a span {
        //font-size: 11px;
        color: white;
        font-style : normal;
    }
    
    /** Change style of tree nodes here */
    .x-tree-node a span:hover {
        color: #006488;  
    }
    
    
    /** Change style of non checked tree nodes here */
    .x-tree-node .x-tree-node-disabled a span {
        color:#BCBCBC !important;
    }
    
    .x-tree-node .x-tree-selected {
       background-color:#6EBCD9;
       color:#006488;
    }
    
    .x-tree-node .x-tree-node-over {
       background-color:#6EBCD9;
       color:#006488;
    }


    
    #place {
        width: 250px; /* width of #tree - width of menu-button (250-67px) */
        position: absolute; 
        top: 40;
        left: 600px;
        float: right;
    }
    
    
    .cf-wms-node img.x-tree-node-icon {
        width: auto !important;
        height: auto !important;
    }

       div.koordinateneingabe {
        position: absolute;
        background-color: #FFFFFF;
        margin: 0px;
        display: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;
        color: #000000;
        left: 620px; top: 40px;
        z-index:2000;
       }
       div.ortssuche {
        position: absolute;
        background-color: #FFFFFF;
        margin: 0px;
        display: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;
        color: #000000;
        left: 620px; top: 40px;
        z-index:2000;
       }

       div.hilfe {
        position: absolute;
        background-color: #FFFFFF;
        margin: 0px;
        display: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;
        color: #000000;
        left: 620px; top: 40px;
        z-index:2000;
       }

        div.oebvisuche {
            position: absolute;
            background-color: #FFFFFF;
            margin: 0px;
            display: none;
            font-family: Verdana, Arial, sans-serif;
            font-size: 9px;
            color: #000000;
            left: 620px; top: 40px;
            z-index:2000;
        }
       

     div.lineNormal {
       color: #000000;
     }
     div.lineError {
       color: #FF0000;
     }
     div.sucheNach #beispielText{
       font-size:0.7em;
     }
     div#orte {
        background-image: "";
        background-repeat: no-repeat;
        background-position: 50% 2px;
     }
     
     div#oebvi {
        background-image: "";
        background-repeat: no-repeat;
        background-position: 50% 2px;
     }
            
     .tooltip {
      position: absolute;
      display: none;
      background-color: #FAEBD7;
      border: 1px solid #000000;
      font-family: Verdana, Arial, sans-serif;
      font-size: 9px;
      color: #000000;
      z-index:1900;
     }
     
   

.loading-indicator {
	//background-image:url("/extjs/resources/images/default/grid/loading.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-size:8pt;
	height:18px;
	width:260px;
	//padding-left:20px;
	text-align:left;
}

#loading {
	background:#C3DAF9 none repeat scroll 0 0;
	border:1px solid #6593CF;
	left:20%; //45%
	//padding:2px;
	position:absolute;
	text-align:center;
	top:40%;
	//width:260px;
	width:250;
	*width:230px; //260px
	z-index:20001;
}

#loading .loading-indicator {
	-x-system-font:none;
	background:white url("/extjs/docs/resources/block-bg.gif") repeat-x scroll 0 0;
	border:1px solid #A3BAD9;
	color:#003366;
	width:238px;
	*width:218px; //238px
	font-family:tahoma,arial,helvetica;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0;
	padding:5px;
}


.ext-el-mask-msg x-mask-loading {
 	left:10px;
 	top:23px;
}

 

/* Erweiterung Geobroker */
.olControlPanel {
  float: left;
  text-align: left;
  top: 0px;
  left: 0;
  padding-left: 5px;
  padding-top: 2px;
  display:block;

  /* Versuch mit Balkenleiste */
  width: 100%;
  height: 32px;
  background-image: url("open_layers/theme/default/img/balken.png");
  background-repeat:repeat-x;
}

.olControlPanel div {
  float: left;
  margin: 3px;
}

.olControlPanel .olControlZoomToMaxExtentItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/zoom-world-off.png");
}


.olControlPanel .olControlDragPanItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/pan_on.png");
}
.olControlPanel .olControlDragPanItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/pan_off.png");
}

.olControlPanel .olControlDrawFeatureItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/draw_line_on.png");
}
.olControlPanel .olControlDrawFeatureItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/draw_line_off.png");
}


.olControlPanel .olControlZoomBoxItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/drag-rectangle-off.png");
}
.olControlPanel .olControlZoomBoxItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/drag-rectangle-on.png");
}

.olControlPanel .MyHilfeItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/help_on.png");
}
.olControlPanel .MyHilfeItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/help_off.png");
}

.olControlPanel .MyKoordInputItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/add_point_off.png");
}
.olControlPanel .MyKoordInputItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/add_point_on.png");
}
.olControlPanel .MyAdressFinderItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/find_off.png");
}
.olControlPanel .MyAdressFinderItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/find_on.png");
}
.olControlPanel .MyOebviFinderItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/ObVI_off.png");
}
.olControlPanel .MyOebviFinderItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/ObVI_on.png");
}


/*logo */
.olControlPanel .LogoItemInactive {
  width:  265px;
  height: 26px;
  background-image: url("open_layers/theme/default/img/logo_schrift.png");
}
.olControlPanel .LogoItemActive {
  width:  265px;
  height: 26px;
  background-image: url("open_layers/theme/default/img/logo_schrift.png");
}

.olControlPanel .OpenLayers_Control_MinimizeDiv {
  position: absolute;
  width: 80px; 
  height: 24px; 
  top: 5px; 
  right: 300px;
}

#OpenLayers_MaximizeDiv {
    position: absolute;
    top: 40px;
    left: 532px;
    width: 67;
    height: 20;
    z-index: 1899;
    visibility: visible;
    background-image: url("open_layers/img/button_menu_off.png");
}

 .olControlMousePosition {
    color:#FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 90%;
    font-weight:900;
	position: absolute;
    left: 0;
	width:137px;
	top:16px; 
	z-index:1023;
    
}

img#help_icon{
	padding-left:18px;
	padding-bottom:2px;
	height:15px;
	
	background: url(grafik/info_off-1.png);
	*background:url(); /*entfernt Hintergrundbild für IE6*/
	background-repeat: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='grafik/info_off-1.png');
	display:none; 
	margin-left:5px;
	cursor:help; 
}


/*fuer Hilfe*/

a.menu {

display:block;
margin-bottom:1px;
text-align:left; 
padding-left: 15px;
width:50%;
border-style:solid;
border-color: #8EBBD1 #006589 #006589 #8EBBD1;
border-width: 1px;
border-left-width: 0px;
text-decoration:none;
}

a.menu:link    { color:#000000 ; background:transparent; text-align:left; }
a.menu:visited { color:#000000; background-color:transparent; text-align:left; }
a.menu:hover   { color:#000000; background-color:#DDDDDD; text-decoration: none; text-align:left;}
a.menu:active  { color:#000000; background: #DDDDDD ; position: relative; top: 1px; text-align:left;}


.beschreibung{
margin:1px;
padding:1px;
width:360px;
text-align:left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
font-style : normal;
}

.text{
text-align:justify;
margin:1px;
padding:1px;
width:360px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
font-style : normal;
}

.olControlLoadingPanel {
            background-image:url(./open_layers/theme/default/img/loading.gif);
            position: relative;
            width: 195px;
            height: 11px;
            background-position:center;
            background-repeat:no-repeat;
            display: none;
        }