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

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

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

html, body {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff url('../bilder/content_back.gif') center top repeat-Y;
  text-align: center;
}

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: #000;
  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;
}

p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #000;
}

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

.none, .versteckt {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}

.pdf {
  padding-left: 20px;
  background: transparent url('../bilder/icon_pdf.gif') left top no-repeat;
  display: block;
  width: auto;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #E2001A;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 1.0em;
}

h2 {
  font-size: 1.0em;
  color: #000;
  font-weight: bold;
  margin-top: 2.0em;
  margin-bottom: 0.1em;
}

/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#wrap {
  margin: 0 auto;
  padding: 0;
  width: 984px;
  text-align: left;
  background: transparent url('../bilder/spalte0_back.jpg') left bottom no-Repeat;
  min-height: 100%;
  z-Index: 990;
}

#header {
  height: 149px;
  background: #fff url('../bilder/header_back.jpg') left top no-Repeat;
}

#topnavi {
  height: 36px;
  padding-top: 17px;
  text-align: right;
}

#navi {
  height: 96px;
  padding-top: 69px;
}

#content {
  clear: both;
}

.spalte0, .spalte1, .spalte2 {
  float: left;
  display: inline;
}

.spalte0 {
  width: 182px;
  padding: 10px 16px 0px 0;
  background-color: #c8c8c8;
}

.spalte1 {
  width: 550px;
  padding: 30px 20px 0 20px;
}

.spalte2 {
  float: right;
  width: 175px;
  padding: 30px 10px 0 10px;
}

#footer {
  height: 211px;
  overflow: hidden;
  clear: both;
}

#printfooter {
  display: none;
}

#footer .spalte0 {
  background: none;
}

#footer .spalte1 {
  padding-top: 150px;
}

.spalte2 p {
  color: #fff;
  font-size: 0.8em;
}

.spalte2 a {
  color: #fff;
}

.spalte1 ul {
  margin: 1.0em 0;
}

.spalte1 ul li {
  background: transparent url('../bilder/dot_li.gif') left 0.2em no-Repeat;
  margin: 0;
  padding: 0;
  padding-left: 14px;
  margin-bottom: 0.2em;
}

.spalte1 table, .spalte1 table.linie {
  margin: 1.0em 0;
}

.spalte1 table.linie {
  border-top: 1px solid #C8C8C8;
}


.spalte1 table td, .spalte1 table.linie td {
  vertical-align: top;
  line-height: 1.4em;
  padding: 0.2em;
}

.spalte1 table.linie td {
  border-bottom: 1px solid #C8C8C8;
}


.spalte1 table td p {
  margin: 0;
}

#footer ul {
  margin: 0;
}

table.farben td {
  width: 25%;
}

/*----------------------------------------------------------------*/
/* navis */
/*----------------------------------------------------------------*/
#topnavi ul, #footer .spalte1 ul {
  width: 100%;
}

#topnavi ul li, #footer .spalte1 ul li {
  float: right;
  display: inline;
  padding-left: 19px;
  background: transparent url('../bilder/navi_trenner.gif') 9px center no-Repeat;
}

#topnavi ul li.first, #footer .spalte1 ul li.first {
  padding: 0;
  background: none;
}

#footer .spalte1 ul li.pfeil {
  padding-left: 12px;
  background: transparent url('../bilder/top.gif') left 10px no-Repeat;
}

#topnavi ul li a, #footer .spalte1 ul li a {
  font-size: 0.8em;
  color: #E2001A;
  text-decoration: none;
}

#footer .spalte1 ul li {
  float: left;
}

#topnavi ul li a:hover, #footer .spalte1 ul li a:hover {
  text-decoration: underline;
}


#navi ul {
  width: 573px;
  height: 27px;
  padding-left: 207px;
  background: transparent url('../bilder/topnavi_back.gif') left top no-repeat;
}

#navi ul li {
  float: left;
  display: inline;
}

#navi ul li a {
  display: block;
  padding: 3px 8px 10px 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  /*background: #fff url('../bilder/topnavi_back.gif') left top Repeat-X;*/
  white-space: nowrap;
}

