/* -----------------------------------------------------------------------------------------
   $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
   -----------------------------------------------------------------------------------------

   Recreation Lounge Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Fürst
       bluegate communications
           http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {color:#8D8A81; font: 12px Arial,Verdana,Sans-serif; margin:0; padding:0;background-color:#FFFFFF;}

.parseTime {display: none;}

.clearer {clear: both;}

/* HEADINGS */
h1 {color:#8D8A81;font: bold 13px arial,verdana,sans-serif; margin:20px 0px 15px 0px; padding:0px;}
h2 {color:#6C6A5E; font-weight:bold;font-size:14px;margin:15px 0px 8px 0px;padding:0px;}

#main-content h1 {margin: 0;}
/* LINKS GLOBAL */
a{color:#7EA6CE; background:transparent; cursor:pointer}

a img {border:none}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {font-family:Arial,Verdana,Sans-serif; font-size:12px; padding:2px}
textarea {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}
select {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE;}

.productoptions select {width: 45px;}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {padding:0; margin:0; height:1px; overflow:hidden; line-height:1px; border-width:1px 0px 0px 0px; border-style:solid; border-color:#0160b0;}
div.hrlightgrey {padding:0; height:1px; overflow:hidden; margin:0; line-height:0px; background-color:#AEA992}
div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(img/hr_productpreview.gif)}

/* TABLE GLOBAL */
table td {padding:2px;}

/* WHOLE SITE WRAPPER */
#wrap {margin: 0 auto; width:950px; border-style:solid; border-color:#fff; border-width:0px 10px 0px 10px;}

#description {float: left; width: 240px; border-right: 1px solid #cdcdcd; margin: 28px 0 25px 0; padding: 0 20px 0 0}

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {height:90px; border-bottom: 1px solid #fff;}
#header        #logo {padding:10px 0px 0px 0px; float:left}
#header #search {position: relative; height:90px; float:right; color:#6B6857; padding:0; white-space:nowrap; width: 340px;}
#header #search table.tablesearch {position:absolute; bottom:0; right:0; background: #B3BFCC; padding:0; margin:0;}
#header #search a {color:#6B6857; font-size:11px;}
#header #search table.tablesearch tr td {padding:0px 5px 0px 0px; white-space:nowrap}


/* BREADCRUMB PATH AS LIST */
#breadcrumb {clear:both; color:#8D8A81; padding:0px 0px 0px 15px; list-style-type:none; background-color:#fff; height:26px; background-image:url(img/bg_breadcrumb.gif); background-repeat:no-repeat; font-size:11px; margin-bottom:15px;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {line-height:26px; text-decoration:none; font-weight:normal; cursor:pointer;color:#8D8A81; margin:0; padding:0;}

/* TOPMENU AS LIST */
#topmenuwrap {}
#topmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; }
#topmenu li {height:36px; float:left; padding: 0 3px; margin:0; }
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {vertical-align:middle; text-decoration:none; cursor:pointer;color:#fff; margin:0; padding:0;}
#topmenu a:hover {color:#DEDCCE;}

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {text-align:right; height:26px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x; padding: 5px 5px 5px 0px; margin:0;}

/* CONTENT WRAPPER */
#contentwrap {clear:both;width:950px;padding:0;}

/* LEFT COLUMN */
#leftcol {float:left; width:200px; padding:0px 0px 15px 0px;}

/* RIGHT COLUMN */
#rightcol {float:right; width:200px; padding:0px 0px 15px 0px;}
#flashani1 {margin-bottom: 15px;}
#flashani2 {margin-bottom: 15px;}


/* MAIN CONTENT */
#content {float:left; width:495px; padding:0px 25px 0px 25px; margin-bottom:15px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}

/* CATEGORY MENU */
#mainmenu {height: 300px;}

#categorymenu  {text-align: left; width: 272px;}
/* 1st TIER */
#categorymenu ul.maincat {list-style-type:none; margin: 0;}
#categorymenu ul.maincat li.level1 {display: inline; padding:3px 5px 3px 5px;}
#categorymenu ul.maincat li.level1 a {text-transform: uppercase; font: bold 12px arial, verdana; height: 20px; text-decoration:none; color:#fff; padding: 0 2px 0 3px;}
 li.level1 a:hover {}
 li.level1 a.active {}
/* 2nd TIER */

#submenu {width: 272px; padding: 8px 0 0 3px;}
#submenu ul {list-style-type: none; margin: 0; }
#submenu ul li.level2 {padding:3px 23px 0 6px; line-height: 20px;}
#submenu ul li.level2 a { font: bold 12px arial, verdana; text-decoration:none; color:#EBE9E0;}
#submenu ul li.level2 a:hover {color:#fff;}
#submenu ul li.level2 a.active {color:#fff;}

/* 3nd TIER */

li.level3 {padding:3px 23px 0 16px;}
li.level3 a { font: bold 11px arial, verdana; text-decoration:none; color:#EBE9E0;}
li.level3 a:hover {color:#fff;}
li.level3 a.active {color:#fff;}

/* BOXES GLOBAL DEFINITION */
h2.boxheader {background-image:url(img/bg_boxheader.gif);height:25px;font-size:11px; color:#FFFFFF; padding:0px 8px 0px 8px; margin:0; line-height:25px; vertical-align:middle;}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody {padding:0; margin:0;}
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {color:#504F43; font-size:11px; margin:6px 0px 6px 0px}
.boxbody p.center {color:#504F43; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody td {color:#504F43; font-size:11px; margin:6px 0px 6px 0px}
.boxbody .productOldPrice {font-size:11px; color:#FF0000}
.boxbody div.hr {margin-top:5px; margin-bottom:5px}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a {font-size:11px;}
.boxbody .productboximage {border: solid 1px #999999;}
.boxbody ul.contentlist li {color:#666666; font-size:11px; display: inline; padding: 0 0 0 3px; margin-right: 3px; list-style-type:none;  /*background: url(img/arrow1.gif) no-repeat;*/}
/*.boxbody ul.contentlist li:first-child { background: none;}*/


.boxbody ul.contentlist li a {color:#666666; text-decoration: none;}

#startfooter {margin: 0 auto; width: 930px; text-align: center;}
#startfooter ul.contentlist {width: 930px; margin: 0 auto; text-align: center;}
#startfooter ul.contentlist li {display: inline;}
#startfooter ul.contentlist li a {color:#666666; text-decoration: none;}
#startfooter .boxbody {background-color: #fff; margin: 0;}

/* CART BOX */
h2.boxcartheader {background-image:url(img/cartBoxHeader.gif);height:25px;font-size:11px; color:#FFFFFF; padding:0px 8px 0px 8px; margin:0; line-height:25px; vertical-align:middle;}
h2.boxcartheader a {text-decoration:none; color:#fff}
.boxcartbody {padding:4px 8px 4px 8px; margin-bottom:15px; background-color:#B3BFCC;}
.boxcartbody p {font-size:11px;}

/* PRODUCT PREVIEW */

.previewwrap {float: left; padding:  20px 15px 20px 5px; width: 260px; margin:0;}
.productPreview {padding:0; margin:0;}
.productPreviewContent {margin-left: 150px;}
.productPreviewContent h2 {margin:0px 0px 10px 0px; font-size: 12px;}
.productPreviewContent h3 {margin:0px 0px 10px 0px; font-size: 11px; color: #004291; font-weight: normal;}
.productPreviewContent h2 a, .productPreviewContent h2 a:link, .productPreviewContent h2 a:hover, .productPreviewContent h2 a:visited {font-size:13px; font-weight:bold; color:#575547; text-decoration:none}
.productPreviewImage {float: left; padding: 0;}
.productPreviewImage img {}
.productPreviewContent .price{color:#7EA6CE; font-size:16px; font-weight:bold; padding:0; margin: 15px 0 0 0}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;}

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {width: 280px; margin-left: 260px; padding: 0 0 0 20px}
#productinfoimages {width:260px; margin: 0 0 0 45px;}

#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:180px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px; width: 200px;}


#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin: 10px  0 0 0; padding:0; font-size:16px; font-weight:bold; color:#7EA6CE;}
#productinfoprice .productdescription {font-size:11px; font-weight:normal; color:#999999;}

#description h2 {margin:0px 0px 10px 0px; font-size: 16px;}
#description h3 {margin:0px 0px 10px 0px; font-size: 12px; color: #004291; font-weight: normal;}

#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
p.productinfoproductadded {font-size:11px;}
.productoptions {float: left;}

.addtobasket {margin: 10px 0 0 0;}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#CFDCEA; border: solid #ABA99E 1px}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#817958; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px}

/* PAYMENT TYPE SELECTION */
table.paymentblock {background-color:#CFDCEA; border-style: solid; border-width:0px 1px 1px 1px; border-color:#0160b0; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#0160b0; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#CFDCEA; border-style: solid; border-width:0px 1px 1px 1px; border-color:#0160b0; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#0160b0; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}
table.shippingblock tr td {vertical-align:top; padding:4px}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {width:130px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#F2F0EB; border: solid #0160b0 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#0160b0;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#B6AF91; background-image:url(img/orderdetails_header.gif); background-repeat:repeat-x; color:#FFFFFF; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#CFDCEA;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #0160b0 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#F2F0EB;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #0160b0 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#B3BFCC; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#0160b0;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#EDEDED; padding:8px; border:#999999 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#0160b0;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#0160b0; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#CFDCEA;}
table.reviewlist tr.contentrow2 td {background-color:#F2F0EB;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist {background-color:#E6E2CF}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#E6E2CF;}
table.medialist tr.contentrow2 td {background-color:#EEEAD9;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#DA9401; color:#FFFFFF; font-weight:bold}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none}
.sitemapcontent {padding:6px}
.sitemapcontent li {list-style-type:none}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name {text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* ERROR MESSAGES */
p.errormessage {border: solid #990000 2px; padding:15px; background-color:#CFDCEA; color:#990000}

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#66FF66}

/* FOOTER */
#footer {text-align:center; font-size:11px; background: url(img/back_footer.jpg) repeat-x; padding-top: 10px; width: 924px; margin: 0 auto;}

/* XTC COPYRIGHT */
.copyright {margin: 0 auto; width:930px; text-align:center; color:#cdcdcd; font-size:11px; padding: 5px 0px 10px 0px;}

.copyright a {color:#cdcdcd; text-decoration: none;}











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

additonal css


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


:focus
{
-moz-outline-style: none;
}


#wrap {margin: 0 auto; width: 930px; background: url(img/back_content_s.gif) repeat-y;}
#wrapwrap {background: url(img/back_content.jpg) bottom left no-repeat; width: 930px;}
#headbox {height: 200px; width: 200px; float: right; background: url(img/sh_headbox.gif) no-repeat; padding: 8px 5px 30px 0;
margin-right: -28px;}

*html #headbox {margin-right: -15px;}

#miniprods {margin-top: 30px; background: url(img/back_bottom_sh.gif) bottom left no-repeat; padding: 0 0 25px 8px; }

#miniprods img {margin: 0 7px;}
#leiste {float: left; width: 277px; padding: 0 15px 50px 10px;}


#logo {height: 147px; width: 200px; margin: 20px 0 150px 8px; background: url(img/logo_bonn.gif) no-repeat;}

#anmelden {background: url(img/icn_log.gif) 17px 3px no-repeat; padding-left: 42px;}
#warenkorb {margin-top: 15px; padding-left: 12px;}

#rightside {margin-left: 307px; background: url(img/back_content_bottom.gif) bottom left repeat-x; border-right: 1px solid #e0e0e0; padding: 0 25px 50px 25px; min-height: 740px;}
*html #rightside  {height: 740px;}

#rightside h1 {padding: 78px 0 70px 0; margin:0; font-size: 16px;}


.flleft {float: left;}
.flright {float: right;}

.searchfield {width: 200px;}

.subpicname {font-style: italic; width: 200px; text-align: center; margin-left: 30px;}

.cross {background: url(img/cross.gif) -20px 25px no-repeat; height: 300px;}
*html #previewcont {background: none;}

*:first-child+html #previewcont{
 /* CSS-Hack für IE7 */
 background: none;
}

#startpic {height: 650px; margin: 0 auto; width: 930px; background: url(img/startbild.jpg) no-repeat;}

#startpic a {display: block; width: 930px; height: 650px; text-indent: -3000px;}



/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */