/*******************************************************************************
// Globale Angaben
/******************************************************************************/

/* Schrift und Abstaende */
body, div, p, td, ul, ol, h1, h2, h3, image, img, select {
   font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
   font-size: 11px;  
   padding: 0px;
   margin: 0px;
   border: 0px;
   text-align:left;
   line-height:1.4em;
}

body {
   margin-top:29px;
   margin-bottom:10px;
   text-align:center;
}

/*******************************************************************************
// Bilder
/******************************************************************************/
.detailbild{
   border:2px solid #000000;
   margin:10px;
   margin-top:0px;
  }
  
 .arrowright{
    border:0px;
    margin-left:4px;
 }

/*******************************************************************************
// Hintergrundfarben
/******************************************************************************/
.bg1 {
   background-color:#DDDDDD;
}
.bg2 {
   background-color:#FFFFFF;
}
.bg_body {
   background-color:#343434;
}


/*******************************************************************************
// Angaben zur Navigation
/******************************************************************************/
#navigation {
   margin:auto;
   margin-top:0px;
   width: 942px;
   height: 31px;
   border-top-width:9px;
   border-top-style:solid;
   border-bottom-width:9px;
   border-bottom-style:solid;
   background-color:#FFFFFF;
   font-family:georgia
   /*background-image: url(../../images/bg_navi.gif);
   background-repeat: no-repeat;*/
}

.navi {
   width:181px;
   height:21px;
   margin-left:0px;
   margin-bottom:6px;
  padding-top:2px;
   font-family:Georgia;
   
}

.subnavirahmen_off{
   display:none;
}
.subnavirahmen_on
{
	margin-left:8px;
	   margin-right:7px;
	    margin-top:-8px;
    margin-bottom:6px;
	background-color:#D8DFDD;
	width:157px;
	
}


* html .subnavirahmen_on
{
	margin: -6px 7px 6px 8px;
	background-color:#D8DFDD;
	width:165px;
	
}



.subnavirahmen_index_on{
   border-left:4px solid #3C6056;
   border-right:4px solid #3C6056;
   border-bottom:4px solid #3C6056;
}
.subnavirahmen_aus_dem_unternehmen_on{
   border-left:4px solid #FF6100;
   border-right:4px solid #FF6100;
   border-bottom:4px solid #FF6100;
}
.subnavirahmen_rund_ums_leder_on{
   border-left:4px solid #DA5301;
   border-right:4px solid #DA5301;
   border-bottom:4px solid #DA5301;
}
.subnavirahmen_unsere_kollektion_on{
   border-left:4px solid #B34400;
   border-right:4px solid #B34400;
   border-bottom:4px solid #B34400;
}
.subnavirahmen_produkte_aus_ecopell_on{
   border-left:4px solid #C28340;
   border-right:4px solid #C28340;
   border-bottom:4px solid #C28340;
}
.subnavi_faq_haeufige_fragen_on{
   border-left:4px solid #9C6932;
   border-right:4px solid #9C6932;
   border-bottom:4px solid #9C6932;
}

.subnavi_on{

}
.subnavi_index_off,.subnavi_aus_dem_unternehmen_off,.subnavi_rund_ums_leder_off,
.subnavi_unsere_kollektion_off,.subnavi_produkte_aus_ecopell_off,
.subnavi_faq_haeufige_fragen_off,{
   color: #4B4B4B;
}

/*******************************************************************************
/* Content I
/******************************************************************************/
#container {
   margin:auto;
   width: 972px;
   top:48px;
   background-color:#F0DACC;
   background-image: url(../../images/bg_container.gif);
   background-repeat:no-repeat;
   border:0px;
   padding-top:30px;
}

#extranavi,#extranavi_bottom {
   margin:auto;
   width: 325px;
   margin-left:575px;
   margin-top:0px;
   height:43px;
   font-family:georgia;
   font-weight:bold;
   color:#B34400;
   font-size:10px;
}
.trenner{
   margin-left:6px;
   margin-right:6px;
   margin-top:2px;
}

#top{
   /*height:118px;*/
   height:128px;
   margin:auto;
   width: 972px;
   border:0px;
}
#content {
   margin-left:71px;
   width: 850px;
   display:table;
   padding-bottom:25px;
  
}

#links {
   width: 190px;
   float: left;
   border:0px;
   margin-left:0px;
   padding-right:0px;
   height:370px;
  
  
}
#mitte_rechts{
   width:646px;
   float:left;
   background-color:#567971;
   background-position: left bottom;
   background-repeat:no-repeat;
   margin-left:0px;
   padding-bottom:25px;
}


