/* Css für Tolkostoffe-Templates_ powered by i-ways */

/* Headerbild und Logo*/
#overhead{
	background-position:top left;
	width:95%;
	height:126px;
	background-repeat: no-repeat;
    margin: 0 0 20px 0 ; padding:0px;
}



/* .temp2{ background: url(https://www.tolkostoffe.com/images/ebay/stoffmix_verlauf.jpg) repeat-x;} */



/*  ----- Stoffmix ts_20.thtml   */
.temp1 .prodbilder2 img{ margin-right: 10px;}
.temp1 .prodbilder2{ width:100% !important; text-align: center;}
.temp1 .prodbilder2 img{ float: none;}
.temp1 .prodbilder img{ margin-right: 10px; float: none;}
.temp1  #description {width: 100%;}
.temp1  #description, .temp1  #description2 {width: 100%; text-align: left;}
.temp1 .prodbilder21{width: 100%; text-align: center;}
.temp1 .prodbilder21 img{ width: 550px; height: auto; margin-right: 10px; border:0;}
.temp1 #overhead{ 	 background:url(https://www.tolkostoffe.com/images/ebay/stoffmix_verlauf.jpg) repeat-x; 	width:100%; overflow: visible; height:126px; 	} 
.temp1 #overhead a{	background-position:top left; 	width:100%; 	height:126px; 	background-repeat: no-repeat;     margin: 0px ; padding:0px;     display:block;     background-image:url(https://www.tolkostoffe.com/images/ebay/stoffmix_header.jpg);     overflow:hidden;  }	

.temp1 #menu{display: inline; visibility: visible; }
.temp1 #overhead{display: block; visibility: visible; }
	


/*  --- Stoffarten  ts_30.thtml  */
.temp2 #overhead{
	background-image:url(https://www.tolkostoffe.com/images/ebay/stoffmix_header.jpg);	
}
.temp2 .prodbilder, .temp2 .prodbilder2{width: 800px; margin: 0 auto;}
.temp2 .prodbilder21{ width: 100%}
.temp2 .prodbilder img, .temp2 .prodbilder2 img{ /*width: 45%*/}
.temp2 #description{ text-align:center;}
.temp2 #images{width:100%; text-align: center}

.temp2{ width: 900px;}
.temp2 #description{ width: 100%; text-align: left;}
.temp2 #ebaysuche{ left: 680px; color: #fff; }
.temp2 .prodbilder img{/*width:45%*/; height: auto;}
.temp2 #tempheader{
	background: url(https://www.tolkostoffe.com/images/ebay/stoffarten_header.jpg) no-repeat;
	height: 91px;
	width: 98%;
	position: relative;
}


/* --- Stoffe aus Berlin  ts_10.thml */

.temp3 .prodbilder2 img{float:right; margin-right: 0; margin-left: 10px;}

.temp3 #overhead{ background: url(https://www.tolkostoffe.com/images/ebay/stoffe-aus-berlin_verlauf.jpg) repeat-x;height:91px;
width:100%;}

.temp3 #overhead a{	background-position:top left; 	width:95%; 	height:91px; 	background-repeat: no-repeat;     margin: 0px ; padding:0px;     display:block;     background-image:url(https://www.tolkostoffe.com/images/ebay/stoffe-aus-berlin_header.jpg);     overflow:hidden;  }	

.temp3 .prodbilder img{ width: 550px; height: auto;}

/* ----- */

#tolkowrapper{ font-family: Tahoma, Arial, sans-serif;}

#images { float: left; width:380px; margin-top:12px;}
#description321 { width:300px; float: left; font-size: 13px; line-height: 19px; color: #303030;}
#description2 { width:auto; float: left; font-size: 13px; line-height: 19px; color: #303030;}

#logo a{ display:block; background-image:url(https://i-ways.de/gfx/lichtmitte/design/logo.gif); width:151px; height:76px; margin:0 0 0 30px; padding:0px; background-repeat:no-repeat; background-position:bottom;}

div#logo{ display:block;  width:151px; height:76px; margin:0 0 0 0px; padding:0px; background-repeat:no-repeat; background-position:bottom;}


