html {
    height:100%;
    margin:0 2%;
    }
body {
/*    font-family: 'Cabin', sans-serif; */
/*    font-family: 'Cabin', serif; */
/*    font-family: 'Noto Sans', sans-serif; */
    height:100%;
    font-family: 'Ubuntu', sans-serif;
    font-size:13px;
    line-height:1.4em;
    font-weight:400;
    overflow:scroll;
    margin:0 auto;
    max-width:94vw;
    background-color:#FDFEFF;
    color:#444;
    /* 1440px */ 
    /* background-color:#f9f8f8; */
    /* background-image:url(../img/bg_verlauf.png); */
    }
#hidden_form_data {
    visibility: hidden;
}
div#redborder {
    position:relative;
    float:left;
    left:calc((100vw - 94vw)/2);
    top:157px;
    width:372px;
    height:6px;
    overflow:hidden;
	  z-index:33;
    background-color:#af1817;
}
div#blueborder  {
    position:relative;
    float:right;
    left:10px;
    top:0px;
    width:6px;
    height:80vh;
	  z-index:333;
    background-color:#0069b4;
}
div#objekt {
    margin-right: 20px;
    float: left;
    text-align: center;
}
div#icon {
    text-align: center;
}
.hidden {
    position:absolute;
    left:100px;
    top:60px;
    width:1px;
    height:1px;
    overflow:hidden;
	z-index:-3;
    }
#body {
    margin:0 auto;
    z-index:-1;
    position:fixed;
    height: 100%;
    display:none;
    padding: 0em 1em;
    }
#left_bar {
  /*  background-color: transparent; */
    height: 50em;
    width: 180px;
    height: 100%;
    left: 0em;
    position: relative;
    top: 0em;
    display:visible;
    }
#lang_cont {
    display:visible;
    }
#blauerstreifen {
    background-color: transparen;
    position: absolute;
    height: 160px;
    left: 0em;
    right: 0em;
    top: 0em;
    z-index: -2;
    display:none;
    }
#waitForResult {
    padding-top:24px;
    margin-left:0px;
    z-index:5;
    visibility:hidden;
    font-weight:bold;
    font-size: 0.9em;
    color:#710D43;
    border:0em;
    }
.emsg {
    margin-left:0.5em;
    font:inherit;
    color:#710D43;
    font-weight: bold;
    font-size: 0.9em;
    padding-left: 200px;
    padding-top: 0px;
    }
#title, #imprint, #pools_logged_in, #nav, #mitte_cont, #copyright {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    float:left;  
    font-size:1em;
    font-weight:normal;
/*    margin-top: 10px; */
    }
#logo {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    float:left;  
    font-size:1em;
    font-weight:normal;
    width:50%;
    }
#imprintsmall {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    font-size:1em;
    font-weight:normal;
    display:relative;
    text-align:right;
    }
#oben {
    clear:both;
    top:0.5em;
    position:relative;
    float:left;
    width:100%;
    overflow:hidden;
    }
#userbar_cont {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    padding:0em 1em;
    font-size:1em;
    font-weight:normal;
    text-align:right;
    border-top: #003366 1px solid;
    border-bottom: #003366 1px solid;
    } 
#top, #middle  {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.25em 1em;
    }
#searchin {
    text-align: left;
    }
#pools {
    text-align: left;
    }
#orderby {
    text-align: center;
    }
#area {
    text-align: center;
    }
#intro {
    display:inline;
    }
#right {
    padding:0em 0em 1em 0em;
    float:left;
    width:100%;
    display:inline;
    background-color:transparent;
    }
#logo img {
/*    width:8.7em;
    height:7em; */
    }
#imprint {
    display:none;
    }
/* Leiste unten */
#metanavi {
    float:left;
    width:100%;
    padding-left:1em;
    }
#metanavi .lnk_metanav{ 
    font:inherit;
    width:170px;
    margin: 0.2em 0em 0em 0em;
    padding: 0.2em 0.3em 0.2em 0.3em;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;  
    color: #63234F;
    background-color: transparent;
    border: transparent 1px solid;
    }
