@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;}
#topoverlay {position: absolute; width: 640px; height: 185px; margin-top: -185px; background-image: url(../images/inhorgenta2012.png);}
#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:470px; 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:50px;}
.center { float:left; width:305px;margin-top:50px;}
.right {float:left; width:330px;margin-top:50px;}
.left .margin { margin-right:20px;}
.center .margin { margin-right:20px;}
.right .margin { margin-right:20px;}
#hover {border:2px solid #cccccc; height: 321px;}
.gesamt {cursor: pointer;}

#subcontent { float:left; width:1002px; margin:6px 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:6px 0 0 0; height:529px;}

#content { float:left; width:994px; margin:6px 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:178px; 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;}
.f_haendler {float:left; clear: both; margin-left: 10px; margin-top: 10px;}
.f_haendler a {font-size: 12px; color: #58585A;}
.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;}
.product a {outline: none;}
.count { position:absolute; width:960px; margin-top:30px; }
.countwrap { float:right; color:#c3c2c3; text-align:center; font-size:13px;}
.count .page { font-size:32px; margin-bottom: 10px; font-family: Georgia, "Times New Roman", serif;}
.productfooter {position:absolute; width:984px; height:32px; margin:0 0 3px 0; left:0; bottom:0;}
.producttitle { float:left; width:409px; height:32px;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x; border-right: 1px solid #8b8b8b;}
.productback { float:left; width:165px; height:32px; margin:0;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;border-right: 1px solid #8b8b8b;}
.productinfo { float:left; width:304px; height:32px; margin:0; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x; border-right: 1px solid #8b8b8b;}
.productprev { float:left; width:51px; height:32px; margin:0; background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;border-right: 1px solid #8b8b8b;}
.productnext { float:left; width:51px; height:32px; margin:0;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;}
#gesamtuebersicht {float:left; width:165px; height:32px; margin:0;  background-image:url(../images/productfooterbg.png); background-repeat:repeat-x;border-right: 1px solid #8b8b8b; cursor: pointer;}
.productfootertext { height:10px; margin:10px 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:304px; margin:-514px 0 0 -1px; height:494px; font-size:13px; line-height:20px;}
.productdescriptioninner { position:absolute; bottom:0; background-image:url(../images/productdescriptionbg.png);padding:10px 10px 10px 20px; width:276px; 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:0 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: fixed; top:30%; 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;}
H2.bestellen {cursor: pointer; background-color: #323232; font-size: 12px; width: 145px; text-align:center; font-weight: bold;}
.tx-felogin-pi1 {float:right; width: 370px; margin:6px 9px 0 0;}
.tx-felogin-pi1 INPUT {float: right; color: #b2b2b2; height: 20px; padding: 0; margin: 0 1px 0 0; }
.tx-felogin-pi1 INPUT.submit { float: right; color: #b2b2b2; height: 21px; background-color: #000000; padding-bottom: 1px; width: 60px;}
.tx-felogin-pi1 INPUT.logout { color: #b2b2b2; height: 21px; background-color: #000000; padding-bottom: 1px; width: 60px; margin: 0 0 0 250px;}

/*FOOTER*/
#footer .f_newsletter {float:left; width: 266px; margin-left: 27px; margin-top: 19px; margin-bottom: 30px;}
#footer .f_newsletter P { line-height: 16px;}
#footer .f_service {float:left; width: 171px;margin-top: 19px;margin-bottom: 30px;}
#footer .f_design {float:left; width: 155px;margin-top: 19px;margin-bottom: 30px;}
#footer .f_edition1 {float:left; width: 96px;margin-top: 19px;margin-bottom: 30px;}
#footer .f_edition2 {float:left; width: 130px;margin-top: 19px;margin-bottom: 30px;}
#footer .f_service {float:left; width: 140px;margin-top: 19px;margin-bottom: 30px;}
#footer H1 {color:#ffffff; font-size:11px ; margin: 0 0 5px 0; padding: 0;}
#footer p {color:#b2b2b2; font-size:12px; margin: 0; padding: 0; line-height: 20px;}
#footer p a {color:#b2b2b2; font-size:12px; margin: 0; padding: 0; line-height: 20px;}
#footer input { float: left; height: 20px; border: 0; padding: 0; color:#b2b2b2; font-size: 12px;}
#eintragen { float: left; margin-left: 5px; width: 72px; height:21px; background-image: url(../images/eintragen.jpg); background-repeat: no-repeat;}
/*GESAMTANSICHT*/
#gesamt {position:absolute; width: 984px; height:494px; background-image: url(../images/g_hintergrund.png); background-repeat: no-repeat; top:280px;}
#gesamt .g_left {float:left; margin-top: 100px; margin-left: 40px; width: 50px; height: 317px; background-image: url(../images/g_zurueck.png); background-repeat: no-repeat;}
#gesamt .g_right {position:absolute; left:926px; top:0; margin-top: 100px; width: 50px; height: 317px; background-image: url(../images/g_weiter.png); background-repeat: no-repeat; margin-left: -9px}
#gesamt .g_center {position: relative; margin-top: 100px;width: 826px; height: 317px; margin-left: 78px; overflow: hidden;}
#gesamt .g_center .inner {position:absolute; margin-left: 8px;}

.gesamt { float: left; margin: 0 9px 3px 0;}
#gesamt .col {float:left; width:117px; height: 317px;}
/*ARTIKELSUCHE*/
.as_suche {float: left; margin-left: 55px; width: 852px; cursor: pointer;}
.as_suche input {float:left;}
#as_suchen {float:left; background-color: #323232; color: #ffffff; text-align: center; margin: 0 5px 0 5px;width: 70px; font-size:12px; font-weight: bold; height:18px; line-height:18px;}
.as_trenner {float:left; margin-top: 20px; margin-left: 55px; width: 852px; height: 1px; background-image: url(../images/trenner.png);}
#as_art {clear: left; float: left; width: 852px; margin-top: 30px; margin-left: 55px;}
#as_material {clear: left; float: left; width: 852px; margin-top: 30px; margin-left: 55px;}
#scrollcontent #as_art h1,#scrollcontent #as_material h1 {float:left; font-size: 11px; color: #b2b2b2; font-weight: normal; margin-bottom: 20px;}
.as_item {float: left; width: 154px;}
.as_item input {float:left;}
.as_item label {float: left; font-size: 11px; margin-left: 10px; color: #ffffff; line-height: 16px; letter-spacing: 1px;}
#as_ergebnis { float:left; margin: 20px 0 20px 55px; width:826px;}
#as_ergebnis .fehler { color: #ffffff; font-size: 12px;}
.as_fehler {float: left; color: #ffffff; font-size: 12px;}
.ase_item {float:left; margin: 0 5px 10px 5px;}
/*slider*/
#slider { position:absolute;width:984px; height:420px; overflow: hidden; }
ul#panel {position: relative; width: 984px; height:420px; margin: 0; padding: 0; list-style-type:circle;} 
#slider li {position: absolute; list-style-type: none;}
ul {list-style-type: none;}