/* -----------------------------------------------------------------------------------------
   $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:#5A5A5A; margin:0; padding: 0; background: url(img/back.gif) repeat-x #F2F3EC; font: 12px verdana, arial;}

#popup {background: none;}
#popup table td {font: 12px verdana, arial; padding: 0 6px;}
#popup table td.contentsTopics {font: 24px verdana, arial;}

.parseTime {display: none;}

.clearer {clear: both;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.inhaltwrap {}
.inhalt {}

.badge {float: right; margin: 0 0 10px 25px; background: url(img/badge.gif) no-repeat #ededed; width: 210px; padding: 204px 10px 25px 10px}

/* HEADINGS */
h1 {color:#375DA1;font: bold 24px tahoma,verdana,arial,sans-serif; margin:20px 0px 15px 0px; padding:0px; border-bottom: 1px dotted #cdcdcd;}
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:#8D8A81; 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}

/* 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:#928B6B;}
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;}


/* 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 {color:#8D8A81; list-style-type:none; background-color:#fff; height:26px; 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;}



/* 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;}



/* CATEGORY MENU */
h2.categoryheader {background-image:url(img/category_header.gif); font-size:11px; color:#FFFFFF; padding:5px 0px 5px 8px; margin:0;vertical-align:middle;}
h2.categoryheader a {text-decoration:none; color:#fff}



ul#CatNavi {list-style: none; margin: 0; padding: 0;}
ul#CatNavi a {text-decoration: none;}


.CatLevel1 {padding: 11px 0 0 10px; background: url(img/back_level1.gif) no-repeat;}
.CatLevel1 a {font: bold 14px tahoma, verdana, arial; text-decoration:none; color:#efefef;}
.CatLevel1 a:hover {}

.CatLevel2 {padding:0 0px 4px 20px;}
.CatLevel2 a {font: bold 12px verdana, arial; text-decoration:none; color:#818181;}
.CatLevel2 a:hover {}

.CatLevel3 {padding:0 0 3px 30px;}
.CatLevel3 a {font: normal 12px verdana, arial; text-decoration:none; color:#818181;}
.CatLevel3 a:hover {}

.CatLevel1.SubMenue {height: 77px;margin-bottom: -45px;}
.CatLevel1.NoSubMenue {height: 40px;}
.CatLevel2.NoSubMenue {height: 20px;}


.SubMenue {}




.NoSubMenue a {}


.On a {}


.Off a {}

/*
ul#categorymenu {}

ul#categorymenu li.level1 {list-style-type:none; height: 77px; padding: 11px 0 0 10px; background: url(img/back_level1.gif) no-repeat;}
ul#categorymenu li.level1 a {font: bold 13px verdana, arial; text-decoration:none; color:#efefef;}

ul#categorymenu li.level2 {list-style-type:none; padding:13px 0px 4px 20px; margin-top: -10px;}
ul#categorymenu li.level2 a {font: bold 12px verdana, arial; text-decoration:none; color:#818181; }

ul#categorymenu li.level3 {list-style-type:none; padding:3px 0 3px 30px;}
ul#categorymenu li.level3 a {font: normal 11px verdana, arial; text-decoration:none; color:#818181; }
*/


/* BOXES GLOBAL DEFINITION */
h2.boxheader {background-image:url(img/bg_boxheader.gif); height: 20px; font-size: 12px; color:#efefef; padding:10px 0 0 10px; margin: 0; width: 186px;}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody {width: 176px; padding:10px; margin-bottom: 20px; background: url(img/bg_box.gif) no-repeat #EDEDED;}
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {}
.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; text-decoration: line-through;}
.boxbody div.hr {margin-top:5px; margin-bottom:5px}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a {font-size:11px; text-decoration: none;}
.boxbody .productboximage {}

.footermenu {margin-top:40px;}
.footermenu 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;*/}
.footermenu ul.contentlist li a { color:#666666; text-decoration: none; text-transform: uppercase; }
/*.footermenu ul.contentlist li:first-child { background: none;}*/



/* 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: 0px; width: 250px; margin: 20px 15px;}
.productPreview {padding:0; margin:0;}
.productPreviewContent {width: 304px; padding: 8px; background-color: #EDEDED;}
.productPreviewContent h2 {padding-left: 2px; margin:0 0 15px 0; font-size: 15px; color: #375DA1; width: 250px;}
.productPreviewContent h2 a, .productPreviewContent h2 a:link, .productPreviewContent h2 a:hover, .productPreviewContent h2 a:visited {font-size:15px; font-weight:bold; color: #375DA1; text-decoration:none}
.productPreviewImage {float: left; padding: 5px 0 0 18px; width: 160px;}
.productPreviewImage img {margin: 0 0 0 0;}
.productPreviewContent .price{color:#575547; font-size:16px; font-weight:bold; padding:0; margin: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 {display:table; width:100%}
#productinfoimages {float: left; width:280px; padding-top: 5px; }

#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; clear: left;}
#productinfoprice h2 {font: 16px verdana, arial; margin-top: 20px;}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}

#productinfoprice .productdescription {font-size:11px; font-weight:normal; color:#999999;}
#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, .productsquantity {padding:6px;}
.addtobasket {padding:6px; }
.infodescr {padding: 8px; background-color: #EDEDED; margin-top: 20px;}

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

/* # (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:#928B6B; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#928B6B; 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:#928B6B; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#928B6B; 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 #928B6B 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:#928B6B;}
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 #928B6B 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 #928B6B 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:#928B6B;}

/* 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:#928B6B;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#928B6B; 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}


/* 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;}









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


        neue styles

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



#wrap {width: 980px; margin: 0 auto;}

#head {height: 281px; background: url(img/headerpic.jpg)}

#logo {width: 112px; height: 69px; padding: 15px 0 0 30px;}
#logo a {display: block; width: 112px; height: 69px; text-indent: -3000px;}

#ppvisamaster {width: 195px; height: 31px; background: url(img/ppvisamaster.gif) 18px 0px no-repeat; padding-bottom: 8px;}


/* headmenu AS LIST */

#headmenu { width: 352px; height: 50px; float: right; padding: 15px 28px 0 0;}

#headmenu ul {list-style:none;}
#headmenu ul li {height:36px; float:left; margin:0; padding: 0 14px; }
#headmenu  ul li a {color:#0300A7; text-decoration: none; font: bold 13px verdana, arial;}
#headmenu ul li a:hover {color:#4C4C4C;}

#warenkorb {text-align: center;}

#loginfields {float: right; height: 34px; padding: 10px 15px 0 0}

.logintable {padding: 0; margin: 0; height: 30px; font-size: 11px;}
.logintable td {}
.loginemail {width: 80px; margin-right: 5px;}
.loginpass {width: 80px}


#search {height: 38px; background: url(img/back_headline.gif); padding: 6px 0 0 15px}
#search a {text-decoration: none; font-weight: bold; padding-left: 15px;}

#content {padding: 22px 15px 20px 15px; background: url(img/back_content.gif) repeat-y;}

.productprice {font-size:12px; font-weight:bold;}

.warnung {color: red;}
.kurisv {font-style: italic;}
.wichtig {font-weight: bold;}

.dsgfeld {width: 500px; margin-top: 20px;}

#pictable, #choosetable {border-collapse: collapse;}

#pictable td, #choosetable td {padding-left: 5px;}

#left-col {float: left; width: 196px;}

#right-col {float: right;  width: 198px;}

#main {margin: 0 196px; padding: 0 30px 0 25px; line-height: 18px;}
#main ul {margin: 10px; padding-left: 25px;}

#footermenu {margin: 0 auto; width: 950px; text-align:center; }

#footer {color: #666666; font: 10px verdana, arial; height: 60px; background: url(img/back_footer.gif) repeat-y; padding: 22px}

#footer-logo {background: url(img/footer_logo.gif) no-repeat; width: 77px; height: 55px;}
#footer-bottom {height: 11px; background: url(img/back_footer_bottom.gif) no-repeat;}
#footer a {text-decoration: none; font: 10px verdana,arial; color: #666666;}

#footer .rappid {float: right;}