#metanavi .lnk_metanav:HOVER, .lnk_metanav:hover {
    text-decoration: underline;
    }
.btn_metanav {
    -webkit-appearance: none;
    font:inherit;
    width:auto;
    margin: 0.2em 0em 0em 0em;
    padding: 0em 0.3em 0em 0.3em;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;  
    color: #63234F;
    background-color:transparent;
    border: transparent 1px solid;
    }
.btn_metanav:HOVER, .btn_metanav.hover {
    -webkit-appearance: none;
    text-decoration: underline;
    }
#copyright {
    clear: both;
    width:100%;
    }
.btn, .btn_nav, .btn_mnav, .btn_auslkto, .btn_usr {
    -webkit-appearance: none;
    width:auto;
    }
.br {
    display:inline;
    }
sup {
    vertical-align: middle;
    margin-right: 6px;
}
span.COL {
    display: inline-block;
    width: 50px;
    min-height: 50px;
    background-image: url('../img/PfeilList.png');
}
span.COL img {
    width: 50px;
    padding: 1px;
/*    background-color:lightgray; */
    color: transparent;
    }
span.COV {
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    background-image: url('../img/PfeilList.png');
}
span.COV img {
    padding: 1px;
/*    background-color:lightgray; */
    color: transparent;
    width: 100%;
}
span.COT {
    display: inline-block;
	width: 80px;
	min-height: 110px;
    border: 1px solid lightgray;
    background-image: url('../img/PfeilTeaser.png'); 
}
span.COT img { 
 /*   padding: 1px; */
    width: 80px;
/*    background-color:lightgray; */
    color: transparent;
}
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;
}

table {
    text-align: left;
}

/* Layout der Inhaltselemente des Webservers - Textgrößen, Farben, Rahmen, Tabellengestaltung, ... */
form {margin:0; padding:0;}
.logo {
    font:inherit;
    font-weight: bold;  
    font-size: 3em;
    }
p.navheader, p.copyright, .mail {
    font:inherit;
    color: #2F568F;
    font-weight: bold;  
    font-size: 1em;
    text-align: center;
    }
.impressum {
    font:inherit;
    color: #FCBA14;
    font-weight: bold;  
    font-size: 1.7em;
    margin-top: 0.1em;
    margin-right: 0.2em;
    margin-bottom: 0.5em;
    }
.lang {
    font:inherit;
    color: #2F568F;
    font-weight: normal;  
    font-size: 1em;
    text-align: left;
    }
p.lang select {
    -webkit-appearance: none;
    font:inherit;
    width: 8.5em;
    background: #fff;
    margin-top: 0em;
    }
a:link {
    font:inherit;
    color: #63234F;
    text-decoration: none;    
    }
a:visited {
    font:inherit;
    color: #63234F;
    text-decoration: none;  
    }
a:hover {
    font:inherit;
    text-decoration: underline;  
    }
a.more {
    font:inherit;
    cursor: pointer;
    color: #63234F;
    text-decoration: none; 
    }
a.more:hover {
    color:#63234F;
    text-decoration: underline; 
    }
A.mail:link {
    font:inherit;
    color: #2F568F;
    text-decoration: underline  
    }
A.mail:visited {
    font:inherit;
    }
A.mail:hover {
    font:inherit;
    color: #2F568F;
    text-decoration: none
    }
A.mail:active {
    font:inherit;
    color: #2F568F;
    text-decoration: none  
    }
span.anwendung {
    font:inherit;
    color: #003366;
    font-weight: bold;  
    font-size: 1.1em;
    text-align: left;
    }
span.catalog {
    font:inherit;
    font-weight: bold;  
    font-size: 1.2em;
    text-align: center;
    }
span.ueb1 {
    font:inherit;
    color: #003366;
    font-weight: bold;  
    font-size: 1em;
    text-align: left;
    }
