/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url(link.css) all;
body {
  color: #666666;
  font-size: 13px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  line-height: 150%;
  background-image: url(../bilder/humbert/back.gif);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 70px;
  margin: 0;
}
#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 70px;
  z-index: 0;
}
#head {
  color: #3c0;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 700px;
  width: 220px;
  height: 25px;
  z-index: 1;
  padding-top: 10px;
}
#head a:link {
  color: #3c0;
  font-weight: bold;
}
#head a:visited {
  color: #3c0;
  font-weight: bold;
}
#head a:hover {
  color: #666;
  font-weight: bold;
}
#head a:active {
  color: #3c0;
  font-weight: bold;
}
#headnavi {
  color: #fff;
  font-size: 9px;
  background-color: #666666;
  position: absolute;
  top: 70px;
  left: 0;
  width: 190px;
  height: 20px;
  z-index: 1;
  padding-top: 30px;
  padding-left: 20px;
  border-right: 2px solid #fff;
}
#headnavi a:link {
  color: #fff;
  text-decoration: none;
}
#headnavi a:visited {
  color: #fff;
  text-decoration: none;
}
#headnavi a:hover {
  color: #f60;
  text-decoration: none;
}
#headnavi a:active {
  color: #fff;
  text-decoration: none;
}

/*Navielemente*/

#navi {
  position: absolute;
  top: 150px;
  left: 0;
  width: 205px;
  height: auto;
  z-index: 1;
  padding-left: 20px;
}
#navi p {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
}
#navi .zinco {
  margin-bottom: 10px;
}
#navi ul {
  font-weight: bold;
  text-decoration: none;
  width: 185px;
  float: left;
  margin: 0 0 10px;
  list-style-type: none;
  display: block;
}
#navi li {
  font-weight: normal;
  width: 185px;
  margin: 0;
  padding: 0;
  display: block;
}
#navi li a:link {
  color: #666666;
  text-decoration: none;
}
#navi li a:visited {
  color: #666666;
  text-decoration: none;
}
#navi li a:hover {
  color: #f60;
  text-decoration: none;
}
#navi li a:active {
  color: #666666;
  text-decoration: none;
}

/*Inhaltelemente*/

#content #plaintext h1 {
  color: #f60;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
}
#content #plaintext h2 {
  color: #f60;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
#content #plaintext h3 {
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
}
#content #plaintext hr {
  text-align: left;
  width: 470px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
}
#content #plaintext li {
  margin-bottom: 5px;
}
#content #plaintext img {
  margin-top: 5px;
  margin-bottom: 5px;
  border-style: none;
  border-width: 0;
}
#content #plaintext .lineborder {
  width: 450px;
  margin-bottom: 5px;
  border: solid 1px #f60;
}
#content #plaintext .funktion {
  font-weight: bold;
  margin-bottom: 5px;
  border-bottom: 1px solid #f60;
}
/*Formularelemente*/

#content .form,
.border-orange {
  line-height: 150%;
  height: auto;
  padding: 20px 10px 20px;
  border: solid 2px #ccc;
}
#content .form .hr {
  background-color: #000;
  height: 1px;
  margin: 5px 0;
  padding: 0;
}
#content .form h1 {
  color: #f60;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin-top: 2px;
  margin-bottom: 3px;
}
#content .form h2 {
  color: #f60;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  margin: 10px 0;
}
#content .form h3 {
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
}
#content .form hr {
  text-align: left;
  width: 470px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
}
#content .form li {
  margin-bottom: 5px;
}
#content .form img {
  margin-bottom: 5px;
  border-style: none;
  border-width: 0;
}
#content .form .druckform {
  width: 50px;
  float: left;
}
#content .form label {
  margin-bottom: 10px;
}
#content .form input {
  color: #666666;
  font-size: 11px;
  left: 130px;
  width: 330px;
margin-left: 10px;
  border: solid 1px #f60;
padding-left: 5px;
}
#content .form .druck {
  width: 80px;
  height: 20px;
  margin-left: 1px;
  border-style: none;
}
#content .form textarea {
  color: #666666;
  font-size: 11px;
  font-family: verdana;
  width: 330px;
  margin-left: 120px;
  border: solid 1px #f60;
}
#content .form select {
  color: #666666;
  font-size: 11px;
  left: 130px;
  width: 330px;
  border: solid 1px #f60;
