html, body {
    font: normal 12px arial;
    border: 0 none;
    overflow: hidden;
    margin: 0px;
    height: 100%;
    background-color: #e4e1e1;
}

h1, h2, h3 {
    margin: 0 0 10px 0;
}

label {
/*color: #00864c;*/
    color: black;
}

.input {
    font-size: 11px;
    padding: 2px;
    border: 1px solid black;
}

input[type="checkbox"] {
    border: 0px solid black;
    padding: 12px;
}

#search-results {
/* max-height:40px*/;
}

.ext-el-mask-msg {
    border: 0 solid #6593cf;
    background: none;
}

.ext-el-mask-msg div {
    border: 2px solid #00864c;
}

#loading-msg {
    top: 45% ! important;
    left: 43% ! important;
    z-index: 20001 ! important;
    padding: 2px;
    background: #eeeeee;
}

#map {
    border: none;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

#map-center {
}

.tab-content {
/*border: 2px solid #00864c;*/
/*padding: 10px;*//**/
}

.sidePanel {
    padding: 10px;
    line-height: 125%;
    overflow: auto;
}

.sidePanel .heading {
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 7px;
}

.sidePanel .checkbox {
    vertical-align: middle;
    margin-right: 4px;
}


.x-layout-split {
    width: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

#main-center {
/* background-color: #e4e1e1;*/
}

#main-header {
    background-color: white;
}

#main-east {
    background-color: white;
}

#main-west {
    background-color: #FDFEBB;
    padding: 10px;
}

#map-west {
/* width: 240px;*/
    overflow: auto;

}

#map-map-border {
    background-color: transparent; /*#00864c;*/
    width: 100%;
    z-index: 5;
}

#maincontainer {
    width: 98.4%;
    height: 100%;
}

#map-west-bar {
    width: 17px;
    display: none;
    visibility: hidden;
}

#map-east-bar {
    width: 17px;
    display: none;
    visibility: hidden;
}

#main-west-bar {
    display: none;
    visibility: hidden;
}

#main-east-bar {
    display: none;
    visibility: hidden;
}

.rg-box-out .rg-box-in .x-layout-split {
    background-color: #e4e1e1; /*  clip: rect( 25px auto auto auto );*/

}

.rg-box-out .x-layout-split {
    background-color: #e4e1e1;
    border: none;
}

.rg-box-out .x-layout-split-h {
    background: url( ../layoutImages/e-handle-dark.gif ) no-repeat left center;

}

.rg-box-out .rg-box-in .x-layout-split-h {
    background: url( ../layoutImages/e-handle-dark.gif ) no-repeat left 49.3%;
}

/* Tab-Panel */
.rg-box-out .rg-box-in .x-tabs-strip-wrap {
    background-color: #e4e1e1;
    padding-top: 17px;
}

.rg-box-out .rg-box-in .x-tabs-wrap {
    background-color: #e4e1e1;
}

button {
    background-image: none;
    background-color: white;
    border: 0px solid black;
    font-size: 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.x-btn {
    font-size: 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    position: relative;
    left: 9px;
}

.x-dlg .x-dlg-ft .x-dlg-btns td .x-btn-center {
    border: 0px solid black;
    padding: 0pt;
    background-color: white;
}

/* Button - linke Ecke */
.x-btn-menu-active .x-btn-left, .x-btn-click .x-btn-left, .x-btn-over .x-btn-left, .x-btn-left {
    border: none;
    background: url( ../customwidgets/images/button.png ) 0 0 no-repeat;
    width: 4px;
    height: 21px;
}

/* Button -rechte Ecke */
.x-btn-menu-active .x-btn-right, .x-btn-click .x-btn-right, .x-btn-over .x-btn-right, .x-btn-right {
    background: url( ../customwidgets/images/button.png ) 0 -21px no-repeat;
    border: none;
    width: 4px;
    height: 21px;
}

/* Button - Mitte */
.x-btn-menu-active .x-btn-center, .x-btn-click .x-btn-center, .x-btn-over .x-btn-center, .x-btn-center {
    background: url( ../customwidgets/images/button.png ) 0 -42px repeat-x;
    border: none;
    height: 21px;
}











.x-layout-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
}

/* Bar der Willkomens-Box im zugeklappten Modus */
.rg-box-out .x-layout-collapsed {
    background-color: #ffe500;
    border: 1px solid #c7c7c7;
    width: 25px;
}