span.ueb2 {
    font:inherit;
    color: #003366;
    font-weight: bold;  
    font-size: 1em;
    text-align: left;
    }
span.imp_ueb {
    font:inherit;
    color: #003366;
    font-weight: bold;  
    font-size: 1em;
    text-align: left;
    }
.tr1 {
    font:inherit;
    background-color:transparent;
    }
.tr2 {
    font:inherit;
    background-color:transparent;
    }
.hlp, .idx {
    font:inherit;
    border: 1px solid #003366;
    background-color:#fff;
    padding: 0em 0.5em 0em 0.5em;
    }
.asp, .bool, select  {
    -webkit-appearance: none;
    font:inherit;
    font-size:1em;
    border: 1px solid #003366;
    background-color:#fff;
    border: 1px solid #aaa;
    margin: 0em 0em 0em 0.1em;
    padding: 0.1em 0.5em 0.1em 0.25em;
    }
input {
    font:inherit;
    background-color:#fff;
    width:auto;
    border: 1px solid #aaa;
    padding: 0em 0em 0em 0.5em;
    }
input[type="image"], input[type="checkbox"] {
    width:auto;
    border: none;
    padding: 0em 0em 0em 0em;
    }
textarea {
    font:inherit;
    padding: 0em 0em 0em 0.5em;
    }
.inputhome {
    font:inherit;
    width:16em;
    background-color:#fff;
    border: 1px solid #aaa;
    padding: 0.2em 0.5em 0.2em 0.5em;
    }
.checkbox {
    font:inherit;
    margin: 0.3em 0em 0em 0.2em;
    }
#lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11 {
    font:inherit;
    background-color:#fff;
    color: #000;
    width:10em;
    border: 1px solid #aaa;
    margin: 0.3em 0em 0em 0.2em;
    font-size: 1em;
    }
#lReg12 {
    font:inherit;
    background-color:#fff;
    color: #000;
    width:10.8em;
    border: 1px solid #aaa;
    font-size: 1em;
    }
#lReglib {
    font:inherit;
    background-color:#fff;
    color: #000;
    width:22.75em;
    border: 1px solid #aaa;
    font-size: 1em;
    }
.pool, .area {
    font:inherit;
    font-size: 1em;
    white-space:nowrap;
    }
