/* Startseite
*************************/
#main-start #content {
  padding:5px 0;
  width:920px;
  min-height:0;
}
#main-start #content .articles {
  background:url(/assets/images/4-col-bg.gif) no-repeat;
}
#main-start #content .article {
  float:left;
  width:200px;
  height:170px;
  padding:5px 15px;
}
#main-start #content .article h2 {
  color:#fff;
  margin:0 0 10px 0;
}
#main-start #content .article h2 span {
  background:#851531;
}
#main-start #content .article h2 a {
  color:#fff;
  background:#851531;
  padding:2px 5px;
}
#main-start #content .article h2 a:hover {
  text-decoration:none;
  background:#555;
}
#main-start #content .article .text {
  height:85px;
  overflow:hidden;
}
#main-start #content .article .image {
  margin:0 0 5px 0;
}

/* Jiggys, Footer
*************************/
#footer .jiggy {
  width:200px;
  height:105px;
  float:left;
  padding:10px 15px;
  overflow:hidden;
}

/* 2-spaltig (50/50)
*************************/
.two-columns {
  clear:both;
}
.two-columns .col-1 {
  float:left;
  width:315px;
  padding:0 15px 0 0;
}
.two-columns .col-2 {
  width:315px;
  float:left;
  padding:0 0 0 15px;
}

/* 2-spaltig (2/1)
*************************/
.two-columns-21 {
  clear:both;
}
.two-columns-21 .col-1 {
  float:left;
  width:430px;
  padding:0 15px 0 0;
}
.two-columns-21 .col-2 {
  width:200px;
  float:left;
  padding:0 0 0 15px;
}
/* 2-spaltig (2/1), Kontakt-Box
*************************/
.two-columns-21 .col-2  .jiggy {
  background:url(/assets/images/jiggy-middle.gif);
  margin:0 0 20px 0;
}
.two-columns-21 .col-2 .jiggy-2 {
  background:url(/assets/images/jiggy-top.gif) no-repeat 0 0;
}
.two-columns-21 .col-2 .jiggy-3 {
  background:url(/assets/images/jiggy-bottom.gif) no-repeat 0 100%;
}
.two-columns-21 .col-2 .jiggy h4 {
  margin:0 10px 3px 10px;
  padding:10px 0 0 0;
  color:#851531;
  font-size:16px;
}
.two-columns-21 .col-2 .jiggy h4 span {
  background:transparent;
  padding:0;
}
.two-columns-21 .col-2 .jiggy .content {
  padding:10px;
  font-size:11px;
  line-height:16px;
}
.two-columns-21 .col-2 .jiggy .jiggy-icon {
  width:73px;
  height:63px;
  background:url(/assets/images/icon-contact.png);
  float:right;
}

/* 2-spaltig (2/1), Messenger
*************************/
.two-columns-21 .col-2  .jiggy-messenger {
  background:url(/assets/images/jiggy-messenger.jpg);
  height:236px;
}
.two-columns-21 .col-2  .jiggy-messenger .jiggy-2,
.two-columns-21 .col-2  .jiggy-messenger .jiggy-3 {
  background:transparent;
}
.two-columns-21 .col-2  .jiggy-messenger h4 {
  margin-bottom:0;
}
.two-columns-21 .col-2  .jiggy-messenger a {
  color:#000;
}
.two-columns-21 .col-2  .jiggy-messenger .content-top {
  height:50px;
  font-size:14px;
}
.two-columns-21 .col-2  .jiggy-messenger .content-bottom {
  width:100px;
  margin:10px 0 0 0;
}
.two-columns-21 .col-2  .jiggy-messenger .online {
  background:url(/assets/images/messenger-online.png) no-repeat 0 100%;
  height:110px;
}

/* 2-spaltig (2/1), Kontakt-Box-Formular
*************************/
.jiggy form {
  margin:0;
}
.jiggy fieldset {
  margin:0;
  padding:0;
  background:transparent;
}
.jiggy fieldset legend {
  display:none;
}
.jiggy input.text,
.jiggy textarea {
  width:170px;
}

/* 3-spaltig
*************************/
.three-columns {
  clear:both;
}
.three-columns .col-1 {
  float:left;
  width:200px;
  padding:0 15px 0 0;
}
.three-columns .col-2 {
  width:200px;
  float:left;
  padding:0 15px 0 15px;
}
.three-columns .col-3 {
  width:200px;
  float:left;
  padding:0 0 0 15px;
}

/* Artikel, Kategorie?bersicht
*************************/
ul.articles-overview {
  margin:0;
  padding:0;
}
.articles-overview li {
  text-align:center;
  margin:0 0 20px 0;
  padding:0;
  list-style-image:none;
}
.articles-overview .article  {

}
.articles-overview li a {
  color:#000;
  display:block;
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
}
.articles-overview li a span {
  display:block;
  width:115px;
  height:125px;
  width:83px;
  height:90px;
  margin:0 auto;
  background:50% 0;
}
.articles-overview li a:hover {
  text-decoration:none;
}
.articles-overview li a:hover span {
  background-position:0 -90px;
}