.rg-box-out {

}

.rg-box-in {

    background-color: #e4e1e1;
}

.x-layout-panel-body {
    border: 0px solid #00864c;
}

#map-center .x-layout-panel-body {
    border: 2px solid #00864c;

}

/* Willkommens-Box-Header */
.rg-box-out .x-layout-panel-hd-text {
    background-color: #ffe500;
    font-weight: bold;
    padding: 6px 10px 5px 10px;
    border: 0px solid red;
}

/* Willkommens-Box-Header */
.rg-box-out .x-layout-title-west {
    background-image: none;
    color: black;
    border: 0px;
    background-color: #FAFBBF;
    padding: 18px 10px 0 10px;

}

/* Title-Text im Header der West-Boxen im BorderLayout2 (inneres) */
.rg-box-out .rg-box-in .x-layout-title-west {
    color: white;
    border: 0px;
    background: none;
    padding-top: 0px;
}

/* Title-Text im Header der West-Boxen im BorderLayout2 (inneres) */
.rg-box-out .rg-box-in .x-layout-title-east {
    color: white;
    border: 0px;
    background: none;
}

/* Bar der der Boxen des BoxLayout2 (inneres) */
.rg-box-in .x-layout-collapsed {
    background: none;
    border: 0px;
    width: 17px;
    padding: 0px;
}

.rg-box-out .x-layout-panel-west {
    border: none;
}

/* Das innere der Boxen im BorderLayout2 (inneres) */
.rg-box-out .rg-box-in .x-layout-panel-body {
    border: 2px solid #00864c;
    background-color: white;
}

/* Rahmen um das Karten-Panel */
.rg-box-out .rg-box-in .x-layout-panel-center .x-layout-panel-body {
    border: 0px;
}

/* Gesamte West-Box im BorderLayout2 */
.rg-box-out .rg-box-in .x-layout-panel-west {
    border: 0px;
    background: none;
}

/* Gesamte Ost-Box im BorderLayout2 */
.rg-box-out .rg-box-in .x-layout-panel-east {
    border: 0px;
    background: none;
}

/* Header der aufgeklappten Boxen des BoxLayout2 */
.rg-box-out .rg-box-in .x-layout-panel-hd-text {
    font-weight: bold;
    padding: 8px 0px 4px 12px;
    border: 0;
    background-color: transparent;
    background-image: url( ../layoutImages/tab_mapcontent.png );
    background-repeat: no-repeat;
    background-position: 0px center;
}

.x-layout-panel .x-tabs-wrap {
    background: transparent;
}

.rg-box-out .collapse .x-layout-stick {
    background-image: url( ../layoutImages/icon_pinoff_west_yellow.png );
    float: left;
    width: 29px;
    height: 20px;
}

.rg-box-out .x-layout-panel-hd-tools {
    background-color: transparent;
    float: right;
    text-align: right;
    top: 18px;
    right: 17px;
    width: 63px;
}

/* Button-Leite der Karteninhalts-Box-Tabs */
.rg-box-out .rg-box-in .x-layout-title-west .x-layout-panel-hd-tools {
    background-color: transparent;
    float: left;
    text-align: right;
    left: 127px;
    top: 3px;
    width: 63px;
}

/* Button-Leite der Legende-Box-Tabs (im Osten) */
.rg-box-out .rg-box-in .x-layout-title-east .x-layout-panel-hd-tools {
    background-color: transparent;
    float: left;
    text-align: right;
    left: 117px;
    top: 3px;
    width: 63px;
}

.rg-box-out .rg-box-in .collapse .x-layout-stick {
    background-image: url( ../layoutImages/icon_pinoff_west.png );
    float: left;
    width: 29px;
    height: 20px;
}

.rg-box-out .rg-box-in .x-layout-title-west .expand .x-layout-stick {
    background-image: url( ../layoutImages/icon_as_west_flap.png );
    width: 29px;
    height: 20px;
}

.rg-box-out .rg-box-in .x-layout-title-east .expand .x-layout-stick {
    background-image: url( ../layoutImages/icon_as_south_flap.png );
    float: left;
    width: 29px;
    height: 20px;
}

.x-layout-tools-button {
    z-index: 6;
    cursor: pointer;
    float: right;
    width: 23px; /* 2px größer als Weite damit platz zwischen den icons bleibt */
    height: 20px;
    margin: 0;

}

