@charset "utf-8";
/* CSS Document */

/* Redaxo - Module */


/* Bildergalerie */
.galerie_vorschau {
   display: none;
}

#galerie {
  width:510px;
  height:auto;
  float:left;
  margin-bottom:25px;
  padding-bottom:10px;
}

.galerie_klein {
   padding: 1px;
   border: 1px solid #b2b2b2;
   margin-right: 23px;
   margin-bottom: 15px;
   float: left;
}

.history_back {
   width: 572px;
   float: left;
   margin-top: 10px;
}


/* Modul_ Inhalt - Bild mit Lightbox */
#imagewrap {
   float: left;
    margin-right: 26px;
   margin-bottom: 26px;   
}

.inhalt_bild {
   float: left;
   margin-right: 15px;
   margin-bottom: 10px;
   padding-top: 4px;
}

.textpic-caption {
   font-size: 9px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #989898;
   float: left;
   margin-top: 3px;
}


/* FixFloat */
.fixfloat {
   clear:both;
   font-size:0;
   height:1px;
   line-height:0;
}

/* Trennlinie */
.trennlinie {
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff; /* Farbe für Opera und Firefox */
  color: #ffffff; /* Farbe für Internet Explorer (IE) */
  height: 1px;
}


/* ##### Kontakt-Formular ##### */

.fieldset, .formgen {

 margin-right: 0px;
 margin-bottom: 20px;
 padding-top: 20px;
 width: 550px;

}

.formtext {

 border: 1px solid #d3d3d3;
 margin-bottom: 5px;
 width: 200px;
 z-index:20;
 font-family: arial;
 font-size: 11px;
 line-height:20px:
 color:#868686;
}


.text {
	visibility:visible;
	overflow:hidden;
	margin-top:15px;
  font-family: arial;
  font-size: 11px;
  line-height:20px:
  color:#b2bb2b;
	text-align:left;

}

#spalte-links .text {
  margin-left: 10px;
  padding-top: 15px;
}

.text2 {
  border: 1px solid #d3d3d3;
  margin-bottom: 0px;
  width: 60px;
  font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #646464;
	line-height: 19px;
	text-align:left;
}

.formtextfield {
  position: relative;
  border: 1px solid #d3d3d3;
  margin-bottom: 7px;
  width: 300px;
  height: 200px;
} 

.formhinweis {
   width: auto;
}

.formtextfield:hover, .formtext:hover {
  border: solid 1px #e1a97e;
}

label {
  width: 160px;
  display: block;
  float: left;
}

.formcaptcha {
 margin-right: 500px;
}

legend {
   margin-left: 0px;
   margin-bottom: 5px;
   font-weight: bold;
}

text[id]legend {
  margin-left: 0px;
}

.forminfo, .formerror {
  color: #db0133;
}

.table_download {
   margin-bottom: 15px;
}

.formsubmit, #buttonSubmit, #buttonLogoff, .submit {
  border:2px outset #c8814b;
  background: #a86633;
  color:#fff;
  margin-top: 7px;
  margin-bottom: 10px;
  margin-left:160px;
}

/* ############################################### */

/* ---------- Teaser ---------- */

.teaser_b {
width: 150px;
float: left;
margin-bottom: 30px;
}

.teaser_b h4 {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
width: 200px;
}

.teaser_b img {
background: #ffffff;
padding: 3px;
border: 1px solid #B2B2B2;
}

.teaser_b .link {
float: left;
margin-top: 5px;
}

/* ------ Teaser Braun ------ */

.braun .teaser_small .teaser-body{
  height: auto;
  width: 150px;
  float: left;
  background: url(img/teaser_bg.jpg) no-repeat;
  border: solid 1px #fff;
  margin-bottom:35px;
  margin-bottom:25px;
}

.braun .teaser_small .innen{
  height: 103px;
  width: 150px;
  float: left;
  background: #fff;
  border: solid 1px #fff;
  border-top: none; 
}

.braun img {
  float:left;
  margin-top:-10px;
  margin-left:-1px;
}

.braun .foot {
  float:left;
  height:35px;
  width: 150px;
  background:url(img/foot_brown.jpg) no-repeat;
}

.braun .teaser_small a.button {
  width:120px;
  float:left;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  letter-spacing:1px;
  text-align:left;
  font-size:12px;
  color: #fff;
  border: none;
  margin-top:10px;
  margin-left: 10px;
  padding-left:15px;
  background:url(img/pfeil_brown.jpg) no-repeat left center;
}

.braun .teaser_small a.button:hover {
  text-decoration: underline;
}
/* ------------------------- */

/* ------ Teaser Orange ------ */

.orange .teaser_small h6, .braun .teaser_small h6{
  text-align:center;
  font-size: 15px;
  color: #41090f;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  padding-top:10px;
}

.orange .teaser_small .teaser-body{
  height: auto;
  width: 150px;
  float: left;
  background: url(img/teaser_orange.jpg) no-repeat;
  border: solid 1px #fff;
  margin-right:12px;
  margin-bottom:25px;
}

.orange .teaser_small .innen {
  height: 103px;
  width: 150px;
  float: left;
  background: #fff;
  border: solid 1px #fff;
  border-top: none; 
}

.orange .teaser_small a.button {
  width:120px;
  float:left;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  letter-spacing:1px;
  text-align:left;
  font-size:12px;
  color: #41090f;
  border: none;
  margin-left: 10px;
  padding-left:15px;
  margin-top:10px;
  background:url(img/pfeil_orange.jpg) no-repeat left center;
}

.orange img {
  float:left;
  margin-top:-10px;
  margin-left:-1px;
}

.orange .foot {
  float:left;
  height:37px;
  width: 150px;
  background:url(img/foot_orange.jpg) no-repeat;
}

.orange .teaser_small a.button:hover {
  text-decoration: underline;
}
/* ------------------------- */

/* ------ Teaser Rot ------ */

.rot .teaser_small .teaser-body{
  height: auto;
  width: 150px;
  float: left;
  background: url(img/teaser_red.jpg) no-repeat;
  border: solid 1px #fff;
  margin-right:15px;
  margin-bottom:25px;
}

.rot .teaser_small .innen{
  height: 103px;
  width: 150px;
  float: left;
  background: #fff;
  border: solid 1px #fff;
}

.rot img {
  float:left;
  margin-top:-10px;
  margin-left:-1px;
}

.rot .foot {
  float:left;
  height:37px;
  width: 150px;
  background:url(img/foot_red.jpg) no-repeat;
}

.rot .teaser_small a.button {
  width:120px;
  float:left;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  letter-spacing:1px;
  text-align:left;
  font-size:12px;
  color: #fff;
  border: none;
  margin-top:10px;
  margin-left: 10px;
  padding-left:15px;
  background:url(img/pfeil_red.jpg) no-repeat left center;
}

.rot .teaser_small a.button:hover {
  text-decoration: underline;
}

.rot .teaser_small h6{
  text-align:center;
  font-size: 15px;
  color: #fff;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  padding-top:10px;
}
/* ------------------------- */

/* ------ Teaser Grün ------ */

.gruen .teaser_small .teaser-body{
  height: auto;
  width: 150px;
  float: left;
  background: url(img/teaser_gruen.jpg) no-repeat;
  border: solid 1px #fff;
  margin-right:15px;
  margin-bottom:25px;
}

.gruen .teaser_small .innen{
  height: 103px;
  width: 150px;
  float: left;
  background: #fff;
  border: solid 1px #fff;
}

.gruen img {
  float:left;
  margin-top:-10px;
  margin-left:-1px;
}

.gruen .foot {
  float:left;
  height:37px;
  width: 150px;
  background:url(img/foot_gruen.jpg) no-repeat;
}

.gruen .teaser_small a.button {
  width:120px;
  float:left;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  letter-spacing:1px;
  text-align:left;
  font-size:12px;
  color: #fff;
  border: none;
  margin-top:10px;
  margin-left: 10px;
  padding-left:15px;
  background:url(img/pfeil_gruen.jpg) no-repeat left center;
}

.gruen .teaser_small a.button:hover {
  text-decoration: underline;
}

.gruen .teaser_small h6{
  text-align:center;
  font-size: 15px;
  color: #fff;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  padding-top:10px;
}
/* ------------------------- */

/* ------ Teaser Blau ------ */

.blau .teaser_small .teaser-body{
  height: auto;
  width: 150px;
  float: left;
  background: url(img/teaser_blue.jpg) no-repeat;
  border: solid 1px #fff;
  margin-right:15px;
  margin-bottom:25px;
}

