@import url("moveableTitleBar/moveableTitleBar.css");
@import url("toc/toc.css");
@import url("perimeterSearch/perimeterSearch.css");
@import url("dojo/claro.css");
@import url("dojo/claroGrid.css");
@import url("dojo/ellipsis.css");
@import url("atlasGelb.css");
@import url("atlasIcons.css");
@import url("infoWindow/atlasInfoWindow.css");

html, body {
    height: 100%;
}

body {
    /* Bei eingeschalteter Bookmark-Leiste z.B. bleibt die interne Fensterhöhe unverändert 
     * und 100% Höhe führt zu einer vertikalen Scrollbar
     */
    overflow: hidden;
}

*:focus {
    outline: none;
}

.esriScalebar {
    padding: 20px 20px;
}

.atlasWindow .content {
    background-color: #ffffff;
}

#loginWindow {
    position: absolute;
    top: 0;
    height: 100%; 
    width: 100%;
    z-index: 1000; 
    background: whitesmoke;
}

#loginWindow #loginDialog {
    padding: 10px;
    margin: 25% auto; 
    width: 300px;
    background-color: #eeeeee; 
    border: 2px solid #bbbbbb;
}

#loginWindow #loginDialog div {
    text-align: center;
}

#loginWindow #loginDialog label {
    display: inline-block;
    width: 100px;
}

#mapIntegration {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: visible;
    float: none;
    font-family: sans-serif;
}

#mapDiv {
    padding: 0;
    overflow: hidden;
    border-color: #f00ff0;    border-style: solid;    border-width: 0px;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;

    /* ATLAS-2920: Zeichenversatz im Entfernungs und Flächenmessungstool */
    top : 0px;
}

#headerDiv {
    padding: 0px;
    width: 100%;
    z-index: 12;
    position: absolute;
    border-color: #00ffff;    border-style: solid;     border-width: 0px;
}

#searchBoxViewDiv {
    float: left;
    padding-left: 5px;    padding-right: 5px;    padding-top: 4px;
    border-color: #008800;    border-style: solid;    border-width: 0px;
}

#printBoxDiv {
    float: left;
    padding-left: 5px;    padding-right: 5px;    padding-top: 0px;    padding-bottom: 0px;
    border-color: #1988f1;    border-style: solid;    border-width: 0px;
}

#toolbarDiv {
    float: left;
    height: 30px;
    overflow: hidden;
    padding-left: 5px;    padding-right: 5px;    padding-top: 0px;    padding-bottom: 0px;
    border-color: #ff0000;    border-style: solid;    border-width: 0px;
}

#toolbarRightDiv {
    height: 30px;
    padding-left: 5px;    padding-right: 10px;    padding-top: 0px;   padding-bottom: 0px;
    top: 0px;
    border-color: #ff00ff;    border-style: solid;    border-width: 0px;
    float: right;
}

#basemapSelectorDiv {
    right: 7px;    
    top: 37px;
    z-index: 15;
    position: relative;
    text-align: right;
    border-color: #0000ff;    border-style: solid;     border-width: 0;

    width: 50%;
    float: right;
}

#imprintDiv {
    padding-left: 10px;
}

.atlas .headerDivGradient {
    /*
     * 	ATLAS-2951
     *	JS: Im Internet Explorer 9 wird die farbige Werkzeugleiste nicht angezeigt
     *  Sicherheitseinstellungen verhindern Regel progid:DXImageTransform.Microsoft.gradient
     *  Also mit einem PNG simulieren.
     * 
     
    background-image: -webkit-linear-gradient(#ffffff 0%, #bbbbbb 100%);
    background-image: -moz-linear-gradient(#ffffff 0%, #bbbbbb 100%);
    background-image: -o-linear-gradient(#ffffff 0%, #bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#bbbbbb') progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 180, Color = '#bbbbbb') progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 180, Color = '#bbbbbb');
    */

    background: #bbbbbb url("images/headerDivTile.png");
    background-repeat: repeat-x;

}

.claro .errorTitlePane {
    background-color: #ff4444;
}

.buttonToggled {
    background-color: #888888 !important;
}

.imageButtonToggled {
    background-color: #dddddd;
}

.claro .dijitToggleButton .dijitButtonNode {
    background-image: none;
    font-size: 11px;
}

.claro .dijitButton .basemapButton {
    outline: none;
    background-color: #888888;
}

@media print {
    @page rotated {
        size: landscape
    }
}
.atlas .dijitTitlePaneTitle {
    background-color: #bbbbbb;
    color: #aaaaaa;
}

.atlas .toolBarTextColor {
    color: #aaaaaa;
} 

.atlas .dijitButton .dijitButtonNode {
    background: url("images/atlasWeiss.button.png") #bbbbbb;
    outline: none;
}

.atlas .dijitToggleButton .dijitButtonNode {
    background: url("images/atlasWeiss.button.png") #bbbbbb;
    outline: none;
}

.atlas .dijitToggleButtonChecked .dijitButtonNode{
    background: url("images/atlasWeiss.button.png") #333333;
    outline: none;
}

.claro .dijitButton .basemapButtonSelected {
    outline: none;
    background-color: #bbbbbb;
}

#atlasfx .dijitTitlePane div {
    overflow: visible;
    float: none;
}

.claro .dijitTitlePaneTitle {
    float: none;
}

.claro .dijitTitlePaneTitleFocus {
    float: none;
}

#atlasfx {
    overflow: visible;
    line-height: 100%;
} 

#mapIntegration {
    overflow: visible;
    line-height: 100%;
}

#searchBoxViewDiv div {
    font-family: sans-serif;
    overflow: hidden;
}

#mapDiv div {
    overflow: hidden;
}

#mapDiv_zoom_slider div {
    overflow: visible;
}

#mapDiv_zoom_slider .dijitRuleContainer {
    overflow: visible;
    float: left;
}

#zoomBoxButton {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    background: url("images/zoom_by_extent_button.png") no-repeat;
    cursor: pointer;
}

#scalebar {
    overflow: visible;
}

#perimeterSearchDiv .dojoxGridScrollbox  {
    overflow: auto;
}

.languageFlag {
    padding-left: 5px; 
    padding-right: 5px;
    padding-top: 5px; 
    cursor: pointer;
}

.dijitComboBoxMenuPopup {
    font-family: sans-serif;
    font-size: 12px;
}
.printHidden {
    display: none;
}

.layerChooser {
    list-style: none;
    margin: 0;
    padding: 0;
}

.layerChooser li {
    line-height: 150%;
    padding:3px;
    cursor: pointer;
}
.layerChooser li:hover {
    background: #ccc;
}
#logoDiv img {
    max-width: 400px;
    max-height: 300px;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
}
#logoDiv.centerVertical {
    height: 300px;
    top: 50%;
    margin-top: -150px;
    line-height: 300px;
}
#logoDiv.centerHorizontal {
    width: 400px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
}