/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #717171;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #93B7DD;
}

h1 {
  color: #000;
  font-size: 1.4em;
  margin-bottom: 1.0em;
}

h2 {
  color: #717171;
  font-size: 1.1em;
  margin-top: 1.0em;
  margin-bottom: 0.1em;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

.hinweis_gross {
  font-size: 1.2em;
  background: #C2D1E3 url(../bilder/back_topnavi_selected_k.gif) left top repeat-X;
  padding: 5px 10px;
  border: 1px solid #93B7DD;
  color: #000;
}

.centered {
  text-align: center;
}

.button {
  display: block;
  text-decoration: none;
  color: #717171;
  padding: 0 10px;
  line-height: 22px;
  height: 23px;
  font-weight: bold;
  background-image: url(../bilder/back_topnavi_kachel.gif);
  background-repeat: repeat-X;
  text-align: center;
  border: 1px solid #CDCDCD;
  float: none;
  width: 97px;
}

.button:hover {
  background: transparent url(../bilder/back_topnavi_selected_k.gif) left top repeat-X;
  border-color: #93B7DD;
}

.button_vario {
  text-decoration: none;
  color: #717171;
  padding: 5px 10px;
  line-height: 22px;
  height: 23px;
  font-weight: bold;
  background-image: url(../bilder/back_topnavi_kachel.gif);
  background-repeat: repeat-X;
  text-align: center;
  border: 1px solid #CDCDCD;
  float: none;
  width:auto;
}

.button_vario:hover {
  background: transparent url(../bilder/back_topnavi_selected_k.gif) left top repeat-X;
  border-color: #93B7DD;
}

.pdf {
  display: block;
  text-decoration: none;
  color: #717171;
  padding: 0 10px;
  line-height: 22px;
  height: 23px;
  font-weight: bold;
  background-image: url(../bilder/back_button_pdf.gif);
  background-repeat: repeat-X;
  text-align: center;
  border: 1px solid #CDCDCD;
  float: none;
  width: 97px;
}

.pdf:hover {
  background: transparent url(../bilder/back_button_pdf_hover.gif) left top repeat-X;
  border-color: #93B7DD;
}


/*----------------------------------------------------------------*/
/* wrapper */
/*----------------------------------------------------------------*/
#wrap {
  width: 772px;
  margin: 0 auto;
  background: #fff url(../bilder/back_body.gif) center top no-repeat;
}


/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#header {
  height: 116px;
  background: #8CB1D9 url(../bilder/back_header.jpg) left top no-repeat;
  text-align: center;
  overflow: hidden;
  padding-top: 61px;
}

#content {
  border: 1px solid #CDCDCD;
  border-width: 0 1px;
  clear: both;
  background: #EBEBEC url(../bilder/back_content.gif) left top repeat-X;
  min-height: 465px;
  padding: 10px 20px;
}

#inhalt {
  float: right;
  display: inline;
  width: 520px;
}

#links {
  float: left;
  display: inline;
  width: 150px;
}

#sprachauswahl {
  padding-bottom: 1.0em;
}

#sprachauswahl a {
  background: transparent url(../bilder/de_off.gif) left center no-repeat;
  padding-left: 25px;
  color: #717171;
  text-decoration: none;
}

#sprachauswahl a.en {
  background: transparent url(../bilder/en_off.gif) left center no-repeat;
}

#sprachauswahl a.de:hover {
  background: transparent url(../bilder/de_on.gif) left center no-repeat;
}

#sprachauswahl a.en:hover {
  background: transparent url(../bilder/en_on.gif) left center no-repeat;
}

#news_container {
  margin-top: 1.0em;
}

#news_container h2, #news_container p, #news_container h1, #news_container {
  color: #949494;
}


/*----------------------------------------------------------------*/
/* quicksearch */
/*----------------------------------------------------------------*/
#quicksearch input.eingabe {
  background-image: url(../bilder/back_suche.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  width: 128px;
  margin-bottom: 2px;
}

#quicksearch input.btn {
  text-align: center;
}


/*----------------------------------------------------------------*/
/* subnavi */
/*----------------------------------------------------------------*/
#subnavi {
  margin-top: 10px;
  /* rest siehe menu.css */
}



#breadcrumb {
  font-size: 0.8em;
  color: #717171;
}

#footer {
  background: transparent url(../bilder/back_footer.gif) left top no-repeat;
  clear: both;
}

#footer p {
  /*background: transparent url(../bilder/back_footer2.gif) left top no-repeat;*/
  padding: 20px 0;
  /*padding-left: 60px;*/
  color: #717171;
  padding-left: 22px;
}

