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


/************************************************************************************************
* Style Rahmen BEGINN
*************************************************************************************************/
* {
  margin:0;
  padding:0;
  border:0;
}

#rahmen {
  margin-top: 30px;
  width:983px;
}

#links, 
#rechts, 
#links_383x539, 
#rechts_383x539 {
  float:left;
}
#rechts {
  position:relative;
}
#links {
  padding: 0 30px;
	width:155px;
}

.entfloater {
  width:0;
	height:0;
	font-size:0;
	line-height:0;
  clear:both;
}
/************************************************************************************************
* Style Rahmen ENDE
*************************************************************************************************/




/************************************************************************************************
* Schrift Format BEGINN
*************************************************************************************************/
body {
  font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
}
#rechts p, 
#rechts a, 
#rechts ul, 
#rechts ol {
  color:#fff;
}

#rechts a {
  text-decoration:none;
}

#rechts a:hover {
  color:#000;
}

#rechts ul, 
#rechts ol {
  margin-left:10px;
  padding: 0 20px;
}

a:active, 
a:focus {
  outline: none; 
}
a.noflashlink {
  display:block;
  height:29px;
  text-decoration:none;
  background-image:url(../images/keinflash_hinweistext.jpg);  
}
a.noflashlink:hover {
  background-image:url(../images/keinflash_hinweistext_ro.jpg);
}

.presselinks a{
  clear:both;  
  float:left;
  padding-bottom:10px;
}

/************************************************************************************************
* Schrift Format ENDE
*************************************************************************************************/




/************************************************************************************************
* Navigation BEGINN
*************************************************************************************************/
#navigation ul {
  list-style:none;
	margin-top:67px;
	border-collapse:collapse;
}

#navigation ul ul {
	margin-top:0;
}

#navigation li {
	width:155px;
}

#navigation a {
  font-size:12px;
	font-weight:normal;
  display:block;
	line-height:29px;
  text-decoration:none;
	color:#857A6F;
	border-bottom: 1px solid #CECAC5;
}

#navigation li li a {
  margin-left: 15px;
}

#navigation a.ersterMenupunkt,
#navigation a.ersterMenupunktAktiv {
	border-top: 1px solid #CECAC5;
}

#navigation li li a.ersterMenupunkt,
#navigation li li a.ersterMenupunktAktiv {
  border-top: none;
}

#navigation a.aktiv, 
#navigation a.ersterMenupunktAktiv {
  color:#000;
}

#navigation a:hover {
  color:#000;
}
/************************************************************************************************
* Navigation ENDE
*************************************************************************************************/




/************************************************************************************************
* Tamplate Oben-Unten BEGINN
*************************************************************************************************/
#oben_767x269 {
  border-bottom:1px solid #fff;
}

#unten_767x269 {
  background-color:#857A6F;
	height:269px;
	width:767px;
}

#raster_511x269, 
#raster_255x269 {
  float:left;
	height:269px;
}

#raster_511x269 {
  width:511px;
}

#raster_255x269 {
  width:255px;
	border-left:1px solid #fff;
}

#template_oben_unten .inhalt {
  color:#fff;
	padding:10px 10px 20px;
}

#template_oben_unten .inhalt img.ueberschrift {
	margin: 0 0 30px;
}

#template_oben_unten .inhalt p {
  margin-bottom:20px;
}

#template_oben_unten .inhalt a {
  text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#template_oben_unten .inhalt a:hover {
  color:#000;
}

#raster_511x269 .inhalt {
  margin-right:20px;
}

/************************************************************************************************
* Tamplate Oben-Unten ENDE
*************************************************************************************************/



/************************************************************************************************
* Tamplate Links-Rechts BEGINN
*************************************************************************************************/
#template_links_rechts {
  position:relative;
  background-color:#847a70;
	width:767px;
	height:539px;
}

#template_links_rechts #blaettern{
  border-top:1px solid #fff;
}

#links_383x539, 
#rechts_383x539 {
  width:383px;
	height:539px;
}
#links_383x539 {
  border-right:1px solid #fff;
}

#template_links_rechts .inhalt {
  color:#fff;
	padding:10px 10px 20px;
}

#template_links_rechts .inhalt img.ueberschrift {
  margin: 0 0 30px;
}

#template_links_rechts .inhalt p {
  margin-bottom:20px;
}

#template_links_rechts .inhalt a {
  text-decoration:none;
	color:#fff;
}

#template_links_rechts .inhalt a:hover {
  color:#000;
}

#template_links_rechts #blaettern {
  position:absolute;
	bottom:0;
	right:0;
	width:383px;
	height:29px;
}
/************************************************************************************************
* Tamplate Links-Rechts ENDE
*************************************************************************************************/