.blau .teaser_small .innen{
  height: 103px;
  width: 150px;
  float: left;
  background: #fff;
  border: solid 1px #fff;
}

.blau img {
  float:left;
  margin-top:-10px;
  margin-left:-1px;
}

.blau .foot {
  float:left;
  height:37px;
  width: 150px;
  background:url(img/foot_blue.jpg) no-repeat;
}

.blau .teaser_small a.button {
  width:120px;
  float:left;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  letter-spacing:1px;
  text-align:left;
  font-size:12px;
  color: #fff;
  border: none;
  margin-top:10px;
  margin-left: 10px;
  padding-left:15px;
  background:url(img/pfeil_blau.jpg) no-repeat left center;
}

.blau .teaser_small a.button:hover {
  text-decoration: underline;
}

.blau .teaser_small h6{
  text-align:center;
  font-size: 15px;
  color: #fff;
  font-family: arial;
  font-weight:lighter;
  text-transform:none;
  padding-top:10px;
}
/* ------------------------- */

/* ---------------------------------------------------- */


/* News-Teaser */
.teaser {
	width:280px;
	height: auto;
  float: left;
  margin-right: 5px;
  margin-bottom: 15px;
}

.teaser_image {
  float: left;
  margin-right: 7px;
  margin-bottom: 4px;
  border: 1px solid #000000;
  padding: 1px;
}

.teaser {
   text-align: right;
}

.teaser_titel {
  margin-bottom: 10px;
  text-align: left;
}

.teaser_text {
  text-align: left;
}


.teaserNav {
  text-align: right; 
  margin-right: 5px;
}

.teaserNav a, .teaser a{
  text-decoration: none;
	color: #353535;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.teaserNav a:hover, .teaser a:hover{
   text-decoration: underline;
}


/* ######################################################################### */

.image_float_left {
  float:left;
  margin-right:15px;
  margin-bottom:10px;
  margin-top:5px;
  border:solid 1px #b2b2b2;
  padding:1px;
}

.image_float_right {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

.image_verti, .image_verti:hover {
  padding:3px;
  border:solid 1px #b2b2b2;
  margin-top: 5px;
  float:left;
  margin-right:15px;
  margin-bottom:10px;
  background:#fff;
}

.inhalt_bild {
  float:left;
  margin:0px;
  padding:0px;
}

#image_inhalt {
  width: 250px;
  height: 190px;
  float:left;
}

.image_inhalt {
   float:left; 
   border:solid 1px #b2b2b2;
}

.image_textpic-caption {
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #727272;
  float: left;
  margin-top: 3px;
  margin-bottom: 10px;
}
/* ######################################################################### */


/* ##### Partner Modul ###### */

.partner_member {
  width:520px;
  height:auto;
  margin-top:15px;
  padding:none;
  display:inline;
  float:left;
}

.partner_description {
  width:300px;
  height:auto;
  float:right;  
}

.partner_name {
  color: #424242;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	line-height:20px;
}

.partner_text {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-align:left;
	line-height:18px;
	margin-bottom:10px;
	float:left;
	width:auto;
}

#partner_imagewrap {
   float: left;
   height:auto;
   width:auto;
   margin-right: 10px;
}

.partner_inhalt_bild {
  float:left;
}

.partner_bild {
  float:left;
}

/* ######################################################################### */


/* ##### Newsletter Modul ###### */
#rex_375_multinewsletters {
  width:160px;
  float:right;
}


ul#rex_375_multinewsletters{
  list-style-type: none;
}

#rex_375_multinewsletter ul li {
  list-style-type: none;
}

.rex_375_subscribe {
  width:160px;
  border:2px outset #c8814b;
  background: #a86633;
  color:#fff;
  margin-top:30px;
  margin-bottom: 5px;
  cursor: pointer;
}

.rex_375_unsubscribe {
  width:160px;
  border: none;
  background:none;
  color:#525252;
  margin-top: 7px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align:left;
}

.rex_375_unsubscribe:hover {
 text-decoration:underline;
}


.rex_375_text {
  border: 1px solid #d3d3d3;
  margin-bottom: 7px;
  width: 160px;
  height:18px;
} 

.formhinweis {
   width: auto;
}

.rex_375_text:hover {
  border: solid 1px #e1a97e;
}