@charset "utf-8";
/* CSS Document */

/* Redaxo - Module */

/* Modul_ Inhalt - Bild mit Lightbox */

#imagewrap {
  float: left;
  margin-right: 25px;
  margin-bottom: 15px;
  width: 133px;
  height:100px;
}


.inhalt_bild {
   padding: 1px;
   border: 2px solid #003158;
   float: left;
   margin-bottom:10px;
}

.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 #c0c0c0;
  margin-top: 30px;
  margin-bottom: 15px;
  background-color: #ffffff; /* Farbe für Opera und Firefox */
  color: #ffffff; /* Farbe für Internet Explorer (IE) */
  height: 1px;
}

/* #################################### */


/* ##### Kontakt-Formular ##### */


.formgen{
  position:relative;
}


.fieldset {
 float: left;
 margin-right: 0px;
 padding-right: 20px;
 margin-bottom: 20px;
 width: 550px;
}

.formtext {
 position: relative;
 left: 30px;
 border: 1px solid #d3d3d3;
 margin-bottom: 10px;
 width: 260px;
 height:18px;
}


.text2 {
  border: 1px solid #d3d3d3;
  margin-bottom: 0px;
  width: 60px;
}

.formtextfield {
  position: relative;
  left:30px;
  border: 1px solid #d3d3d3;
  margin-bottom: 7px;
  width: 400px;
  height: 200px;
} 

.formtextfield:hover, .formtext:hover {
  border: solid 1px #c6c6c6;
  background:#f8f8f8;
}



.formhinweis {
   width: auto;
}

.formsubmit, #buttonSubmit, #buttonLogoff, .submit {
  border:1px solid #fff; 
  outline:2px solid #af8553;
  background: #af8553;
  color:#fff;
  margin-top: 7px;
  margin-bottom: 10px;
  margin-left:158px;
  padding:2px 10px;
}

.formsubmit:hover, #buttonSubmit:hover, #buttonLogoff:hover, .submit:hover {
  background: #593b17;
  cursor:pointer;
  border:1px solid #fff; 
  outline:2px solid #593b17;
}



label {
  width: 125px;
  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, .formreq {
  color:#b80718;
}
.forminfo {margin:20px 0;}

.table_download {
   margin-bottom: 15px;
}


/* ######################################################################### */

/* ------ Imagefloat ------ */

.image_float_left {
  float:left;
  text-align:left;
  margin-top:5px;
  margin-right:20px;
  margin-bottom:10px;
  padding:5px;
  border:solid 1px #a0a0a0;
}

.image_float_right {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding:5px;
  border:solid 1px #a0a0a0;
}

/* ------------------------ */




/* ########### Bildergalerie ########## */

#galerie {
  width:auto;
  height:auto;
  float:left;
  margin-bottom:15px;
  padding:10px 0;
}

.galerie_klein_2 {
   padding: 3px;
   border: 1px solid #b2b2b2;
   margin-right: 13px;
   margin-bottom: 13px;
   float: left;
}

.galerie_klein_2:hover {border: 1px solid #606060;}

.history_back {
   width: 572px;
   float: left;
   margin-top: 10px;
}


/* #################################### */

/* ########### NEWS Teaser ############ */

#slider {
  float:left;
  height:auto;
  /*width:460px;*/
  width: 798px;
}

ul li { list-style: none; }
.teaser {
	width:224px;
	height:auto;
	margin-bottom:40px;
	float:left;
	display:inline;
}

.teaser_titel {
 	color: #bc0500;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	margin-left: 169px;
	list-style-type:none;
}

.teaser_image{
  float:left;
  text-align:left;
  margin-top:-16px;
  margin-right:15px;
  padding:1px;
  border:solid 1px #a0a0a0;
}


.teaser_text {
  text-align:left;
}


/* #################################### */

.image_verti {
  position:relative;
  height:287px;
  width:215px;
  clear: both;
  background: #fff;
  padding: 3px;
  border: 2px solid #b9b9b9;
  margin-top: 20px;
}


/* ########### Teaser ########### */


.teaser {
 width:295px;
 height:210px;
 margin:25px 12px 0 12px;
 float:left;
}

.teaser-button {
  width:152px;
  height:28px;
  float:right;
  background:url(img/button.jpg) no-repeat;
}

