/* dtb  */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400&display=swap');

body { font-family: 'Noto Sans', sans-serif; font-weight: 300; background-color: #f6f6f6;}
li { margin:0; padding:0; }
legend { width:auto; border:0; }
a {
  text-decoration: none;
  color: #ae0e16;
}

/* ##########################################
Elemente
########################################## */


#page { width:1100px; margin:0 auto; background-color:#fff; padding:0px; position:relative;  }
/****************************************/
#header { 
  height: 200px;
  position: relative;
}
/****************************************/
#header #logo, #header-navigation, #date {  }

#logo {
  background-image: url('/gfx/Logo_HTV.svg');
  background-repeat: no-repeat;
  width: 200px;
  height: 80px;
  background-size: 75%;
  position: relative;
  top: 100px;
  left: 20px;
}
#logo a {
  width: 200px;
  height: 80px;
  display: block;
}
#banner { position:absolute; top:0; left:225px; width:468px; height:60px; }
#user {  }
#title { display:none; }
#date { display:none; }
#header-navigation {
  background-color: #f6f6f6;
  position: absolute;
  top: 0;
  right: 20px;
  width: 468px;
  height: 56px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  display:none;
}
/****************************************/



#tabs { font-size:14px; line-height:11px; position:absolute; top:220px; left:280px; width:760px; }
#tabs ul { list-style-type: none; margin:0px; padding:0px; border-bottom:1px solid #ac0000; overflow:hidden; }
#tabs li { list-style: none; margin:0px; padding:5px 10px 5px 10px; float:left; }
#tabs a { font-weight:normal; color:#000000; text-decoration:none; }
#tabs #tabSelected { background-color:#ac0000; }
#tabs #tabSelected a { color:#FFFFFF; }
/****************************************/
#content #subtabs { clear:both; line-height:100%; font-size:10px; margin:0px 0 0 0 0px; padding:6px 0 0 0; }
#content #subtabs ul { list-style-type: none; margin:0px; padding:0px; }
#content #subtabs li { list-style: none; margin:0px; padding:4px 20px 2px 10px; float:left; color:#176633; background-color:#ccc; border-bottom:4px solid #666; line-height:12px; }
#content #subtabs a { font-weight:normal; color:#FFFFFF; text-decoration:none; }
#content #subtabs #tabSelected { background-color:#666; }
#content #content-row1 #subtabs { padding-left:0px; }
/****************************************/
#container { width:1100px; clear:both;  }
#container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/****************************************/
#navigation { font-family: 'Noto Sans', sans-serif; width:240px; float:left; padding-bottom:10px; padding-left: 20px;  }
#navigation ul { list-style: none; margin-left: 0; padding: 0; }
#navigation li {  margin: 0; }
#navigation a { color:#000; }
#navigation a:focus, #navigation a:hover { color: #ec1c24; }
#navigation td { padding:0 10px 0 20px; }
#navigation th { padding:25px 10px 0 20px;  }
#navigation p { padding:0; margin:0; }
#navigation .spacer { }
#navigation {  }
#navigation select { width: 100%; background-color: #f6f6f6; border: 0; margin: 0 0 5px 0; padding: 10px; border-radius: 10px; }
/****************************************/
#breadcrumb { font-family: 'Noto Sans', sans-serif; margin:0; padding: 0 20px 20px 20px; }
#breadcrumb a { color:#000; margin:0 10px 0 10px; }
#breadcrumb a:first-child { margin:0 10px 0 0px; }
#breadcrumb a:focus, #breadcrumb a:hover { color: #ec1c24; }
/****************************************/
#content { margin:0px 0 0 0px; padding:0px 0 0 0px; width:840px; float:left; }
/****************************************/
#content-col1 { float:left; width:460px; padding-left:20px;}
#content-col2 { float:right; width:320px; padding-left:20px; }
#content-row1 { clear:both; padding-left:20px; }
#content-row2 { clear:both; padding-left:20px; }
#content a { }
#content h1 { font-family: 'Noto Sans', sans-serif; font-weight:normal; }

/****************************************/
#footer { clear:both; background:#2B2E39!important; padding:20px 60px 10px 60px; margin-top:20px; border-bottom: 20px solid #23262F; color: #fff; font-size: 14px;  }
#footer a { color: #BFC0C4; }


#footer-external #pagefoot {
  display: none;
}
#footer-external .partner {
  display: none;
}
/****************************************/

/*########################################################
Upgrade
########################################################*/

/****************************************/
/* Korrekturen aus interface.css und default.css */


