:root {
  --main-bg-color: #0069b4;
  --main-bg-color-r: 0;
  --main-bg-color-g: 105;
  --main-bg-color-b: 180;
  --main-fg-color: #000;
}

BODY {
  margin :0; 
  padding:0;
  font-family: Arial, Tahoma, Sans-Serif;
  background-color:#ffffff;
}

p {
  margin:2px;
}


/* Berichtigung von FESTERN groessen in einigen Klassen */
.autowidth {
	width:auto !important;
}

/* GIS MAP Styles */

.mapsrv_layerListDiv {
	font-size:12px !important;
}

#map_bhf_div_aktiv{
	border:5px solid black !important;
}

/*AJAX PROCESS*/

#process_working{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	/*background-color:#ffffff;
	opacity:0.5;*/
	text-align:center;
	z-index:100;
}

#big-image{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(204,204,204,.5);
	text-align:center;
	z-index:100;
}

#big-image img{
	margin-top: 100px;
    position: relative;
    z-index: 100;
}

#process_working img{
	position:relative;
	top:50%;
	margin-top:-24px;
}

.idle{
	display:none;
}

.working{
	display:block;	
}

/*END AJAX PROCESS*/

input.mapsrv_layerRefreshButton {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #5a6361;
  border-style: solid;
  cursor:pointer;
  white-space: nowrap;
}
input.mapsrv_layerRefreshButton:hover {
  BORDER: #faf3ee 2px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  font-weight:bold;
  color:#5a6361;
  BACKGROUND-COLOR: #faf3ee;
  border-style: inset;
}

#bhf_info_div{
	padding:5px;
	font-size: 12px;
}

#bhf_info_div > button{
	margin-bottom:5px;
}

#element_reiter{
	padding-top:5px;
}

#element_reiter > div {
	float:left;
	font-size:13px !important;
}

.bhf_main_image {
	font-size: 12px;
	padding:2px;
}

.bhf_main_image:hover {
	background-color:#003399 !important;
	color:white;
}

.bhf_main_image_link{
	text-decoration: none;
	color:black;
	cursor:pointer;
}

#btn_fotoalbum{
	position:absolute;
	bottom:50px;
	left:17px;
	width:240px;
}

.content_toggle_div{
	position:absolute;
	top:230px;
	bottom:90px;
	width:210px;
	border: 1px solid #CCC;
	border-radius: 5px;
	overflow-y: auto;
	padding: 5px;
	margin-top:10px;
	background-color: white;
}

.element_reiter_link{
	margin:1px;
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
	border-radius:2px;
	background-image: url(../../img/tab_bg.png);
	background-repeat: repeat-x;
	vertical-align: middle;
	color:white;
	font-weight:bold;
	cursor: pointer;
}

.element_reiter_link > div {
	margin-top: 2px;
}

.element_reiter_link:hover{
	background-image: url(../../img/tab_bg_o.png);
	color:black;
}

.element_reiter_link_aktiv{
	background-image: url(../../img/tab_bg_o.png);
	color:black;
}


.killFloat{
	float:none !important;
}

/* END GIS MAP Styles */

/* Kleine Bildschirme (IPAD...) */
@media only screen and (max-height : 730px)  { 
	td.td_kachel{
		height:100px;
	}
	
	.home_title  {
		margin-top:10px;
	}
}

/* Filter Speichern */
.FilterSaveDiv {
	font-size:12px;
	margin-bottom:5px;
	height:20px;
}
.FilterSaveDiv .filter_gliederg_container {
	display:none;
}
.FilterSaveDiv .filter_msg {
	padding:2px;
	border:1px solid black;
}
/*.FilterSaveDiv span {
	margin-right:5px;
}*/
.FilterSaveDiv .filter_buttons {
	float:right;
}
#Filter_beschreibung {
	margin-left:2px;
	width:350px;
	overflow:hidden;
	height:20px;
	line-height:20px;
	display:inline-block;
	position:relative;
}
#Filter_beschreibung:hover {
	overflow: visible;
}
#Filter_beschreibung>span {
	position: static;
	padding:0 5px;
}
#Filter_beschreibung:hover>span {
	margin-top:-1px;
	padding:0 4px;
	position: absolute;
	left:0; top:0;
	border:1px dotted black;
	background-color:#FFF3A8;
}
.filter_save_dialog {
	font-size:14px !important;
}
#FilterSave_popup {
	display:none;
}
#FilterSave_popup div {
	clear:both;
	padding:10px 0;
}
#FilterSave_popup input[type='text'], #FilterSave_popup textarea, #FilterSave_popup .filter_save_public_wrapper {
	float:right;
	width:320px;
}
.filter_save_dialog {
	width: 485px;
}