.teaser-button:hover {
  background:url(img/button_hover.jpg) no-repeat;
}


.teaser h1 {
  font-size:14px;
  color:#00397a;
  text-transform: uppercase ;
  font-weight:normal;
  font-family:arial;
  margin-top:5px;
}

.teaser p{
  color:#fff;
  margin:20px 0 20px 40px;
}

.pictogramm {
  margin:0 10px 0 -10px;
  display:inline; 
  float:left;
}

#inhalt .pictogramm {
  margin:10px 0 0 -55px;
  display:inline; 
  float:left;
}




#download-start {
  width:283px;
  height:60px;
  background:url(img/downloadbutton_start.png) no-repeat;
  position:absolute;
  top:201px;
  left:25px;
  z-index:33;
}

#download-start p {
  font-size:12px;
  color:#1e67b9;
  font-weight:normal;
  text-align:left;
  line-height:14px;
  margin:16px 0 0 50px;  
}

#download-start a {
  font-size:12px;
  color:#1e67b9;
  font-weight:normal;
  text-decoration:none;
}


#download-start a:hover {
  text-decoration:underline;
}

.download-button {
  width:175px;
  height:35px;
  position:absolute;
  top:95px;
  right:25px;
  z-index:33;
}






div.auflistung {

  width:698px;
  height:145px;
  overflow:hidden;
  display:block;
  margin:0 0 25px 0;
}

div.auflistung img {float:left; margin-right:10px;}

div.auflistung div.beschreibung {
  float:left;
  width:465px;
  height:135px;
  background:#d6d6d6;
  padding:10px;
}

div.auflistung div.beschreibung div.beschreibungstext h1 {
  color:#3d3c3b;
  font-size:13px;
  font-family:verdana;
  text-transform:uppercase;
  margin:0 0 2px 0;
  font-weight:bold;
}
div.auflistung div.beschreibung div.beschreibungstext {
  float:left;
  width:240px;
  padding:5px 0 5px 15px;
}
div.auflistung div.beschreibung div.beschreibungstext p {
  color:#5a3b17;
  font-size:11px;
  margin:0px;
}

ul.facts {float:right; width:140px; list-style-type:none;}
ul.facts li {width:140px; height:31px; float:left; text-indent:-99999px; margin-bottom:1px;}

/* Roll-Over Bilder */
ul.facts li a.handlung {display:block; width:141px; height:31px; background:url(img/facts/handlung.jpg) no-repeat top center; margin-bottom:1px;}
ul.facts li a.handlung:hover {background:url(img/facts/handlung_hover.jpg) no-repeat top center;}

ul.facts li a.bilder {display:block; width:141px; height:31px; background:url(img/facts/bilder.jpg) no-repeat top center; margin-bottom:1px;}
ul.facts li a.bilder:hover {background:url(img/facts/bilder_hover.jpg) no-repeat top center;}

ul.facts li a.darsteller {display:block; width:141px; height:31px; background:url(img/facts/darsteller.jpg) no-repeat top center; margin-bottom:1px;}
ul.facts li a.darsteller:hover {background:url(img/facts/darsteller_hover.jpg) no-repeat top center;}

ul.facts li a.kritik {display:block; width:141px; height:31px; background:url(img/facts/kritik.jpg) no-repeat top center; margin-bottom:1px;}
ul.facts li a.kritik:hover {background:url(img/facts/kritik_hover.jpg) no-repeat top center;}








/* ######## Treppengalerie - Slider ######## */


.infiniteCarousel {
  width:798px;
  height:369px;
  position: absolute;
  top:30px;
}
  
.infiniteCarousel .wrapper {
  overflow: hidden;
  width: 798px;
  height: 369px;
  position: absolute;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  margin:0px;
  height:369px;
  width:798px;
  background: #fff;
  position:relative;
}

.slider_headline {
  position:absolute;
  top: 150px;
  left: 480px;
  z-index:320;
}

.business_wood_fade {
  position: absolute;
  top:0px;
  left:334px;
}

#slider-inhalt {
  position:absolute;
  height:140px;
  width: 445px;
  background:url(img/slider_bg.png) repeat-x top left;
  z-index:321;
  right:25px;
  bottom:25px;
}


