@charset "UTF-8";
/* CSS Document */
body {margin:0; padding:0; text-align:center; background-color:#ffffff; font-family:Helvetica, Arial, sans-serif; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}
#body {text-align:left; width:1002px; margin:0 auto 0 auto;}
#header { float:left; width:1002px; height:200px; }
#logo { float:left; margin:133px 0 0 10px; width:336px;}
#top { float:left; background-image:url(../images/topbg.png); background-repeat:no-repeat; width:656px; height:198px; }
.topimage { height:198px; width:632px; margin:0 0 0 12px;}
#top IMG { margin:0 0 0 9px;}
.topbg {height:186px; width:632px; background-image:url(../images/h1-topbg.png); background-repeat:no-repeat; background-position:bottom;}
.title { height:34px; width:632px; color:#ffffff; font-size:12px; margin-left:10px; padding:160px 0 0 0;}
a { text-decoration:none; cursor:pointer; color:#e9ba44;}

#container {float:left; width:1002px; height:593px; background-image:url(../images/contentbg.png); background-repeat:no-repeat; margin:45px 0 0 0;}
#topnav { float:left; width:1002px; height:20px; margin-left:10px;}
#bottomnav { float:left; width:270px; height:20px; margin:16px 0 0 730px;}

.left { float:left; width:345px; height:529px; margin-top:68px;}
.center { float:left; width:305px;margin-top:68px;}
.right {float:left; width:330px;margin-top:68px;}
.left .margin { margin-right:20px;}
.center .margin { margin-right:20px;}
.right .margin { margin-right:20px;}


#subcontent { float:left; width:1002px; margin:14px 0 0 0; height:529px;}
#subcontent P { font-size:12px; color:#8c8c8c; line-height:16px;}
#subcontent H1 { font-size:12px; color:#000000;}
.pagetitle { position:absolute; margin:492px 0 0 345px; color:#ffffff; font-size:14px;}

#subcontent .inner { float:left;margin:0 10px 10px 10px; background-color:#ffffff; height:529px; width:982px; background-image:url(../images/subcontentbg.jpg); background-repeat:no-repeat; background-position:bottom;}
#editioncontent { float:left; width:1002px; margin:14px 0 0 0; height:529px;}

#content { float:left; width:994px; margin:14px 0 0 8px; height:419px;}
#content .c2 {margin-left:10px;}
#produkte { float:left; width:1002px; margin:8px 0 0 0; height:100px;}
#footer { float:left; width:1002px; margin:46px 0 0 0; height:118px; background-image:url(../images/footerbg.png); font-size:11px; color:#58585a;}
#edition { float:left; width:1002px; margin:20px 0 0 0; height:30px;}
#aktuell { float:left; width:1002px; margin:20px 0 0 0; height:30px;}
.copyright { text-align:right; margin-right:10px; font-size:12px;}
.formleft { float:left; width:150px; font-size:12px; color:#8c8c8c; line-height:16px;}
.formright { float:left; width:150px;}
INPUT { border:1px solid #8c8c8c; margin:0 0 10px 0;}


.produktimage { float:left; width:323px; height:100px; margin-left:8px;}
.produktbg {height:100px; width:323px; background-image:url(../images/h1-contentbg.png); background-repeat:no-repeat; background-position:bottom;}
.produkttitle { height:34px; width:323px; color:#ffffff; font-size:12px; margin-left:10px; padding:78px 0 0 0;}



/*topnavigation*/
.item { float:left; font-size:12px; margin-right:15px;}
.item a { text-decoration:none; color:#58585a;}
#bottomnav .item { margin: 0 0 0 15px;}
.footitem { float:left; font-size:12px; margin:0 0px 0 10px;}
.footitem a { text-decoration:none; color:#58585a;}
.white { color:#ffffff; font-size:12px; margin:0 0 5px 10px;}
.footkategorie { float:left; margin-left:30px;}

/*Produktansicht*/
.tt-products { margin-left:10px;}
.product { position:absolute;}
.count { position:absolute; width:960px; margin-top:30px;}
.countwrap { float:right; color:#c3c2c3; text-align:center; font-size:13px;}
.count .page { font-size:32px;}
.productfooter {position:absolute; width:984px; height:30px; margin:-34px 0 0 0; left:0; bottom:0;}
.producttitle { float:left; width:390px; height:30px;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
.productback { float:left; width:196px; height:30px; margin:0 0 0 6px;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
.productinfo { float:left; width:282px; height:30px; margin:0 0 0 6px; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
.productprev { float:left; width:46px; height:30px; margin:0 0 0 6px; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
.productnext { float:left; width:46px; height:30px; margin:0 0 0 6px;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
.productfootertext { height:10px; margin:8px 0 0 20px; color:#000000; font-size:11px; letter-spacing:1px;}
.productfooternav { margin:0 0 0 0; height:28px; width:26px; padding:5px 0 0 20px; color:#000000; font-size:18px; letter-spacing:1px;}
.productdescription { position:absolute;  width:282px; margin:-514px 0 0 0; height:496px; font-size:13px; line-height:20px;}
.productdescriptioninner { position:absolute; bottom:0; background-image:url(../images/productdescriptionbg.png);padding:10px 10px 10px 20px; width:252px; overflow:auto;}
.toggleon { display:none;}
.toggleoff{ display:block;}
hr {border:0; height:1px; background-color:#ffffff;}

/*Produktansicht*/
.tx-productcategory-pi1 {float:left; margin-top:5px;}
.category_item {float:left; height:123px; margin:0 0 10px 10px; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
a .category_item {text-decoration:none; border:none;}
.category_image { height:123px;}
.category_image IMG { border:none;}
.category_title { margin:-34px 0 0 0; height:30px; padding:10px 0 0 20px; color:#ffffff; font-size:12px; letter-spacing:1px; }
.category_bg { position:relative; width:auto; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x; height:30px;}
.productdescription h1 {margin:0; padding:0; text-transform:uppercase; color:#000000; font-size:12px; font-weight:normal;}
.productdescription h2 {margin:10px 0 0 0 ; padding:0; text-transform:uppercase; color:#ffffff; font-size:12px; font-weight:normal; font-size:10px; letter-spacing:0.6px;}
.productdescription P.bodytext {margin:0; padding:0; line-height:16px;}
.meilensteine { height:176px; margin-bottom:10px;}

.clear { clear:both;}

#info {position: absolute; top:300px; left:50%; height: 200px; width: 560px;  z-index: 9999; margin-left: -280px; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; background-color: #e3e3e3; color:#000000;}
#info P {margin: 100px 0 0 0;}
.bestellen {cursor: pointer;}