.btn_search {
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    color: #7F1518;
    background-color: transparent;
    border: 1px solid transparent;
    width: 100%;
    margin: 1.5px 0px 0px 0px;
    text-align: center;
}
.btn_search:HOVER, .btn_search.hover {
    -webkit-appearance: none;
    color: #af1817;
    background-color: transparent;
    border: 1px solid #7F1518;
}
.btn {
    -webkit-appearance: none;
    font:inherit;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;  
    color: #0069b4;
    background-color:transparent;
    border: #0069b4 1px solid;
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
.btn:HOVER, .btn.hover {
    -webkit-appearance: none;
    font-weight: normal;
    color: #af1817;
    background-color: transparent;
    }
.btn_auslkto {
    -webkit-appearance: none;
    font:inherit;
    cursor: pointer;
    font-weight: normal; 
    color: #fff;
    background-color:#003366;
    border-top: #003366 1px solid;
    border-right: #003366 1px solid;  
    border-bottom: #003366 1px solid;
    border-left: #003366 1px solid;  
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
.btn_auslkto:HOVER, .btn_auslkto.hover {
    -webkit-appearance: none;
    font-weight: normal;
    color: #003366;
    background-color: #ffffff;
    }
.btn_usr {
    -webkit-appearance: none;
    font:inherit;
    cursor: pointer;
    font-weight: normal;  
    color: #003366;
    background-color:#FFFFFF;
    border: #003366 1px solid;
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
.btn_usr:HOVER, .btn_usr.hover {
    -webkit-appearance: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #003366;
    }
.btn_vz {
    -webkit-appearance: none;
    font:inherit;
    cursor: pointer;
    font-weight: normal;  
    color: #0069b4;
    background-color:transparent;
    border: #0069b4 1px solid;
    width: auto;
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
.btn_vz:hover, .btn_vz:active, .btn_vz:focus {
    -webkit-appearance: none;
    font-weight: normal;
    color: #af1817;
    background-color: transparent;
    }
.btn_vz[disabled], .btn[disabled] {
    -webkit-appearance: none;
    cursor: default;
    color: #0069b4;
    background-color: Transparent;
    border: #ffffff 1px solid;
    }
.btn_mnav {
    -webkit-appearance: none;
    font:inherit;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold; 
    color: #7F1518;
    background-color:transparent;
    border-top: transparent 1px solid;
    border-right: transparent 1px solid;  
    border-bottom: transparent 1px solid;
    border-left: transparent 1px solid;  
    border-collapse: collapse;
/*    margin: 0.1em 0em 0.1em 0em; */
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
.btn_mnav:HOVER, .btn_nav:hover {
    -webkit-appearance: none;
    font-weight: bold;
    color: #7F1518;
    border-top: #7F1518 1px solid;
    border-right: #7F1518 1px solid;  
    border-bottom: #7F1518 1px solid;
    border-left: #7F1518 1px solid; 
    background-color: transparent;
/*    border: transparent 1px solid;   */
    }
.btn_mnav:ACTIVE, .btn_nav:active {
    -webkit-appearance: none;
    font-weight: bold;
    color: #af1817;
/*    background-color: transparent; */
    }
.btn_nav, .btnCancel {
    -webkit-appearance: none;
    font:inherit;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold; 
    color: #7F1518;
    background-color:transparent;
    border-top: transparent 1px solid;
    border-right: transparent 1px solid;  
    border-bottom: transparent 1px solid;
    border-left: transparent 1px solid;  
    border-collapse: collapse;
/*    margin: 0.1em 0em 0.1em 0em; */
    padding: 0em 0.3em 0em 0.3em;  
    text-align:center
    }
    -webkit-appearance: none;
.btn_nav:HOVER, .btn_nav:hover, .btnCancel:hover {
    font-weight: bold;
    color: #af1817;
    border-top: #7F1518 1px solid;
    border-right: #7F1518 1px solid;  
    border-bottom: #7F1518 1px solid;
    border-left: #7F1518 1px solid; 
    background-color: transparent;
/*    border: transparent 1px solid;   */
    }
    }
.btn_nav:ACTIVE, .btn_nav:active {
    -webkit-appearance: none;
    font-weight: bold;
    color: #af1817;
    background-color: transparent;
    } 
.sz
{
  font-size:12px;
}
.szi
{
  font-size:2px;
  visibility: hidden;
}
hr {
    font:inherit;
    background-color: transparent;
    size: 1px;
    border: transparent 1px solid;
    }

/* loginlayer start */
div.loginLayer {
    font:inherit;
    background-color: #fff;
    position: absolute;
    left: 0em;
    right: 0em; 
    width: auto;
    bottom: 2em;
    margin-right:1em;
    margin-left:1em;
    border: #003366 0.2em solid;
    padding: 0.3em 0.3em;
    z-index: 6;
    text-align: left
    }
.loginLabel {
    font:inherit;
    color: #003366; 
    text-align: right
    }
.loginText {
    font:inherit;
    font-weight: bold;
    color: #003366;
    background-color: #fff;
    }
th.loginInfo {
    font:inherit;
    font-weight: bold;
    font-style: italic;
    color: #003366;
    background-color: #fff;
    text-align: left;
    vertical-align: top
    }
th.loginHelp {
    font:inherit;
    font-weight: bold;
    color: #003366;
    background-color: #fff;
    text-align: left;
    text-decoration: underline;
    vertical-align: top; 
    width: 10em
    }
td.loginHelp, td.loginHelptxt, td.a:link {
    font:inherit;
    color: #003366;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    width: auto
    }
.loginMsg {
    font:inherit;
    color: #003366;
    font-weight: bold;  
    }
.windowClose {
    font:inherit;
    position: absolute; 
    right: 0em; 
    top: -0em; 
    border: 0em 
    }
#lNAM, #lNUM {
    font:inherit;
    width:10.125em;
    }

/* edit User */
.editHover {
    font:inherit;
    cursor: pointer;
    background-color: transparent;
    color:#710D43;
    font-weight:bold;
    }
.editBox, .editBox2 {
    font:inherit;
    font-weight: normal;
    background-color: #ffffff;
    width: 98%;
    min-height: 1em;
    border: 1px solid #303030;
    }
.btnOK, .btnSave {
    -webkit-appearance: none;
    font:inherit;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;  
    color: #ffffff;
    background-color: #8f1d2e;
    border: #ffffff 1px solid;
    margin: 0.2em 0em 0em 0em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    text-align:center
    }
.btnOK:HOVER, .btnOK.hover, .btnSave:HOVER, .btnSave.hover {
    -webkit-appearance: none;
    font-weight: bold;
    background-color: #003366;
    }
/* userbar */
.username {
    font:inherit;
    font-size: 1em;
    font-weight: bold;
    color: #710D43;
    }

/* Inhalte rechts */
#right .pool {
    font:inherit;
    font-size: 1em;
    }
#right {
  text-align: center;
  }
#right p {
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0.5em;
}
#right span.rrc_tit {
	font-weight:bold;
  font-size:1.0em;
  line-height:1.2em;
  margin-right:0.5em;
}
.rrc {
  font-size:0.9em;
  line-height:1.2em;
}
/*    font-family:"Noto sans",Arial,Verdana,Helvetica; */
.btn_rrc {
  -webkit-appearance: none;
  font-family: 'Ubuntu', sans-serif;
  cursor:pointer;
  font-size:1em;
  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
}
/*
[disabled|=disabled] {
    display:none;
    border:0em;
    }
*/    
 
