/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html
{
	font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	line-height: normal;
}
body
{
	border-color: #A6A6A6;
	background-color: #5c87b2;
	font-size: 75%;
	margin: 0;
	padding: 0;
	color: #696969;
	height: 100%;
}

/* X zum Löschen von Text bei input nicht anzeigen */
input::-ms-clear {
  width : 0;
  height: 0;
}

header,
footer,
nav,
section
{
	display: block;
}

header
{
	font-size: 100.1%;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

a
{
	color: #696969;
}

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.ws-page, .page
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	min-height: 900px;
	overflow: hidden;
}

.page
{
	min-width: 1200px;
	max-width: 1600px;
}

.ws-page
{
	min-width: 500px;
	max-width: 1800px;
}

div.page,
div.ws-page
{
	display: table;
	width: 100%;
	height: 100%;
}

div.page > div,
div.ws-page > div
{
	display: table-row;
}

header, #header
{
	display: table;
	width: 100%;
}

#header div
{
	display: table-row;
	vertical-align: middle;
}

#header div div
{
	display: table-cell;
}

#logo {
    overflow: hidden;
}

#logo img {
    padding: 0px;
}

#logo-text {
    overflow: hidden;
}

#title
{
	margin-top: 7px;
}

#header-spacer
{
	width: 100%;
}

#product,
#environment
{
	font-size: large;
	padding-left: 5px;
	white-space: nowrap;
}

#product a,
#product {
    font-weight: bold;
    color: #1F497D;
    text-align: center;
	text-decoration: none;
}

#environment
{
	font-weight: bolder;
	padding-left: 100px;
	color: Red;
}

header h1, #header h1
{
	font-weight: bold;
	padding: 5px 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-size: 32px !important;
	display: inline;
}

#navigation-menu
{
	display: table-cell;
	vertical-align: top;
	width: 196px;
	padding: 2px 2px 2px 2px;
	min-height: 836px;
}

#main
{
	display: table;
	background: #fff;
	_height: 1px;
	width: 100%;
	height: 100%;
}

#content
{
	min-width: 1400px;
	max-width: 1400px;
	display: table-cell;
	min-height: 840px;
	height: 100%;
}

#ws-content
{
	min-width: 400px;
	display: table-cell;
	min-height: 840px;
	height: 100%;
}

footer, #footer
{
	display: table-cell;
	clear: both;
	background-color: #BFBFBF;
	text-align: center;
	line-height: normal;
	font-size: .9em;
	list-style: none;
	width: 100%;
	height: 16px;
	padding: 8px 0 2px 0;
}

#footer > span
{
	height: 16px;
}

/* MENU
----------------------------------------------------------*/

#leftmenu
{
	line-height: 1.6;
	margin: 0;
	padding: 0px;
	list-style: none;
}

#leftmenu > li
{
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #727272;
	list-style: none;
	background-color: #d9d9d9;
}

#leftmenu > li > a,
#leftmenu > li > span
{
	width: 100%;
	padding: 4px;
}