.edit-object-table { margin:16px 0 8px 0; border-bottom:0; }
.edit-object-table input { margin:2px 2px 2px 0; }
.edit-object-table select { margin:2px 2px 2px 0; }
.edit-object-table th { border-top:0; border-bottom:1px solid #F5F5F5; font-size:85%; font-weight:normal; padding:0 8px 0 0px; background-color:transparent; }
.edit-object-table td { border-bottom:1px solid #F5F5F5; background-color:#D6DEDE; font-size:95%; }
.search-query { background-color:#D6DEDE; border-top:0; border-bottom:0;  }
.search-query fieldset { border:0; }
.search-query h2 { padding:2px 0 2px 8px; border-bottom:1px dotted #C5C4B9; }
.search-query label { margin:2px 0px 2px 0; }
.search-query input { margin:2px 2px 2px 0; }
.search-query select { margin:2px 2px 2px 0; }
.search-query ul { margin:8px 0 0 4px; }

/* Aenderungen aus interface.css */
.registration h2 { background-color:#212939; color:#FFFFFF; }
.registration h3 { padding:0 0 .5em 0; }
.registration { background-color:#eee; }
.search-query { background-color:#eee; }
.result-set { border-collapse:collapse; font-size:80%; line-height:125%; }
.result-set th { background-color:#eee; font-size:100%; padding:2px 4px 1px 4px; border-bottom:0; }
.result-set td { border-bottom:1px solid #ccc; background-color:#FFFFFF; font-size:100%; padding:2px 4px 1px 4px; }
.result-set td table td { border:0; }
ol.progress { background-color:#000000; border-radius:0; }
ol.progress li { background-color:#ccc; margin:0 0 16px 0; padding:1px 5px 1px 5px; margin-right:5px;  }
li.progress-selected { background-color:#666!important; color:#fff;  }
li.progress-last-selected { background-color:#fff !important; }
.edit-object-table th { border-bottom:1px solid #D3E1F2; font-size:100%; background-color:#D3E1F2; padding:1px 8px 1px 4px; }
.edit-object-table td { border-bottom:1px solid #D3E1F2; background-color:#FFFFFF; font-size:100%; padding:1px 8px 1px 4px; }
.further-information { padding:0 0 1em 0; }

.result-set {
  overflow-x: auto;
  width: 100%;
}
.result-set tbody {
  width: 100%;
}



#content-col2 .query label {
  display: block;
  width: 100%;
}
#content-col2 .query input {
  display: block;
  width: 90%;
  background-color: #eee;
  box-shadow: none;
  border: none;
  padding: 10px;
  border-radius: 5px;
}
#content-col2 .query .button {
  color: #fff;
  background-color: #ac0000;
  font-size: 16px;
  display: block;
  width: 100%!important;
  border-radius: 20px;
}

.result-set th {
  background-color: transparent;
  font-weight: 300;
}


.search-query fieldset {
  padding: 10px;
  margin: 0;
}
.search-query legend {
  font-weight: bold;
  margin: 10px 0 0 0;
  display: inline-block;
  padding: 10px 0 10px 0;
}
.search-query input {
  margin: 5px 5px 5px 0;
  padding: 5px 5px;
  border: 0;
}



#navigation input[type="text"], #navigation input[type="password"] { width:90%; margin-bottom: 5px; 
  background-color: transparent; box-shadow: none; border: 1px solid #000; padding: 5px 10px; font-family: 'Noto Sans', sans-serif; font-weight: 400; 

  background-color: #eee;
  border-color: #eee;
}
#navigation input[type="submit"] { min-width:80px; border-radius: 20px; margin-bottom: 10px; 
  background-color: transparent; 
  
  box-shadow: none; border: 1px solid #000; padding: 5px 10px; font-family: 'Noto Sans', sans-serif; font-weight: 400; 
  background-color: #ac0000;
  border-color: #ac0000;
  color: #fff;
}


.search-query input[type="submit"] {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  background-color: #ac0000;
  border-color: 1px solid #ac0000;
  color: #fff;
  border-radius: 20px;
}

#tabs-external  {
  height: 50px; 
  position: absolute;
  right: 0;
  top: 110px;
  width: 820px;
}
#tabs-external #Header {
  display: none;
}
#tabs-external ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  text-align: left;  
}
#tabs-external li {
  list-style: none;
  margin: 0;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 500;
}
#tabs-external li:first-child {
  padding-left: 0;
}
#tabs-external li:last-child {
  padding-right: 0;
}
#tabs-external a {
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}


#locker {
  font-size: 12px;
  margin: 0 0 15px 0;
}
#locker fieldset {
  border: 0;
}


/* Helferlein  
div { border:1px dotted #cccccc; }
#logo img { background-color:#cccccc; } */