/* responsive--------------------------------------------- */
/* Littel larger screen */  
/*    font-family:"Noto sans",Arial,Verdana,Helvetica; */
@media only screen and (min-width:480px) {
  body {
    font-family: 'Ubuntu', sans-serif;
    font-size:13px;
    }
  #waitForResult, .emsg  {
    clear:both;
    float:left;
    font-size: 1.1em;
    }
  .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11  {
    width:16em;
    }
  .inputhome, #lReg12 {
    width:16.8em;
    }
  #imprint {
    font-size:1em;
    }
  #userbar_cont {
    clear:both;
    width:100%;
    }
  .btn, .btn_nav, .btn_mnav, .btn_auslkto, .btn_usr {
    -webkit-appearance: none;
    width:auto;
    }
  .br {
    display:inline;
    }
  }

/* Pads and larger phones */  
/*    font-family:"Noto sans",Arial,Verdana,Helvetica; */
@media only screen and (min-width:600px) {
  body {
    font-family: 'Ubuntu', sans-serif;
    font-size:13px;
    }
  .btn_auslkto, .btn_usr {
    -webkit-appearance: none;
    width:auto;
    padding: 0.1em 0.5em 0.1em 0.5em;
    }
  .btn, .btn_nav , .btn_mnav {
    -webkit-appearance: none;
    width:170px;
    padding: 0.1em 0.5em 0.1em 0.5em;
    }
  .btn_vz {
    -webkit-appearance: none;
    width:3em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    }
  .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11  {
    width:35em;
    }
  .inputhome, #lReg12 {
    width:35.8em;
    }
  .br {
    display:inline;
    }
  }

/* Larger pads */  
/*    font-family:"Noto sans",Arial,Verdana,Helvetica; */
@media only screen and (min-width:768px) {
  body {
    font-family: 'Ubuntu', sans-serif;
    font-size:13px;
    overflow-x: hidden;
    }
  .br {
    display:none;
    }
  }

