/* -- 
Aufbau der Standard-Seiten
-- */


/* -- Generelle Positionierung -- */

div#main_wrapper {
  width: 940px;
  margin: auto;
  padding-top: 17px;
  padding-bottom: 17px;
}

/* -- Header -- */

div#header {
  width: 940px;
  height: 174px;
  background-color: #574642;
  position: relative;
}

  div#header div#search {
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
  
    div#header div#search input {
      border: 1px solid #574642;
      border-bottom: 1px solid #574642;
      background-color: #574642;
      color: #FFF;
    }
    
    div#header div#search input:hover {
      border-bottom: 1px solid #FFF;
    }
    
    div#header div#search input.submit_option {
      color: #574642;
    }
    
      div#header div#search input.submit_option:hover {
        border: 0px;
      }
  
  div#header div#logo {
    position: absolute;
    top: 60px;
    right: 90px;
  }
  

/* -- Content -- */

div#content {
  background:url(../img/bg_content.gif) repeat-y top left;
}

* div#content {
  height: 1%; 
}

  /* Aufbau der Spalten */
  
  div#content div#left {
    width: 176px;
    margin-right: 17px;
    float: left;
  }
  
  div#content div#middle {
    width: 554px;
    margin-right: 17px;
    float: left;
  }
  
  div#content div#right {
    width: 176px;
    float: left;
  }
  
  
  /* Generelles Boxen-Layout */
  
  div#content div.box {
    padding: 0px 12px 12px 12px;
    border-top: 17px solid #FFF;
  }
  
  * div#content div.box {
    height: 1%; 
  }
  
    /*div#content div.box.last {
      border-bottom: 0px;
    }*/
  
  div#content div.box h1,
  div#content div.box h2 {
    padding-top: 12px;
  	font-size:16px;
  	font-weight:normal;
  	text-transform:uppercase;
  }
  
  div#content div.box span.important {
    display: inline;
    font-size:16px;
  	font-weight:normal;
  	text-transform:uppercase;
    padding: 0px 14px 0 0;
  	background:url(../img/h2_right.gif) no-repeat 100% 8px;
  }
  


/* Linke Spalte mit Navigationen */

  div#content div#left div.box.red {
    background-color: #9B1E14;
    padding: 0 0 12px 0;
  }
  
  div#content div#left div.box.yellow {
    background-color: #DF8804;
    padding: 0 0 12px 0;
  }
  
  div#content div#left h2 {
    padding-left: 12px;
  }
  
  /* Navigation */
  
  div#content div#left div.box ul.navigation {
    border-top: 1px solid #FFF;
    margin: 12px 0 12px 0;
  }
  
  div#content div#left div.box ul.navigation li {
    padding: 3px 12px 3px 12px;
    border-bottom: 1px solid #FFF;
  }
  
    div#content div#left div.box ul.navigation li ul {
      padding: 3px 0 3px 12px;
    }
  
    div#content div#left div.box ul.navigation li ul li {
      border-bottom: 0px;
      padding: 0px 4px 0px 0px;
      /*list-style-type: square;*/
    }
    
      div#content div#left div.box ul.navigation li ul li ul {
        padding: 0 0 3px 12px;
      }
    
      div#content div#left div.box ul.navigation li ul li ul li {
        border-bottom: 0px;
        margin: 0px;
        list-style-type: none;
      }
  
    div#content div#left div.box.red ul.navigation li a {
      color: #D3837C;
    }
    
      div#content div#left div.box.red ul.navigation li a:hover,
      div#content div#left div.box.red ul.navigation li a.active {
        color: #FFF;
        text-decoration: none;
      }
    
    div#content div#left div.box.yellow ul.navigation li a {
      color: #D5CEA8;
    }
    
      div#content div#left div.box.yellow ul.navigation li a:hover,
      div#content div#left div.box.yellow ul.navigation li a.active {
        color: #FFF;
        text-decoration: none;
      }
      
    /* Servicenavigation */
    
    p#servicenavi {
      color: #AFA6A5;
    }
        
    p#servicenavi a {
      color: #AFA6A5;
    }
    
      p#servicenavi a:hover,
      p#servicenavi a.active {
        color: #FFF;
        text-decoration: none;
      }
  