#navi ul li.selected a, #navi ul li a:hover {
  background-color: #c8c8c8;
}

.logo {
  float: right;
  display: block;
  width: 205px;
  height: 90px;
  background: #fff url('../bilder/topnavi_back.gif') right bottom Repeat-X;
}

.logo img {
  display: block;
  background-color: #fff;
}

.spalte0 h1 {
  color: #fff;
  font-size: 1.3em;
  margin: 0 0 0.5em 22px;
  border: none;
}

.spalte0 ul {
  margin-bottom: 20px;
}

.spalte0 ul ul {
  margin-bottom: 0px;
}

.spalte0 ul li a {
  display: block;
  margin-top: 5px;
  padding-left: 22px;
  width: 170px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

.spalte0 ul li.selected a, .spalte0 ul li a:hover {
  background: transparent url('../bilder/subnavi_selected.gif') left 0.2em no-Repeat;
}

.spalte0 ul li.selected ul li a {
  background: transparent;
  color: #777;
}

.spalte0 ul li.selected ul li a:hover {
  text-decoration: underline;
}

.spalte0 ul li.selected ul li.selected a {
  color: #E2001A;
}

#breadcrumb {
  font-size: 0.8em;
}

#breadcrumb, #breadcrumb a {
  color: #777;
  text-decoration: none;
}

#breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
}

.copy {
  font-size: 0.9em;
  color: #747474;
}

/*----------------------------------------------------------------*/
/* spalte2 (rechts) */
/*----------------------------------------------------------------*/
.spalte2 p, .spalte2 h1, .spalte2 h2, .spalte2 h3, .spalte2 a, .spalte2 div, .spalte2 input {
  color: #fff;
}

.spalte2 div {
  margin: 0.2em 0 0.5em 0;
  padding: 0.5em 0 0.5em 0em;
  border-top: 1px solid #F18793;
  border-bottom: 1px solid #F18793;
}

.spalte2 input {
  padding: 1px;
  background-color: #E83348;
  border: 0;
  width: 80%;
  margin-bottom: 2px;
  height: 20px;
  line-heigh: 19px;
}

.spalte2 input.ok {
  width: 14%;
  text-align: center;
}


/* produkte */
dl.produkte {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-bottom: 10px;
}

dl.produkte, dl.produkte dt {
  width: 130px;
  overflow: hidden;
}

dl.produkte dd {
  border: 1px solid #777;
  width: 128px;
  height: 128px;
  overflow: hidden;
}

dl.produkte dt {
  padding-top: 0.2em;
  height: 2.5em;
}

dl.first {
  margin-left: 0;
}

dl.produkte:hover dd {
  border: 1px solid #E2001A;
}

dl.produkte:hover dt a {
  color: #E2001A;
}


#map, .map {
  height: 360px;
  background: #eee url(../bilder/cx_loading_big.gif) center center no-repeat;
  border-top: 1px solid #E2001A;
  border-bottom: 1px solid #E2001A;
  margin-bottom: 2.0em;
}

.hinweis, .form_container {
  background: #C8C8C8;
  color: #000;
  padding: 0.5em;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
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;
}

.form_container table.kontaktformular {
  margin: 0;
}

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

table.kontaktformular .spalte-1 {
  width: 220px;
}

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

table.kontaktformular .spalte-2 input.default, table.kontaktformular .spalte-2 textarea {
  width: 300px;
}

table.kontaktformular .spalte-2 input.halb {
  width: 145px;
  margin-right: 5px;
}

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

.submit {
  text-align: center;
  color: #000;
}

p.kontaktformular {
  text-align: center;
}


/*----------------------------------------------------------------*/
/* downloads */
/*----------------------------------------------------------------*/
table.downloads {
  width: 100%;
  border-top: 1px solid #C8C8C8;
}

table.downloads td {
  vertical-align: top;
  width: 370px;
  background: #eee;
  background-position: center 0.5em;
  background-repeat: no-repeat;
  border-bottom: 1px solid #C8C8C8;
  padding: 5px;
  min-height: 4.1em;
}