#mitte_rechts_index

{
   width:646px;
   float:left;
   background-color:#F0DACC;
 
   margin-left:0px;
   padding-bottom:25px;
}




#mitte {
   width:468px;
   
   float:left;
   border:0px;
   background-color:#F0DACC;
   
  
   color:#4B4B4B;
   padding-left:0px;
}



#rechts {
   width:178px;
   float:left;
   margin-left:0px;
   border:0px;
   background-color:#567971;
   

   
   
   
 }
#col_1{
   width:225px;
   border:0px;


   float:left;
   color:#ffffff;
}
#col_2{
   width:243px;
   border:0px;

 
   float:left;
   color:#ffffff;
}
#col_3{
   width:178px;
   border:0px;
	
 
   color:#ffffff;
    float:left;
}


#coltainer
{
      background: url(../../images/home_bg.gif);
      height:250px;
      
 }

#marginal{
   background-image: url(../../images/bg_marginal.gif);
   background-repeat:repeat-x;
   background-color:#567971;
   padding-top:30px;
   width:178px;
   border:0px;
   height:100%;
}

/*******************************************************************************
// Listen
/******************************************************************************/



ol {
   padding-top:10px;
   margin-left:40px;
}


ul {
   padding-top:10px;
   margin-left:30px;
}

.aufzaehlung {
   margin-left:24px;
}

li {
   margin-bottom:4px;
}

li.teststart{
   list-style-image:url(../../images/suffix/pdf.gif);
   font-family:georgia;
   font-size:11px;   
   margin-left:8px;
}

ul.teststart {
   
}

.topnavi {
   display:inline;
}
.subnavi {
   margin-left:0px;
   background-repeat:no-repeat;
   background-position: 0 6;
   padding-left:7px;
   width:137px;
   margin-top:2px;
   margin-bottom:2px;
   padding-top:0;
}
hr.margin_hr{
  /* background-color:#A2ADA4;
   height:2px;*/
   border:solid #A2ADA4 1px;
   height:2px;
   width:162px;
   margin-top:10px;
   margin-bottom:10px;
   text-align:center;

}


hr.main{
  
   border:solid #E37331 1px;
   height:2px;
   
   margin: 5px 10px;
   text-align:center;

}
hr.feedbackline{
  
   border:solid #4B4B4B 1px;
   height:2px;
   
   margin: 5px 10px;
   text-align:center;

}

hr.main_br{
  
   border:solid #A67137 1px;
   height:2px;
   
   margin: 5px 10px;
   text-align:center;

}



hr.testart{
   border:solid #A46962 1px;
   height:2px;
   width:90%px;
   margin-bottom:20px;
   text-align:center;
}

hr.testart_kl{
   border:solid #6C8D86 1px;
   height:2px;
   width:200px;
   margin-bottom:20px;
   text-align:center;
}

hr.testart_kler{
   border:solid #6C8D86 1px;
   height:2px;
   width:155px;
   margin-bottom:20px;
   text-align:center;
}



.text_unsere_kollektion ul

{
	list-style-type:none;
	 margin:0 0 0 15px;
	 padding:0;
}




/*******************************************************************************
// Links
/******************************************************************************/
a:link, a:visited, a:active, a:hover { 
   text-decoration: none; 
   color:#4B4B4B;
}
a.unten:link, a.unten:visited, a.unten:active, a.unten:hover { 
   font-weight: normal; 
   text-decoration: none; 
   color:#ffffff;
}

a.navilink:link, a.navilink:visited, a.navilink:active, a.navi:hover{ 
   color: #ffffff;
   text-decoration: none; 
   font-weight: normal; 
   margin-left:15px;
}
a.extranavi:link, a.extranavi:visited, a.extranavi:active, a.extranavi:hover{ 
   text-decoration: none;
   color:#B34400;
}