/* Mittlere Spalte */

div#content div#middle div.box {
  background: #574642;
}

div#content div#middle div.box {
  padding: 0 12px 12px 12px;
}

  div#content div#middle div.box.fullsizeimage {
    padding: 0;
  }

/* Rechte Spalte */

/* green */
div#content div#right div.box.green {
  background-color: #618C6B;
}

/* blue */
div#content div#right div.box.blue {
  background-color: #1F2440;
}

/* yellow für Rahmen 1 */
div#content div#right .csc-frame-frame1 div.box {
  background-color: #DF8804;
}

/* red für Rahmen 2 */
div#content div#right .csc-frame-frame2 div.box {
  background-color: #9B1E14;
}

/* Content Elemente */

  /* Text mit rechts liegendem Bild */
  
  div#content div#middle div.box.col_special {
    padding: 0 0 0 12px;
  }
  
  div#content div#middle div.box.col_special div#col_special_left {
    width: 323px;
    float: left;
  }
  
  div#content div#middle div.box.col_special div#col_special_right img {
    float: right;
  }
  
  /* News Latest */
  
  div#content div#right div.box.last p.news_link_more,
  div#content div#right div.box p.news_link_more {
    text-align: right;
    padding-top: 0;
  }
  
  /* -- News List und Single -- */
  ol.news_list  {
  	margin:20px 0 0 0;
  	padding:0 !important;
  }
  
  div#col_right ol.news_list  {
  	margin-top:5px;
  }
  	
  	ol.news_list li {
  		padding:0 0 20px 0;
  		list-style:none !important;
  	}
  
  	div#col_content ol.news_list li {
  		padding:0 0 35px 0;
  	}
  
  	ol.news_list li * {
  		display:inline;
  	}
  
  		p.news_link_more a {
  			white-space:nowrap;
  		}
  
  ol#news_archive {
  	padding:0 !important;
  }
  
  	ol#news_archive li  {
  		padding:10px 0;
  		list-style:none !important;
  		border-bottom:1px solid #FFF;
  	}
  
  		ol#news_archive li * {
  			display:inline;
  		}
  
  p.news-single-backlink {
  	padding-top:5px;
  	border-top:1px solid #FFF;
  }


  /* -- Produkte -- */
  
    /* Kategorieteaser und Listenansicht */
    
    div#content div#middle div.box.eleon_shop_product_list,
    div#content div#middle div.box.shopkategorie {
      padding: 0 12px 0 0;
      position: relative;
      /*background-color: #9B1E14;*/
    }
  
    div#content div#middle div.box.eleon_shop_product_list div.image img,
    div#content div#middle div.box.shopkategorie div.image img {
      width: 174px;
      float: left;
    }
    
    div#content div#middle div.box.eleon_shop_product_list div.text,
    div#content div#middle div.box.shopkategorie div.text {
      width: 331px;
      float: right;
    }
    
      div#content div#middle div.box.eleon_shop_product_list div.text div.detail,
      div#content div#middle div.box.shopkategorie div.text div.detail {
        position: absolute;
        left: 210px;
        bottom: 6px;
      }
      
      div#content div#middle div.box.eleon_shop_product_list div.text div.detail a,
      div#content div#middle div.box.shopkategorie div.text div.detail a {
        padding: 7px 0 0 22px;
        color: #D5CEA8;
        background: url(../img/icon_info.gif) no-repeat 2px 0px;
      }
      
      div#content div#middle div.box.eleon_shop_product_list div.text div.detail a:hover,
      div#content div#middle div.box.shopkategorie div.text div.detail a:hover {
        color: #FFF;
        text-decoration: none;
      }
      
      div#content div#middle div.box.eleon_shop_product_list div.text div.ordernumber {
        position: absolute;
        right: 12px;
        top: 16px;
        color: #D5CEA8;
      }
      
      div#content div#middle div.box.eleon_shop_product_list div.text div.price {
        position: absolute;
        right: 12px;
        bottom: 6px;
        font-size: 16px;
      }
  
      div#content div#middle div.box.eleon_shop_product_list div.text div.price {
        position: absolute;
        right: 12px;
        bottom: 6px;
        font-size: 16px;
      }

      div#content div#middle div.box.eleon_shop_product_list h2.small {
        width: 200px;
      }


  
    /* Detailansicht */
    
    div#content div#middle div.box.eleon_shop_product_detail {
      padding: 0 0 0 0;
      position: relative;
      /*background-color: #9B1E14;*/
    }
    
      div#content div#middle div.box.eleon_shop_product_detail h2, 
      div#content div#middle div.box.eleon_shop_product_detail span.important {
        text-transform: none;
      }
    
    div#content div#middle div.box.eleon_shop_product_detail div.images {
      background: url(../img/bg_product_detail_top.gif) repeat-y top left;
    }
    
    * div#content div#middle div.box.eleon_shop_product_detail div.images {
      height: 1%;
    }
    
    div#content div#middle div.box.eleon_shop_product_detail div.images div.big {
      float: left;
      width: 360px;
      padding: 0 2px 17px 0;
    }
    
    div#content div#middle div.box.eleon_shop_product_detail div.images div.small {
      float: left;
      width: 192px;
      background-color: #FFF;
      padding-bottom: 2px;
    }
    
      div#content div#middle div.box.eleon_shop_product_detail div.images div.small img {
        float: left;
        width: 49px;
        padding: 0 0 15px 15px;
      }
    
    div#content div#middle div.box.eleon_shop_product_detail div.images div.summary {
      float: left;
      width: 153px;
      margin-left: 15px;
      padding: 0 12px 12px 12px;
    }
    
      div#content div#middle div.box.eleon_shop_product_detail div.images div.summary div.price {
        font-size: 16px;
        padding-top: 36px;
      }
      
      div#content div#middle div.box.eleon_shop_product_detail div.images div.summary div.priceinfo {
        font-size: 10px;
        padding-top: 4px;
      }
      
      div#content div#middle div.box.eleon_shop_product_detail div.images div.summary div.ordernumber {
        color: #D5CEA8;
      }
      
    div#content div#middle div.box.eleon_shop_product_detail div.productcontent {
      padding: 0 12px 12px 12px;
    }
    
      div#content div#middle div.box.eleon_shop_product_detail div.productcontent input.submit {
        border: 0px;
        background: #9B1E14;
        color: #D5CEA8;
        text-align: left;
        padding-left: 2px;
      }
      
      div#content div#middle div.box.eleon_shop_product_detail div.productcontent input.submit:hover {
        color: #FFF;
      }
      
      div#content div#middle div.box.eleon_shop_product_detail div.productcontent p.downloads a {
        color: #D5CEA8;
        padding-left: 3px;
      }
      
      div#content div#middle div.box.eleon_shop_product_detail div.productcontent p.downloads a:hover {
        color: #FFF;
        text-decoration: none;
      }
    





