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

   Stylsheet
   http://www.das-netz-werk.de

   Copyright (c) 2006 DNW DAS NETZ WERK GmbH
   -----------------------------------------------------------------------------------------
   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
   (c) 2004      XT-Commerce (stylesheet.css, 2005/09/30); www.xt-commerce.com    
   
   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/
html { width: 100%; height: 100% }
* { margin: 0; padding: 0 }
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: white url(img/bg_body.gif) top left repeat-y }
h1 { font-size: 90%; font-weight: bold; color: #C82C2D; margin: 20px 0 20px 10px; padding: 10px 0 0 0; text-transform: uppercase }
h2 { font-size: 80%; font-weight: bold; color: black; margin: 15px 0 15px 10px }
h3 { font-size: 75%; font-weight: bold; color: black; margin: 10px 0 10px 10px }
p { color: black; font-size: 75%; line-height: 120%; margin: 0 0 0 10px }
fieldset { border: none; margin: 5px 0 }
legend { padding: 0 0 0 10px; margin: 0 0 5px 0; font-size: 75% }
table { font-size: 75% }
ul, ol { margin: 0 0 0 10px; font-size: 75% }
a:link, a:visited { color: #C82C2D; text-decoration: none }
a:hover, a:active { color: black; text-decoration: none }
img { border:0 }
checkbox, select { border: 1px solid #A3A2A1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
input { border: 1px solid #A3A2A1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; max-width: 200px }
textarea { border: 1px solid #A3A2A1; width: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
radio {  }

#siteheader { position: fixed; top: 0; left: 0; background: white url(img/header.jpg) repeat-x top left; width: 100%; height: 229px }
#breadcrumb { display: none }

#menu_top { position: fixed; top: 0; left: 0; text-align: right; color: #A3A2A1; width: 960px; height: 69px }
#boxinformation { margin: 30px 0 0 0; }
#boxinformation li { margin: 0; padding: 30px 0 25px 0 }
#boxinformation a:link, #boxinformation a:visited { color: #A3A2A1; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 100%; min-width: 167px; height: 39px }
#boxinformation a:hover, #boxinformation a:active { color: #C82C2D; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 100%; min-width: 167px; height: 39px }

#menu_left { float: left; background: transparent; margin: 0; padding: 0 0 0 10px; width: 311px }
#menu_left h2 { color: black; font-weight: bold; font-size: 80%; margin: 0; text-transform: uppercase }
#menu_left div { margin: 10px 0 0 0; width: 145px; max-width: 145px }
#menu_left p { font-size: 70%; margin: 0 }
#menu_left ul { list-style-type: none }
#menu_left a:link, #menu_left a:visited { color: #C82C2D; text-decoration: none }
#menu_left a:hover, #menu_left a:active { color: black; text-decoration: underline }

#content { margin: 252px 10px 10px 320px; width: 642px; min-height: 360px }
#content ul, #content ol { margin: 0 0 0 30px }
#content p { line-height: 150%; margin: 0 0 10px 10px }
#content a:link, #content a:visited { color: #C82C2D; text-decoration: underline }
#content a:hover, #content a:active { color: #C82C2D; text-decoration: none }
#content fieldset p { clear: all; min-height: 24px }
#content fieldset p.seccode { vertical-align: top; margin: 0 0 2px 0; height: 55px }
#content fieldset p.labelright, #content fieldset p.labelright_checkin, #content fieldset p.labelright_checkout { clear: all; padding: 0 0 0 11em; min-height: 20px }
#content fieldset p.labelright_checkin { min-height: 100px }
#content fieldset p.labelright_checkout { min-height: 35px }
#content fieldset p.labelright label, #content fieldset p.labelright_checkin label, #content fieldset p.labelright_checkout label { margin: -15px 0 0 20px; vertical-align: top; text-align: left; width: 300px !important }
#content fieldset p.textarea { text-align: left; vertical-align: top; height: 225px }
.textarea textarea { width: 300px }
#content label { vertical-align: top; text-align: right; float: left; margin: 2px; line-height: 120%; padding: 0px 2px; width: 12em }
#content .bg_shophome { float: left; margin: -50px 0 0 1px; width: 50% }
#conten .pic_home { float: right; width: 49% }

#extra1 { z-index: 8; position: fixed; top: 253px; left: 160px; background: url(img/flag_taoh.gif) 0 0 no-repeat; width: 160px; height: 390px }
#extra2 { z-index: 5; position: fixed; top: 0; left: 160px; background: url(img/claim.gif) top left no-repeat; width: 161px; height: 69px }
#new_article { z-index: 10; position: fixed; top: 1px; left: 68px }

#productoverview { color: #414D4E }
#productoverview h1, #productoverview h2 { display: none }
#productoverview h3 { color: #8B9394; font-weight: bold; font-size: 100%; margin: 10px 0 0 0 }
#productoverview thead { display: none }
#productoverview td { font-size: 100%; vertical-align: top; text-align: left }
#productoverview td p { font-size: 90%; margin: 2px 0 }
#productoverview a:link h3, #productoverview a:visited h3 { color: #C82C2D; text-decoration: underline }
#productoverview a:hover h3, #productoverview a:active h3 { color: #C82C2D; text-decoration: none }

.manufac_dropdown_prodlist, .manufac_dropdown_prodlist select { display: none }

.productimage { width: 170px; height: 150px }
.productdescription { max-height: 150px }
.productorder { vertical-align: bottom; text-align: right; width: 150px }

#productdetails { margin: 0; padding: 10px 0 0 0 }
#productdetails h1 { font-size: 90%; margin: 15px 0 15px 10px }
#productdetails p { line-height: 150%; margin: 15px 0 0 10px }
.buy_options { text-transform: uppercase; text-align: right }
.proddetailsimage { float: left; margin: 0 10px 0 0; width: 320px; min-height: 320px }
.proddescription p { margin: 0 0 5px 10px !important }
.productnavigation { clear: left; margin: 0; padding: 0 }
.productnavigation table { table-layout: fixed; margin: 10px 0 0 10px; width: 100% }
.productnavigation table td { text-align: left; width: 15% }
.nav_total { width: 170px !important }

#orderdetails { width: 100% }
#orderdetails table { font-size: 120% }
#orderdetails th { border-bottom: 1px solid #8B9394 }
#orderdetails tbody td, .order_info td { border-bottom: 1px solid #8B9394; vertical-align: top }
.order_quantity { text-align: center }
.order_prodinfo { font-size: 120% }
.order_price_single, .order_price { text-align: right; padding: 0 5px; width: 100px }
.order_del { background: #F5F5F5; text-align: center; width: 70px }
.order_procedure { clear: all; margin: 20px 0 0 0; border: none; width: 100% }
.order_short_overview, .order_info { margin: 0 0 0 10px; width: 100% }
.order_short_overview th, .order_info th, .order_history th { border-bottom: 1px solid #8B9394; background: #F5F5F5 }
.order_short_overview td { text-align: center }
.order_info tfoot td { text-align: right; border: none }

.order_history { margin: 0 0 0 10px; vertical-align: top; width: 100% }
.order_history th { text-align: left }
.order_history td { vertical-align: top; border-bottom: 1px solid #cccccc }
.oder_his_date { width: 120px }
.oder_his_status { width: 120px }

.confirm_prod { margin: 0 0 0 10px }
.confirm_prod th { background: #f5f5f5; border-bottom: 1px solid #cccccc }
.conf_article { border-bottom: 1px solid #cccccc }
.conf_price { width: 90px; text-align: right; vertical-align: top; border-bottom: 1px solid #cccccc }
.conf_edit, .artist { font-style: italic }

#popup_help { background: white; padding: 20px 0 30px 0; margin: 0 }
#popup_help h1 { margin: 0 0 20px 10px }

#popup_prod_print { background: white; padding: 0; margin: 100px 50px 50px 60px }
#popup_prod_print h1 { margin: 0 0 20px 10px; font-size: 85% }
#popup_prod_print .proddetailsimage { width: 270px; height: 310px }
#popup_prod_print a:link, #popup_prod_print a:visited { color: #C82C2D; text-decoration: underline }
#popup_prod_print a:hover, #popup_prod_print a:active { color: #C82C2D; text-decoration: none }
#popup_prod_print .prod_print_image_bg { z-index: 2 }
#popup_prod_print .prod_print_image { position: absolute; top: 129px; left: 118px; z-index: 5; border: 1px solid black }

@media print {
#popup_prod_print { background: white; padding: 0; margin: 200px 50px 50px 60px }
#popup_prod_print .prod_print_image { position: absolute; top: 229px; left: 118px; z-index: 5; border: 1px solid black }
}

#popup { background: white; padding: 0; margin: 10px }
#popup h1 { margin: 0 0 20px 0; font-size: 85% }
#popup p { color: black; font-size: 75%; line-height: 120%; margin: 0 0 10px 0 }
#popup .infomessage { margin: 0 0 10px 0; font-weight: bold; color: #C82C2D }

#popup_image { background: white; margin: 10px; padding: 0 }
#popup_image h2 { margin: 5px 0 15px 0 }

.order_print, .order_print_prod { font: 75% Verdana, Arial, Helvetica, sans-serif; width: 100% }
.order_print th, .order_print_prod th { background: #f5f5f5; padding: 2px; border-bottom: 1px solid #cccccc }
.order_print_prod tbody td { border-bottom: 1px solid #cccccc; vertical-align: top }
.order_print tfoot td, .order_print_prod tfoot td { text-align: right; border: none }
.footer { margin: 30px 0 0 0; text-align: justify; text-transform: uppercase; font-size: 60%; width: 100% }

/* box */
#boxadmin {  }
#boxcart {  }
#boxcart h2 a { margin: 5px 0 0 0 }
#boxcart td p { font-size: 75% }
#boxcartempty {  }
#boxcartempty img { margin: 0 0 -5px 0 }

#boxcategory {  }
#boxcategory ul { margin: 0 }
#boxcategory .catlevel0 { margin: 5px 0 0 0 }
#boxcategory .catlevel0 a:link, #boxcategory .catlevel0 a:visited { color: #C82C2D; text-decoration: underline; display: block }
#boxcategory .catlevel0 a:hover, #boxcategory .catlevel0 a:active { color: black; text-decoration: underline; display: block }
#boxcategory .catlevel1 { margin: 2px 0 0 4px }
#boxcategory .catlevel1 a:link, #boxcategory .catlevel1 a:visited { font-size: 120%; color: black; text-decoration: none; display: block }
#boxcategory .catlevel1 a:hover, #boxcategory .catlevel1 a:active { font-size: 120%; color: #C82C2D; text-decoration: underline; display: block }

#info_content { z-index: 15; position: fixed; top: 159px; left: 0; background: #A3A2A1 url(img/bg_menu_top.gif) top left no-repeat; color: white; margin: 70px 0 0 0; padding: 5px 0 0 10px; width: 100%; height: 18px }
#info_content a:link, #info_content a:visited { color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 80% }
#info_content a:hover, #info_content a:active { color: #C82C2D; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 80% }

#boxcontent li, #boxinformation li { display: inline; margin: 0 20px 0 0 }
#boxcontent h2 { display: none }
#boxcontent a:link, #boxcontent a:visited { color: #F5F5F5; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 100% }
#boxcontent a:hover, #boxcontent a:active { color: #cccccc; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 100% }

#boxlogin {  }

#boxsearch {  }
#boxsearch h2 { color: #C82C2D }
#boxsearch input, #boxlogin input { border: none; border-top: 1px solid #A3A2A1; border-left: 1px solid #A3A2A1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

#boxsearch p, #boxlogin p, #boxcartempty p { font-style: italic }

#box {  }
#boxaddquick {  }
#boxbestseller {  }
#boxcurrencies {  }
#boxlanguage {  }
#boxlastviewed {  }
#boxmanufacturers {  }
#boxmanufactinfo {  }
#boxnewsletter {  }
#boxorderhistory {  }
#boxreviews {  }
#boxspecials {  }
#boxwhatsnew {  }

.catoverview { margin: 0 0 0 1px; padding: 0 }
.catimage { margin: 0 0 0 3px; padding: 0; min-height: 320px }
.catimage img { float: left; margin: 0 0 20px 0; width: 300px; height: 300px }
.catimage p {  }
.categories { float: left; margin: 0; padding: 0; font-size: 110%; width: 100px /*width: 160px*/ }
.categories p { margin: 5px; text-align: center }
.categories img { width: 160px; height: 160px; display: none }

.message { margin: 0 0 0 10px }
.error { background: #C82C2D; padding: 0 0 0 2px; font-weight: bold; color: white }
.warning { background: #F5F5F5; padding: 0 0 0 2px; font-weight: bold; border-bottom: 1px solid #c8scsd }
.success { background: #F5F5F5; padding: 0 0 0 2px; font-weight: bold }
.infomessage { margin: 0 0 10px 10px; font-weight: bold; color: #C82C2D }
.help {  }

.modules { margin: 0 0 0 10px }
.module_address { margin: 0 0 0 10px; width: 100% }
.modules th { text-align: left }
.selected { background: #F5F5F5; margin: 0 0 5px 0; border-bottom: 1px solid #cccccc }
.module { margin: 0 0 5px 0; border-bottom: 1px solid #cccccc }
.mod_price { width: 90px; text-align: right; font-weight: bold; vertical-align: top }

.navbar_left { float: left; font-size: 75%; margin: 10px 0 0 10px; width: 330px }
.navbar_right { float: right; font-size: 75%; text-align: right; margin: 10px 0 0 0; width: 250px }

.border_none input { border: none }
.back { float: left; width: 100px }
.continue { float: right; text-align: right; width: 200px }
.back input, .continue input, .continue form input { border: none }
.buttonsubmit { border: none !important; margin: 0 0 -5px 0 }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #C82C2D }

.return { clear: right }
.center { text-align: center; width: 100% }

.greetUser { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #C82C2D; font-weight: bold }

.copyright { color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; line-height: 1.5; text-align: center; clear: both }
.copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active { color: #cccccc; text-decoration: none }

.parseTime { display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5; text-align:center; margin: 0px }

.pageResults a:link, .pageResults a:visited { color: #0000FF; text-decoration: underline }
.pageResults a:hover, .pageResults a:active { color: #0000FF; text-decoration: none }

.checkout { clear: both; margin: 20px 0 0 10px }
.checkout img { float: left }
.checkout_current { float: left; height: 20px }
.checkout_step { float: left; color: #a3a2a1; padding: 0 10px; height: 20px }

.markProductOutOfStock { color: #C82C2D }