body {
  font-family:"Noto sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    overflow:auto;
    color: #000;
/*    line-height: 1.0em */
    }
.hidden {
    position:absolute;
    left:0px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    }
span:hover {cursor:pointer;}
a.popup {
  text-decoration:none;
  position:relative;
/*   display:block;*/
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:1px solid #006;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:-50px;
  left:200px;
  border:1px solid #006;
}
a.popup:hover span {
  visibility:visible;
  z-index:9;
}
span.gbs-thumbnail {
    display: inline-block;
    width: 50px;
    min-height: 50px;
    background-image: url('../img/PfeilList.png');
}
span.gbs-thumbnail img {
    width: 50px;
    padding: 1px;
    background-color:lightgray;
    }
span.gbs-thumbnail-large {
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    background-image: url('../img/PfeilList.png');
}
span.gbs-thumbnail-large img {
    padding: 1px;
    background-color:lightgray;
}
span.check {
  padding-top: 4px;
}
#teaser {
}
.teaser {
    width: 100%;
    height: auto;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.teasercontent {
	width: 150px;
/*	min-height: 200px; */
	text-align: center;
	margin: 1em;
}
span.gbs-thumbnail-teaser {
    display: inline-block;
	width: 80px;
	min-height: 110px;
    border: 1px solid lightgray;
    background-image: url('../img/PfeilTeaser.png'); 
}
span.gbs-thumbnail-teaser img { 
 /*   padding: 1px; */
    width: 80px;
 /*   background-color:lightgray; */
}
/* Layout der Inhaltselemente des Webservers - Textgrößen, Farben, Rahmen, Tabellengestaltung, ... */
.logo
{
  font-weight:bold;
  font-size:30px
}
p.navheader, p.impressum, p.copyright, p.lang, .mail
{
  font-weight:bold;
  font-size:10px;
  text-align:center
}
p.lang select {
  width:136px;
  background:#fff;
  margin-top:4px;
  text-align:left
}
a:link
{
/*  color:#515151; */
  color:#3e3e3e;
  text-decoration:none   
}
a:visited
{
  color:#000;
  text-decoration:none  
}
a:hover
{
  text-decoration:underline;
/*  font-weight: bold; */
  background-color:transparent;
  color:#000
}
A.mail:link
{
  color:#fcfcfc;
  text-decoration:underline
}
A.mail:visited
{
}
A.mail:hover
{
  color:#ffffff;
  text-decoration:none
}
A.mail:active
{
  color:#fcfcfc;
  text-decoration:none
}
span.anwendung
{
  font-weight:bold;
  font-size:14px;
  text-align:left
}
span.catalog
{
  font-weight:bold;
  font-size:18px;
  text-align:center
}
span.ueb1
{
  font-weight:bold;
  font-size:13px;
  text-align:left
}
span.ueb2
{
  font-weight:bold;
  font-size:12px;
  text-align:left
}
.hlp
{ 
  cursor:help;
  background-color:#fff;
  width:auto;
  border:2px solid #aaa;
  font-size:11px
}
.idx
{
  background-color:#fff;
  width:auto;
  border:2px solid #aaa;
  font-size:11px
}
.input, select
{
  -webkit-appearance: none;
  background-color:#fff;
  width:auto;
  border:2px solid #aaa;
  font-size:11px
}
.input[name=r_Name], .input[name=r_ausweisNr], .input[name=r_reservAb], .input[name=r_reservBis], .input[name=r_eMail]
{
  -webkit-appearance: none;
  background-color:#fff;
  width:250px;
  border:2px solid #aaa;
  font-size:11px
}
select[name=r_vorType]
{
  background-color:#fff;
  width:254px;
  width:256px;
  border:2px solid #aaa;
  font-size:11px;
  text-align:left
}
select[name=r_via]
{
  background-color:#fff;
  width:254px;
  width:256px;
  border:2px solid #aaa;
  font-size:11px;
  text-align:left
}
select[name=r_mode]
{
  background-color:#fff;
  width:auto;
  border:2px solid #aaa;
  font-size:11px;
  text-align:left
}
select.select_nav
{
  background-color:#fff;
  color:#000;
  width:auto;
  border:2px solid #aaa;
  font-size:11px;
  margin-top:6px;
  margin-bottom:4px
}
#lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11
{
  background-color:#fff;
  color:#000;
  width:360px;
  border:2px solid #aaa;
  font-size:11px
}
#lReg12
{
  background-color:#fff;
  color:#000;
  width:366px;
  border:2px solid #aaa;
  font-size:11px
}
#lReglib
{
  background-color:#fff;
  color:#000;
  width:366px;
  border:2px solid #aaa;
  font-size:11px
}
.rinput, select
{
  -webkit-appearance: none;
  background-color:transparent;
  width:160px;
  border:2px solid #aaa;
  font-size:11px
}
.rinput, select.bool
{
  -webkit-appearance: none;
  background-color:transparent;
  width:auto;
  border:2px solid #aaa;
  font-size:11px
}
.rinput[name=r_Name], .rinput[name=r_eMail], .rinput[name=r_ausweisNr]
{
  -webkit-appearance: none;
  background-color:transparent;
  width:250px;
  border:2px solid #aaa;
  font-size:11px
}
.inputhome
{
  -webkit-appearance: none;
  background-color:#fff;
  width:324px;
  width:322px;
  border:2px solid #aaa;
  font-size:11px
}
.pool, .area
{
  font-size:12px;
  white-space:nowrap;
  text-decoration:none
}
.btn
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:160px;
  margin:2px 0px 2px 0px;
  text-align:center
}
.btn:HOVER, .btn.hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
.btn_vz
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:40px;
  margin:0px 0px 0px 0px;
  text-align:center
}
.btn_vz:HOVER, .btn_vz:hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
.btn_vz[disabled], .btn[disabled]
{
  -webkit-appearance: none;
  cursor:default;
  color:#ffffff;
  background-color:transparent;
  border:#ffffff 1px solid
}
.btn_lvz
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:auto;
  margin:0px 0px 0px 0px;
  text-align:center
}
.btn_lvz:hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
.btn_lvz[disabled]
{
  -webkit-appearance: none;
  cursor:default;
  color:#ffffff;
  background-color:transparent;
  border:#ffffff 1px solid
}
.btn_nav
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:136px;
  margin:2px 0px 2px 0px;
  text-align:center
}
.btn_nav:HOVER, .btn_nav.hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
.btn_hlp
{
  -webkit-appearance: none;
  cursor:help;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:136px;
  margin:2px 0px 2px 0px;
  text-align:center
}
.btn_hlp:HOVER, .btn_hlp.hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
.btn_metanav
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#646464;
  border:#ffffff 1px solid;
  width:136px;
  margin:2px 0px 0px 0px;
  text-align:center
}
.btn_metanav:HOVER, .btn_metanav.hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#ffffff;
  background-color:#969696
}
#rechts_cont p
{
  margin-top:0px;
  margin-bottom:3px
}
#rechts_cont span.rrc_tit
{
  font-weight:bold
}
.rrc
{
  font-size:10px
}
.btn_rrc
{
  -webkit-appearance: none;
  cursor:pointer;
  font-family:Verdana,Arial,Helvetica;
  font-size:10px;
  font-weight:bold;
  color:#000000;
  background-color:transparent;
  border:none;
  width:auto;
  text-align:left;
  padding-left:0px
}
.btn_rrc:HOVER, .btn_rrc.hover
{
  -webkit-appearance: none;
  font-weight:bold;
  color:#000000;
  background-color:transparent;
  text-decoration:underline
}
.sz
{
  font-size:12px;
}
.szi
{
  font-size:2px;
  visibility: hidden;
}
hr
{
  background-color:lightgray;
  size:0px; 
  border:transparent 1px solid
}
.emsg
{
  color:#8f1d2e;
  font-weight:bold
}