/*-------Formatierungen Hinweistexte----------*/
.Stil1 {font-family: arial; font-size: 14px}
.Stil1i {color: #FF0000; font-weight: bold; font-size: 16px}
.Stil2 {color: #0033FF; font-family: arial; font-size: 14px}
.Stil2i {color: #FF0000; font-family: arial; font-size: 16px}
.Stil3 {font-family: arial; font-size: 16px}
.nachdemkauf {font-weight: bold; font-family: arial; font-size: 24px}
.telefon {font-weight: bold; font-family: verdana; font-size: 14px}


/* ------------------------------ erstes Menü im Headbereich */
#mainmenu{background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_top.gif); margin:0px; margin-right: 10px;}

#mainmenu ul{
width:auto; w\ idth:380px; height:21px;
float:right;
	list-style:none;
	display:block;
	padding:17px 3px 0px 0px; margin:0px;
}
#mainmenu li{
	float:left;
	background-image:url(https://i-ways.de/gfx/lichtmitte/design/btn.gif);
	width:115px;
	height:21px;
	text-align:center;
	background-repeat:no-repeat;
	p\ adding:2px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainmenu a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656; text-decoration:none;}
#mainmenu a:hover{text-decoration:underline;}


#untermenu{
	background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_top2.gif);
	background-repeat:repeat-x;
	height:40px;
	clear: both;
	text-align: left;
	width:1000px; overflow:hidden;}

/*------------------------------------------- zweites Menü im Header beinhaltet die Kategorien und die Suche*/
#katego{width:600px; height:40px;
float:right;}
#untermenu ul{
	list-style:none;
	margin:0px;
	padding-top: 10px;
	width: auto;
	height: 40px;
	float: right;
	display: block;
}
#untermenu li{float:left; width:100px; height:auto; text-align:center;}
#untermenu a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#565656; text-decoration:none; font-weight:bold;}
#untermenu a:hover{text-decoration:underline;}

.headtext{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#565656; text-decoration:none;}
#suche{float:left; width:300px;}


/* ---------------------------------------------------------- linke Navigationbox/ Kategorieübersicht */
#box{
	background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:205px;
	height:auto;
	margin: 20px 20px 20px 0px;
	text-align: left;
	padding:1px 0 0 0;
	/* float:left;  muss weg bei neuem Template und mich seite*/
}

#floatbox{ float:left; height:auto;}


#boxTopseller{
	background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:205px;
	height:auto;
	margin: 20px 20px 20px 0px;
	float:right;
	padding:0px;
	
	text-align: left;
}

#placer{height: 719px; width:225px; background-color:#FFF;}

/* #spacer2{ float:left; width: 30px; height: 45px;} */

#box2{ position:absolute; top: 223px; t\ op: 240px;
 background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_top.gif); background-position:10px 30px; b\ ackground-position:10px 20px; background-repeat:no-repeat;
width:205px; w\ idth:215px; height:auto;  margin: 55px 0px 0px 0px; padding:30px 0px 0px 10px;  float:left; 
background-color:#FFF;
}

#box_footer{ width:205px; height:7px; background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_bottom.gif); background-repeat:no-repeat; clear:both;}
#ubersicht{border-left:solid 1px #f8b913; 
border-right:solid 1px #f8b913;
margin:7px 0px 0px 0px; margin-bottom:0px; padding:20px 0 20px 15px;}

/* #ubersicht ul{margin:0px; padding:0px; padding-left:20px; list-style:none;}
#ubersicht ul a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#868484; text-decoration:none; line-height: 16px; font-weight:bold;}
#ubersicht ul ul a{ font-weight:normal;}
#ubersicht ul a:hover{text-decoration:underline; color:#f8b913;} */

h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#f8b913; line-height: 16px; font-weight:bolder; padding:0; margin:0 0 5px 0;}
h1 {color:#404040;}

/* ------------------------------------------------------------------ Box für die Flashanimationen bzw Themenbilder*/
.themenbox{
	width:250px;
	w\ idth: 250px;
	h\ eight: 200px;
	height:200px;
	margin: 0px 5px 4px 0px;
	m\ argin: 0px 5px 4px 0px;
	padding:0px;
	overflow: hidden;
	float: left;
}
.themenbox a img{border:0px;}


/* content enthält Die Linke Navileiste und die Kategorie animationen/ Kategoriebilder oder/und anderen Inhalt*/
#content{

	w\ idth:!important 970px;
	width: 970px;
	height:auto;
	float:left;

	/* text-align: !important center; */	
	margin:!important 0 auto;
	padding-left: 10px;
	padding-right: 0px;
	display: block;
	
}

/* -------------------------------------------   Footer mit Menü */
#footer{ border-top: dotted 1px #f8b913; text-align:center; top: 40px; left:auto;
clear:both; width:980px; height:15px; margin:0px; padding: 10px 0px 4px 0px; background-position:bottom; text-align:center; margin:0px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656; text-decoration:none;}