/************************************************************************************************
* Tamplate Produkt BEGINN
*************************************************************************************************/
#template_produkt #oben_767x509 {
  border-bottom:1px solid #d4cbc4;
  position:relative;
  height:509px;
}

#prprodukt_info_rahmen {
  height:100%;
  overflow:hidden;
  position:relative;
  top:0;
  left:0;
  width:767px;
}

#template_produkt .produkt_info {
  position:absolute;
  bottom:0;
  left:0;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/bg_transparent.png');*/
}

/* IE ignores styles with [attributes], so it will skip the following. */
#template_produkt .produkt_info[class] {
  background-image:url(../images/bg_transparent.png);
}

#template_produkt .produkt_info {
  background-image:url(../images/bg_transparent.png);
}


#template_produkt #produkt_text, 
#template_produkt #produkt_bilderreihe, 
#template_produkt #produkt_download {
  position:static;
	width:767px;
}


#template_produkt #produkt_text p {
	color:#fff;
	padding:10px 50px 20px 10px;
	float:left;
}

#template_produkt #produkt_text .kue {
  height:96px;
}

#template_produkt #produkt_download p,
#template_produkt #produkt_bilderreihe p {
  padding-left:10px;
	color:#fff;
}

#template_produkt a {
  color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#template_produkt #produkt_bilderreihe a {
  display:block;
	border-right:1px solid #b6afa9;
	float:left;
  width:29px;
	height:29px;
	text-align:center;
}

#template_produkt a:hover {
  color:#000;
}

#template_produkt #produkt_bilderreihe, 
#template_produkt #produkt_download {
  height:29px;
	line-height:29px;
	border-top:1px solid #b6afa9;
}

#template_produkt .produkt_191x1 {
  float:left;
	width:191px;
}

#template_produkt .produkt_191x3 {
  float:left;
	width:574px;
}

span.ou {
  padding-left:10px;
}

#template_produkt #blaettern {
  width:767px;
	height:29px;
	background-color:#847a70;
}

#xfade1, #xfade2 {
  position:absolute;
}
img.toggleInfo {
  cursor:pointer;
}

/************************************************************************************************
* Tamplate Produkt ENDE
*************************************************************************************************/



/************************************************************************************************
* Tamplate Sprachwahl BEGINN
*************************************************************************************************/
#spachauswahl {
  width:767px;
	height:539px;
	background-color:#857a6f;
}

#spachauswahl .ueberschrift {
  padding-bottom:20px;
}
#spachauswahl ul {
  list-style:none;
  margin:0;
  padding:0;
}

#spachauswahl li {
  height:25px;
	line-height:25px;
	margin:0;
	padding:0;
}

#spachauswahl a {
       float:left;
       height:25px;
       width:98px;
       margin:0;
       padding:0;
}
#spachauswahl img {
  display:block;
}

#spachauswahl a.select_lang_de{
  background-image:url(../images/sprachwahl_de.gif);
}

#spachauswahl a.select_lang_de:hover{
  background-image:url(../images/sprachwahl_de_on.gif);
}

#spachauswahl a.select_lang_gb{
  background-image:url(../images/sprachwahl_gb.gif);
}

#spachauswahl a.select_lang_gb:hover{
  background-image:url(../images/sprachwahl_gb_on.gif);
}

/************************************************************************************************
* Tamplate Sprachwahl ENDE
*************************************************************************************************/




/************************************************************************************************
* Tamplate FLEXIBEL BEGINN
*************************************************************************************************/
#flexibel {
  float:left;
  padding-right:255px;
  width:512px;
	min-height:539px;
	height:auto !important;
	height: 539px;
	background-color:#847a70;
}

#flexibel img.ueberschrift {
  margin: 0 10px 20px;
}

#flexibel p {
  margin:0 20px 0px 10px;
}
/************************************************************************************************
* Tamplate FLEXIBEL ENDE
*************************************************************************************************/




/************************************************************************************************
* Blättern BEGINN
*************************************************************************************************/
#blaettern {
  
}

#blaettern a.weiter, #blaettern a.zurueck {
	display:block;
	width:190px;
	height:29px;
	background-repeat:no-repeat;
        /*background-position:right;*/
	text-decoration:none;
}
/************************************************************************************************
* Blättern ENDE
*************************************************************************************************/



/************************************************************************************************
* Template Kontakt BEGINN 
*************************************************************************************************/

#template_kontakt{
	background-color:#857A6F;
	/*height:539px;*/
        min-height:648px;          
        height:auto !important;                                                     
        height:648px; 
	width:767px;
}

