html, body
{
    background-color: #EFF4F6;
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 13px;
    height: 100%;
    /*background-image: url(Images/background.png);
    background-repeat: repeat;*/
}

#cornerPart
{
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border-left-width: 1px;
    border-left-color: #B8B8B8;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #B8B8B8;
    border-right-style: solid;
    /*box-shadow: 0 0 10px 10px rgba(136, 136, 136, 0.5);*/
}

#heading
{
    font: 24px Verdana,Helvetica bold;
    font-variant: small-caps;
    padding-left: 290px;
    padding-top: 5px;
}

.topRight
{
    position: absolute;
    right: 12px;
    top: 0px;
}

.topRightSecondary {
    position: absolute;
    right: 12px;
    top: 30px;
}

#TimeOutLabel {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    color: #808080;
}

.topRight li
{
    float: left;
    list-style-type: none;
    padding-left: 14px;
}

.topRight a
{
    text-decoration: none;
    color: Black;
}

.topRight a:hover
{
    text-decoration: underline;
    color: Black;
}

a img {
    border: 0 none;
}

#mainPart
{
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    bottom: 12px;
}

#outerMainLeftPart
{
    position: absolute;
    left: 0px;
    width: 345px;
    top: 50px;
    bottom: 0px;
    background-color: #FFFFFF;
}

#outerMainRightPart
{
    position: absolute;
    left: 345px;
    right: 0;
    top: 50px;
    bottom: 0;
    background-color: #FFFFFF;
}

#mainLeftPart
{
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 4px;
    top: 0px;
    bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px 5px 0px 0px;
    border-width: 1px;
    border-color: #B8B8B8;
    border-style: solid;
}

#mainRightPart
{
    border: 1px solid #B8B8B8;
    background-color: #EBEBEB;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 10px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 10px;
    border-radius: 5px 5px 0px 0px;
}

#MapOverlay 
{
    background-color: #EBEBEB;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    z-index: 99999; 
}

.background_highlight
{
    background-color: #EBEBEB;
}

#sideBarAdditionalContent
{
    background-color: #EBEBEB;
    border: 1px solid #B8B8B8;
    overflow: auto;
    padding: 5px;
    position: absolute;
    bottom: 8px;
    width: 308px;
}

.sideBarAdditionalContentAdmin
{
    top: 125px;
}

.sideBarAdditionalContentUser
{
    top: 90px;
}

#manageUserDiv
{
    overflow-y: auto;
    position: absolute;
    width: 98%;
    height: 88%;
}

.radioButtonSupervisorselection
{
    width: 100%;
    height: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-bottom: 15px;
}
.radioButtonSupervisorselection table
{
    width: 100%;
}

.radioButtonSupervisorselection tr
{
    display: block;
}


.radioButtonSupervisorselection tr:hover
{
    background-color: #DADADA;
}

.contentDiv
{
    float: right;
}

#userContentDiv
{
    float: left;
}

#UserSettings
{
    width: 100%;
}

.areaSelection
{
    margin-top: 20px;
}

#mapDiv
{
    background: #FFFFFF;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #999999;
}

#AddressFinder
{
    width: 740px;
    height: 110px;
    position: fixed;
    border: 1px solid #999999;
    background-color: rgba(235, 235, 235, 0.65);
    right: 24px;
    top: 71px;
    z-index: 9998;
    border-bottom-left-radius: 5px;
    padding: 10px;
    padding-top: 20px;
}



.Toolbox
{
    position: absolute;
    border: 1px solid #999999;
    background-color: rgba(235, 235, 235, 0.65);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    left: 353px;
    top: 100px;
    z-index: 9998;
    padding: 5px;
    height: auto;
    width: auto;
}

.ToolboxTools
{
    margin: 5px;
}

#AddressFinder p
{
    font-size: 13px;
}


#AddressFinderSwitcher
{
    text-decoration: none;
    z-index: 9999;
    font-size: 10px;
    color: #515151;
    position: fixed;
    right: 24px;
    top: 71px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#AddressFinderSwitcher:hover
{
    text-decoration: underline;
}

.SpacerAdressFinder
{
    color: #666;
    background-color: #FFF;
    border: 1px dotted #666;
    border-style: none none dotted;
    margin-top: 20px;
}

div.olMapViewport
{
    z-index: 98;
}

#iframeDataLeft, #iframeDataRight
{
    border-width: 1px;
    border-style: solid;
    border-color: #B8B8B8;
}

#settingsOverviewList
{
    background-color: #EBEBEB;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#settingsOverviewList a
{
    text-decoration: none;
    color: Black;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    display: block;
    text-indent: 12px;
    line-height: 35px;
}

#settingsOverviewList li
{
    background-color: #EBEBEB;
    height: 35px;
    border: 1px solid #B8B8B8;
    margin-top: -1px;
}

#settingsOverviewList li:hover
{
    background-color: #E3E3E3;
}

.reportbox
{
    height: 100%;
    padding: 20px 20px 0 20px;
}

.reporttablebox
{
    padding: 0 20px 20px 20px;
    text-align: right;
}

.reportbox table
{
    margin-left: auto;
    margin-right: auto;
}

.reporttablebox th 
{
    text-align:center;
}

.reporttablebox td 
{
    text-align:left;
}

.optionbox
{
    padding: 10px 20px 10px 20px;
}

.reporttablebox table
{
    width: 100%;
    border: 1px solid #999999;
    margin-left: auto;
    margin-right: auto;
}

.ImageCell
{
    text-align: center;
}

.archivetablebox
{
    border: 1px solid #999999;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

hr
{
    color: #EAEAEA;
    background-color: #EAEAEA;
    height: 1px;
}


form
{
    margin-top: 20px;
}

.reportLogin
{
    overflow: auto;
    position: relative;
    width: 100%;
    height: 98%;
}

.cbUserSelect ul
{
    top: auto !important;
    left: auto !important;
}

#myComboBox
{
    margin-top: 15px;
    margin-left: 20px;
}

#mylinks
{
    margin-top: 20px;
}

.ChangePassword
{
    width: 30%;
}

.changePasswordContainer
{
    margin: 10px 0 10px 0;
}

.UserTable
{
    border: 1px solid #999999;
}

.login-field
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.login-field table
{
    width: 80%;
    margin-top: 20px;
    margin-left: 10%;
    margin-right: 10%;
}

.login-label
{
    width: 30%;
}

.login-values
{
    width: 98%;
}
.errormessage
{
    color: Red;
}
.successmessage
{
    color: #00CC00;
}


.resultList
{
    list-style-type: none;
    padding-left: 5px;
}

fieldset
{
    border-radius: 5px 5px 5px 5px;
    margin: 10px;
}

fieldset label
{
    float: right;
    margin-right: 0.5em;
    padding-top: 0.2em;
    text-align: right;
}

legend
{
    font-weight: bold;
}

#installsettings-right
{
    float: right;
    width: 40%;
}

#installsettings-left
{
    float: left;
    width: 60%;
}

.clearfix
{
    float: left;
    width: 100%;
    margin: 10px;
}

.install-text-fields
{
    width: 100%;
}

.install-table
{
    width: 100%;
}

.install-label-row
{
    width: 130px;
}

.LineChart
{
    height: auto !important;
    width: 35% !important;
}

#aspnetForm
{
    margin-top: 0px !important;
}

#AddressFinder div ul
{
    left: 164px !important;
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#AddressFinder div.CitySelection ul
{
    top: 48px !important;
}

#AddressFinder div.StreetSelection ul
{
    top: 73px !important;
}

#AddressFinder div.AddressSelection ul
{
    top: 98px !important;
}

#AddressFinder div.HouseNumberSelection ul
{
    top: 98px !important;
}

#AddressFinder div.DistrictSelection ul
{
    top: 175px !important;
}

#AddressFinder div.MunicipalitySelection ul
{
    top: 200px !important;
}

#AddressFinder div.CadastralSelection ul
{
    top: 225px !important;
}

#AddressFinder div.ParcelSelection ul
{
    top: 250px !important;
}

div.ClientSelection ul
{
    left: 15px !important; 
    top: 185px !important;
}

div.ClientSelectionInvalid input
{
    background-color:#FFDDDD;
}

div.ClientSelectionInvalid ul
{
    left: 15px !important; 
    top: 185px !important;
}

div.ClientSelectionValid input
{
    background-color:#DDFFDD;
}

div.ClientSelectionValid ul
{
    left: 15px !important; 
    top: 185px !important;
}

/* CSS-Hook, um CB-Button in Sitebar nicht auszublenden, wenn Kartenelemente ausgeblendet werden */
.ClientSelection .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    visibility:visible !important;    
}

#messageBox
{
    position: fixed;
    top: 20%;
    width: auto;
    z-index: 20000;
    left: 30%;
    right: 30%;
}

#messageBox div table
{
    background-color: #FFFFFF;
    border: 1px solid #999999;
    width: 100%;
    height: 192px;
}

#messageText
{
    width: 99%;
    border: none;
    text-align: justify;
}

.messageBoxButton
{
    border: 1px buttonshadow solid;
    color: Black;
}

.autocomplete_completionListElement
{
    text-align: left;
    visibility: hidden;
    cursor: default;
    list-style: none outside none;
    padding: 0px;
    border: 1px solid buttonshadow;
    background-color: window;
    color: windowtext;
    position: absolute;
    max-height: 200px;
    overflow: auto;
    margin-top: 0px;
}

.autocomplete_highlightedListItem
{
    background-color: #82A0C1;
    color: black;
    padding: 1px;
}

.autocomplete_listItem
{
    background-color: #fff;
    color: windowtext;
    padding: 1px;
}

.AutocompleteTxt
{
    margin-top: 5px;
}

.paragraph-area
{
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

#wholePage
{
    font-size: 0px;
}

.ArchiveGrid tr
{
    vertical-align: text-top;
}

/* --- Toolbox --- */
a.ToolboxTools
{
    height: 30px;
    width: 30px;
    margin: 5px;
    display: block;
}

a#ToolboxToolsPan
{
    background-image: url(Images/Toolbox/pan.png);
}
a#ToolboxToolsPan:hover
{
    background-image: url(Images/Toolbox/pan_hover.png);
}
a#ToolboxToolsPan.activeElement
{
    background-image: url(Images/Toolbox/pan_active.png);
}

a#ToolboxToolsDrawLine
{
    background-image: url(Images/Toolbox/DrawLine.JPG);
}
a#ToolboxToolsDrawLine:hover
{
    background-image: url(Images/Toolbox/DrawLine_hover.JPG);
}
a#ToolboxToolsDrawLine.activeElement
{
    background-image: url(Images/Toolbox/DrawLine_active.JPG);
}

a#ToolboxToolsDrawPolygon
{
    background-image: url(Images/Toolbox/DrawPolygon.JPG);
}
a#ToolboxToolsDrawPolygon:hover
{
    background-image: url(Images/Toolbox/DrawPolygon_hover.JPG);
}
a#ToolboxToolsDrawPolygon.activeElement
{
    background-image: url(Images/Toolbox/DrawPolygon_active.JPG);
}

a#ToolboxToolsReshape
{
    background-image: url(Images/Toolbox/ChangeForm.JPG);
}
a#ToolboxToolsReshape:hover
{
    background-image: url(Images/Toolbox/ChangeForm_hover.JPG);
}
a#ToolboxToolsReshape.activeElement
{
    background-image: url(Images/Toolbox/ChangeForm_active.JPG);
}

a#ToolboxToolsRotate
{
    background-image: url(Images/Toolbox/Turn.JPG);
}
a#ToolboxToolsRotate:hover
{
    background-image: url(Images/Toolbox/Turn_hover.JPG);
}
a#ToolboxToolsRotate.activeElement
{
    background-image: url(Images/Toolbox/Turn_active.JPG);
}

a#ToolboxToolsResize
{
    background-image: url(Images/Toolbox/Scale.JPG);
}
a#ToolboxToolsResize:hover
{
    background-image: url(Images/Toolbox/Scale_hover.JPG);
}
a#ToolboxToolsResize.activeElement
{
    background-image: url(Images/Toolbox/Scale_active.JPG);
}

a#ToolboxToolsDrag
{
    background-image: url(Images/Toolbox/Move.JPG);
}
a#ToolboxToolsDrag:hover
{
    background-image: url(Images/Toolbox/Move_hover.JPG);
}
a#ToolboxToolsDrag.activeElement
{
    background-image: url(Images/Toolbox/Move_active.JPG);
}

a#ToolboxToolsDelete
{
    background-image: url(Images/Toolbox/Delete.png);
}
a#ToolboxToolsDelete:hover
{
    background-image: url(Images/Toolbox/Delete_hover.png);
}
a#ToolboxToolsDelete.activeElement
{
    background-image: url(Images/Toolbox/Delete_active.png);
}


/* -- Benutzerverwaltung -- */
a#EditUser
{
    height: 16px;
    width: 16px;
    margin-left: 5px;
    display: block;
    background-image: url(Images/assign.png);
    float: left;
}

a#DeleteUser
{
    height: 16px;
    width: 16px;
    margin-left: 5px;
    display: block;
    background-image: url(Images/unassign.png);
    float: left;
}

.HeaderDropDownList
{
    width: 100%;
}

/* --- UpdateProgress --- */
.LoadingOverlay
{
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    opacity: 0.5;
}

.LoadingContent
{
    background-color: #FFFFFF;
    z-index: 10001;
    position: fixed;
    top: 20%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 20%;
    left: 40%;
    text-align: center;
}


.ScrollableMainContent
{
    bottom: 8px;
    height: auto;
    left: 8px;
    overflow: auto;
    position: absolute;
    right: 8px;
    top: 8px;
}

.ScrollableMainContentWithHeader
{
    bottom: 8px;
    height: auto;
    left: 8px;
    overflow: auto;
    position: absolute;
    right: 8px;
    top: 85px;
}

.SiteBarCalendar
{
    margin-top:-210px;
}


.CbArchiveFilter ul
{
    top: 40px !important;
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.UserSelection ul
{
    left: 17% !important;
}

.CompanySelection ul
{
    left: 62% !important;
}

#manageUserDiv .alt-scroll-holder div.alt-scroll-content
{
    right: 0px;
}

.ArchiveParagraph
{
    margin: 0px;
}

#CreateNewUserWrapper
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.description_menu
{
    position: fixed;
    z-index: 1000;
    display: none;
}


.FileUpload div
{
    background: url("Images/verify_grey.png") no-repeat 100% 1px !important;
    width: 195px !important;
}

.FileUpload div div input
{
    width: 165px !important;
}

.site-bar
{
    margin: 0px;
    width: 283px;
}

.site-bar-collapse
{
    margin: 0px;
    width: 195px;
}

.collapsePanel
{
    height: 0px;
    overflow: hidden;
    background-color: White;
    border-color: #B8B8B8;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 10px;
}

.collapseTitle
{
    background-color: White;
    float: none;
    cursor: pointer;
    vertical-align: middle;
    border-width: 1px;
    border-color: #B8B8B8;
    border-style: solid;   
    height:32px;
    padding-left:10px;
    line-height: 0px;
    margin-top:5px;
}

.BoldTextRequestCount
{
    font-weight:bold;
}

input, textarea, .DropDown
{
    padding-left: 1px;
    border-style: solid;
    border-color: #808080;
    border-width: 1px;
    font-family: helvetica, arial, sans serif;
    padding-left: 1px;
}

.InvalideInput 
{
    padding-left: 1px;
    border-style: solid;
    border-color: #FF9999;
    border-width: 1px;
    font-family: helvetica, arial, sans serif;
    padding-left: 1px;
    background-color: #FFDDDD;
}

.ValideInput 
{
    padding-left: 1px;
    border-style: solid;
    border-color: #90EE90;
    border-width: 1px;
    font-family: helvetica, arial, sans serif;
    padding-left: 1px;
    background-color: #DDFFDD;
}

.NextInput 
{
    padding-left: 1px;
    border-style: solid;
    border-color: #9090FF;
    border-width: 1px;
    font-family: helvetica, arial, sans serif;
    padding-left: 1px;
    background-color: #DDDDFF;
}

#MapSettingsOverlay {
    background-color: rgba(235, 235, 235, 0.65);
    border: 1px solid #999999;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 100px;
    height: 76px;
    left: 402px;
    padding: 20px 10px 10px;
    position: fixed;
    width: 210px;
    z-index: 9998;
}


.ddlClientSelection
{
    margin-bottom:5px; 
    width: 214px;   
}

.ReportMapSettings
{
    background-color:#FFF;
    border:1px solid #808080;
    margin-top:5px; 
    padding:5px; 
}

.CbAddressFinder
{
    width: 260px;    
}


#JsMessage
{
    text-align:center;
    margin-top:200px;
}