margin-left: 10px;
}
#content .form button {
  color: #fff;
  font-size: 11px;
  background-color: #f60;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 20px;
  margin-left: 120px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 25px;
  padding-right: 5px;
  border: solid 1px #f60;
}
#content .form .leftspace {
  position: absolute;
  left: 130px;
  width: 100px;
  height: 20px;
  margin: -10px 0 0;
  padding: 0;
  border-style: none;
  border-width: 0;
}
#content .form .optionsfeld {
  left: 130px;
  width: auto;
  height: auto;
  border-width: 0;
}
#content .form .optionsFeldText {
  margin-left: 150px;
}
#content .form .checkbox {
  left: 130px;
  width: auto;
  height: auto;
  border-width: 0;
}
#content .form .checkboxText {
  margin-left: 150px;
}
#content .form .formularboxen {
  line-height: 25px;
}
#content .form .radio {
  line-height: 25px;
  position: inherit;
  width: 20px;
  float: left;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
}
#content .form .withoutform {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
#content .form .withoutlink {
  text-decoration: none;
}
#content .form .disabled {
  color: #ccc;
  background-color: #efefef;
  text-decoration: none;
  border: solid 1px;
}


#content #best {
  font-size: 11px;
}
#content #best #left {
  text-align: left;
  width: 100%;
}
#content #best td {
  font-size: 11px;
}
#content #best .rahmen {
  text-align: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  border: solid 1px #f60;
}
#content #best .rahmen2 {
  margin-bottom: 20px;
  padding: 5px;
  width: 470px;
  border: solid 1px #f60;
}
#content #best .rahmen p {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#content #best form {
  float: left;
  padding: 0;
  border-width: 0;
}
#content #best sup {
  font-size: 75%;
}
#content #best select {
  color: #666;
  font-size: 11px;
  position: absolute;
  left: 130px;
  width: 200px;
  border: solid 1px #f60;
}
#content #best form p {
  margin-bottom: 10px;
}
#content #best button {
  color: #fff;
  background-color: #f60;
width: 200px;
height: 29px;
  margin-left: 120px;
  padding-right: 5px;
  padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
  border: solid 1px #f60;
}
#content #best select {
  color: #666;
  font-size: 11px;
  position: absolute;
  left: 130px;
  width: 200px;
  border: solid 1px #f60;
}
#content #best textarea {
  margin-left: 130px;
}
/*CONTENT-ENDE*/
#bilder {
  background-color: #fff;
  height: 100px;
  width: 130px;
  left: 550px;
  top: 150px;
  position: absolute;
  z-index: 2;
  visibility: visible;
}
#bilder img {
  margin-bottom: 15px;
}
#bilder a .large {
  border: 0;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
#bilder a img {
  border: 0;
}
#bilder a.p1,
#bilder a.p1:visited {
  background: #ffffff;
  display: block;
  height: 100px;
  left: 0;
  text-decoration: none;
  top: 0;
  width: 130px;
  border: solid 1px #fff;
}
#bilder a.p3,
#bilder a.p3:visited {
  background: #ffffff;
  display: block;
  height: 163px;
  left: 0;
  text-decoration: none;
  top: 0;
  width: 130px;
  border: solid 1px #fff;
}

#bilder a.p1:hover {
  background-color: white;
  color: #000000;
  text-decoration: none;
}
#bilder a.p1:hover .large {
  display: block;
  height: 300px;
  left: -339px;
  position: absolute;
  top: 25px;
  width: 390px;
  border: solid 1px #f60;
}
#bilder a.p3:hover .large {
  display: block;
  height: 487px;
  left: -339px;
  position: absolute;
  top: 25px;
  width: 390px;
  border: solid 1px #f60;
}
#bilder a.p2:hover .large {
  display: block;
  height: 846px;
  left: -600px;
  position: absolute;
  top: 100px;
  width: 836px;
  border: solid 1px #f60;
}
#aktuelles {
  color: #666666;
  position: absolute;
  top: 150px;
  left: 700px;
  width: 220px;
  height: auto;
  z-index: 1;
}
.aktuellesHeadLine {
  color: #fff;
  font-weight: bold;
  background-color: #666666;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block;
}
.newsEintrag {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
  display: block;
}

#videoplayer {
  margin: 0 0 15px;
}

.rcLink {
  color: #3c0;
  font-weight: bold;
  text-decoration: none;
}
.rcLink a:link {
  color: #3c0;
  font-weight: bold;
  text-decoration: none;
}
.rcLink a:visited {
  color: #3c0;
  font-weight: bold;
  text-decoration: none;
}
.rcLink a:hover {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}
.rcLink a:active {
  color: #3c0;
  font-weight: bold;
  text-decoration: none;
}
.footer {
  font-size: 9px;
  width: 470px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 2px;
  border-top: 1px solid #666666;
  display: block;
}

.aktiverlink {
  color: #f60 !important;
}
.aktiverlink a:link {
  color: #f60 !important;
}
.aktiverlink a:visited {
  color: #f60 !important;
}
.aktiverlink a:hover {
  color: #666666 !important;
}
.aktiverlink a:active {
  color: #f60 !important;
}
button {
  color: #fff !important;
  font-size: 17px !important;
  background-color: #f60 !important;
  text-align: center !important;
  vertical-align: middle !important;
  /* width: 200px!important;
  height: 20px; */
  margin-left: 0px !important;
  border: solid 1px #f60 !important;
  
}