.kontakt{
	color:#FFFFFF;
	padding:10px;
	/*height:509px;*/
        min-height:598px;          
        height:auto !important;                                                     
        height:598px; 
	border-bottom:1px solid #D4CBC4;
}

#template_kontakt .kontakt img.ueberschrift {
	margin: 0 0 30px;
}

.links_373, .rechts_373{
	float:left;
	width:373px;
}

.links_373{
	border-right:1px solid #857A6F;
}

.raster_511{
	width:511px;
}

#template_kontakt #unten_767x29{
	position:relative;
        background-color:#857A6F;
	height:29px;
	width:767px;
	
}

#kontaktform{
	float:left;
	margin:20px 0;
}


#kontaktform label{
	clear:both;
	float:left;
	line-height:24px;
	width:120px;
	margin-bottom:8px;
}

#kontaktform label span {
  display:none;
}

#kontaktform label span.sternchecked {
  display:inline;
}

#kontaktform input{
	float:left;
	height:21px;
	width:233px;
	border:none;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px 0 0 5px;
	margin:0 8px 8px 0;
}

/*
*html #kontaktform input{
	height:24px;
	padding:0 0 0 5px;
}

*+html #kontaktform input{
	height:24px;
	padding:0 0 0 5px;
}
*/ 

#kontaktform input.short1{
	width:78px;
}

#kontaktform input.short2{
	width:142px;
}

#kontaktform select{
	float:left;
	height:24px;
        line-height:24px !important;
	width:238px;
	border:none;
	background-color:#FFFFFF;
	color:#000000;
	padding:0 0 0 5px;
	margin-bottom:8px;
}

#kontaktform select.unselected{
        color:#9b9a98;
}


#kontaktform option{
       padding-left:5px;        
       color:#000000;	
}	
	
#kontaktform option.unselected{
	color:#9b9a98;
        display:none;
}

#kontaktform span.radio{
	clear:none;
	float:left;
	width:35px;
        line-height:24px;
	margin:0;
	margin-bottom:8px;
}

#kontaktform input.radio{
	position:relative;
	top:5px;
	height:auto;
	width:25px;
	background-color:#857A6F;
}

#kontaktform .textarea{
	/*height:238px;*/
        height:328px;
	width:318px;
	background-color:#FFFFFF;
        padding:5px;
}

#kontaktform img{
     float:left;
     margin-bottom:8px;
}

#kontaktform span.fehlercaptcha{
  float:left; 
  margin-left:120px; 
  display:inline;
  color:#880000;
}


a.impressum {
 float:left;
 height:28px;  
 width:200px; 
 background-repeat:no-repeat;
}

.kontakt a#m7, .kontakt a#m9{
	position:relative;
        bottom:17px;
}


/************************************************************************************************
* Template Konatkt ENDE
*************************************************************************************************/




/************************************************************************************************
* Template Newsletter BEGINN 
*************************************************************************************************/

#template_newsletter{
	background-color:#857A6F;
	height:519px;
	width:747px;
        padding:10px;
        color:#FFFFFF;
}

#template_newsletter img.ueberschrift {
  margin: 0 0 30px;
}

#template_newsletter p {
  margin-bottom:20px;
}

#template_newsletter a {
  text-decoration:none;
	color:#fff;
}

#template_newsletter a:hover {
  color:#000;
}

#newsletterform input{
	float:left;
	height:23px;
	width:243px;
	border:none;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px 0 0 5px;
	margin:0 8px 6px 0;
}

/*
*html #newsletterform input{
	height:26px;
	padding:5px 0 0 5px;
}

*+html #newsletterform input{
	height:26px;
	padding:5px 0 0 5px;
}
*/

#rechts_383x539 #newsletterform input {
  width:220px;
}

#rechts_383x539 #newsletterform input.chkbox {
  width:auto;
  height:20px;
  background-color:#847A70;
}


/************************************************************************************************
* Template Newsletter ENDE
*************************************************************************************************/



/************************************************************************************************
* Template Flash Beginn
*************************************************************************************************/
#flash #oben_767x509 {
  width:767px;
  height:509px;
}

#flash #unten_767x29 {
  width:767px;
  height:29px;
}
/************************************************************************************************
* Template Flash ENDE
*************************************************************************************************/



/************************************************************************************************
* Miele-Link Beginn
*************************************************************************************************/
#bottom {
  position:absolute;
	bottom:-30px;
	left:575px;
}
/************************************************************************************************
* Miele-Link ENDE
*************************************************************************************************/



/************************************************************************************************
* Nur für Drucken Beginn
*************************************************************************************************/
.print {
  display: none;
}
/************************************************************************************************
* Nur für Drucken Ende
*************************************************************************************************/


table{
padding-left: 10px;
}

td{
color: #FFFFFF;
}