#footer ul, #footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer li {
  float: right;
  display: inline;
  padding-top: 20px;
}

#footer li a {
  color: #717171;
  text-decoration: none;
  margin-right: 10px;
}

#footer li a:hover {
  text-decoration: underline;
}


/*----------------------------------------------------------------*/
/* aktivierungsboxen */
/*----------------------------------------------------------------*/
.aboxen td {
  cursor: pointer;
  padding-right: 40px;
  width: 117px;
  vertical-align: top;
}

.aboxen td h2 {
  height: 2.5em;
}

.aboxen td table {
  margin-bottom: 0.5em;
}

.aboxen td table td {
  width: 115px;
  height: 112px;
  background: transparent url(../bilder/back_box_img.gif) left top no-repeat;
  padding: 1px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}

.aboxen td table td div {
  width: 115px;
  height: 112px;
  overflow: hidden;
}

.aboxen td:hover table td, .aboxen td.aktiv table td {
  background-position: left -114px;
}

.aboxen td p.beschreibung {
  font-size: 0.8em;
  height: 8em;
}

.aboxen td:hover .button, .aboxen td.aktiv .button {
  background: transparent url(../bilder/back_topnavi_selected_k.gif) left top repeat-X;
  border-color: #93B7DD;
}

  
}


/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
input, textarea, select {
  color: #000;
}

li h5 {
  margin-top: 1.0em;
}

.suchcontainer {
  margin-bottom: 2.0em;
}

.suchcontainer_abstand_klein {
  margin-bottom: 0.5em;
}

.suchcontainer a {
  color: #000;
}

.suchcontainer table td {
  padding-right: 10px;
}

.suchcontainer .plz, .suchcontainer .halb {
  width: 80px;
}

.suchcontainer input {
  margin: 0.1em 0;
}

.suchcontainer textarea {
  width: 97%;
  margin: 0.1em 0;
}

.btn {
  text-align: center;
}

.suchergebnis {
  margin-top: 0.5em;
  border: 1px solid #CDCDCD;
  border-width: 1px 0;
  margin-bottom: 1.0em;
}

.formular_suche_btn {
  text-align: center;
}

.suche_like_text, .suche_like_text:visited {
  text-decoration: none;
  color: #333;
}

.suchergebnis li p {
  padding: 0;
  margin: 0;
}

#spalte-1 .suchergebnis li {
  margin-bottom: 1.5em;
}

.suchergebnis .suche_last_edit, .suchergebnis a.suche_a {
  font-size: 0.8em;
}

.suchtreffer {
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
.kontakt_container td {
  vertical-align: top;
}

span.cx_pflicht {
  color: #FE0000;
  font-weight: bold;
  font-size: 1.4em;
}

input.cx_pflicht, textarea.cx_pflicht {
  background: #FF6D6E;
  color: #fff;
}

.cx_error {
  border: 1px solid #FE0000;
  color: #fff;
  background: #FF6D6E;
  padding: 0.5em;
}

table.kontaktformular {
  margin: 2.0em 0em;
}

table.kontaktformular .spalte-1, table.kontaktformular .spalte-0, table.kontaktformular .spalte-3, table.kontaktformular .spalte-2 {
  vertical-align: top;
  padding-bottom: 0.3em;
}

table.kontaktformular .spalte-1, table.kontaktformular .spalte-0 {
  width: 110px;
  font-size: 0.8em;
}

table.kontaktformular .spalte-0 {
  width: 80px;
}

table.kontaktformular .spalte-2 {
  width: 150px;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea, table.kontaktformular .spalte-2 select, .submit, table.kontaktformular .spalte-3 input, table.kontaktformular .spalte-3 textarea, table.kontaktformular .spalte-3 select {
  padding: 0.1em;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea, table.kontaktformular .spalte-3 input, table.kontaktformular .spalte-3 textarea {
  width: 130px;
}

table.kontaktformular .spalte-3 input.auto_width, table.kontaktformular .spalte-3 textarea.auto_width {
  width: auto;
}

table.kontaktformular .spalte-3 td {
  vertical-align: middle;
}

table.kontaktformular td.abstand {
  padding-top: 1.0em;
}

.submit {
  text-align: center;
}

p.kontaktformular {
  text-align: center;
}


/*----------------------------------------------------------------*/
/* bildergalerie */
/*----------------------------------------------------------------*/
.bildergalerie {
  float: left;
  display: inline;
  margin: 42px 42px 0 0;
}

.bildergalerie dt, .videoplayer object {
  border: 1px solid #CDCDCD;
}

.bildergalerie dt, .bildergalerie dt img {
  width: 115px;
  height: 112px;
}

.videoplayer {
  margin-top: 20px;
}