.x-layout-tools-button-inner {
    float: left;
}

.rg-box-out .x-layout-tools-button-inner {
    line-height: 1px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
}

/* Tab-Icons z.b. Schließen oder als-Flap-Iocn im Box-Header */
.rg-box-out .rg-box-in .x-layout-tools-button-inner {
    height: 20px;
    width: 63px;
    line-height: 1px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0;
    float: left;
}

.rg-box-out .x-layout-title-east {
    color: black;
}

.x-layout-collapse-west {
    background-image: url( ../layoutImages/icon_expand_right.png );
}

.rg-box-out .x-layout-collapse-west {
    background: url( ../layoutImages/icon_close_yellow.png ) 0 center no-repeat;
    width: 21px;
    margin-left: 8px;
    height: 20px;
}

.rg-box-out .x-layout-collapse-east {
    background: url( layoutImages/icon_close_yellow.png ) 0 center no-repeat;
    width: 21px;
    margin-left: 8px;
    height: 20px;
}

.x-layout-expand-west {
    background-image: url( ../layoutImages/icon_as_west_flap.png );
    width: 29px;
    height: 20px;
}

.rg-box-out .rg-box-in .x-layout-collapse-west {
    background: url( ../layoutImages/icon_close.png ) left  center no-repeat;
    width: 21px;
    height: 20px;

}

.rg-box-out .rg-box-in .x-layout-collapse-east {
    background: url( ../layoutImages/icon_close.png ) left center no-repeat;
    width: 21px;
    height: 20px;
}

.x-layout-collapse-east {
    background-image: url( ../layoutImages/icon_collapse_left.png );
}

.flaps .x-layout-tools-button-inner {
    background: none;
    float: left;
}

.x-layout-panel-east {
    border: 2px solid #00864c;
    opacity: .9;
    -moz-opacity: .9;
    filter: alpha( opacity = 90 );
}

.rg-box-out .x-layout-panel-west {
    opacity: .95;
    -moz-opacity: .95;
    filter: alpha( opacity = 100 );
}

.rg-box-out .rg-box-in .x-layout-panel-west {
    border: 0px solid #00864c;
    opacity: .9;
    -moz-opacity: .9;
    filter: alpha( opacity = 90 );

}

.rg-box-out .x-layout-panel .x-tabs-wrap {
    background-image: none;
    background-color: transparent;
}

/*  öffnen/schließen icon im Boxen-Bar (Zugreifer) */
.rg-bar-icon {
    text-align: center;
    margin-top: 22px;
}

/*  Beschriftung der Boxen-Bar (Zugreifer) */
.rg-bar-label {
    text-align: center;
    margin-top: 6px;
}




/*
.rg-box-out .rg-box-in .x-dlg .x-dlg-hd {
    background: url( ../customWidgets/images/hd-sprite.png ) repeat-x 0 -82px;
    padding: 6px;
    color:#fff;
}

.rg-box-out .rg-box-in .x-dlg .x-dlg-hd-left {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat 0 -41px;
    padding-left: 4px;
}

.rg-box-out .rg-box-in .x-dlg .x-dlg-hd-right {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat right 0;
    padding-right: 4px;
}

.rg-box-in .x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:2px solid #00864c;
	border-top:0 none;
}
*/

.x-dlg .x-dlg-hd {
    background: url( ../customWidgets/images/hd-sprite.png ) repeat-x 0 -82px;
    padding: 6px;
    color:#fff;
}

.x-dlg .x-dlg-hd-left {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat 0 -41px;
    padding-left: 4px;
}

.x-dlg .x-dlg-hd-right {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat right 0;
    padding-right: 4px;
}

.x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:2px solid #00864c;
	border-top:0 none;
}

/*
.rg-box-out .x-dlg .x-dlg-hd {
    background: url( ../customWidgets/images/hd-sprite-yellow.png ) repeat-x 0 -82px;
    padding: 6px;
    width: 120%;
    color:#000;
	font:bold 11px "sans serif", arial, tahoma, verdana, helvetica;
    
}

.rg-box-out .x-dlg .x-dlg-hd-left {
    background: url( ../customWidgets/images/hd-sprite-yellow.png ) no-repeat 0 -41px;
    padding-left: 4px;
    position:relative;
    left: -1px;
}

.rg-box-out .x-dlg .x-dlg-hd-right {
    background: url( ../customWidgets/images/hd-sprite-yellow.png ) no-repeat right 0;
    padding-right: 4px;
       
}

.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
    float:right;
    height:21px;
	width:20px;
	margin:0;
    margin-top: -1px;
    margin-left:4px;
    padding:0;
	line-height:1px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}
.x-dlg .x-dlg-close {
    background-image:url(../customWidgets/images/icon_close.png);
}

.x-dlg .x-dlg-close-over, .x-dlg .x-dlg-collapse-over {

}

.rg-box-out .x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:2px solid #ffe500;
	border-top:0 none;
}
*/