/* Horizontal pads and laptops */
@media only screen and (min-width:1020px) {
  #body {
    display: inherit;
    }
  #metanavi {
    padding-left:17em;
    }
  #top {
    clear: both;
    width:100%;
    }
  #logo {
    float:left;
    width:50%;
    text-align:left;
    }
  #imprint {
    display:inline;
		float:left;
		width:50%;
		text-align:right;
		}
  #imprintsmall {
    display:none;
    }
  #userbar_cont {
    clear:both;
    width:100%;
    }
  #middle {
    clear:both;
    width:100%;
    }
   #nav {
    float:left;
    width:22%;
    }
   #mitte_cont {
		float:left;
		width:63%;
    padding: 0em 1em 0em 0em;
		}
   #right {
    float:left;
    width:15%;
    text-align:right;
    display:inline;
    }
  #intro {
    display:inline;
    }
  #copyright {
    clear: both;
    width:100%;
    }
  #metanavi .lnk_metanav{ 
    font-size: 1em;
    }
  .btn, .btn_nav, .btn_mnav, .btn_auslkto {
    -webkit-appearance: none;
    width:180px;
    }	
  .btn_usr {
    -webkit-appearance: none;
    width:110px;
    }	
  .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11  {
    width:35em;
    }
  .inputhome, #lReg12 {
    width:35.8em;
    }
  #blauerstreifen {
    display:inline;
    }
  div#redborder {
    position: relative;
    float: left;
    left: calc((100vw - 94vw)/2);
    top: 157px;
    width: 400px;
    height: 6px;
    overflow: hidden;
    z-index: 33;
    background-color: #af1817;
    }  
	}
/* Raeally large screens */ 
@media only screen and (min-width:1382px) {
	#imprint {
		float:left;
		text-align:right;
		}
  #middle {
    clear:both;
    width:100%;
    }
   #nav {
    float:left;
    width:20%;
    }
  .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11, #lReg12 {
    width:35em;
    }
  .inputhome, #lReg12 {
    width:35.8em;
    }
  div#redborder {
    position: relative;
    float: left;
    left: calc((100vw - 94vw)/2);
    top: 157px;
    width: 372px;
    height: 6px;
    overflow: hidden;
    z-index: 33;
    background-color: #af1817;
    }
  }
  
/* 2X size (iPhone 4 etc) */
@media only screen and
  (-webkit-min-device-pixel-ratio: 1.5), only screen and
  (-o-min-device-pixel-ratio: 3/2), only screen and
  (min-device-pixel-ratio: 1.5) {
  body {
    font-size:13px;
    line-hight:26px;
    }
  .btn, .btn_nav, .btn_mnav, .btn_auslkto, .btn_usr {
    -webkit-appearance: none;
    width:auto;
    font-size:1em;
    padding: 0em 0em 0em 0em;
    }
  .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11  {
    width:10em;
    font-size:1em;
    }
  .inputhome, #lReg12 {
    width:10.8em;
    font-size:1em;
    }
  .input, select, .hlp, .idx {
    font-size: 1em;
    }
  }

/* IE-Fixes --------------------------------------------- */
/*    font-family:"Noto sans",Arial,Verdana,Helvetica; */
.ie body {
    font-family: 'Ubuntu', sans-serif;
    font-size:17px\9;
    }
.ie .btn_auslkto, .btn_usr {
    -webkit-appearance: none;
    width:auto\9;
    }
.ie .btn, .btn_nav , .btn_mnav {
    -webkit-appearance: none;
    width:170px\9;
    }
.ie .inputhome, #lReg00, #lReg01, #lReg02, #lReg03, #lReg04, #lReg05, #lReg06, #lReg07, #lReg08, #lReg09, #lReg10, #lReg11  {
    width:20em\9;
    }
.ie .inputhome, #lReg12 {
    width:20.8em\9;
    }
.ie .br {
    display:none\9;
    }