/******* Seitenfarben ************
***************************/

body#yellow div#middle div.box {
	background-color: #DF8804;
}
body#green div#middle div.box {
	background-color: #618C6B;
}
body#blue div#middle div.box {
	background-color: #1F2440;
}
body#red div#middle div.box {
	background-color: #9B1E14;
}


div#middle div.box.yellow {
	background-color: #DF8804!important;
}
div#middle div.box.green {
	background-color: #618C6B!important;
}
div#middle div.box.blue {
	background-color: #1F2440!important;
}
div#middle div.box.red {
	background-color: #9B1E14!important;
}


    body#yellow div#content div#middle div.box.eleon_shop_product_detail div.images {
      background: url(../img/bg_product_detail_top_yell.gif) repeat-y top left;
    }







/***** Anfrage - Formular *****
******************************/


p.right {
	text-align: right;
}

div.request_wrap {
	border: 1px solid #999;
	margin-top:18px;
	padding: 20px;
}

div.requestForm {
	color: #000;
	width: 350px;
}
	div.requestForm p {
		margin: 10px 0;
	}
	div.requestForm table {
		width: 100%;
	}
		div.requestForm table td {
			padding: 3px 0;
		}
		div.requestForm table td.label {
			
		}
		div.requestForm table td.field {
			text-align: right;
		}
	
	div.requestForm input {
		padding: 2px;
		width: 200px;
	}
	div.requestForm textarea {
		padding: 2px;
	}
	div.requestForm select.select_option {
		padding: 2px;
		width: 100%;
	}
	div.requestForm textarea {
		width: 100%;
		height: 120px;
	}
	div.requestForm input.submit_option {
		background-color: #FFF;
		font-weight: normal;
		border: 1px solid #000;
	}
	
	