a.subn:link, a.subn:visited, a.subn:active { 
   color: #4B4B4B;
   text-decoration: none; 
   font-size:11px;
   font-family:Georgia;
}
a.subn:hover { 
   color: #4B4B4B; 
   text-decoration: none; 
   font-size:11px;
   font-family:Georgia;
}
a.color_index_on:link,a.color_index_on:visited,a.color_index_on:active{
   color:#3C6056;
}
a.color_aus_dem_unternehmen_on:link,a.color_aus_dem_unternehmen_on:visited,
a.color_aus_dem_unternehmen_on:active{
   color:#FF6100;
}
a.color_rund_ums_leder_on:link,a.color_rund_ums_leder_on:visited,
a.color_rund_ums_leder_on:active{
   color:#DA5301;
}
a.color_unsere_kollektion_on:link,a.color_unsere_kollektion_on:visited,
a.color_unsere_kollektion_on:active{
   color:#B34400;
}
a.color_produkte_aus_ecopell_on:link,a.color_produkte_aus_ecopell_on:visited,
a.color_produkte_aus_ecopell_on:active{
   color:#C28340;
}
a.color_faq_haeufige_fragen_on:link,a.color_faq_haeufige_fragen_on:visited,
a.color_faq_haeufige_fragen:active{
   color:#9C6932;
}


