body, table, tr, td {

  font-family:arial,verdana;
  margin:0;
  padding:0;  
 }

 
img {
	padding:0;
	margin:0;
	border:0;

 }

 .table_main {
 
 } 
 <!-- topsite -->
a.menu:link    { color:#848484; background-color:transparent; }
a.menu:visited { color:#848484; background-color:transparent; }
a.menu:hover   { color:#008fca;  }
a.menu:active  { color:#008fca;  }

 .menu { 
  font-weight: normal;
  font-size:14px; 
  text-decoration:none;
 }
  

  .links_right {
  color:#848484;
  font-weight: normal;
  font-size:14px;
 }
 
 .links_menu {
  color:#353535;
  font-weight: normal;
  font-size:14px;
  text-decoration:none;
 }

 .leitfaden {
  color:#353535;
  font-weight: normal;
  font-size:30px;
  text-decoration:none;
 }

h1 {
  position:absolute; 
  color:#353535; 
  font-size:30px;
  text-decoration:none; 
  margin-top:-10px; 
 }
h2 {
  
  font-size:42px; font-family:Verdana; color:#353535; text-shadow: 0.07em 0.07em 0.1em #c9c9c9;
  margin:0;padding:0
  z-index:1; 
 }
 h3 {
	 z-index:10; 
 font-size:16px; font-family:Verdana; color:#737373;  
 margin-top:-2px; margin-left:3px;
 margin:0;padding:0
 }
 
  <!-- //topsite -->

 <!-- warenkorb -->
  .korb_name {
  color:#353535;
  font-weight: normal;
  font-size:18px;
  text-decoration:none;
 }
  .korb_artikel {
  color:#353535;
  font-weight: normal;
  font-size:14px;
  text-decoration:none;
 }
  .korb_preis {
  color:#265dc3;
  font-weight: normal;
  font-size:24px;
  text-decoration:none;
 }
  .korb_mini {
  color:#353535;
  font-weight: normal;
  font-size:11px;
  text-decoration:none;
 }
  .korb_link { 
 
  font-weight: normal;
  font-size:10px;
 }
 a.korb_link:link    { color:#737373; background-color:transparent; text-decoration:none;}
a.korb_link:visited { color:#737373; background-color:transparent; text-decoration:none;}
a.korb_link:hover   { color:#008fca; text-decoration: underline;  }
a.korb_link:active  { color:#008fca; text-decoration: underline; }

  <!-- e warenkorb -->
<!-- icons -->  
 .icon_top {
  color:#353535;
  font-weight: normal;
  font-size:16px;
 }
 
a.icon_but:link    { color:#1753b7; background-color:transparent; text-decoration:none;}
a.icon_but:visited { color:#1753b7; background-color:transparent; text-decoration:none;}
a.icon_but:hover   { color:#008fca; text-decoration: underline;  }
a.icon_but:active  { color:#008fca; text-decoration: underline; }

  .icon_but { 
  font-weight: normal;
  font-size:14px;
 }
 
 .icon_footer { 
 color:#353535;
  font-weight: normal;
  font-size:12px;
 }
 .icon_footer_link { 
 
  font-weight: normal;
  font-size:10px;
 }
 a.icon_footer_link:link    { color:#737373; background-color:transparent; text-decoration:none;}
a.icon_footer_link:visited { color:#737373; background-color:transparent; text-decoration:none;}
a.icon_footer_link:hover   { color:#008fca; text-decoration: underline;  }
a.icon_footer_link:active  { color:#008fca; text-decoration: underline; }


a.preis_nach:link    { color:#068500; background-color:transparent; text-decoration:none;}
a.preis_nach:visited { color:#068500; background-color:transparent; text-decoration:none;}
a.preis_nach:hover   { color:#ffffff; text-decoration: underline;  }
a.preis_nach:active  { color:#ffffff; text-decoration: underline; }

  .preis_nach { 
  font-weight: bold;
  font-size:15px;
 }
 
 
.footer_link { 
 
  font-weight: normal;
  font-size:12px;
 }
 a.footer_link:link    { color:#1753b7; background-color:transparent; text-decoration:none;}
a.footer_link:visited { color:#1753b7; background-color:transparent; text-decoration:none;}
a.footer_link:hover   { color:#008fca; text-decoration: underline;  }
a.footer_link:active  { color:#008fca; text-decoration: underline; }

<!-- // icons --> 

<!-- icons menu-->
  

a.menu_icon:link    { color:#ffffff;  }
a.menu_icon:visited { color:#ffffff;  }
a.menu_icon:hover   { color:#008fca;    }
a.menu_icon:active  { color:#008fca;   }

.menu_icon { 
  color:#ffffff;
  font-weight: normal;
  font-size:16px; 
  text-decoration:none;
 }
 
  

a.menu_icon_z:link    { color:#ffffff;  }
a.menu_icon_z:visited { color:#ffffff;  }
a.menu_icon_z:hover   { color:#008fca;    }
a.menu_icon_z:active  { color:#008fca;   }

.menu_icon_z { 
  color:#ffffff;
  font-weight: normal;
  font-size:14px; 
  text-shadow: 0.1em 0.1em 0.1em #000;
  text-decoration:none;
 }
 
 
 .boxangebot { 
  color:#353535;
  font-weight: normal;
  font-size:36px; 
  text-shadow: 0.07em 0.07em 0.1em #c9c9c9;
  
 }
 
 .boxangebottext { 
  color:#353535;
  font-weight: normal;
  font-size:16px; 
  text-shadow: 0.07em 0.07em 0.1em #c9c9c9;
  
 } 
 
 .boxangebotpreis { 
  color:#d60000;
  font-weight: normal;
  font-size:21px; 
  text-shadow: 0.07em 0.07em 0.1em #c9c9c9;
  
 }
<!-- // icons menu-->



<!-- divko scrollbar -->
 /* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent1'] { width: 60%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 11px; background: #fffeda; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent1-drag { background: #ad5134; border-radius: 4px; cursor: pointer; }
  
  div[rel='scrollcontent2'] { width: 300px; height: 300px; }
  
  /* Basic CSS for the elements - If rel is "scrollcontent2", style its scrollbar by referring to ".scrollcontent2-content", ".scrollcontent2-bar", etc. */
  .scrollcontent2-content { width: 999px; } /* for horizontal content, width should be set to total width of all floated inner container elements */
  .scrollcontent2-bar { height: 15px; background: #ccc; border-radius: 5px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent2-drag { background: #425a8a; border-radius: 5px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:0; padding:0}
 
<!--//d scrollbar -->
/*scroller */
 div.section{
	/*border:1px black solid;*/
	width:280px;
	/*padding:10px;*/
	/*margin: 5px 0;*/
	position:relative;
	clear:both;
}
	div.section h3{
		/*margin-bottom:10px;*/
	}
	div.section li{
		/*float:left;*/
	}
	div.pane{
		overflow:auto;
		clear:left;
		/*margin: 10px 0 0 10px;*/
		position:relative;
		width:300px;
		height:225px;
	}
ul.elements{
	/*background-color:#5B739C;*/
}
	ul.elements li{
		/*width:200px;*/
		/*height:100px;*/
		/*font-weight:bolder;*/
		/*border:1px black solid;*/
		/*text-align:center;*/
		/*padding:50px;*/
		position:relative;
		margin-right:-35px;
		/*background-color:#DDD;*/
	}
		ul.elements li a{
			/*bottom:20px;*/
			/*color:#933;*/
			/*font-size:12px;*/
			/*left:125px;*/
			position:absolute;
		}
		ul.elements li p{
			/*color:#666;*/
		}
	#pane-options ul.elements li{
		/*margin:5px;*/
	}
	#pane-options{
		/*margin-bottom:10px;*/
	}
	
	
	
 /*Newsletter*/
 .newsletter { 
  color:#353535;
  font-weight: normal;
  font-size:18px;  
  
 }
  .newsletterlit { 
  color:#353535;
  font-weight: normal;
  font-size:12px;  
  
 }
 
   .newsletterok { 
  color:#00b000;
  font-weight: normal;
  font-size:18px;  
  
 }
 
 

textarea {
 color: #333333;
 font-family: Verdana;
 font-size: 14px;
 background: #FFFFFF;
 padding: 2px 0 0 2px;
 background-image: url('layout/schatten.gif');
}

/* Slider */

.stepcarousel{
	position:absolute; 
	z-index:1; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 993px; /*Width of Carousel Viewer itself*/
height: 465px; /*Height should enough to fit largest content's height*/
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 993px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* Designer */

   .designerweiss { 
  color:#ffffff;
  font-weight: normal;
  font-size:18px;  
  
 }
 .designer_preis { 
   color:#265dc3;
  font-weight: normal;
  font-size:24px;
  text-decoration:none;  
  
 }
  .designer_text { 
  color:#353535;
  font-weight: normal;
  font-size:14px;
  text-decoration:none;  
  
 }
 .designer_mini { 
  color:#ffffff;
  font-weight: normal;
  font-size:14px;
  text-decoration:none;  
  
 }
  .designer_link { 
  color:#ffffff;
  font-weight: normal;
  font-size:11px;    
  
  
 }
 a.designer_link:link    { color:#ffffff;  }
a.designer_link:visited { color:#ffffff;  }
a.designer_link:hover   { color:#008fca;    }
a.designer_link:active  { color:#008fca;   }


  .designer_link_big { 
  color:#ffffff;
  font-weight: normal;
  font-size:18px;    
  text-decoration:none; 
  
 }
 a.designer_link_big:link    { color:#ffffff;  }
a.designer_link_big:visited { color:#ffffff;  }
a.designer_link_big:hover   { color:#008fca;    }
a.designer_link_big:active  { color:#008fca;   }



.designer_preislist { 
  color:#ffffff;
  font-weight: normal;
  font-size:18px;
  text-decoration:none;  
  
 }

 .font_4 {

  color:#5a5a5a;
  font-weight: normal;
  font-size:12px;
  TEXT-DECORATION: none;
    
          }