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

   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   



   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 

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

.test {

	text-align:right;

	vertical-align:bottom;

	background-image: url(./img/icon_arrow.jpg)

}

.boxText {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;	

}
.boxTextSp { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
.boxTextSp img { width: auto; height: auto; max-width: 170px; max-height: 110px; border-width: 0; }
.boxTextBG { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal; background-color: #ffe52e; }



/* Produktnavigation */

.navigator, .navigator A, .navigator A:visited { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; background-color: #ffe639; }



.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #39c; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #509ed2; text-decoration: underline; }



BODY { background-color: #fefefe;

  /*background-image: url(./img/back.png);

  background-attachment:fixed;

  background-position: top;*/

  color: #000000; font-family : Verdana, Arial, sans-serif; font-size : 10px; margin: 0; border-width: 0; }



img{

border:0;

}
.img2 { text-align: center; width: auto; height: auto; max-width: 200px; max-height: 200px; border: 0; }
A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #4F494B;

  text-decoration: underline;

}



FORM {

	display: inline;

}

.navileiste_1 {

	background-image: url(./img/bilder/page_nav1.png);

	vertical-align: middle;

	width: 20px;

	height: 27px;

	background-repeat: repeat-x;

	background-color: #fefefe;

}

.navileiste_2 {

	background-image: url(./img/bilder/page_nav5.png);

	background-repeat: repeat-x;

	height: 27px;

	text-align: center;

	vertical-align: top;

	color: #fefefe;

	overflow: hidden;

	font-size: 10px;

	line-height: 12px;

	text-decoration: none;

	font-weight: bold;

	background-color: #fefefe;

	padding-top:4px;

}
.navileiste_2c {

	background-image: url(./img/bilder/page_nav5.png);

	background-repeat: repeat-x;

	height: 27px;

	text-align: center;

	vertical-align: top;

	color: #9f7171;

	overflow: hidden;

	font-size: 9px;

	line-height: 12px;

	text-decoration: none;

	font-weight: bold;

	background-color: #fefefe;

	padding-top:4px;

}
.navileiste_2c a {

	color: #9f7171;

	padding: 2px;

	font-weight: bold;

}

.navileiste_3 {

	background-image: url(./img/bilder/page_nav3.png);

	vertical-align: middle;

	width: 20px;

	height: 27px;

	background-repeat: repeat-x;

	background-color: #fefefe;

}

.navileiste_2 a {

	color: #ffffff;

	padding: 2px;

	font-weight: bold;

}

.navileiste_2 a:hover {

	color: #ff6;

	padding: 2px;

	text-decoration: none;

	font-weight: bold;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #69c;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

  padding: 5px;

}



.infoBoxContents { background: # url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)'); font-family: Verdana, Arial, sans-serif; font-size: 10px; }



.infoBoxNotice {

	border: 3px solid #ff0000;

}



.infoBoxNoticeContents {

  background: #FF9933;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}
TD.infoBoxHeadingX { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; line-height: 12px; background-image: url(./img/bilder/top_nav_03a.png); text-align: center; height: 20px; }
TD.infoBoxHeadingX a{

	color: #ffffff;

}
TD.infoBoxHeadingX a:hover{

	color: #ff6;

}
TD.infoBoxHeadingX_1 {

	background-image: url(./img/bilder/top_nav_01a.png);

	height: 20px;

	width: 20px;

}
TD.infoBoxHeadingX_2 {

	background-image: url(./img/bilder/top_nav_05a.png);

	height: 20px;

	width: 20px;

}
TD.infoBoxHeading {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	font-weight: bold;

	background-image: url(./img/bilder/top_nav_03.png);

	height:20px;

	color: #ffffff;

	/*text-indent: 2px;*/

	line-height: 12px;

	text-align: center;

}
TD.infoBoxHeading a { color: #ffffff; }
TD.infoBoxHeading a:hover { color: #ff6; }
TD.infoBoxHeading_1 { background-image: url(./img/bilder/top_nav_01.png); width: 20px; height: 20px; }
TD.infoBoxHeading_2 { background-image: url(./img/bilder/top_nav_05.png); width: 20px; height: 20px; }
TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  border-right: #4px solid;

  background: #; 

  border-color: #;

}



TD.infoBox_right, SPAN.infoBox_right {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: # url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)'); 



}



.border{

	/*height: 380px;*/

	border: 1px solid #4F494B;

	margin-bottom: 5px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  text-align: justify;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #0094cc;

  font-weight: bold;

}



TABLE.formArea { background: #ff6; border: solid 1px #6fd05f; }



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #5f9dd0;

}



SPAN.productDiscountPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

  font-weight: bold;

}



.smallHeading {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: x-small;

	font-weight: bold;

	color: #4F494B;

}



.moduleRow { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 15px; border-bottom: 1px solid #e6e6e6; border-top-width: 0; border-right-width: 0; border-left-width: 0; }



.moduleRowOver { background-color: #ffe639; cursor: hand; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 15px; border-bottom: 1px solid #e6e6e6; border-top-width: 0; border-right-width: 0; border-left-width: 0; }



.moduleRowOver a:hover {

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	line-height: 15px;

	color: #ff3333;

}



a.moduleRow:active { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 15px; background-color: #ffe639; border-color: solid 0 #e; border-style: ;;border-width: ;;;}



.moduleRowActive a:hover {

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	line-height: 15px;

	color: #e6d9c1;

}



.moduleRowSelected { background-color: #fff78d; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }



/* sitewide font classes */

/* Note: heading<Number> equals <font size="Number"> */

.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }

.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }



/* Sitemap Tables */

.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; 

	background-color: #0094cc; 

	padding-top: 2px; padding-bottom: 2px;}

.sitemap_heading a {color:#FFFFFF;}

.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}



.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}

.sitemap_sub a {color:#000000;}

.sitemap_sub a:hover {color:#999999; text-decoration:none;}





/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #6FD05F; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #5facd0; font-weight: bold; }



.tableShop { background-color: #fefefe; }



.navLeft {

	vertical-align: top;

	width: 200px;

	/*background-image: url(./img/back.png);*/

	padding: 2px;

}

.navRight {

	vertical-align: top;

	width: 200px;

	padding: 2px;

}

.poweredby {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

  font-weight: bold;

}

.pageHeaderleft {

	background-image: url(./img/bilder/header.png);

	vertical-align: middle;

	height: 90px;

	width: 525px;

	background-position: left left;

	background-repeat: repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

}

.header {

	vertical-align: middle;

	background-image: url(./img/bilder/headerslice.png);

	height: 90px;

	background-repeat: repeat;

}

.pageHeaderright {

	background-image: url(./img/bilder/header_right.png);

	vertical-align: middle;

	height: 90px;

	background-position: right;

	text-align: right;

	background-repeat: no-repeat;

}



.contentsTopics { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; height: 16px; text-decoration: none; font-weight: bold; background-color: #ffe639; padding: 5px 5px 5px 10px; color: #4f494b; background-image: url(img/bg-cont.gif); background-repeat: repeat-x; border-color: #ffe639; border-width: 1px; }

.contentsTopics a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #4F494B;

}

.contentsTopics2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; height: 16px; text-decoration: none; background-color: #faf05a; font-weight: bold; padding: 5px 5px 5px 10px; color: #4f494b; background-image: url(img/contheader.gif); }

.contentsTopics2 a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #4F494B;

}
.contentsTopicso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; height: 16px; text-decoration: none; background-color: #ffe639; font-weight: bold; padding: 5px; color: #4f494b; visibility: hidden; border: solid 1px; }

.contentsTopicso a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4f494b; visibility: hidden; }


				/* Preisformatierung allgemein und bei Prozentualer Reduzierung */



.price {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 14px;

	font-weight: bold;

}



.boxprice {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 14px;

	font-weight: bold;

}



.productOldPrice {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 13px;

	text-decoration: line-through;

	font-weight: bold;

	text-transform: uppercase;

	text-indent: 5pt;

	font-style: italic;

	color: #ff0000;

}



.productNewPrice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; text-decoration: none; font-weight: bold; text-indent: 4pt; color: #000000; text-transform: uppercase; }



.productDiscount {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 12px;

	text-decoration: none;

	font-weight: normal;

	text-transform: uppercase;

	text-indent: 5pt;

	color: #ff0000;

}



.yourPrice {

	color: #ff0000;

	font-size: 12px;

}

.tableListingI {

	background-color:#ffe639;

}

.tableListingII {

	background-color:#ff3;

}

.tableListingIII {

	padding: 3px;

	background-color:#ff3;

}



.onepxwidth {

width: 1px;

}
#cb { border-color: red; outline: solid 1px #5b5b6c; }
#cd { border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right-color: red; }
/* BOXES */

.box_ol {

	background-image: url(./img/bilder/box_ol.jpg);

	width: 20px;

	height: 16px;

	line-height: 16px;

	background-repeat: no-repeat;			

}



.box_om {

	background-image: url(./img/bilder/box_om.jpg);

	width: 100%;

	height: 14px;

	line-height: 14px;

	background-repeat: repeat-x;

}



.box_or {

	background-image: url(./img/bilder/box_or.jpg);

	width: 21px;

	height: 16px;

	line-height: 16px;

	background-repeat: no-repeat;

}



.box_ml {

	background-image: url(./img/bilder/box_ml.jpg);

	width: 20px;

	height: 5px;

	line-height: 5px;

	background-repeat: repeat-y;

}



.box_mm {

	background-color: #FFFFFF;

}



.box_mr {

	background-image: url(./img/bilder/box_mr.jpg);

	width: 21px;

	height: 5px;

	line-height: 5px;

	background-repeat: repeat-y;

	background-position: left;

}



.box_ul {

	background-image: url(./img/bilder/box_ul.jpg);

	width: 20px;

	height: 18px;

	line-height: 18px;

	background-repeat: no-repeat;

}



.box_um {

	background-image: url(./img/bilder/box_um.jpg);

	width: 100%;

	height: 18px;

	line-height: 18px;

	background-repeat: repeat-x;

}



.box_ur {

	background-image: url(./img/bilder/box_ur.jpg);

	height: 18px;

	width: 21px;

	background-repeat: no-repeat;

}



.guthaben {

	background-color:#ff3;

	font-size: 10px;

	line-height: 12px;

	text-decoration: none;

	font-weight: normal;

	text-indent: 5pt;

	color: #ff0000;

}



.copyright {

	font-size: 10px;

	text-align: center;

	line-height: 12px;

	text-decoration: none;

	font-weight: normal;

	color: #ffffcd;

}
#start { padding-right: 2px; padding-left: 75px; }

.boxes { margin-bottom: 5px; }
.boxes_ol { line-height: 6px; background-image: url(./img/bilder/box_01.png); width: 2px; height: 6px; }
.boxes_om { line-height: 6px; background-image: url(./img/bilder/box_02.png); width: 214px; height: 6px; }
.boxes_or { line-height: 6px; background-image: url(./img/bilder/box_03.png); width: 2px; height: 6px; }
.boxes_ml { background-image: url(./img/bilder/box_04.png); background-repeat: repeat-y; width: 2px; }
.boxes_mm { background-image: url(./img/bilder/box_07.png); width: 214px; }
.boxes_mr { background-image: url(./img/bilder/box_06.png); background-repeat: repeat-y; width: 2px; }
.boxes_ul { line-height: 2; background-image: url(./img/bilder/box_08.png); width: 2px; height: 2px; }
.boxes_um { line-height: 2; background-image: url(./img/bilder/box_09.png); width: 214px; height: 2px; }
.boxes_ur { line-height: 2; background-image: url(./img/bilder/box_10.png); width: 2px; height: 2px; }
.infoBoxesHeading_1 { line-height: 26px; background-image: url(./img/bilder/box-i_01.png); width: 5px; height: 26px; }
.infoBoxesHeading_2 { color: #fefefe; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; background-image: url(./img/bilder/box-i_02.png); text-align: center; width: 204px; height: 26px; padding-bottom: 3px; }
.infoBoxesHeading_2 a { color: #fff; }
.infoBoxesHeading_2b { color: #fefefe; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; background-image: url(./img/bilder/box-i_02.png); text-align: center; width: 100%; height: 26px; padding-bottom: 3px; }
.infoBoxesHeading_2c { color: #e6e6e6; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; background-image: url(./img/bilder/box-i_02.png); text-align: center; width: 204px; height: 26px; padding-bottom: 3px; }
.infoBoxesHeading_2c a { color: #e6e6e6; }
.infoBoxesHeading_3 { line-height: 26px; background-image: url(./img/bilder/box-i_03.png); width: 5px; height: 26px; }
.boxesHeading { color: #fefefe; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center !important; }
#headerinfos { background-image: url(./Bilder/bgmitte.jpg) !important; background-repeat: repeat-x !important; background-position: 369px 164px; }
#n1 { background-image: url(http://www.piaggio-berlin.de/templates/motorroller-quad-service-neu/Bilder/bgmitte.jpg); background-repeat: repeat-x; background-position: left center; position: relative; top: 0; left: 0; }
#n2 { background-image: url(http://www.piaggio-berlin.de/templates/motorroller-quad-service-neu/Bilder/head_03k.jpg); background-repeat: repeat-x; background-position: left center; position: relative; top: 0; left: 0; }
#headinfos { text-align: right; width: 278px; padding-top: 2px; }
#headinfos a { color: white; font-size: 11px; font-weight: bold; }
.prodDesc { }
.prodImgMore { width: 50px; }
.prodImgMore img { width: 50px; height: 50px; overflow: hidden; visibility: visible; }
.descLong { font-size: 13px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; letter-spacing: normal !important; }
div.descLong-neu { width: 100%; height: 100%; min-width: 200px; min-height: 40px; max-width: 550px; max-height: 300px; overflow: auto; }
.catDesc { width: 200px; height: 4px; overflow: hidden; visibility: hidden; }