html {
  font-size: 12px;
}

body {
  background: url(../images/handplan1.jpg) black; 
  background-repeat: repeat-y;
  background-size: cover;
  margin: 0px auto 30px auto;
}

p, div, form, h1, h3, h4, h5, ul, li {
   margin: 0px; 
   padding: 0px;
}

body, td, div, p, a, input, textarea {
   font-family: "MS Sans Serif", sans-serif;
   letter-spacing: 1px;
   color: #1F1F1F;
}

#container {
  width: 100%;
  margin: auto;
  text-align: center;
}

#btnPopupmenu {
  position: fixed;
  top: 10px;
  right: 10px;
  
  padding: 8px;
  border: 1px solid #999;
  border-radius: 6px;
  background: #efefef;
  text-align: left;
  z-index: 100;
}

#menu-container {
  
  position: fixed;
  top: 58px;
  right: 10px;
  width: auto;
  background: snow;
  border: 1px solid black;

  margin: 0;
  padding: 0;

  display: none;
  
}
  #menu-container li {
    list-style-type: none;
    border-bottom: 1px solid silver;
    padding: 0;
    display: block;
    
  }
    #menu-container li.line {
      border-bottom-width: 2px;
      border-bottom-style: gray;  
    }

  #menu-container li a.menu {
    text-decoration: none;
    display: block;
    font-size: 1.2rem;
    padding: .6rem 1rem;
    width: auto;
    color: #222;
    border: none;  
  }
  
  #menu-container li a.menu.active {
    background: rgb(239, 238, 153);
  }

#content {
  text-align: left;
  max-width:710px;
  margin:65px auto 4px auto;
  padding:20px 20px 30px 20px;
  border:1px solid white;
  background:white;
}

#tipue_search_input {
  
  padding: 4px 2px 4px 25px !important; 
  background-size: 16px !important;
  background-position: 4px 4px !important;
}

#impressum {
  margin: 0px auto;
  max-width: 742px;
  background:white; 
  padding: 5px; 
  color:#1F1F1F; 
}  

h1 {
  font-size: 1.25rem;
  border-bottom: 3px solid #EFED75;
  margin-bottom: .35rem;
  line-height: 130%;
}

h3 {
  font-size: 1.2rem
}
h4, h5, h5 {
  font-size: 1rem;
}


b, .bold {
   font-weight: bold;
}

i, .zitat {
   font-style: italic;
}

small,.small, .SU-klein {
   font-size: 0.9rem;
   letter-spacing: 0px;
}

table {
  border-collapse: collapse;
}

.va-left {
  text-align: left;
}
.va-center {
  text-align: center;
}
.va-right {
  text-align: right;
}

span.fa {
  color: #ddd;
}

.shighlight {
   color:crimson;
}


a.m_small {
   font-size: 0.9rem;
   letter-spacing:0px;
   text-decoration:none; 
}

.law {
  padding: 1px 4px;
  color: white;
  background: #dd0000;
  font-weight: bold;
}

  
  #impressum p {
    line-height: 20px;
  }

  .gisa a {
    border: none; 
    text-decoration: none; 
  }
  .gisa span {
    border-bottom: 1px dotted silver;
  }
  .gisa img {
    height: 14px;
    position: relative;
    top: 2px;
  }




.invis {display:none;}

.errtextback {background-color:#FF0000; color:white; padding:0px 2px 1px 2px;}
input.txt, textarea.txt, select.txt {
   margin-bottom:2px;
   font-weight:normal;
   border: solid 1px gray;
}

.wait {
	cursor: progress;
}

@media screen and (max-width: 770px) {
  body {
    background-position: 0 -260px;
    background-size: 1000px;
  }

  h1 {
    margin-bottom: 1rem;
  }
  
  
}



@media screen and (max-width: 530px) {
  body {
    width: 100%;
    line-height: 1.25em;
  }
  
  div.su {
    /*width: calc(100% - 2em) !important;*/
  }
  #content, #impressum {
    /*width: 100%;*/
    padding: 1em;
  }
}