.button_container {
color: #fff !important;
font-size: 17px !important;
background-color: #f60 !important;
text-align: center !important;
vertical-align: middle !important;
width: 200px !important;
height: 29px;
margin-left: 20px !important;
border: solid 1px #f60 !important;
}


#rotator {
  background-color: white;
  background-image: url(../bilder/logos_verband/rotator_verband.php);
  background-repeat: no-repeat;
  width: 220px;
  height: 90px;
}
.externlink {
  background-image: url(../bilder/humbert/externlink.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: auto;
  height: auto;
  padding-right: 15px;
}
.externlink:hover {
  background-image: url(../bilder/humbert/externlink_hover.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 15px;
  width: auto;
  height: auto;
}
.pdf {
  background-image: url(../bilder/humbert/pdf.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 15px;
  width: auto;
  height: auto;
}
.pdf:hover {
  background-image: url(../bilder/humbert/pdf_hover.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 15px;
  width: auto;
  height: auto;
}
optgroup {
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  background-color: #eee;
  text-decoration: none;
}
option {
  font-weight: normal;
  background-color: #fff;
  text-decoration: none;
}

/*Popup*/
#close {
  width: 12px;
  height: 12px;
}
#content .wronginput {
  background-color: #fee;
  border: solid 1px #f30;
}
#content #error {
  color: #000;
  background-color: #f2f2f2;
  width: 310px;
  padding: 5px;
  border: dashed 1px #f60;
}
#content #error h1 {
  color: #f60;
  font-size: 14px;
  margin: 0 0 2px;
  padding: 0;
}
#content #error p {
  margin: 0;
  padding: 0;
}

/*Banner-Alt*/
#banner {
  position: absolute;
  width: 222px;
  z-index: 4;
}
#banner_actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff6600;
  padding: 3px;
  color: white;
  height: 15px;
  margin: 0;
}
#mover {
  border: 0;
  margin: 0;
  padding: 0 2px 0 0;
  border-right: 1px solid white;
}
#closer {
  border: 0;
  padding: 0 0 0 1px;
}
#banner_img {
  border: solid #ff6600 1px;
  position: absolute;
  top: 15px;
  width: 220px;
}

#content ul.tabs {
  display: block;
  border-bottom: 2px solid #ccc;
  margin: 10px -5px 30px;
  padding: 0 5px;
  height: 31px;
  list-style: none;
}

#content ul.tabs li {
  direction: block;
  float: left;
  margin-right: 5px;
  outline: none;
}

#content ul.tabs li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #666;
  padding: 3px 5px;
  line-height: 19px;
  outline: none;
}

#content ul.tabs li.active a {
  padding: 5px 5px 5px;
  border: 2px solid #ccc;
  border-bottom: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: white;
  line-height: 19px;
}

#content ul.tabs li:not(.active) a:hover {
  padding: 5px 5px 5px;
  border: 2px solid #ddd;
  border-bottom: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: white;
  line-height: 19px;
  height: 17px;
}

#content
  ul.tabs
  li:not(.active):not(:hover)
  + li:not(.active):not(:hover)
  a:after {
  content: "";
  position: absolute;
  top: 7px;
  left: -4px;
  width: 1px;
  height: 11px;
  background-color: #ccc;
}

#content .form #berechne-rechteck,
#content .form #berechne-kreis {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f60;
  _zoom: 1;
}

#content .form #berechne-rechteck fieldset,
#content .form #berechne-kreis fieldset {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  height: auto;
  _overflow: hidden;
}

#content .form #berechne-rechteck fieldset {
  width: 25%;;
}

#content .form #berechne-kreis fieldset {
  width: 205px;
}

#content .form #berechne-rechteck label,
#content .form #berechne-rechteck input,
#content .form #berechne-kreis label,
#content .form #berechne-kreis input {
  display: block;
  position: relative;
  left: 0;
  width: 100%;
}

#content .form #berechne-rechteck button,
#content .form #berechne-kreis button {
  float: left;
  margin: 37px 0 0;
  width: 25px;
  height: 18px;
}

#content .form #berechne-rechteck fieldset.setzung,
#content .form #berechne-kreis fieldset.setzung {
  margin-top: 10px;
  width: 100%;
}

#content .form #berechne-rechteck fieldset.setzung input,
#content .form #berechne-rechteck fieldset.setzung label,
#content .form #berechne-kreis fieldset.setzung input,
#content .form #berechne-kreis fieldset.setzung label {
  display: inline;
  border: 0;
  width: auto;
}

.hidden {
  display: none;
}