#leftmenu > li > .k-menu
{
	color: #A6A6A6;
	font-weight: normal;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#leftmenu > li > .k-menu > li
{
	line-height: 1.6;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9d9d9;
}

#leftmenu li > .k-menu > li > a,
#leftmenu li > .k-menu > li > span
{
	width: 100%;
	padding: 2px;
	color: #404040;
}


/*
#menu .t-item
{
	border-width: 0 0 0 1px;
}

#menu .t-link
{
	padding: 5px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.8em;
}
*/

/* Cockpit
-----------------------------------------------------------*/

#single-content-column,
#content-column
{
	float: left;
	height: 100%;
	margin: 0;
}

#divMain
{
    padding: 2px 4px 2px 0px;
}

#content-column
{
	width: 70%;
}

#single-content-column
{
	width: 100%;
}

#ws-content-column
{
	margin-left: 2px;
	margin-right: 6px;
}

#context-column
{
	width: 30%;
	margin: 0;
	float: left;
	height: 100%;
}

#divTabMain
{
	display: table;
	padding: 2px 2px 2px 0px;
	width: 100%;
	height: 100%;
}
#divContext
{
	padding: 2px 4px 2px 2px;
	color: #A6A6A6;
}

#divTabMain #tabMain
{
	display: table-cell;
	width:100%;
	height: 100%;
	min-height:834px;
}

#divContext #barContext
{
	width:100%;
	height:834px
}

.tab-fokus-person
{
	font-weight: bold;
	color: #1f497d !important;
}

.tab-fokus-jagdrevier
{
	font-weight: bold;
	color: #008000 !important;
}

.tab-fokus-fischereirevier
{
	font-weight: bold;
	color: #1F497D !important;
}
/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

/*
fieldset
{
	border:1px solid #ddd;
	padding:0 1.4em 1.4em 1.4em;
	margin:0 0 1.5em 0;
}

legend
{
	font-weight: bold;
}

textarea
{
	min-height: 75px;
}

input[type="text"]
{
	width: 200px;
	border: 1px solid #CCC;
}


input[type="password"]
{
	width: 200px;
	border: 1px solid #CCC;
}
*/

/* TABLE
----------------------------------------------------------*/

/*
table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td
{
  padding: 5px;
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
}
*/

/* MISC
----------------------------------------------------------*/

a img
{
	border-style: none;
}

.clear
{
	clear: both;
}

.error
{
	color:Red;
}

div#title
{
	display:block;
	text-align:left;
}

.login
{
	border: none;
	display: table;
	margin-bottom: 40px;
}

.login > div
{
	display: table;
	margin-top: 10px;
	text-align: left;
}

.login > div > div
{
	display: table-row;
}

.login > div > div > div
{
	padding: 2px 10px 2px 2px;
	display: table-cell;
}

.login * img
{
	text-align: right;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover
{
	color: white;
	text-decoration: none;
}

#startdisplay
{
	display: table;
	padding-left: 50px;
	padding-top: 20px;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align: top;
	min-height: 840px;
	width: 100%;
	color: white;
}

#startdisplay * h1,
#startdisplay * h2,
#startdisplay * h3,
#startdisplay * h4,
#startdisplay * a,
#startdisplay > h1,
#startdisplay > h2,
#startdisplay > h3,
#startdisplay > h4,
#startdisplay > a
{
	color: #FFFFFF !important;
}

#startdisplay * h1
{
	margin: 0px;
	font-size: 40pt;
	font-weight: bolder;
}
#startdisplay * h2
{
	margin: 0px;
	padding: 0px;
	font-size: 20pt;
	font-weight: normal;
}
#startdisplay * h3
{
	margin: 0px;
	font-size: 20pt;
	font-weight: normal;
}


#startdisplay .login-link,
#startdisplay .login-link.submit-link
{
	background-color: transparent;
	text-decoration: underline;
	color: #FFFFFF;
	border-style: none;
	cursor: pointer;
	margin-left: -8px;
}


#startdisplay > div
{
	display: table-row;
	width: 100%;
	vertical-align: top;
}

#startdisplay > div > img
{
	text-align: center;
}


#startdisplay > div > div
{
	display: table-cell;
	vertical-align: top;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000 !important;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000 !important; 
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
	margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
	margin:0.5em 0 0 0;
}

.text-box
{
	width: 10em;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

#leftmenu > li > .k-menu > li.controlrule a
{
	padding: 6px 10.8px 4.8px !important;
}

label.controlrule.textbox,
label.controlrule-hidden.textbox,
label.controlrule-readonly.textbox
{
	border: 1px solid #C4C4C4;
	padding: 2px 3.6px 2px 3.6px;
	height: 2.13em;
	background-color: #FFFFFF;
	text-indent: 2px;
}

label.controlrule.textbox,
label.controlrule,
input.controlrule,
li.controlrule,
li.controlrule a,
th.controlrule,
button.controlrule.submit-link,
button.controlrule.k-button,
a.controlrule,
th.controlrule,
th.controlrule a
{
	/*font-size: 8pt;*/
	cursor: help !important;
	color: #477a15 !important;
}

label.controlrule-hidden.textbox,
label.controlrule-hidden,
input.controlrule-hidden,
li.controlrule-hidden,
li.controlrule-hidden a,
th.controlrule-hidden,
button.controlrule-hidden.submit-link,
button.controlrule-hidden.k-button,
a.controlrule-hidden,
th.controlrule-hidden a,
th.controlrule-hidden
{
	/*font-size: 8pt;*/
	cursor: help !important;
	color: #b4000c !important;
}

label.controlrule-readonly.textbox,
label.controlrule-readonly,
input.controlrule-readonly,
li.controlrule-readonly,
li.controlrule-readonly a,
th.controlrule-readonly,
button.controlrule-readonly.submit-link,
button.controlrule-readonly.k-button,
a.controlrule-readonly,
th.controlrule-readonly a,
th.controlrule-readonly
{
	/*font-size: 8pt;*/
	cursor: help !important;
	color: #ff9900 !important;
}

.controlrule-icon {
	margin-left: -9px;
	margin-top: 7px;
	cursor: help !important;
}

div.element-id
{
	border: 1px solid #808080;
	background-color: #FEF9DA;
	font-size: 7pt;
	position: absolute;
	z-index: 0;
	width: 26px;
}

/* Suchdialoge
----------------------------------------------------------*/

.suchdialog
{
	display: table;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #FEF9DA;
	margin: 0;
	padding: 0;
	width: 100%;
}

.suchdialog fieldset
{
	border: none;
	padding: 2px 2px 4px 2px;
	margin: 0;
}

.suchdialog fieldset div
{
	display: table-row;
}

.suchdialog fieldset div div.fullcell
.suchdialog fieldset div div.cell
{
	display: table-cell;
}

.suchdialog fieldset * div.table
{
	display: table;
}

.suchdialog fieldset * div.row
{
	display: table-row;
}

.suchdialog fieldset * div.table * div.fullcell,
.suchdialog fieldset * div.table * div.cell,
.suchdialog fieldset div div
{
	display: table-cell;
	white-space: nowrap;
}

.suchdialog fieldset * div.table * div.cell,
.suchdialog fieldset div div
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-right: 2px;
}
.suchdialog fieldset div div div
{
	display: block;
}

.suchdialog fieldset div.k-upload,
.suchdialog fieldset div.k-upload-button,
.suchdialog fieldset div.k-dropzone
{
	display: inline-block;
}

.submit-link
{
	background-color: transparent;
	text-decoration: underline;
	color: #696969;
	border-style: none;
	cursor: pointer;
}

.small-cell
{
	padding-right: 50px;
	width: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.middle-cell
{
	min-width: 100px;
}

.large-cell
{
	min-width: 150px;
}

.suchdialog fieldset * div.contentcell:empty,
.suchdialog fieldset * div.cell:empty {
	display: none;
	height: 0px;
}

.suchdialog fieldset * div.contentcell {
	vertical-align: top !important;
}

.suchdialog fieldset * div.table * div.cell label,
.suchdialog fieldset div div label
{
	margin-right: 2px;
	margin-left: 5px;
}

.suchdialog fieldset * div.table * div.cell input[type=text],
.suchdialog fieldset div div input[type=text]
{
	width: 100%;
}


.suchdialog legend
{
	padding: 2px;
	background-color: #D9D9D9;
	font-weight: normal;
	width: 100%;
	margin-left: -2px;
}

#content .dialog-element
{
	padding: 2px 0px 0px 4px;
	white-space: nowrap;
	height: 24px;
}

#content .label-element
{
	padding: 2px;
	white-space: nowrap;
	height: 2em;
}

.suchdialog-msg
{
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}

.suchdialog div.linkpanel
{
	margin-top: -20px;
	float: right;
}


/* Dialoge
----------------------------------------------------------*/

.detaildialog
{
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
}

.detaildialog fieldset
{
	border: none;
	padding: 2px 2px 4px 2px;
	margin: 0;
}

.detaildialog legend,
.detail-legend
{
	background-color: #D9D9D9;
	font-weight: normal;
	width: 100%;
}

.detaildialog legend
{
	padding: 2px;
}

.detail-legend
{
	padding: 4px 0px 4px 0px;
    margin-right: 2px;
}

.detail-legend span
{
    margin-left: 10px;
}

.detaildialog div.table,
.detaildialog div.table * div.table
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.detaildialog div.table div.row,
.detaildialog div.table * div.row
{
	display: table-row;
}

.detaildialog div.table * div.emptycell,
.detaildialog div.table * div.contentcell,
.detaildialog div.table * div.cell {
	display: table-cell;
	text-align: left;
	padding-bottom: 1px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.detaildialog div.table * div.contentcell:empty,
.detaildialog div.table * div.cell:empty {
	display: none;
	height: 0px;
}

.detaildialog div.table * div.emptycell,
.detaildialog div.table * div.cell {
	height: 25px;
	vertical-align: middle;
}

.detaildialog div.table * div.contentcell {
	vertical-align: top;
}

.detaildialog * .editor-label {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-left: 5px;
	padding-right: 2px;
}

.detaildialog div.table * div.cell:first-child .editor-label
{
	padding-left: 1px;
}

/*
.detaildialog * .editor-field
{

}
*/
.detaildialog .tab-content
{
   max-width: 950px;
   width: 100%;
   margin: 5px;
}

.floatcell
{
    display: block !important;
	float:left;
	margin-left: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
}

.floatcell-full
{
    display: block;
	float:left;
    margin:5px 5px 5px 5px;
}

.floatcell div
{
    display: block !important;
	padding-bottom: 1px;
}
.floatcell div label
{
	margin-left: 2px !important;
    vertical-align: middle;
}

/* Zusammenfassung Fokus
----------------------------------------------------------*/

#content .focus-summary
{
	display: table;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content .focus-summary fieldset
{
	border: none;
	padding: 2px 2px 4px 2px;
	margin: 0;
}

#content .focus-summary fieldset div
{
	display: table-row;
}

#content .focus-summary fieldset div div
{
	display: table-cell;
	white-space: nowrap;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

#content .focus-summary fieldset div div label,
#content .focus-summary fieldset div div a
{
	color: #808080;
}

#content .focus-summary fieldset div div input[type=text]
{
	width: 100%;
}

#content .focus-summary legend
{
	padding: 2px;
	background-color: #D9D9D9;
	font-weight: normal;
	width: 100%;
	margin-left: -2px;
}

#content fieldset.normal-fieldset
{
	border: none;
	padding: 2px 2px 4px 2px;
	margin: 0;
}
#content fieldset.normal-fieldset legend
{
	padding: 2px;
	background-color: #D9D9D9;
	font-weight: normal;
	width: 100%;
	margin-left: -2px;
}

/* Dialog ohne Cockpit
----------------------------------------------------------*/

#content .fulldialog
{
	width: 1392px;
	height: 100%;
	margin: 2px;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

/* Validierung
----------------------------------------------------------*/
.validation-none {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/*.validation-required
{
	font-weight: bold;
	color: #000;
}*/

.validation-error
{
	color:#f00;
}

/* Status-Meldungen */
.status-messages
{
	vertical-align:middle;
	margin-top: 5px;
	margin-bottom: 5px;
    white-space: normal;
}

.status-message
{
	height: 16px;
	vertical-align:middle;
	font-size: 100%;
	font-weight: bold;
    white-space: normal;
}

.status-message img
{
	vertical-align:middle;
}

/* Spezielle Texthervorhebungen */
.important-message
{
	color: #CC0000;
}

/* Tooltip */
.tooltip-content
{
	font-size: 8pt;
	color: #666666;
}

.tooltip-content .table
{
	padding: 2px 2px;
	text-align: left;
	display: table;
}

.tooltip-content .row
{
	display: table-row;
}

.tooltip-content .cell
{
	padding: 2px 2px;
	display: table-cell;
}

/* Warte-Animationen */

.transition-element {
    background-position: center center;
    background-image: url("Images/loading-image.gif");
    height: 8px;
    display: none;
    background-repeat: no-repeat;
}

.waiting-element {
    background-position: center center;
    background-image: url("Images/loading-image.gif");
    display: none;
    background-repeat: no-repeat;
    height: 16px;
    width: 32px;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

/* Person Autocomplete */
.person-cmb-item
{
	margin-top: 2px;
    margin-bottom: 2px;
}

.person-cmb-jagd
{
	background-color: #c1ed9f;
}

.person-cmb-fischerei
{
	background-color: #a9dafe;
}

.person-cmb-verwaltung
{
	background-color: #d9d9d9;
}

.person-cmb-sonstige
{
	background-color: #f7c186;
}

.person-cmb-alle
{
	background-color: white;
}

.k-state-hover > .person-cmb-item,
.k-state-selected > .person-cmb-item
{
	color: #1F497D;
}

/* Lookup */
.item-deleted
{
	background-image: url("Images/RecycleBin.png");
	background-position: right;
}

.item-deleted
{
	background-image: url("Images/Ungueltig.png");
	background-position: right;
}


/* GIS */
.koordinate-aktiv,
.koordinate-inaktiv
{
	margin-right: 2px !important;
}

.koordinate-inaktiv
{
	background-color: #d9d9d9 !important;
}

.koordinate-aktiv
{
	border-color: green !important;
	background-color: #c1e5c1 !important;
}

.koordinate-ungueltig
{
	border-color: Red !important;
	background-color: #f7bbbb !important;
}

.gis-button
{
	/*margin-left: 2px;*/
	height: 26px;
	width: 30px;
	min-width: 30px;
}

.grid-gis-button
{
	display: none;
	height: 26px;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	border: none;
	background-color: #C4C4C4;
	color: black;
}

.grid-gis-button:hover
{
	cursor: pointer;
}

.gis-info-table
{
	height: 160px;
	overflow: scroll;
}

/* Webshop speziell */
.kasse-header-cell, .kasse-header-cell-active, .kasse-header-cell-done
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #808080;
	display: table-cell;
	height: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 6px;
	background-position-y: center;
	background-position-x: 2px;
	width: 20%;
}

.kasse-header-cell,
.kasse-header-cell-done
{
	background-color: #D9D9D9;
}

.kasse-header-cell-active
{
	background-color: #5c87b2;
	color: #FFFFFF;
}

.kasse-header-cell-done
{
	background-image: url('Images/accept.gif');
	background-repeat: no-repeat;
}

.kasse-header-cell-last
{
	border-right-style: solid;
}

/* Grid styles */
.k-icon.k-destroy.e-icon,
.k-icon.k-delete.e-icon
{
	background-image: url("Images/delete.gif");
}

.k-icon.e-icon
{
	background-position: center;
}

.k-button.e-button,
.e-button
{
	background-color: transparent;
	border: none;
}

.k-icon.k-edit.e-icon
{
	background-image: url("Images/edit.gif");
}

.k-icon.k-update.e-icon
{
	background-image: url("Images/accept.gif");
}

.k-icon.k-cancel.e-icon
{
	background-image: url("Images/cancel.gif");
}

.k-footer-template > td
{
	border-style: solid none none none;
	background-color: #dbedfb;
	font-weight: bold;
	border-top-width: 1px;
	border-top-color: #C4C4C4;
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox
{
	width: 26.4em;
}

/* Globaler Loading Style */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('Images/loading-image.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
    display: block;
}

/* Panels */
.commandpanel {
    display: table;
    padding-top: 10px;
    padding-left: 2px;
    padding-bottom: 2px;
}

.commandpanel div {
    display: table-row;
}

.commandpanel div div {
    display: table-cell;
    padding-left: 5px;
}

.dependent-printerselection.hidden,
.dependent-statusselection.hidden{
    display: none !important;
}