/*****************************************
 * TEMPLATE CSS FILE
 * ---------------------------------------
 * Copyright (C) 2008 All Rights Reserved.
 *
 * Author: Truestyles OHG
 * Website:  www.truestyles.de
******************************************/
form { margin: 0; }

html,body { height:100.01%; border-style: none; }
img { border-width: 0; }
h1 { font-size: 115%; }
/* FireFox ohne Bildlinkränder */
img a:active,a:focus { outline: none; }
textarea { width: 90%; }
label { font-weight: bold; vertical-align: middle; width: 30%; float: left; }

/* das floating der labels mittels 'br' in Formularen aufheben */
form br { clear: left; }

/** BODY  ---------------------------------------------**/
body { font: 85% arial, hevetica, sans-serif; background-color: #666; background-image: url(img/sitebg); margin: 0; border-style: none; border-width: 0; outline-style: none; }
a { color: #666; text-decoration: none; }
a:hover { color: #900; border: 0; }

/** BASIS LAYOUT  ----(inkl-IE-PNG-fix)----------------**!!site width setting here!!**------------------------------------------------------->>**/
#layout { background-image: url(img/laybg.jpg); width: 90%; height: auto; min-width: 770px; max-width: 1500px; margin: auto; border-right: 2px solid #000; border-bottom: 1px solid #000; border-left: 2px solid #000; list-style-position: inside; }
#headline { color: #333; font-size: 85%; background-color: #000; background-image: url(img/bottombg.jpg); background-position: 0 bottom; width: 97%; height: auto; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
#banner { background-color: #333; background-image: url(img/bottombg.jpg); width: 97%; height: 216px; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; }
#navitop { background-image: url(img/topmenubg.jpg); background-repeat: repeat-x; background-position: 0 top; width: 97%; height: auto; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
#info { width: 100%; height: 20px; margin: auto; border-top: 1px solid #666; list-style-position: inside; }
#centrum { background-color: #333; width: 97%; height: auto; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
.centrumend { background-color: #ccc; width: 100%; height: 50px; }
#end { width: 97%; clear: both; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
#bottombox { background-color: #222; background-image: url(img/bottombg.jpg); vertical-align: bottom; width: 97%; height: auto; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
#footer { font-size: 90%; background-color: #333; width: 97%; height: auto; clear: both; margin: auto; border-right: 2px solid #666; border-left: 2px solid #666; list-style-position: inside; }
#ifbanner { text-align: center; width: 400px; height: auto; margin: auto; list-style-position: inside; }

.copyright { color: #999; font-size: 70%; text-align: right; width: 90%; margin: auto; }

/**-**!!minimum width setting here!!**-->>**/
.minwith { width: 100%; border-right-width: 800px; list-style-position: inside; }


/** HEADLINE DETAIL  ---------------------------------------------**/
#headline-l { color: #900; width: 70%; height: auto; float: left; padding-left: 7px; list-style-position: inside; }
#headline-r { color: #666; text-align: right; width: 25%; height: auto; float: right; list-style-position: inside; }

/** BANNER DETAIL  ---------------------------------------------**/
#banner-1 { background-image: url(img/banner-a.jpg); background-repeat: no-repeat; background-position: left top; width: 88%; height: 216px; float: left; }
#banner-2 { background-image: url(img/logo.jpg); background-repeat: no-repeat; background-position: center; width: 22%; height: 216px; float: left; }
#custom { text-align: right; width: 11%; height: auto; float: right; display: block; }

/** NAVITOP DETAIL  ---------------------------------------------**/
#navitop-l { width: auto; height: auto; float: left; list-style-position: inside; }
#navitop-r { width: auto; height: auto; float: left; list-style-position: inside; }
#navitop-l a { color: #900; width: auto; float: left; padding: 5px 10px; border-right: 1px solid #000; display: block; }
#navitop-l a:hover { color: #999; background-image: url(img/topmenubg1.jpg); background-repeat: repeat-x; background-position: 0 top; height: auto; }
#navitop-r a { color: #900; width: auto; height: auto; float: left; padding: 5px 10px; border-right: 1px solid #000; display: block; }
#navitop-r a:hover { color: #999; background-image: url(img/topmenubg1.jpg); background-repeat: repeat-x; background-position: 0 top; height: auto; }

/** INFO DETAIL  ---------------------------------------------**/
#bread { color: #666; font-size: 85%; width: 100%; height: auto; list-style-position: inside; }
#bread a, #bread a:link, #bread a:visited { color: #666; width: 100%; height: auto; list-style-position: inside; }
#bread a:hover { color: #999; width: 100%; height: auto; list-style-position: inside; }
/** CENTRUM DETAIL  ---------------------------------------------**/
#left { background-color: #ccc; width: 19%; height: auto; overflow: auto; float: left; margin-bottom: 50px; display: block; }
#right { background-color: #fff; width: 80%; height: auto; float: right; border-left: 1px solid #000; display: inline; }
#tools { background-color: #ccc; background-image: url(img/citysmall.jpg); background-repeat: no-repeat; background-position: right bottom; width: 100%; height: auto; list-style-position: inside; }
#tools-l { width: 50%; height: auto; float: left; margin: 0 0 0 -1px; list-style-position: inside; }
#tools-r { width: 50%; height: auto; float: left; margin: 0; list-style-position: inside; }
#content { }
#manufa { background-color: #ccc; width: 100%; height: auto; list-style-position: inside; }

/** END DETAIL  ---------------------------------------------**/

/** BOTTOMBOX DETAIL  ---------------------------------------------**/
#boxl { width: 34%; height: auto; overflow: auto; float: left; padding-left: 10px; }
#boxm { width: 35%; height: auto; overflow: auto; float: left; }
#boxr { width: 29%; height: auto; float: right; }

/** IFBANNER DETAIL  ---------------------------------------------**/

/** FOOTER DETAIL  ---------------------------------------------**/
#box-inform { color: #666; vertical-align: middle; padding-left: 5px; }
#box-inform a { color: #000; vertical-align: middle; }
#box-inform a:hover { color: #ccc; vertical-align: middle; }
/** ALL BOXES  ---------------------------------------------**/
.box-headtop { color: #ccc; font-size: 80%; background-image: url(img/boxheadtopbg.jpg); text-align: right; }
.box-headleft { background-image: url(img/boxheadtopbg.jpg); background-position: 0 top; width: 100%; }
#box-head { color: #666; background-image: url(img/boxheadtopbg.jpg); text-align: left; text-indent: 10px; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.box-headbot { color: #ccc; background-color: #333; background-image: url(img/boxheadbg.jpg); width: 90%; margin-top: 10px; border-bottom: 1px solid #000; }
.box-headpro { color: #ccc; background-color: #f33; }
#box-headnews { color: #999; background-color: #333; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-top: 2px solid #000; }
#box-info { text-align: center; padding-top: 12px; padding-bottom: 12px; }
#box-info a:hover { border-width: 0; }
.box-quickicons { background-image: url(img/round.png); background-repeat: no-repeat; background-position: 0 top; width: 70%; height: 75px; padding-top: 20px; padding-left: 20px; border-left: 1px solid #000; }
.box-cart { color: #333; font-size: 80%; width: 50%; height: auto; float: left; padding-top: 5px; padding-left: 5px; list-style-position: inside; }
.box-cart a { color: #333; }
.prod-smallcart { list-style-type: square; display: list-item; }
.box-cart a:visited { color: #333; }
.box-cart a:hover { color: #900; }
.box-cartinfo { font-size: 77%; text-align: right; height: auto; float: right; margin-top: 5px; margin-right: 10px; }
.box-cartinfo a { color: #333; text-decoration: underline; }
.box-cartinfo a:visited { color: #333; text-decoration: underline; }
.box-cartinfo a:hover { color: #666; }
.box-cart2 { color: #333; font-size: 90%; text-align: right; height: auto; padding-top: 5px; padding-right: 5px; padding-left: 5px; list-style-position: inside; }
#box-aaq {  }
.box-search { color: #666; text-align: right; width: auto; height: auto; float: right; margin-top: 2px; padding-right: 5px; }
#box-login { text-align: center; }
.loginbutton { color: #999; text-align: center; vertical-align: middle; width: auto; height: auto; margin-top: 0; margin-bottom: 12px; display: block; }
.loginbutton a, loginbutton a:link { color: #999; background-color: #333; text-align: center; width: auto; height: auto; margin-top: 0; padding-top: 6px; padding-right: 3px; padding-bottom: 6px; border: solid 1px black; }
.loginbutton a:hover { color: #ccc; background-color: #666; text-align: center; width: auto; padding-top: 6px; padding-right: 3px; padding-bottom: 6px; border: solid 1px #333; }
.lock { vertical-align: middle; width: 10px; height: 10px; }
#box-news { color: #999; background-image: url(img/boxnewsbg.jpg); height: 50px; padding-right: 12px; }
#box-speci {  }
#box-lang { padding-right: 5px; }
.box-wn1 { color: #ccc; background-color: #000; background-image: url(img/boxendbg.jpg); background-repeat: repeat-x; background-position: left bottom; text-indent: 10px; width: 90%; padding-bottom: 5px; }
.box-wn1 a { color: #900; }
.box-wnlink {  }
.box-wnlink a { font-size: 95%; vertical-align: middle; height: 30px; padding-top: 5px; padding-bottom: 5px; display: block; }
#box-catego { text-align: left; width: auto; height: auto; }
.catego{ background-color: #000; text-align: left; width: auto; height: auto; margin-top: 1px; margin-bottom: 1px; padding: 0; display: block; }
.catego a{ color: #666; font-size: 90%; background-color: #000; background-image: url(img/catdorn.gif); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
.catego a:visited{ background-color: #000; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
.catego a:hover{ color: #ccc; background-color: #222; background-image: url(img/catdorn-a.gif); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
.subcat{ background-color: #000; text-align: left; width: auto; height: auto; padding: 0 0 0 10px; display: block; }
.subcat a{ color: #000; background-color: #ccc; text-align: left; width: auto; height: auto; padding: 0 0 0 5px; display: block; }
.subcat a:visited{ background-color: #ccc; text-align: left; width: auto; height: auto; padding: 0 0 0 5px; display: block; }
.subcat a:hover{ background-color: #333; text-align: left; width: auto; height: auto; padding: 0 0 0 5px; display: block; }
#box-content { text-align: left; width: auto; display: block; }
.cont{ background-color: #333; text-align: left; width: auto; height: auto; margin-top: 1px; margin-bottom: 1px; padding: 0; display: block; }
.cont a{ color: #666; font-size: 87%; background-color: #000; background-image: url(img/catdorn.gif); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
.cont a:visited{ background-color: #000; background-image: url(img/catdorn.gif); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
.cont a:hover{ color: #ccc; background-color: #222; background-image: url(img/catdorn-a.gif); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: auto; padding: 3px 0 3px 15px; display: block; }
#box-admin { background-color: #f41717; text-align: left; position: fixed; width: auto; padding-left: 5px; list-style-position: inside; display: block; }
.inform-entry { float: left; margin-left: 5px; }
#box-lastv1 { padding-right: 5px; padding-left: 5px; }
#box-manufa { display: block; }
#box-manuinfo { text-align: right; }
#box-review { display: block; }
.box-best { font-size: 75%; background-color: #222; text-align: left; width: 95%; margin-right: 2%; margin-left: 2%; }
.box-bestschirm { background-color: #000; background-image: url(img/boxendbg.jpg); background-repeat: repeat-x; background-position: 0 bottom; text-align: center; width: 100%; padding-bottom: 15px; }
.box-best a { color: #666; line-height: 20px; }
.box-best a:hover { color: #fff; }
.box-bestnr { color: #ccc; text-align: left; }
.box-besttax { font-size: 90%; width: auto; }

/** BOX-FORMS  ---------------------------------------------**/
#sign_in { vertical-align: middle; float: right; margin-top: auto; margin-bottom: auto; padding-top: 12px; padding-bottom: 12px; }
#loginbox {  }
#quick_find {  }
#quick_add {  }

/** MODUL LAYOUT  ---------------------------------------------**/
#mod-lay { font-size: medium; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; min-height: 500px; padding-top: 20px; padding-right: 20px; padding-left: 20px; display: block; }
#mod-head { color: #ccc; font-size: 110%; font-weight: bold; background-image: url(img/topmenubg.jpg); vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; list-style-position: inside; display: block; }
.mod-head2 { font-size: 120%; vertical-align: middle; margin-top: 12px; margin-bottom: 10px; }
#mod-bot { font-size: 120%; height: 10px; clear: both; padding-left: 20px; }
.modfloat { width: 49%; float: left; }
.modfloat0 { width: 25%; float: left; }
.modfloat1 { float: left; }
.modfloat2 { float: right; }
.modfloat3 { width: 74%; float: right; }
.mod-divr { text-align: right; }
.divc { text-align: center; }
.modclear { font-size: 1px; width: auto; height: 1px; clear: both; }
.bigHeading { font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.smallHeading { font-weight: bold; }
.smallText { font-size: 60%; }
.smallText2 { font-size: 70%; }
/** ALERTS  ---------------------------------------------**/
.errorBox { color: #c33; font-size: 90%; font-weight: bold; width: 100%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border: solid 1px; }

/** SHOPPING CART DETAIL (order_details.html)  ---------------------------------------------**/
#order-details {  }
.order-part1 { width: 25%; height: 180px; float: left; }
.order-part2 { width: 15%; height: 180px; float: left; }
.order-part3 { font-size: 85%; width: 35%; height: 180px; float: left; }
.order-part3 a { color: #900; font-size: 110%; }
.order-part3 a:hover { color: #333; }
.order-part4 { width: 20%; height: 180px; float: left; }
.order-partdel { color: #fff; font-weight: bold; background-color: red; text-align: center; width: 5%; height: 180px; float: left; }
.order-bot { text-align: right; clear: both; }

/** ORDER DETAIL (order_history_info.html, checkout)  ---------------------------------------------**/
.ordheader { background-color: #fcc; }
.ordhead1 { width: 10%; float: left; }
.ordhead2 { width: 40%; float: left; padding-right: 5%; }
.ordhead3 { width: 15%; float: left; }
.ordhead4 { text-align: right; width: 15%; float: left; }
.ordhead5 { text-align: right; width: 15%; float: left; }
.ordpart1 { text-align: right; width: 5%; float: left; }
.ordpart2 { text-align: center; width: 5%; float: left; }
.ordpart3 { width: 40%; float: left; padding-right: 5%; }
.ordpart4 { width: 15%; float: left; }
.ordpart5 { text-align: right; width: 15%; float: left; }
.ordpart6 { text-align: right; width: 15%; float: left; }
.ordsplit { background-color: #fcc; height: 1px; clear: both; }
/** OTHER   ---------------------------------------------**/


/** SITEMAP   ---------------------------------------------**/
.sitemap-part { float: left; margin-right: 12px; display: block; }
.sitemap-cat { display: block; }
.sitemap-cat a { color: #c00; background-color: #fff; display: block; }
.sitemap-cat a:hover { color: #fff; background-color: #c00; display: block; }
.sitemap-subcat { font-size: 80%; display: block; }
.sitemap-subcat a { color: #c00; background-color: #fff; display: block; }
.sitemap-subcat a:hover { color: #fff; background-color: #999; display: block; }

/** ORDERSTATUS   ---------------------------------------------**/
.checkbar { width: auto; float: right; margin-top: 30px; }
.checkparta { width: auto; float: left; }
.checkpart { width: auto; float: left; }
.checka { background-color: #999; margin-top: 20px; margin-right: 10px; }
.check { margin-top: 20px; margin-right: 10px; }

/** UPCOMING STARTSEITE   ---------------------------------------------**/
.upcom { background-color: #ff0; padding-right: 10px; padding-left: 10px; }
.upcom-head { background-color: #c00; }

/** PRODUKTLISTING, KATEGORIELISTING  ---------------------------------------------**/
.hoverdiv { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; display: block; }
.hoverdiv:hover { border-top: 1px dashed #999; border-bottom: 1px dashed #999; }

.prodfloat { width: 52%; height: 120px; overflow: hidden; float: left; }
.prodfloat a { color: #000; }
.prodfloat a:visited { color: #000; }
.prodfloat a:hover { color: #900; }
.prodfloat1 { width: 28%; height: 150px; overflow: hidden; float: left; }
.prodfloat2 { font-size: 80%; text-align: right; width: 20%; height: 150px; overflow: hidden; float: left; }
.prod-head {}
.productOldPrice { color: #ea1313; text-decoration: line-through; }
.prod-ship { vertical-align: middle; }

/** BEWERTUNGEN  ---------------------------------------------**/
#revhead { background-color: #333; width: 100%; }
.revtable { background-color: #c1646d; width: 100%; list-style-position: inside; }
.rev { width: 24%; float: left; list-style-position: inside; }

/** PRODUKT NAVIGATION  ---------------------------------------------**/
.prodnav { color: #999; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(img/boxheadbg.jpg); background-position: 0 top; width: 100%; height: auto; }
.pnpart { text-align: left; width: 100%; height: auto; }
.pncount { text-align: right; width: 100%; height: auto; display: block; }
.pncount a { text-align: center; }


/*----------------------------Suggest Styles--------------------------*/
.suggest_link { padding: 2px 6px; }
.suggest_link_over { background-color: #ccc; padding: 2px 6px; cursor: pointer; }
#search_suggest { font-size: 80%; position: absolute; visibility: hidden; background-image: url(img/searchboxbg.png); text-align: left; margin-top: 50px; border: solid 1px #000000; margin-left: -300px; }        
/*----------------------------End Suggest Styles------------------------*/

/** OTHER  ---------------------------------------------**/
.sendbutton {}
.midpart { vertical-align: middle; display: table-cell; }
.buttonarea { text-align: right; width: 100%; margin-top: 12px; margin-bottom: 12px; }
#downloadbox { }
.mediabox { background-color: #fff; }
.mediahead { }
.medhead1 { background-color: #999; width: 50%; float: left; }
.medhead2 { background-color: #ccc; text-align: right; width: 50%; float: right; }
.download { background-color: #fff; list-style-position: inside; }
#boxcoupon { background-color: #fff; text-align: center; }

.prodblock {}
a span.hidden-v1 { display: block; position: absolute; visibility: hidden; text-decoration: none; color: #000; }
a:hover span.hidden-v1 { font-size: 80%; background-color: #fff; display: block; position: absolute; width: auto; padding: 5px; visibility: visible; height: auto; border: solid 1px #999; }
.copyright a { color: #999; margin: auto; }
.boxheadend1 { background-image: url(img/boxheadend.jpg); background-repeat: no-repeat; width: 15%; height: 20px; float: left; }
.boxheadend2 { background-image: url(img/boxheadend.jpg); background-repeat: no-repeat; background-position: right 0; width: 15%; height: 20px; float: right; }
.boxheadend3 { background-image: url(img/boxheadend.jpg); background-repeat: no-repeat; background-position: right 0; width: 40px; height: 20px; float: right; }
.boxheadmid { color: #ccc; font-size: 79%; text-align: center; width: 69%; float: left; padding-top: 3px; }
.boxheadmid2 { color: #ccc; width: 30%; float: right; padding-top: 3px; }
.boxheadmid3 { color: #ccc; font-size: 79%; text-align: center; width: 60%; float: right; padding-top: 3px; padding-right: 15px; }
.box-wnprice { font-size: 80%; text-indent: 0; width: auto; float: left; padding-left: 15px; }
.box-best2bild { width: 30%; float: left; }
.boxTextPrice { color: #ccc; font-size: 70%; width: auto; height: auto; float: right; padding-top: 15px; padding-right: 10px; }
.boxTextPrice a { color: #ccc; text-decoration: underline; }
.box-best2name { color: #666; font-size: 90%; width: 100%; height: auto; }
.box-best2name a { color: #900; }
.best2part { background-color: #000; margin-bottom: 15px; border: solid 1px #000; }
.boxprice { color: #999; font-size: 130%; font-weight: bold; }
.best2part:hover { background-color: #111; }
.pageResults {  }
.prodfloat2 a { color: #333; text-decoration: underline; }
.prodfloat2 a:visited { color: #333; text-decoration: underline; }
.prodfloat2 a:hover { color: #333; }
.mod-prodview { font-size: 90%; width: 30%; float: left; border-right: 1px solid #999; }
.mod-accountdetail { width: 50%; float: right; }
.mod-accountdetail a { color: #333; }
.mod-accountdetail a:visited { color: #333; }
.mod-accountdetail a:hover { color: #900; }
.mod-prodview a { color: #333; }
.mod-prodview a:visited { color: #333; }
.mod-prodview a:hover { color: #900; }
.box-wnprice a { color: #666; text-decoration: underline; }
.message_body { width: 99%; }
.shopname { color: #666; font-size: 110%; font-weight: bold; }
.prod-detailbox { width: 100%; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.contact2 {border: 0px none; background: #FFF;}
.options { width: 100%; }
.wartung { color: #ff3; background-color: #933; position: fixed; right: 200px; width: 50%; height: 150px; padding: 20px; border: dotted 2px; }
.modfloat4 { text-align: right; width: 49%; float: right; }
.titelklein { color: #999; text-align: center; }
.prod-xtra {  }
.colorbox { background-image: url(img/colorboxbg.jpg); padding-top: 5px; padding-right: 5px; padding-left: 5px; }
.colorbox img { background-color: #ccc; margin-right: 5px; margin-bottom: 5px; }
.popdiv { position: fixed; height: 213px; width: 200px; top: 15px; padding: 3px; text-align: right; right: 20px; }
.popx { background-color: #ccc; height: 13px; width: 100%; text-align: right; }