table.downloads .bg1 td {
  background-color: #fff;
}


table.downloads td.endung, table.downloads td.download, table.downloads td.download a {
  width: 75px;
}

table.downloads td.download {
  text-align: center;
}

table.downloads td.download a {
  display: block;
  color: #fff;
  background: #E2001A;
  font-size: 1.1em;
  text-decoration: none;
  text-align: center;
  margin: 0;
}

table.downloads td.pdf {
  background-image: url(../admin/bilder/dateitypen/pdf.gif);
}

table.downloads td.jpg {
  background-image: url(../admin/bilder/dateitypen/jpg.gif);
}

table.downloads td.xls {
  background-image: url(../admin/bilder/dateitypen/xls.gif);
}

table.downloads td.csv {
  background-image: url(../admin/bilder/dateitypen/csv.gif);
}

table.downloads td.doc {
  background-image: url(../admin/bilder/dateitypen/doc.gif);
}

.ordner_geschlossen {
  padding: 1.5em 4.0em;
  background: #eee url(../admin/bilder/dateitypen/folder.gif) 0.5em center no-repeat;
  cursor: pointer;
  margin-bottom: 1px;
}

.ordner_geschlossen h2 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: underline;
}

.ordner_geschlossen p {
  margin: 0;
  padding: 0;
}



.small_note {
  font-size: 0.8em;
  color: #777;
}

.used_tags {
  background: #eee;
  font-size: 0.7em;
  color: #777;
  padding: 0.5em;
  line-height: 1.8em;
}

.used_tags a {
  color: #777;
  text-decoration: none;
}

.used_tags a:hover {
  color: #000;
}

/*
.size0 {
  font-size: 0.8em;
}

.size1 {
  font-size: 1.0em;
}

.size2 {
  font-size: 1.1em;
}

.size3 {
  font-size: 1.3em;
}

.size4 {
  font-size: 1.5em;
}
*/

/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/
#home {
  background: #83A4D1 url(../bilder/back_home.jpg) left top repeat-Y;
  margin-bottom: 1.0em;
}

#home #haus {
  background: transparent url(../bilder/back_home_haus.jpg) left bottom no-repeat;
  padding-bottom: 204px;
}

#startseite .spalte1 {
  padding-top: 0;
}

#startseite #home h1 {
  margin: 0;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: 1.5em;
  padding: 20px 20px 0px 20px;
}

#startseite #home h2 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.3em;
  padding: 0 20px;
  margin-bottom: 1.0em;
  font-weight: normal;
}


#startseite #home table {
  width: 100%;
}

#startseite #home table td, #startseite #home table th {
  width: 33%;
  vertical-align: top;
  color: #fff;
  padding-left: 20px;
  font-weight: normal;
}

#startseite #home table th {
  line-height: 1.0em;
  font-size: 0.9em;
  color: #ccc;
  text-align: left;
}

#startseite #home ul, #startseite #home li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: none;
}

#startseite #home ul li {
  padding: 0.2em 0;
}

#startseite #home ul li a {
  font-size: 1.2em;
  color: #fff;
  text-decoration: underline;
}

#startseite #home ul li a {
  text-decoration: none;
}

#startseite #home ul li a:hover {
  text-decoration: underline;
}



/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
.suchcontainer {
  background: #eee;
  padding: 0.5em;
  margin-bottom: 2.0em;
  color: #777;
}

.suchcontainer td {
  padding-right: 5px;
}

.suchcontainer input.default {
  font-size: 1.1em;
  padding: 0.2em;
  width: 300px;
}

.formular_suche_btn {
  text-align: center;
}

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

#content .suchergebnis, #content .suchergebnis li {
  list-style-type: none;
  background: none;
  margin: 0;
  padding: 0;
}

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

.suchergebnis h5 {
  margin-top: 1.0em;
}

.suchergebnis h5 a {
  text-decoration: underline;
}

#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;
}

.seitennavi {
  text-align: center;
  margin: 1.0em 0;
}

.seitennavi a {
  margin: 3px;
}