.resMenuButtPassiv {
    background-color: #E1E6FF;
    border: 2px outset #39458F;
    cursor: pointer;
    font-size: 14pt;
    height: 95px;
    margin-top: 5px;
    text-align: left;
    width: 600px;
}
.resMenuButtOver {
    background-color: #FFFFFF;
    border: 2px inset #39458F;
    cursor: pointer;
    font-size: 14pt;
    height: 95px;
    left: 1px;
    margin-top: 5px;
    position: relative;
    text-align: left;
    top: 1px;
    vertical-align: middle;
    width: 600px;
}
.resMenuButtPassiv img, .resMenuButtOver img {
    vertical-align: middle;
}

.menubuttonoversev {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #5a6361;
  BACKGROUND-COLOR: #faf3ee;
  cursor:pointer;
}
.menubuttonpassivdelete {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #bb9999;
  border-style: outset;
  cursor:pointer;
}

.menubuttonpassivausfallsev {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #959595;
  border-style: outset;
  cursor:pointer;
}
.menubuttonpassivdeletesev {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #99bb99;
  border-style: outset;
  cursor:pointer;
}

.menubuttonaktiv2 {
  BORDER: #faf3ee 2px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  font-weight:bold;
  color:#5a6361;
  BACKGROUND-COLOR: #faf3ee;
  border-style: inset;
}

.menubuttonover2 {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #5a6361;
  BACKGROUND-COLOR: #faf3ee;
  cursor:pointer;
}

.menubuttonpassiv2 {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #5a6361;
  border-style: outset;
  cursor:pointer;
}

.menubuttonpassiv3 {
  BORDER: #FFFFFF 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #bbbbbb;
  border-style: outset;
  cursor:pointer;
}

.menubuttonpassiv4 {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 26px;
  HEIGHT: 24px;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #faf3ee;
  border-style: outset;
  cursor:pointer;
}

.menubuttonover3 {
  BORDER: #666666 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  COLOR: #666666;
  BACKGROUND-COLOR: #FFFFFF;
  cursor:pointer;
}

.menubuttonpassivausfall {
    background-color: #99BB99;
    border: 1px outset #5A6361;
    color: #FAF3EE;
    cursor: pointer;
    font-size: 11px;
    height: 24px;
    width: 26px;
}

.menubuttonpassiv {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 50px;
  HEIGHT: 20px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #5a6361;
  border-style: solid;
  cursor:pointer;
}
.menubuttonaktiv {
  BORDER: #faf3ee 2px solid;
  FONT-SIZE: 11px;
  WIDTH: 50px;
  HEIGHT: 20px;
  font-weight:bold;
  color:#5a6361;
  BACKGROUND-COLOR: #faf3ee;
  border-style: inset;
}
.menubuttonover, .menubuttonpassiv:hover {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 50px;
  HEIGHT: 20px;
  COLOR: #5a6361;
  BACKGROUND-COLOR: #faf3ee;
  cursor:pointer;
}

.menubuttonpassivgross {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #5a6361;
  border-style: solid;
  cursor:pointer;
}
.menubuttonaktivgross {
  BORDER: #faf3ee 2px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  font-weight:bold;
  color:#5a6361;
  BACKGROUND-COLOR: #faf3ee;
  border-style: inset;
}
.menubuttonovergross, .menubuttonpassivgross:hover {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 100px;
  HEIGHT: 20px;
  COLOR: #5a6361;
  BACKGROUND-COLOR: #faf3ee;
  cursor:pointer;
}

.menubuttonpassivlang {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 120px;
  HEIGHT: 20px;
  COLOR: #faf3ee;
  BACKGROUND-COLOR: #5a6361;
  cursor:pointer;
}
.menubuttonaktivlang {
  BORDER: #faf3ee 2px solid;
  FONT-SIZE: 11px;
  WIDTH: 120px;
  HEIGHT: 20px;
  font-weight:bold;
  color:#5a6361;
  BACKGROUND-COLOR: #faf3ee;
  border-style: inset;
}
.menubuttonoverlang {
  BORDER: #5a6361 1px solid;
  FONT-SIZE: 11px;
  WIDTH: 120px;
  HEIGHT: 20px;
  COLOR: #5a6361;
  BACKGROUND-COLOR: #faf3ee;
  cursor:pointer;
}

INPUT.file{
  border : 1px solid #000000;
  font-family: Arial, Tahoma;
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
  background-color: #ffffff; 
  width:310px;
}

input.text1{
  border : 1px solid #000000;
  font-family: Arial, Tahoma;
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
  width:300px;
}


p.titel{
  font-size: 11px;
  font-family: Arial, Tahoma;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
}
.beschriftung{
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  color:#000000;  
}

p.text1{
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  color:#000000;  
}


table.mainrahmen{
	width:99%;
	height:10px;
	margin-left:6px;
}



table.tabrahmen1{
  /*border: 1px solid #098274;*/
  border: 1px solid #003399;
  height: 100%;
  width: 100%;
}