.rg-box-out .x-dlg .x-dlg-hd {
    background: url( ../customWidgets/images/hd-sprite.png ) repeat-x 0 -82px;
    padding: 6px;
    width: 120%;
    color:#fff;
	font:bold 11px "sans serif", arial, tahoma, verdana, helvetica;
    
}

.rg-box-out .x-dlg .x-dlg-hd-left {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat 0 -41px;
    padding-left: 4px;
    position:relative;
    left: -1px;
}

.rg-box-out .x-dlg .x-dlg-hd-right {
    background: url( ../customWidgets/images/hd-sprite.png ) no-repeat right 0;
    padding-right: 4px;
       
}

.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
    float:right;
    height:21px;
	width:20px;
	margin:0;
	margin-top:-1px;
    margin-left:4px;
    padding:0;
	line-height:1px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}
.x-dlg .x-dlg-close {
    background-image:url(../layoutImages/icon_close.png);
}

.x-dlg .x-dlg-close-over, .x-dlg .x-dlg-collapse-over {

}

/* Rahmen um gelben Dialog-Body */
.rg-box-out .x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:2px solid #00864c;
	border-top:0 none;
}

.flap {
    position: relative;
    top: 0;
    border: none;
    height: 18px;
    float: left;
    margin: 0;
    padding: 0;

}

.flap .x-layout-panel-hd-text {
    background-color: transparent;

    border: none;
}

#flap-legend {
    width: 80px;
}

#flap-legend-content {
    left: -49%;
    width: 250px;
}

.flap-legend-flap {

}

.flap-content .toolbar {
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: right;
}

.flap-content .toolbar .pinoff {
    position: relative;
    float: left;
    width: 29px;
    height: 20px;
    background: url( ../layoutImages/icon_pinoff_east_white.png ) no-repeat;
    cursor: pointer;
}

.flap-content .toolbar .closeIcon {
    position: relative;
    float: left;
    width: 22px;
    height: 20px;
    margin-left: 2px;
    background: url( ../layoutImages/icon_close_white.png ) no-repeat;
    cursor: pointer;
}

.flap-content .content {

}

#flap-addresssearch {
    width: 124px;
}

.flap-addressearch-flap {
}

#flap-addresssearch-content {
    left: -32%;
    width: 200px;
}

#flap-functions {
    width: 98px;
}

.flap-functions-flap {
}

.flap-functions-content {
    left: -30px;
    width: 143px;
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha( opacity = 100 );

}

#flap-config {
    width: 78px;
}

.flap-config-flap {

}

.flap-config-content {

    left: -30px;
    width: 160px;
    text-align: center;
    line-height: 20px;
}

.flap-content {
    position: absolute;
    opacity: .9;
    -moz-opacity: .9;
    filter: alpha( opacity = 90 );
    border: 2px solid #00864c;
    padding: 8px;
    background-color: white;
    text-align: left;
}

#map-flaps-bottom_orig {
    padding: 0;
    margin: 0;
    width: 100%; /* height: 18px;*/
    position: absolute;
    bottom: -2px;
    left: 0;
}

#map-flaps-bottom {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 18px;
    float: left;
    padding-left: 60px;
    padding-bottom: 15px;
    background-color: #e4e1e1;

}

.flaps {
    border: none;
}

.flaps .x-layout-tools-button-inner {
    display: none;
}

.flaps .spacer {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    float: left;
    margin-left: 15px;
}

#map-west-bar-handle.closed {
    background: url( ../layoutImages/flap_mapcontent_closed.png ) 0 0 no-repeat;
    width: 18px;
    height: 109px;
}

#map-west-bar-handle.open {
    background: url( ../layoutImages/flap_mapcontent_open.png ) no-repeat;
    width: 18px;
    height: 109px;
}