#footer  a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656; text-decoration:none;  margin: 0px 4px;}
#footer  a:hover{text-decoration:none; color:#f8b913; border-bottom: dotted 1px #f8b913; }

/* ---------------------------------------------------------- text für agb etc. */

#text{
	w\ idth:!important 400px;
	width: 400px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	line-height: 14px;
	margin-left: 20px;
	margin-bottom: 30px;
}
#text a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868484; text-decoration:none; border-bottom: dotted 1px #868484;}
#text a:hover{text-decoration:none; color:#f8b913;  border-bottom: dotted 1px #f8b913;}



/*  --------------------------------------------  Css für IT market template */
#market_content{padding: 30px 10px 0 0px; margin-left: 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868484; line-height: 14px; width:720px; height:auto; margin-bottom:20px; display:block; w\ idth:700px !important;
overflow:hidden; }

#market_content table{ w\ idth: 450px;}

#market_content p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; line-height: 14px;}

#ArtikelTitel h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#f8b913; margin-bottom:14px; border-bottom: dotted 1px #f8b913;}
#BlockTitel h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#656565; margin-bottom:10px; border-bottom: dotted 1px #656565;}
#ArtikelBeschreibung h5{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-bottom:8px;margin-top:8px; color:#656565;}

#ArtikelBeschreibung{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; line-height: 14px;}
#ArtikelBeschreibung td{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; line-height: 14px;}

.description{cellpacing:4;}
.description td{cellpacing:4;}


#top{
	
	float:right;
	width:200px;
	height:auto;
	/*background-image:url(https://i-ways.de/gfx/lichtmitte/design/topangebote.gif);*/
	background-repeat: no-repeat;
	padding: 15px 0 0 0;
}
.topprodukt{
/*background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_top.gif);*/
	background-position:top;
	background-repeat:no-repeat;
	width:205px;
	height:auto;
float:left;
margin: 0 0px 10px 0px; border:0 /*solid 1px #f8b913*/;

}
.topprodukt img{ border:0;}
.topprodukt a{border:0; text-decoration:none;}
#tile25px { height:25;}