/* Imagebox
*************************/
dl.imagebox dt {
  margin:0 0 3px 0;
  padding:0;
}
dl.imagebox dt img {
  margin:0;
  padding:0;
  display:block;
}
dl.imagebox dd {
  margin:0;
  padding:0;
  color:#000;
  font-weight:bold;
  font-size:11px;
  text-transform:uppercase;
}
dl.imagebox dd span {
  background:#ececec;
  padding:2px 5px;
}

/* Artikel, 2-spaltig
*************************/
.two-columns .article {
  margin-bottom:50px;
  padding-right:65px;
  width:255px;
}
.two-columns .article .image {
  margin:0 0 10px 0;
  display:block;
}

/* Artikel, Mitarbeiter
*************************/
.articles-mitarbeiter {
  clear:both;
}
.articles-mitarbeiter .article {
  clear:both;
  margin:0 0 20px 0;
}
.articles-mitarbeiter .article h2 {
  margin:0 0 3px 0;
}
.articles-mitarbeiter .article .text {
  float:left;
  width:480px;
  background:#ECECEC;
  padding:5px;
  min-height:140px;
}
.articles-mitarbeiter .article .image {
  float:right;
  width:160px;
  height:150px;
}

.contact p {
  margin:0;
  line-height:22px;
  clear:both;
}
.contact .label {
  display:block;
  float:left;
  width:18px;
  height:18px;
  margin:0 5px 0 0;
}
.contact .label span {
  display:none;
}
.contact .label-tel {
  background:url(/assets/images/label-tel.gif);
}
.contact .label-fax {
  background:url(/assets/images/label-fax.gif);
}
.contact .label-mobil {
  background:url(/assets/images/label-mobil.gif);
}
.contact .label-email {
  background:url(/assets/images/label-email.gif);
}
.contact .label-messenger {
  background:url(/assets/images/label-messenger.gif);
}

/* Bildergalerie
*************************/
.gallery-thumbs .gallery-thumb {
  float:left;
  width:140px;
  height:165px;
  margin:0 5px 5px 0;
}
.gallery-thumbs .gallery-thumb a {
  color:#000;
}
.gallery-thumbs .gallery-thumb a:hover {
  text-decoration:none;
}
.gallery-thumbs .gallery-thumb img {
  display:block;
  margin:0 0 3px 0;
}
.gallery-thumbs .gallery-thumb span.title {
  display:block;
}
.gallery-thumbs .gallery-thumb span.title span {
  background-color:#d0d1d2;
  padding:2px 5px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:11px;
}

/* Suche
*************************/
.result {
  margin:0 0 15px 0;
  padding:15px 0 0 0;
  border-top:dotted #ccc 1px;
}
.result h2 {
  margin:0;
}
.result .path {
  font-size:11px;
  color:#888;
}

/* Formulare
*************************/
form {
}
.row {
  clear:both;
  margin:0 0 .4em 0;
}
fieldset {
  background:#ececec;
  margin:0 0 inherit 0;
  padding:10px;
  border:0;
}
fieldset legend {
  margin:0 0 0 -10px;
  padding:0 5px;
  xdisplay:none;
  text-transform:uppercase;
  font-weight:bold;
  background:#d0d1d2;
  border:solid #fff;
  border-width:0 2px 2px 0;
}
label,
span.label {
  font-size:11px;
}
label.block,
span.label-block {
  display:block;
}
label.indent,
span.label-indent {
  display:block;
  float:left;
  width:110px;
  padding:5px 0;
}
input.text,
textarea,
select {
  border:solid 1px;
  border-top-color:#B2B2B2;
  border-right-color:#DEDEDE;
  border-bottom-color:#DEDEDE;
  border-left-color:#B2B2B2;
  margin:0;
  padding:4px;
  width:307px;
}
textarea.wide {
  width:417px;
}
select {
  width:317px;
}
input.text:focus,
input.text:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  border-top-color:#10659d;
  border-right-color:#10659d;
  border-bottom-color:#10659d;
  border-left-color:#10659d;
}
input.button {
  border:solid #fff 1px;
  xline-height:29px;
  width:111px;
  background:#851531;
  color:#fff;
  cursor:pointer;
  font-size:11px;
  padding:4px;
}
input.button:hover {
  color:#fff;
  background:#5D0F22;
}
input.radio {
  vertical-align:middle;
}

.sendmail_emptyfield1 input.text,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.sendmail_emptyfield1 label {
  color:#f00;
}

.message {
  background:#EBD9DE;
  padding:10px;
  border:solid #851531 1px;
  margin:0 0 20px 0;
}