div.requestSuccess {
	color: #000;
	width: 100%;
}



.error td {
	color: #F00;
}



/****** Preise Tabelle *************
************************************/

table.price {
	text-align:right;
	margin-left: 285px;
	width: auto;
}
	table.price td {
		padding: 5px;
	}
	table.price td.label {
		width: auto;
	}
	table.price td.price {
		width:70px;
	}
	table.price td.trenn {
		padding: 0px;
		border-bottom: 1px dashed #FFF;
	}



/*** Warenkorb / Payment ***
****************************/

input.input_option {
	color: #FFF; 
	background-color: transparent; 
	border: 1px solid #FFF; 
	padding: 3px 5px;
}

input.check_option {
	width: 10px!important;
}

select.select_date {
	padding: 2px;
	width: 72px;
}

input.basket {
	width: 20px;
	padding: 4px;
}

table.controlBasket {
	margin-top: 10px;
	width: 200px;
}
table.controlBasket td {
	padding: 1px 0;
}

div.error {
	color: #F00;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #F00;
}




/******* Warenkorb Änderung ******
*******************************/

textarea.text_option,
select.select_option,
input.submit_option,
input.input_option {
	color: #FFF; 
	background-color: transparent; 
	border: 1px solid #FFF; 
	padding: 3px 5px;
}

select.select_option option {
	color: #000;
}

#formError {
	border: 1px solid #df8804;
}
#textError {
	color: #df8804;
}




/***** Produkt Teaser / Produkt Einzelansicht Galerie *****
*************************************************/

div.images div.small img {
	height: auto;
	cursor: pointer;
}

div.images div.big {
	height: 360px;
}




/***** Kontaktformular *****
************************/
div#form_col_left,
div#form_col_right {
    width:265px;

}

div#form_col_left  {
	padding-top: 12px;
}

div#form_col_right {
	padding-top: 12px;
}

    div#form_col_left dd,
    div#form_col_right dd,
    div#form_col_left dt,
    div#form_col_right dt {
        padding:2px 0;
    }
    
    div#form_col_left {
        float:left;
    }
    
    div#form_col_right {
        float:right;
    }
    

        div#form_col_right dt {
            width:100px;
            float:left;
            clear:left;
        }


        div#form_col_left dt {
            width:100px;
            float:left;
            clear:left;
        }
        
        div#form_col_left input {
            width:143px;
        }
        
        div#form_col_left textarea {
            width:245px;
        }
        
p#submit {
    text-align: right;
}



/* -- Sitemap -- */
div.sitemap {
}

	div.sitemap li {
		list-style:none !important;
	}

	div.sitemap h2 {
		margin:10px 0;
		padding:0 0 4px 0;
		font-size:14px;
		border-bottom:1px solid;
	}

		div.sitemap h2 a {
			text-decoration:none !important;
		}

	div.sitemap_lvl_3 {
		padding:3px 0 3px 15px;
	}

		div.sitemap_lvl_3,
		div.sitemap_lvl_3 a {
			color:#CCC !important;
		}

/* -- Video -- */

div.tx-flvplayer-pi1 {
	margin: 17px 0 0 0;
}