/*------------------ Listen für die Kategorie-übersicht auf der linken seite */
 	 .box_categories div ul li a{ font-weight:normal;}
	 	 .box_categories div ul ul li a{ font-weight:normal;}
		 	 	 .box_categories div ul ul ul li a{ font-weight:normal;}
 
  .box_categories div ul{margin:0px; padding: 0 0 0 15px;  position: relative; }
 .box_categories div ul li{ list-style-image:url(https://lichtmitte.i-ways-gmbh.de/templates/xtc4/img/pfeil.gif);}
  .box_categories div ul ul li{ list-style-image:url(https://lichtmitte.i-ways-gmbh.de/templates/xtc4/img/pfeil_gelb.gif);}
    .box_categories div ul ul ul li{ list-style-image:url(https://lichtmitte.i-ways-gmbh.de/templates/xtc4/img/pfeil_grau.gif);}
	
	li.activeCat0 a{font-weight: bold !important;}
	
	li.activeCat1 a{font-weight:bold !important;}
	li.activeCat2  a, li.activeCat3 a , li.activeCat4 li.a{ font-style: italic !important;}
	
	

	
  
.box_categories  a{line-height: 20px; text-decoration:none; color:#6b6b6b; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.box_categories  a:hover{ text-decoration:underline !important; color:#e6a800 !important; }
.box_categories a:visited{line-height: 20px; text-decoration:none; color:#6b6b6b; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.box_categories h3{ text-align:center; color:#e6a800; font-size:13px; height:20px; margin:0; padding:0; }

/* .box_categories h4{ text-align:left; color:#6b6b6b; font-size:14px; height:16px; margin:0; padding:0; }*/

h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#f8b913; line-height: 16px; font-weight:bolder; padding:0; margin:0 0 5px 0;}
.pagecontainer .box_categories h4{color:#f8b913 ; text-align:center; font-size:13px; margin-left:-15px;}
h1 {color:#404040;}

#LinklisteLichtmitte{
 list-style:none;
 width: 740px;
 height:372px;
 overflow:hidden;
}
#LinklisteLichtmitte li a{
 text-indent:-99999px;
 list-style:none;
 display:block;
 width: 368px;
 height:124px;
}

#LinklisteLichtmitte #a a{
 background: url(https://i-ways.de/gfx/lichtmitte/design/led_button.jpg) no-repeat top left;
}
#LinklisteLichtmitte #b a{
 background: url(https://i-ways.de/gfx/lichtmitte/design/sparlampen_button.jpg) no-repeat top left;
}
#LinklisteLichtmitte #c a{
 background: url(https://i-ways.de/gfx/lichtmitte/design/halogen_button.jpg) no-repeat top left;
}
#LinklisteLichtmitte #d a{
 background: url(https://i-ways.de/gfx/lichtmitte/design/wand_button.jpg) no-repeat top left;
 position:relative;
 left:368px;
 top: -372px;
 height: 186px;
}
#LinklisteLichtmitte #e a{
 background: url(https://i-ways.de/gfx/lichtmitte/design/stand_button.jpg) no-repeat top left;
 position:relative;
 left:368px;
 top: -372px;
 height: 186px;
}
.prodbilder img{ width:450px; height:auto;  margin-bottom:20px; /* m\ argin-right:370px; margin-right:370px;*/ /* border:#CCC solid 1px; */ border:none;}
.prodbilder2 img{ width:450px; height:auto; margin-bottom:20px;/*margin-right:370px;*/ /* border:#CCC solid 1px; */ /*float:left;*/ border:none;}

.specialBG{
background-image:url(https://i-ways.de/gfx/lichtmitte/design/temRheader.gif) !important; position:relative; background-position:right top; top:-17px; right:-5px; height:77px!important; width:57px; margin-bottom:-80px; b\ ackground:none !important;}


.shopcontent{width:730px !important; w\ idth:750px !important; margin-left:5px;}
#placer2{ display:block;  height:500px; width:200px; margin-top: 20px; position:absolute; top: 200px; l\ eft: -24px;}

.pagecontainer table{ min-width:200px !important;}
#box3{ 
 background-image:url(https://i-ways.de/gfx/lichtmitte/design/bg_box_top.gif); background-position:0px 15px; b\ ackground-position:0px 5px; background-repeat:no-repeat; background-color:#FFFFFF;
width:205px; height:auto; padding:15px 0px 0px 0; z-index:300;
}

.pagecontainer h2, .pagecontainer h3, .pagecontainer h4{color:#6B6B6B;}

.bewertungen table, .bewertungen table td, .bewertungen table tr{ border:0 !important; outline:none !important;}


.schutzklassen{ margin:0; padding:0;}
.schutzklassen, .schutzklassen li ul { list-style:none;}
.schutzklassen li{ position: relative; margin-top: 40px;}
.schutzklassen strong{ margin-left: 17px;}
.schutzklassen strong span{ margin-left: 66px;}
.schutzklassen li ul{ margin-left: 30px; m\ argin-left: 70px;}
.schutzklassen li ul li{ margin-bottom:12px; margin-top: 3px; /*border-bottom: 1px solid #ccc;*/}
.schutzklassen li span{ position:absolute; left: 300px;}

.lichtfabrben { width:500px;}
.lichtfabrben td{border:1px solid #ccc; padding:10px; margin:0;}
.lichtfabrben .gelb{ background:#ffe19f;}



.fassungen {border: 1px solid #CCC; border-collapse:collapse; padding:10px;}
#menu{margin-left: 23px;}
#menu ul li{ list-style: none; margin: 5px 0;}
#menu ul li a{ color:#83c406; text-decoration: none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
#menu ul li a:hover{ text-decoration: underline; }
#menu ul li.haupt a{ font-weight: 90%; color:#3e3e3e; }

#menu ul{ width: 160px; float: left; padding-left:200px; }

/*.store_header .store-panel{ visibility: hidden; display: none;}*/



form#ebaysuche{display:block;right:0;/*position:fixed !important;*/position:absolute; width:240px; top:18px; z-index: 999; m\ argin-right: 35px;}

/*#ebaysuche span input{position: relative; top: 4px;}*/

#ebaysuche .inArtikel{ font-size: 11px;}


/** TS CC **/
.Stil1i {color: #FF0000; font-weight: bold; font-size: 16px}
.Stil2i {color: #FF0000; font-weight: bold; font-family: georgia; font-size: 16px}
.Stil3 {font-family: arial; font-size: 16px}
.nachdemkauf {font-weight: bold; font-family: arial; font-size: 24px}
.telefon {font-weight: bold; font-family: verdana; font-size: 14px}
.klick {font-family: arial; color: #FF0000; font-weight: bold;  font-size: 16px}
.finden {font-family: arial; color: #002cfd; font-weight: bold;  font-size: 16px}