table.tabrahmenHervorgehoben{
  border: 1px solid red;
  height: 100%;
  width: 100%;
}

td.tabkopf1{
  background-color: #dedede;
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  text-indent:10px;
  color:#000000;
  height:25px;
  text-align:left;
}

td.kartei1{
  background-color: #EFEFEF;
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  text-indent:10px;
  color:#003399;
  height:25px;
  cursor:pointer;
}
td.kartei2{
  background-color: #003399;
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  text-indent:10px;
  color:#FFFFFF;
  height:25px;
  cursor:pointer;
}


tr.farbstreifen{
  height: 1px;
  background-color: #dedede;
}
Select.S1 { /* fuer Helge selectBox fuer OrderBy und r2P*/
        
  font-family:arial,tahoma;
  font-size:11px;
  font-weight:normal;
  color:#000067;
  background-color:#ffffff;/*0D9D0F;*/
  border-color:#c0c0c0;
}
A.ImgLink
{
  text-decoration:none;
  cursor:pointer;
}

a.KontextWin
{
  text-decoration:none;
  cursor:pointer;
  font-family:arial,tahoma;
  font-size:8pt;
  color:#333333;
}
a.KontextWin:link,a.KontextWin:visited 
{
  text-decoration:none;
  cursor:pointer;
  font-family:arial,tahoma;
  font-size:8pt;
  color:#000000;
}

.zugbildg_Lok{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    background-color: Black;
    color: White;
    line-height: 10px;
    white-space: nowrap;
}

.zugbildg_wagen_gelb{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    background-color:Yellow;
    line-height: 10px;
    white-space: nowrap;
}
.zugbildg_wagen_gruen{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    background-color: Green;
    line-height: 10px;
    white-space: nowrap;
}
.zugbildg_wagen_rot{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    background-color: red;
    line-height: 10px;
    white-space: nowrap;
}
.zugbildg_wagen_default{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    background-color: Fuchsia;
    line-height: 10px;
    white-space: nowrap;
   
}
.zugbildg_wagen_grau{
    text-align: center;
    border:2px solid black; 
    font-family: Arial,Tahoma; 
    font-size: 8pt;
    width: 40px;
    height: 40px;
    line-height: 10px;
    background-color: rgb(198,198,198);
    white-space: nowrap;
   
}
.zugbildg_luecke{
    width: 5px;
    height: 40px;
}

span.SubTap{
  font-family: Arial, Tahoma;
  font-size: 12px;
  font-weight:normal;
  color:#003399;  
}
a.SubTapLink
{
  cursor:pointer;
  text-decoration:none;
  font-family: Arial, Tahoma;
  font-size: 12px;
  font-weight:normal;
  color:#003399;  
}

a.SubTapLink:hover
{
  text-decoration:underline;
}

p.NormalText{
  text-decoration:none;
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  color:#666666;  
}

p.NormalTextStrike{
  text-decoration:line-through;
  font-family: Arial, Tahoma;
  font-size: 11px;
  font-weight:normal;
  color:#B3B3B3;  
}

td.greenbg{
  background-color: #90EE90;
}

td.redbg{
  background-color: #FF7A7A;
}

td.greybg{
  background-color: #E5E5E5;
}

.hinweisRot {
  color: red;
  font-family: Arial, Tahoma;
  font-weight:bold;
}

.tooltipDiv {
  /*line-height:1.6em;*/
  font-family: Arial,Tahoma; 
  font-size: 10pt;
  border:2px solid black; 
  background-color:#FAFFD7; 
  padding:3px;
  max-width: 600px;
  z-index:99;
}

.tooltipDiv ul {
  margin:0px;
  padding-left:30px;
  list-style-image:url(../../img/bullet.gif);
}
.tooltipDiv ul li {
  /*vertical-align:bottom;*/
}
.tooltipDiv ul li li {
  list-style-image:none;
  font-size: 8pt;
}

.tourFilter {
  font-size:10pt;
  border: 1px solid #003399;
  background-color:#DEDEDE;
}

.tourFilter table tr td {
  font-size:10pt;
}

.tourKopfTable {
  border: 2px solid #003399;
  padding:5px;
  font-size:10pt;
  width:100%;
}

.tourKopfTable tr td {
  padding:3px;
  padding-right:10px;
  vertical-align:top;
}

/* VMS, Fundsachen etc. */
.ui-multiselect-filter-param {
	font-size:1.0em !important;
}

/* jquery UI Dialog Farben im NBE Stil */
.ui-widget{
	font-family : Verdana;
	font-size :13px !important;
}

.ui-dialog-titlebar{
	background: #0069b4 !important;	
}
.ui-button{
	background: #0069b4 !important;
	color: #FFFFFF !important;
	cursor: pointer;
}

.ui-button:hover {
    color: black ! important;
    background-color: #DEDEDE !important;
}

.ui-dialog-title{
	color: #FFFFFF !important;
}