.slider {
  width: 985px;
  height:525px;
}



#slider-inhalt .inhalt-text  {
  float:left;
  margin:5px 0 0 0;         
  width:auto;
  height:auto;
  color:#000;
}

#slider-inhalt .inhalt-text p {
  color:#000;
  width:530px; 
}




div.auswahl-exklusiv {width:330px; height:auto; background:none; margin:18px 20px 0 50px; float:left; } 
div.auswahl-exklusiv a {display:block; height:95px; width:100px;}

div.auswahl-exklusiv img {
  opacity: 1.0;
  filter:alpha(opacity=100);
  height:95px; 
  width:100px;
  border:solid 1px #fff;
  margin:3px;
}

div.auswahl-exklusiv img:hover {border:solid 1px #000;}


a.prevwork {
  float:left;
  margin: 95px 80px 0 20px;
}

a.nextwork {
  float:right;
  margin: 95px 20px 0 80px;
}



p.datum {
  background:#af8554;
  display:block;
  height:22px;
  width:207px;
  font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
	padding:4px 10px;
	float:left;
	margin:0 0 0 60px;
}

p.titel {
  background:#ecddc2;
  display:block;
  height:auto;
  min-width:300px;
  font-size:18px;
  width:auto;
	color: #313131;
	text-transform: uppercase;
	font-weight:bold;
	padding:7px 30px;
	float:left;
	margin:0 10px;
	border:solid 1px #fff;
}

p.autor {
  background:#d7bb89;
  display:block;
  height:auto;
  width:270px;
  font-size: 12px;
	color: #313131;
	text-transform: uppercase;
	font-weight:bold;
	padding:4px 30px;
	float:left;
	margin:0 50px;
}

a.weiter {
  background:url(img/pfeil_weiter.jpg) no-repeat top right #af8554;
  display:block;
  height:20px;
  width:115px;
  font-size:13px;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
	padding:7px 30px 6px 30px;
	float:right;
	margin:0 80px 0 0; 
}

a.weiter:hover {
  text-decoration:none;
  background:url(img/pfeil_weiter_hover.jpg) no-repeat top right #593b17;
}








/* ##### Teamauflistungs Modul ###### */

.box_team {
  width:160px;
  height:auto;
  margin:0 20px 0 0;
  padding:none;
  display:block;
  background:none;
  float:left;
}

.box_team-bild {
  width:auto;
  height:auto;
  margin:10px 0;
  padding:none;
  display:block;
  float:left;
  background:none;
}

.box_team h5 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	line-height:22px;
  float:left;
  color:#5a3b17;
  width:170px;
  text-transform:none;
}

.team_bild, .team_bild:hover{
  float:left;
  border:solid 2px #e6e6e6;
  background:#fff;
  padding:2px;
  outline:solid 1px #757575;
  margin:0 10px 0 0;
}

.box_team p {
	margin:5px 0 0 0;
	color:#656565;
	float:left;
}

.box_team strong {
  font-size:12px;
	color:#656565;
}

.box_team a {
  font-weight:normal;
  color:#00a2c8;
}

/* ########################################## */


div.guestbook .infiniteCarousel {
  width:720px;
  height:280px;
  position:relative;
  background:#e4e4e4;
  margin:-30px 0 0 -5px;
}
  
div.guestbook .infiniteCarousel .wrapper {
  overflow: hidden;
  width:720px;
  height:280px;
  position: absolute;
  background:#e4e4e4;
}

div.guestbook .infiniteCarousel .wrapper ul {
  width: 99999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
}

div.guestbook .infiniteCarousel ul li {
  display:block;
  float:left;
  margin:0px;
  width:180px;
  height:215px;
  background:#e4e4e4;
  position:relative;
}

div.guestbook .slider_headline {
  position:absolute;
  top: 150px;
  left: 480px;
  z-index:320;
}


div.guestbook #slider-inhalt {
  position:absolute;
  height:140px;
  width: 445px;
  background:url(img/slider_bg.png) repeat-x top left;
  z-index:321;
  right:25px;
  bottom:25px;
}


div.guestbook .slider {
  width: 985px;
  height:250px;
}



.innerfade { list-style-type:none;}



/* ########## ############ */