.text_faq_haeufige_fragen a , .text_faq_haeufige_fragen a:hover  , .text_faq_haeufige_fragen a:visited, .text_faq_haeufige_fragen a:active{color:#fff}
.text_rund_ums_leder a , .text_rund_ums_leder a:hover  , .text_rund_ums_leder a:visited, .text_rund_ums_leder a:active{color:#fff}
.text_impressum a , .text_impressum a:hover  , .text_impressum a:visited, .text_impressum a:active{color:#fff}
.text_sitemap a , .text_sitemap a:hover  , .text_sitemap a:visited, .text_sitemap a:active{color:#fff}

#rechts a {color:#fff;}

#col_1 a, #col_2 a, #col_3 a{color:#fff;}

.text_unsere_kollektion a {color:#fff;}


.homenews {font-family:georgia;font-size:11px;font-weight:bold;}
.homespaltentext {font-family:georgia;font-size:11px;font-weight:normal;margin:0;margin-right:5px;}
.newsnews {font-family:georgia;font-size:11px;font-weight:bold;}
.faqfaq {font-family:georgia;font-size:11px;font-weight:bold;}

/*******************************************************************************
// Ueberschriften
/******************************************************************************/
h1 {
   font-size: 14px;
   font-weight: bold;
   font-family:georgia;
   margin-left:13px;
   color:#ffffff;
}
h2  {
   font-size: 12px;
   font-family:georgia;
   margin-left:13px;
}
h2.h2_produkte  {
   border-top:1px #CE9C66 solid;
   padding-top:10px;
   margin-top:10px;
   width:95%
}

h1.top {
  margin-top:11px;
}

h1.top_index, h2.top_index{
   color:#3C6056;
}

h1.top_aus_dem_unternehmen, h2.top_aus_dem_unternehmen{
   color:#FF6100;
}

h1.top_rund_ums_leder, h2.top_rund_ums_leder{
   color:#DA5301;
   
}

h1.top_unsere_kollektion, h2.top_unsere_kollektion{
   color: #B34400;
}

h1.top_produkte_aus_ecopell, h2.top_produkte_aus_ecopell{
   color: #C28340;
}

h1.top_faq_haeufige_fragen, h2.top_faq_haeufige_fragen{
   color:#9C6932;
}
h1.top_impressum, h1.top_kontakt, h1.top_presse, h1.top_download, 
h1.top_sitemap, h1.top_download{
   color:#3E6141;
}

h1.sub {
   width:468px;
   color:#ffffff;
}
h2.marginal{
   margin-top:0px;
   font-size:12px;
   font-weight:bold;
   color:#ffffff;
}
h2.newsheadline{
   margin-bottom:0px;
   font-size:10px;
   font-weight:normal;
   color:#ffffff;
}

.produkte{
   height:160px;
   width: 280px;
   float:left;
}

.produktbild{
   float:left;
   width:165px;
   border:2px solid #000000;
   margin:10px;
   margin-top:0px;
   margin-right:0px;
}

#col_1 h1 {background:#567972}
#col_2 h1 {background:#3C6056}
#col_3 h1 {background:#576F61}

/*******************************************************************************
// Tabellen
/******************************************************************************/
table {
   border-spacing: 0px 0px;
   empty-cells:show;
}

th {
   text-align:left;
   font-size: 12px; 
   border-bottom: 2px #CCCCCC solid;
   padding-bottom:2px;
}
td {
   vertical-align:top;
   padding:0px;
   padding-top:2px;
   padding-bottom:2px;
}
.linie {
   background-color:#A8A8A8;
   height:1px;
   padding:0px;
}

/*******************************************************************************
/* Fliesstext
/******************************************************************************/
p, td, .test {
   margin-bottom: 8px;
   margin-left:11px;
   margin-right:8px;
   font-size: 11px;
}
p.top{
   margin-left:14px;
}
p.top_text{

}

p.marginal{
   color:#ffffff;
}

.index {
   color:#4B4B4B;
  
}

.testart{
}  
.aus_dem_unternehmen{
   background-color:#FF7F00;
   border-color:#FF7F00;
}
.rund_ums_leder{
   background-color:#E26A02;
   border-color:#E26A02;
}
.unsere_kollektion{
   background-color:#A46962;
   border-color:#A46962;
}
.produkte_aus_ecopell{
   background-color:#CE9C66;
   border-color:#CE9C66;
}
.faq_haeufige_fragen{
   background-color:#B27839;
   border-color:#B27839;
}

.impressum, .kontakt, .presse , .download{
   background-color:#517454;
   border-color:#517454;
}

.sitemap
{
	 font-family:georgia;font-weight:bold;
}


.text_impressum, .text_kontakt,  .text_download, .text_presse, .text_sitemap, 
.text_download{
   width:468px;
   background-color:#3E6141;
   color:#ffffff;
   padding-bottom:50px;
   padding-top:10px;
}

.text_presse td 
{
   color:#ffffff;

}

.text_presse form
{
   margin:0 0 0 10px;
   padding:0;

}


.text_aus_dem_unternehmen{
   width:468px;
   background-color:#FF6100;
   color:#ffffff;
   padding-bottom:50px;
    padding-top:10px;
}
.text_rund_ums_leder{
   
   background-color:#DA5301;
   color:#ffffff;
   padding-bottom:50px;
   padding-top:10px;
}

.pp_left
{	border:2px solid #E47432;float:left;margin: 0px 5px 0 5px }


.pp_right
{	border:2px solid #E47432;float:right;margin: 0px 5px 0 0 }


.text_unsere_kollektion{
   width:468px;
   background-color:#B34400;
   color:#ffffff;
   padding-bottom:50px;
   padding-top:10px;
}
.text_produkte_aus_ecopell{
   width:468px;
   background-color:#C28340;
   color:#ffffff;
   padding-bottom:50px;
   padding-top:10px;
}
.text_faq_haeufige_fragen{
   width:468px;
   background-color:#9C6932;
   color:#ffffff;
   padding-bottom:50px;
   padding-top:10px;
}

p.sub {
   color:#ffffff;
   margin-left:14px;
}


#error {
   color:#FF0000;
}

.contenttable{
   color:#ffffff;
   padding:2px;
   
}

/*******************************************************************************
// Formulare
/******************************************************************************/
.form {
   width: 141px;
   padding:2px;
   /*
   background-image: url(../../images/bg_form.gif);
   background-repeat: no-repeat;
   border:0px;
   */
   font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
   font-size: 11px;
   border:1px #B2B2B2 solid;
}


textarea {
   width:287px;
   height:100px;
   border:1px #B2B2B2 solid;
   padding:2px;
   font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
   font-size: 11px;  
   /*
   padding-top:0.1em;
   padding-left:0.1em;
   border-top:2px #8D8D8D solid;
   border-left:1px #CDCDCD solid;
   border-bottom:1px #E3E3E3 solid;
   border-right:2px #CDCDCD solid;
   */
}

.formbutton {
   border-top:1px #8D8D8D solid;
   border-left:1px #CDCDCD solid;
   border-bottom:1px #E3E3E3 solid;
   border-right:1px #CDCDCD solid;
   background-color: #FAFAFA; 
   padding:4px;
}
.formbutton2 {
   border-top:1px #8D8D8D solid;
   border-left:1px #CDCDCD solid;
   border-bottom:1px #E3E3E3 solid;
   border-right:1px #CDCDCD solid;
   background-color: #FAFAFA; 
   padding:0px;
   width:90px;
}
.formselect{
   border-top:1px #8D8D8D solid;
   border-left:1px #CDCDCD solid;
   border-bottom:1px #E3E3E3 solid;
   border-right:1px #CDCDCD solid;
   background-color: #FAFAFA; 
   padding:0px;
   width: 141px;
}

/*******************************************************************************
// Errorhandling
/******************************************************************************/
#debug {
   top:0px;
   background-color:#FFFFFF;
   padding:3px;
   border:1px solid #000000;
   font-family:courier;
   font-size:12px;
  /* position:absolute;*/
   left:0px;
 /*  display:none;*/
}


.left_p {width:35px; float:left;padding:0;margin-left:8px;margin-top:5px}
.right_p {width:365px; float:left;padding:0;margin-top:5px}