/* loginlayer start */
div.loginLayer
{
  background-color:#303030;
  position:absolute;
  top:130px;
  left:290px;
  border:#ffffff 3px solid;
  padding:11px 11px;
  z-index:5;
  text-align:left;
  width:600px
}
.loginLabel
{
  color: #ffffff;
  text-align:right
}
.loginText
{
  font-weight:bold;
  color:#000000;
  background-color:#303030
}
#mitte_cont td
{
  height: 0px
}
#result td
{
  height: 0px
}
th.loginInfo
{
  font-weight:bold;
  font-style:italic;
  color:#ffffff;
  background-color:#303030;
  text-align:left;
  vertical-align:top
}
th.loginHelp
{
  font-weight:bold;
  color:#ffffff;
  background-color:#303030;
  text-align:left;
  text-decoration:underline;
  vertical-align:top
}
td.loginHelp
{
  color:#ffffff;
  background-color:#303030;
  text-align:left;
  vertical-align:top
}
.loginMsg
{
  color:#8f1d2e;
  color:#E63232;
  font-weight:bold
}
.windowClose
{
  position:absolute;
  right:0px;
  top:-0px;
  border:0px
}
#lNAM, #lNUM
{
  width:162px
}

/* edit User */
.editHover
{
  cursor:pointer;
  background-color:#ffffff;
  color:#8f1d2e
}
.editBox, .editBox2
{
  font-weight:normal;
  background-color:#ffffff;
  width:98%;
  min-height:11px;
  border:2px solid #303030
}
.btnOK, .btnSave, .btnApply, .btnCancel
{
  -webkit-appearance: none;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:#8f1d2e;
  border:#ffffff 1px solid;
  width:200px;
  margin:2px 0px 2px 0px;
  text-align:center
}
.btnOK:HOVER, .btnOK.hover, .btnSave:HOVER, .btnSave.hover, .btnApply:HOVER, .btnApply.hover, .btnCancel:HOVER, .btnCancel:hover
{
  -webkit-appearance: none;
  font-weight:bold;
  background-color:#969696
}
/* userbar */
.username
{
  font-weight:bold;
  color:#8f1d2e
}

/* Leiste unten */
#unten_cont .lnk_metanav
{
  padding-top:4px;
  padding-bottom:4px;
  padding-left:8px;
  padding-right:8px;
  cursor:pointer;
  font-size:10px;
  font-weight:bold;
  color:#ffffff;
  background-color:transparent;
  border:#ffffff 1px solid;
  margin-right:6px
}
#unten_cont .lnk_metanav:HOVER, .lnk_metanav.hover
{
  text-decoration:underline
}
/* Inhalte rechts */
#rechts_cont .pool {font-size: 10px}

/*
[disabled|=disabled]
{
  display:none;
  border:0px
}
*/
div.invisible
{
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0;
}
.red
{
  background-color:red;
}