/* -----------------------------------------------------------------------------------------

   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   



   XT-Commerce - community made shopping

   http://www.xt-commerce.com



   Copyright (c) 2004 XT-Commerce 

   -----------------------------------------------------------------------------------------

   based on: 

   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)

   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 

   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org



   Released under the GNU General Public License 

   ---------------------------------------------------------------------------------------*/

/*Basis HTML Elemente*/

body {font-family:arial;font-size:11px;background:url('img/bg.jpg') left top;}

img{border:0;}

a {color: #566f8b;text-decoration: none;}

a:hover {color: #003300;text-decoration: underline;}

form {display: inline;}

h2,h1{background:url('img/heading.jpg') left top repeat-x;width:100%;color:#fff;padding:10px 0px; padding-left:20px;font-size:16px;}
.login_fields h2 {padding:3px}

.onepxwidth {width:10px;}

h3 {background:url('img/heading.jpg') left top repeat-x;width:100%;color:#fff;padding:3px 0px; padding-left:20px;font-size:14px;}

h3 a {color:#fff;}

h3 a:hover {color:#fff;}



/*Alte Elemente*/

TD.infoBoxHeading {

  font-family:  Arial, sans-serif;

  font-weight: bold;

  text-align:left;

  background: #566f8b;

  height:17px;

  color: #ffffff;

  font-size:12px;

  padding-left:5px;

}



TD.infoBoxHeading_right {

  font-family:  Arial, sans-serif;

  font-weight: bold;

  text-align:left;

  background: #566f8b;

  height:17px;

  color: #FFFFFF;

  font-size:12px;

  padding-left:5px;

}



#aik input {margin-left:10px;}



.ibh {  border-bottom:1px white solid; width:240px; background: #566f8b;}





TD.infoBox, SPAN.infoBox, TD.infoBox_right, SPAN.infoBox_right  {

  font-family:  Arial, sans-serif;

  font-size: 8px;

  background: #cedae8; 

  margin-bottom:10px;

  width:240px;

}



CHECKBOX, INPUT, RADIO, SELECT {

	font-family:  Arial, sans-serif;

	font-size: 11px;

}

#content .inputtext {border:0;padding:1px;width:200px;border:1px #cedae8 solid;}

textarea {border:1px solid;width:100%;overflow:hidden;}

.left_nav { background:url(img/bgcatall.gif) left top repeat-y; width:9px; border-right:1px white solid;}



/*Layout Elemente*/

#content_outer{width:1000px;margin:auto;background-color:#fff;}

#header {width:1000px;background:url('img/toolstrade-logo.jpg') left top no-repeat; height:105px;background-color:#fff;}

#content {width:1000px;background-color:#fff;margin-top:3px;}

#sidebar {width:240px;float:left;margin-left:40px;}

#sidebar .imagebutton {margin-top:5px;}

#main_content {float:right;margin-left:20px;width:660px;margin-right:40px;}

#subbar {height:37px;width:1000px;background:url('img/subbar-bg.jpg') left top repeat-x;}

.products_price {font-size:24px; font-weight:bold;color:#DC8804;display:block;}

/*Header Elemente*/

.slogan {margin:0;padding:0;margin-left:320px;font-size:18px;color:#556E8C;margin-top:25px;font-family:arial;font-style:italic;float:left;}  

.hotline {height:105px;background:url('img/hotline.jpg') left top no-repeat;float:right;width:350px;} 

#top_links {background:url(img/top_nav_bg.jpg) left top repeat-x; width:1000px;text-align:center;}

.head_content{  font-weight:bold;margin-left:0px;padding: 11px 16px;padding-top:15px;padding-bottom:0;height:30px;color:#333;float:left;border-right:#fff solid 2px;font-size:12px;display:block;} 

.head_content:hover{font-size:12px;color:#fff;text-decoration:underline;} 

.head_content_last{  font-weight:bold;margin-left:0px;padding:11px;padding-left:18px;padding-top:15px;padding-bottom:0;height:30px;color:#333;float:left;font-size:12px;display:block;} 

.head_content_last:hover{font-size:12px;color:#fff;text-decoration:underline;} 



.info_content, .info_content_last {font-weight:bold;display:block;width:240px;font-size:12px;}

/*Warenkorb*/

#cart {color:#556E8C;height:36px;border-left:1px #ccc solid;float:left;}

.cartcontent {font-size:12px;padding-left:25px;padding-top:12px;padding-right:25px;}

#cart a {font-weight:bolder;font-size:12px;}



#aik {margin-left:20px;border-left:1px #ccc solid;height:34px;float:left;margin-top:2px;}

#aik a {text-decoration:none;color:#556E8C;font-size:12px;}

#aik table {margin-top:2px;margin-left:20px;margin-right:10px;}

#aik .inputtext {height:18px;width:125px;border:1px solid #ccc;color:#000;font-size:14px;color:#556E8C;padding:2px;}

/*Box Suche*/

#searchform {float:left;margin-left:40px;margin-top:2px;margin-right:20px;}

#searchform p {margin:0;padding:0;}

#searchform input{height:18px;width:236px;border:1px solid #ccc;color:#000;font-size:14px;color:#556E8C;padding:2px;}

#searchform .imagebutton {width:34px;height:30px;border:0;}

#searchform a {margin-left:10px;text-decoration:none;;font-size:12px;padding:0;}   



/*Sidebar Elemente*/

.siegel {margin-bottom:5px;z-index:5000;width:240px;}

#agbs{
	overflow: visible;
}

/*Artikel Detailseite*/

.pimg {border:1px #566f8b solid;padding:5px;}

.pmodel {float:right;font-size:12px;padding-top:2px;margin-right:10px;}

#reviews {margin:20px;color:#566f8b;font-weight:bold;}

#reviews .reviews_headline{font-size:14px;}

#reviews2 {margin:20px;color:#566f8b;font-weight:bold;}

#reviews2 .reviews_headline{font-size:14px;}

#reviews textarea {border: 1px #566f8b solid;width:290px;overflow:hidden;height:130px;}

#reviews img {width:150px;}

#reviews .inputtext {width:80px;}

.clear {clear:both;}

.right_desc{border-left:1px #566f8b solid;}



.headline {color:#566f8b;font-size:12px;font-weight:bold;}

hr {color:#566f8b;background:#f66f8b;}

.box {border:#566f8b 1px solid;}

.details {margin-left:20px;}



/* common styling */

.menu {font-family: arial, sans-serif; width:220px;  position:relative; margin:0; font-size:11px; margin:0px 0;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:220px; height:24px; text-align:left; padding-left:10px; border-bottom:1px solid #fff;  background:#566f8b; line-height:19px; font-size:11px; font-weight:bolder;}

.menu ul {padding:0; margin:0;list-style-type: none;  }

.menu ul li {float:left; margin-right:1px; position:relative;}

.menu ul li ul {display: none;}



/* specific to non IE browsers */

.menu ul li:hover a {color:#cedae8; background:#566f8b;}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:230px;border-left:2px #ffffff solid; width:180px;z-index:500;}

.menu ul li:hover ul li a.hide {background:#566f8b; color:#000;}

.menu ul li:hover ul li:hover a.hide {width:160px;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#cedae8; color:#000; width:158px;}

.menu ul li:hover ul li a:hover {background:#9daec3; color:#fff;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:161px; top:0; color:#fff;z-index:500;}

.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#566f8b; color:#fff;}

.menu ul li:hover ul li:hover ul li a:hover {background:#566f8b; color:#fff;}

.singleprice {font-size:12px;color:#000000;}



.infoBox ul {list-style-type:none;margin:0;padding:0;}

.infoBox li {margin-top:5px;margin-bottom:3px;padding:0;list-style-type:none;}

.infoBox li a {font-size:12px;margin-left:5px;}



img.alignright {

	margin: 0 7px 2px 0;

}

#breadcrumb{
	margin-left:40px;
	margin-top:12px;
}


img.alignleft {

	margin: 0 0 2px 7px;

}



.post img {margin:5px;}



.special_links a {font-size:14px; font-family:verdana; font-weight:strong;}











.clear {clear:both;}

.right {float:right;}



#login table {float:right;color:#556E8C;font-size:12px;margin-top:20px;}

#login .inputtext {width:90px;border:1px solid;}

.twimg {margin-left:20px; margin-right:0px;margin-top:10px;}

.tw {border-bottom:2px #cecece solid;width:100%;margin:0;padding:0;} 





div.jqZoomTitle

{

	z-index:100;

	text-align:center;

	font-size:11px;

	font-family:Tahoma;

	height:16px;

	padding-top:2px;

	position:absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	color: #FFF;

	background: #999;



}



.jqZoomPup

{

		overflow:hidden;

		background-color: #FFF;

		-moz-opacity:0.6;

		opacity: 0.6;

		filter: alpha(opacity = 60);

		z-index:10;

		border-color:#c4c4c4;

		border-style: solid;

		cursor:crosshair;

}



.jqZoomPup img

{

	border: 0px;

}



.preload{

	-moz-opacity:0.8;

	opacity: 0.8;

   filter: alpha(opacity = 80);

	color: #333;

	font-size: 12px;

	font-family: Tahoma;

   text-decoration: none;

	border: 1px solid #CCC;

   background-color: white;

   padding: 8px;

	text-align:center;

   background-image: url(../images/zoomloader.gif);

   background-repeat: no-repeat;

   background-position: 43px 30px;

	width:90px;

	* width:100px;

	height:43px;

	*height:55px;

	z-index:10;

	position:absolute;

	top:3px;

	left:3px;



}



.jqZoomWindow

{

	border: 1px solid #999;

	background-color: #FFF;

}

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}

#top_nav a {font-size:12px;font-weight:bold;display:block;padding:3px;border-right:1px #fff solid;}

#top_nav ul {list-style:none;float:left;margin:0;padding:0;}

#top_nav li {list-style:none;float:left;margin:0;padding:0;}



/*----------------------------Suggest Styles--------------------------*/

.suggest_link {

        font-size:10px;

        background-color: #FFFFFF;

        padding: 2px 6px 2px 6px;

        display:block;

}

.suggest_link_over {

        background-color: #3366CC;

         font-size:10px;

        padding: 2px 6px 2px 6px;

        cursor: pointer;

        display:block;

}

#search_suggest {

        position: absolute; 

        visibility: hidden;

        background-color: #FFFFFF; 

        text-align: left; 

        border: 1px solid #000000;    

        z-index:5000;

      

                    

}        

/*----------------------------End Suggest Styles------------------------*/

.xtcm_rating {margin:8px 10px;padding:0;}

.xtcm_rating li{

margin:0;padding:0;width: 14px; height: 14px; line-height: 0px; margin-left: 2px; list-style: none; float: left; cursor: pointer;

}

.xtcm_rating li span{ display: none;margin:0;padding:0; }

.stars {margin:0;padding:0;}







/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin --------------------------*/

ul#imageslider { 

  float:left;

	margin:auto; 

	padding:0; 

	list-style:none; 

	list-style-position:outside; 

	overflow:hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */

	width: 535px;

   /* Breite des Slideshowcontainers */

}
.tw_mae {position: relative;}
.tw_mae ul#imageslider {position: absolute; left: 60px; top: 0px;}
.tw_mae ul#imageslider li h3, .tw_mae ul#imageslider li h3 a {color: #566F8B !important; background: none; padding: 0px !important}


ul#imageslider #slidercontent { 

	display: none; 	/* Textanzeige deaktiviert durch display:none; */

	z-index: 888;	/* Durch den z-index wird der Conatiner des Textes auf das Bild gelegt */

	position: relative; 

	top: -195px;	/* Damit der Text auf dem Bild angezeigt werden kann müssen wir den Container nach oben ziehen */

	width: 535px; /* Breite des Slideshowcontainers */

	overflow: hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */

	text-align: justify;

	font-size: 0.9em; 

	background: #ccc; 

	/* Regelt die Transparenz des Textes um das Bild darunter noch sehen zu können */

	-moz-opacity: 0.7;

	opacity: 0.70; 

	filter:alpha(opacity=70); 

}

/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - End ----------------------------*/

#index-bg {background:url(img/index_bg.jpg) left top no-repeat; width:680px;height:489px;margin:0;padding:0;}

#index-bg-mae {background:url(img/index_bg_mae.jpg) left top no-repeat; width:680px;height:489px;margin:0;padding:0;}
#index-bg-mae2 {background:url(img/index_bg_mae2.jpg) left top no-repeat; width:680px;height:703px;margin:0;padding:0;}
#index-bg-apr {background:url(img/index_bg_apr.jpg) left top no-repeat; width:680px;height:703px;margin:0;padding:0;}
.index_content {margin-left:20px;width:260px;margin-top:0px;padding-top:40px;font-size:13px;}



.plus {

display: block;

background-image: url(img/plus.gif);

background-repeat: no-repeat;

width: 13px;

height: 13px;

border: 0px;

font-size: 0px;

cursor: pointer;

}



.minus {

display: block;

background-image: url(img/minus.gif);

background-repeat: no-repeat;

width: 13px;

height: 13px;

border: 0px;

font-size: 0px;

cursor: pointer;

}



.alter {

display: block;

background-image: url(img/alter.gif);

background-repeat: no-repeat;

width: 13px;

height: 13px;

border: 0px;

font-size: 0px;

cursor: pointer;

}



.delete {

display: block;

background-image: url(img/delete.gif);

background-repeat: no-repeat;

width: 99px;

height: 27px;

border: 0px;

font-size: 0px;

background-color: #FFCC99;

cursor: pointer;

}



.cart_head {background:#56708B;color:#fff;font-weight:bold;}

.copyright {text-align:center;}

.footer a {color:#fff;}



.active_step {background:url(img/step-active.jpg) left top no-repeat;width:132px;height:84px;font-weight:bold;color:#ff6600;}

.open_step {background:url(img/step-open.jpg) left top no-repeat;width:132px;height:84px;font-weight:bold;color:#670f12;}

.done_step {background:url(img/step-done.jpg) left top no-repeat;width:132px;height:84px;font-weight:bold;color:#1d7414;}



.agb {margin-right:20px;padding-bottom:20px;}



.sliderright {float:right;margin-top:140px; margin-right:30px;background:url('img/slideright.gif') left top no-repeat; width:38px; height:55px;}

.sliderleft  {float:left; margin-top:140px; margin-left:20px;background:url('img/sliderleft.jpg') left top no-repeat; width:38px; height:55px;}

.tw_mae .sliderright {background:url('img/sliderright-mae.png') left top no-repeat;margin-top:100px; position: absolute; top: 50px; right: -20px; }
.tw_mae .sliderleft {background:url('img/sliderleft-mae.png') left top no-repeat;margin-top:100px; position: absolute; top: 50px; left: 10px;}

* html .tw_mae .sliderright {background:url('img/sliderright-mae.gif') left top no-repeat;margin-top:100px; position: absolute; top: 50px; right: 0px; }
* html .tw_mae .sliderleft {background:url('img/sliderleft-mae.gif') left top no-repeat;margin-top:100px; position: absolute; top: 50px; left: 10px;}

#slideshow {  width: 680px; height: 443px; overflow:hidden;margin-top:10px;}
#slideshow ul {list-style:none;margin:0;padding:0;}
#nav_slider_outer {width:680px;background:#566F8B;height:45px;z-index:5000;margin-top:5px;margin-bottom:20px;}
#nav_slider {margin-left:0px;padding-top:10px;}
#nav_slider a {padding:3px 5px; display:block;  text-decoration: none; margin-left:10px; float:left;color:#fff;}
#nav_slider a.activeSlide { border: 1px solid #ccc; text-decoration:none;}
#nav_slider a:focus { border: 1px solid #ccc;}
.slider_text {padding-top:20px;margin-left:20px;font-size:24px;font-family:verdana;color:#fff;width:420px;letter-spacing:1px;font-weight:bold;}
.slider_text_bottom {padding-top:360px;float:right;margin-right:10px;text-align:right;font-size:24px;font-family:verdana;color:#fff;width:440px;letter-spacing:1px;font-weight:bold;}