/* CSS Document */
/*site styles*/
html {height:100%; max-height:100%; max-width:100%; overflow-y:scroll; overflow-x:scroll; padding:0; margin:0; border:0; background-color:#ffffff; font-family:Arial, Tahoma, sans-serif; font-size:12px;}
/* in eigene css ausgelagert, da logoabhängig
body {background: url('../images/bg.header.gif') repeat-x top center;
width:950px; min-height:100%; padding:0; padding-left:20px; padding-right:20px; margin:auto; border:0; border-left:1px solid #b1b2b3; border-right:1px solid #b1b2b3;z-index:1;}
*/
table, td {font-size:1em;}
/*content*/
#content {position:relative; width:100%; padding:0; margin:0; top:0px; z-index:1; background-color:transparent; z-index:3;}
.pad1 {position:relative; left:0px; float:none; display:block; height:60px; clear:both;}
/*rahmen - top/right/bottom/left*/
#head {position:relative; margin:0; border:0; padding:0; top:0px; width:100%; height:100px; background:transparent; z-index:3; cursor:pointer}
#right {position:absolute; margin:0; border:0; padding:0; top:0px; height:20px; width:950px; background:none; z-index:3;}
#foot {position:relative; margin:0; border:0; padding:0; bottom:0px; width:950px; height:55px; background:#ffffff;z-index:3;}
#banobri {position:absolute; right:0px; top:2px; height:20px; width:210px; z-index:3;}
#banricon {position:absolute; left:0px; top:0px; width:930px; height:27px; background-color:none; padding-left:8px; padding-right:8px; padding-top:0px; padding-bottom:0px; z-index:3; font-size:11px; z-index:2;}
#pvgl {position:absolute; right:20px; top:40px;}
#korb {position:absolute; right:180px; top:45px;}
#log {position:absolute; left:0px; top:5px;}
#goweb {position:absolute; left:420px; top:0px;}
#berater {position:absolute; width:550px; left:210px; top:2px;}
.seperatorline {position:relative; clear:both; float:left; background-image:url(/transtec/images/seplinie.gif); background-repeat:repeat-x; left:-8px; height:18px; width:100%;}
/*menu positioning styles*/
#ttlogo {position:relative; left:0px; top:50px; z-index:4; background-color:none}
#tt_printlogo {display:none;}
.mainmenu {position:absolute; width:950px; height:41px; top:100px; background-color:none; z-index:5;}
.menutypo {position:relative; left:0px; padding-top:6px; font-size:20px; font-variant:small-caps; letter-spacing:0.3em; color:#70767E; margin-right:6px;}
a.temen:link {font-size:15px; color:#70767E; font-weight:bold; text-decoration:none;}
a.temen:visited {font-size:15px; font-weight:bold; color:#70767E; text-decoration:none;}
a.temen:focus {font-size:15px; color:#70767E; font-weight:bold; text-decoration:none;}
a.temen:hover {font-size:15px; color:#870026; font-weight:bold; padding-bottom:3px; text-decoration:none;}
a.temen:active {font-size:15px; font-weight:bold; color:#70767E; text-decoration:none;}
#qbarunmi {position:absolute; bottom:0px; color:#b1b2b3; left:300px; font-size:11px; text-align:left; z-index:5;}
a.teqtop:link {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqtop:visited {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqtop:focus {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqtop:hover {font-size:11px; color:#b1b2b3; font-weight:bold; padding-bottom:0px; text-decoration:none;}
a.teqtop:active {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
#qbarunli {position:absolute; bottom:0px; color:#7a817f; left:0px; font-size:11px; width:100%;}
#qbarunre {position:absolute; bottom:0px; color:#7a817f; right:0px; font-size:11px; background-color:#ffffff; padding-left:6px; width:440px; text-align:right;}
a.teqbot:link {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqbot:visited {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqbot:focus {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
a.teqbot:hover {font-size:11px; color:#b1b2b3; font-weight:bold; border-bottom:2px solid #ffffff; padding-bottom:2px; text-decoration:none;}
a.teqbot:active {font-size:11px; color:#7a817f; font-weight:bold; text-decoration:none;}
.submenu {position:absolute; height:24px; width:950px; top:135px; z-index:5; background-color:none;}
.submenutypo {position:relative; left:0px; padding-top:1px; font-size:11px; color:#ffffff; margin-right:6px;}
/*search*/
#searchpos {position:absolute; top:0px; right:0px; height:20px; width:185px; z-index:3;}
#searchbox {position:absolute; left:0px; top:0px; z-index:4;}
#gobox {position:absolute; right:0px; top:0px; z-index:4;}
.buttonsearch {background-image:url(/transtec/images/suchen.gif); background-repeat:no-repeat; height:20px; width:27px; border:0 none;}
.searchfield {background-color:#ffffff; border:1px solid #7a817f; height:16px; width:138px; padding-left:14px; background-image:url(/transtec/images/lupe.gif); background-repeat:no-repeat;}
/*text styles*/
a:link {color:#870026; text-decoration:none;}
a:visited {color:#870026; text-decoration:none;}
a:active {color:#870026; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
h1 {font-size:16px; font-weight:900; line-height:0.9em;}
h2 {font-size:15px; font-weight:700; line-height:0.9em; margin-bottom:0.3em;}
h3 {font-size:11px; font-weight:bold; margin-top:0em; margin-bottom:7px;}
a.h3:link {font-size:11px; font-weight:bold; margin-top:0em; margin-bottom:7px; color:#870026; text-decoration:none;}
a.h3:visited {font-size:11px; font-weight:bold; margin-top:0em; margin-bottom:7px; color:#870026; text-decoration:none;}
a.h3:active {font-size:11px; font-weight:bold; margin-top:0em; margin-bottom:7px; color:#870026; text-decoration:none;}
a.h3:hover{font-size:11px; font-weight:bold; margin-top:0em; margin-bottom:7px; color:#870026; text-decoration:underline;}
h4 {font-size:12px; font-weight:900; line-height:0.9em; color:#870026; margin-bottom:0.3em;}
h5 {font-size:12px; font-weight:bold; color:#870026; line-height:0.9em;}
.ubright {font-size:13px; line-height:1.5em; color:#000000; text-decoration:none;}
a.ubright:link {font-size:13px; line-height:1.5em; color:#870026; text-decoration:none;}
a.ubright:visited {font-size:13px; line-height:1.5em; color:#870026; text-decoration:none;}
a.ubright:active {font-size:13px; line-height:1.5em; color:#870026; text-decoration:none;}
a.ubright:hover {font-size:13px; line-height:1.5em; color:#870026; text-decoration:underline;}
.fontmari {font-size:11px; color:#000000;}
a.fontmari:link {font-size:11px; color:#870026; text-decoration:none;}
a.fontmari:visited {font-size:11px; color:#870026; text-decoration:none;}
a.fontmari:active {font-size:11px; color:#870026; text-decoration:none;}
a.fontmari:hover {font-size:11px; color:#870026; text-decoration:underline;}
ul {margin:0px; margin-left:8px; padding:4px; padding-left:8px;}
ol {margin:0px; margin-left:16px; padding:4px; padding-left:8px;}
li {margin:0px; padding:0px; list-style-image:url(/transtec/images/ii.gif);}
.pf {list-style-image:url(/transtec/images/arrow_small.gif)}
.fopreis {color:#000000; font-size:15px; font-weight:bold;}
.fomwst {font-size:9px;}
/*Seitenpositionsanzeige*/
.sitepos {font-size:12px; color:#7a817f;}
a.sitepos:link {font-size:12px; color:#7a817f; text-decoration:none;}
a.sitepos:visited {font-size:12px; color:#7a817f; text-decoration:none;}
a.sitepos:active {font-size:12px; color:#7a817f; text-decoration:none;}
a.sitepos:hover {font-size:12px; color:#7a817f; text-decoration:underline;}
/*styles for content layer max width must smaler than 92%*/
.floatright {float:right; padding:8px; padding-right:0px; padding-top:0px; margin-top:-6px; z-index:20;}
.floatleft, .floatleft100 {float:left; padding:8px; padding-left:0px; z-index:21;}
.floatleft100 {width:100%;}
.nofloat {float:none; clear:both; padding:8px; padding-left:0px; z-index:1;}
.boxrelative {z-index:0;}
.main100 {position:relative; top:0px; left:0px; background-color:#ffffff; z-index:3; font-size:12px; border:1px solid #7a817f;}
/*Listtable / Produktlisten auf Übersichtsseiten*/
.tabtop {padding:5px; padding-top:4px; padding-bottom:2px; text-align:left; vertical-align:top; background-color:#FFFFFF; font-size:14px; font-weight:bold; height:24px;}
.taptopru {width:8px; padding:0px; background-image:url(/transtec/images/ruro_wh.gif); background-repeat:no-repeat; background-color:#ffffff;}
.tabbesch {padding:5px; padding-top:2px; text-align:left; vertical-align:top; font-size:12px; height:57px;}
/*Produktseite*/
#p_mainbox {position:relative; height:265px; left:0px; margin:0px; padding:0px; border:0px; float:left;}
#pt_tabro_left {position:absolute; display:block; height:235px; width:642px; background-image:url(/transtec/images/produktseite.jpg); top:7px; left:280px; margin:0px; padding:0px; border:0px; z-index:3001;}
#pt_info_whi {position:absolute; display:block; top:30px; height:23px; text-align:left; vertical-align:middle; font-weight:bold; z-index:3002;}
#pt_pinf {position:absolute; display:block; top:50px; height:141px; width:150px; text-align:left; vertical-align:top; padding-top:4px; padding-bottom:4px; z-index:3002;}
#pt_basics {position:absolute; display:block; left:500px; top:180px; height:70px; width:250px; text-align:left; padding-left:25px; z-index:3002;}
.rulo_ffffff {position:relative; clear:both; float:left; left:-8px; top:-25px; height:8px; width:8px; background-repeat:no-repeat; z-index:2;}
.rulu_ffffff {position:relative; clear:both; float:left; left:-8px; top:-4px; height:8px; width:8px; background-repeat:no-repeat; z-index:2;}
.optionsep {position:relative; clear:both; float:left; background-color:#ffffff; left:-8px; top:-20px; height:23px; width:100%; border:1px solid #b1b2b3; border-left:none; border-right:none;}
.ruro_ffffff {position:relative; clear:both; float:right; right:-12px; top:-64px; height:8px; width:8px; background-repeat:no-repeat; z-index:2;}
.ruru_ffffff {position:relative; clear:both; float:right; right:-12px; top:-43px; height:8px; width:8px; background-repeat:no-repeat; z-index:2;}
.width7x10 {width:7%;}
/* Bilder und runde Ecken auf Produktseiten*/
/* Bild gross*/
.gr_picframe1 {position:absolute; top:-1px; right:-1px; display:block; width:270px; height:163px; background-color:#F1F2F3; margin:0px; padding:0px; border:1px solid #b1b2b3; visibility:visible;}
.gr_picframe2 {position:absolute; top:-1px; right:-1px; display:block; width:270px; height:163px; background-color:#F1F2F3; margin:0px; padding:0px; border:1px solid #b1b2b3; visibility:hidden;}
.gr_picframe3 {position:absolute; top:-1px; right:-1px; display:block; width:270px; height:163px; background-color:#F1F2F3; margin:0px; padding:0px; border:1px solid #b1b2b3; visibility:hidden;}
.gr_picframe4 {position:absolute; top:-1px; right:-1px; display:block; width:270px; height:163px; background-color:#F1F2F3; margin:0px; padding:0px; border:1px solid #b1b2b3; visibility:hidden;}
/* Bild klein*/
#kl_picframe {position:relative; display:block; width:60px; height:60px; background-color:#ffffff; margin:0px; padding:0px; border:1px solid #b1b2b3;}
/* Rundungen für Bild gross und klein*/
.picrulo {position:absolute; height:7px; width:7px; top:-1px; left:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/rarulo.gif); background-repeat:no-repeat; z-index:2000;}
.picruro {position:absolute; height:7px; width:7px; top:-1px; right:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/raruro.gif); background-repeat:no-repeat; z-index:2000;}
.picrulu {position:absolute; height:7px; width:7px; bottom:-1px; left:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/rarulu.gif); background-repeat:no-repeat; z-index:2000;}
.picruru {position:absolute; height:7px; width:7px; bottom:-1px; right:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/raruru.gif); background-repeat:no-repeat; z-index:2000;}
.picrulu_gr {position:absolute; height:7px; width:7px; bottom:-1px; left:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/rarulu.gif); background-repeat:no-repeat; z-index:2000;}
.picruru_gr {position:absolute; height:7px; width:7px; bottom:-1px; right:-1px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/raruru.gif); background-repeat:no-repeat; z-index:2000;}
/*Partner auf Produktseiten*/
.prod_partner {position:relative; top:0px; left:0px; width:100%; background-color:#ffffff; z-index:3; font-size:11px; padding:0px 0px 0px 0px;}
.prod_partner_head {height:16px;}
.prod_partner_headfont {color:#000000; font-weight:bold; padding-left:4px;}
.papictab {position:relative; left:0px; height:101px; z-index:10;}
/*Produktdatailrahmen auf Produktseiten*/
.tabtop-1, .tabtop-1main {position:relative; top:-1px;}
.tabtop-1main {left:-1px; z-index:4; top:-1px;}
.padtop3x2 {padding-top:3px; background-repeat:repeat-x;}
.pad_makeup {position:absolute; top:-1px; right:-1px; width:100%; height:18px; border-bottom:1px solid #7a817f; border-left:0px solid #f1f2f3; border-right:0px solid #f1f2f3; border-top:0px solid #f1f2f3; padding-left:1px; z-index:3; background-color:#ffffff;}
/*Spectables auf Produktseiten*/
.scwhi {border-bottom:2px solid #f1f2f3;}
.gesscwhi {border-top:2px solid #f1f2f3;}
.scred {background-color:#f1f2f3; font-weight:bold; padding:3px; border:0px none; border:1px solid #b1b2b3;}
.show {display:table-row;}
.tabrel {position:relative; width:100%; height:100%;}
.tabrulo {position:absolute; display:block; height:7px; width:7px; top:-4px; left:-4px; margin:0px; padding:0px; border:0; background-image:url(/transtec/images/tabrulo_f1f2f3.gif); background-repeat:no-repeat; z-index:30;}
.tabruro {position:absolute; display:block; height:7px; width:7px; top:-4px; right:-4px; margin:0px; padding:0px; border:0; background-image:url(/transtec/images/tabruro_f1f2f3.gif); background-repeat:no-repeat; z-index:30;}
.tabsof1f2f3, .tabsof1f2f3_head, .tabsof1f2f3_408 {border:1px solid #f1f2f3;}
.tabsof1f2f3_head {background-color:#f1f2f3; border-top:7px solid #f1f2f3; border-bottom:3px solid #f1f2f3;}
.tabsof1f2f3_408 {width:40%; padding-left:8px;}
/*Spectables auf Produktseiten*/
#complg {border:1px solid #f1f2f3;}
#complg_15 {border:1px solid #f1f2f3; width:15px;}
#compprname {border:1px solid #f1f2f3; padding-left:4px; background-color:#ffffff;}
#head_complg {border:1px solid #f1f2f3;}
#complg_whi {border:1px solid #f1f2f3; width:15px; text-align:center; background-color:#FFFFFF; color:#870026; font-size:11px;}
#complg_red {border:1px solid #f1f2f3; width:15px; text-align:center; background-color:#870026; color:#FFFFFF; font-size:11px;}
/*selector styles on Core-Product Pages*/
.selectorTab {background-color:#ffffff; width:436px;}
.headerHori {background-color:#870026; color:#FFFFFF; width:71px; height:35px; border-bottom:2px solid #f1f2f3; border-right:2px solid #f1f2f3; padding-top:4px; vertical-align:middle;}
.headerVert {background-color:#870026; color:#FFFFFF; width:67px; height:35px; border-bottom:2px solid #f1f2f3; border-right:2px solid #f1f2f3; padding-right:4px; text-align:right;}
.headerBlank {background-color:#f1f2f3; color:#FFFFFF; width:67px; height:35px; border-bottom:2px solid #f1f2f3; border-right:2px solid #f1f2f3; padding-right:4px; text-align:right;}
.selField {border-bottom:2px solid #f1f2f3; border-right:2px solid #f1f2f3;}
.selFloatLeft {float:left; padding:8px; padding-left:0px; padding-top:0px; margin-top:0px;}
.selHead {margin-bottom:0.3em; margin-top:0em;}
.selCom {background-color:#f1f2f3; border:0px; text-align:right;}
/*product lists*/
.pl_main {position:relative; left:0px; top:0px; z-index:3; height:60px;}
.pl_cont {position:relative; display:block; background-color:#ffffff; margin:0px; padding:0px; border:0px; width:100%; height:59px; clear:both;}
.pl_rulo {position:absolute; display:block; height:6px; width:6px; top:0px; left:0px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/rulo_f1f2f3.gif); background-repeat:no-repeat; z-index:2;}
.pl_ruro {position:absolute; display:block; height:6px; width:6px; top:0px; right:0px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/ruro_f1f2f3.gif); background-repeat:no-repeat; z-index:2;}
.pl_img {position:relative; left:8px; top:0px; width:59px; height:59px;}
.pl_artnr {position:absolute; top:8px; left:75px;}
.pl_artbez {position:absolute; bottom:8px; left:75px; width:80%; z-index:3;}
.pl_preis {position:absolute; top:8px; right:8px;}
.pl_checkbox {position:absolute; bottom:8px; right:8px; float:left;}
.pl_rulu {position:absolute; display:block; height:6px; width:6px; bottom:0px; left:0px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/rulu_f1f2f3.gif); background-repeat:no-repeat; z-index:2;}
.pl_ruru {position:absolute; display:block; height:6px; width:6px; bottom:0px; right:0px; margin:0px; padding:0px; border:0px; background-image:url(/transtec/images/ruru_f1f2f3.gif); background-repeat:no-repeat; z-index:2;}
/*Rahmenrundung, universell einsetzbar!*/
.rarulo {position:absolute; display:block; top:-1px; left:-1px; width:7px; height:7px; background-image:url(/transtec/images/rarulo.gif); background-repeat:no-repeat; z-index:10;}
.raruro {position:absolute; display:block; top:-1px; right:-1px; width:7px; height:7px; background-image:url(/transtec/images/raruro.gif); background-repeat:no-repeat; z-index:10;}
.rarulu {position:absolute; display:block; bottom:-1px; left:-1px; width:7px; height:7px; background-image:url(/transtec/images/rarulu.gif); background-repeat:no-repeat; z-index:10;}
.raruru {position:absolute; display:block; bottom:-1px; right:-1px; width:7px; height:7px; background-image:url(/transtec/images/raruru.gif); background-repeat:no-repeat; z-index:10;}
.kat_main {position:relative; display:block; left:8px; top:6px; margin-right:12px; z-index:2;}
.w57 {width:57%;}
.kat_lastwords {float:none; clear:both; padding-bottom:11px;}
.kat_img {margin:0px 20px 2px 0px;}
/*Rundung muss noch eingefügt werden*/
.kat_makeup_ro {position:absolute; top:-1px; right:-1px; width:7px; height:7px; background-image:url(/transtec/images/raruro.gif); background-repeat:no-repeat;}
/*Producthead small*/
/*.prodheadS_raruru {position:absolute; bottom:19px; right:-1px; width:7px; height:7px; background-image:url(/transtec/images/raruru.gif); background-repeat:no-repeat; z-index:10;}*/
/*.prodheadS_bridge {position:absolute; height:20px; width:40%; bottom:-1px; right:-1px; background-color:#f1f2f3; background-image:url(/transtec/images/whitewavegrey2.gif); background-repeat:no-repeat; border-top:1px solid #7a817f; z-index:9;}*/
/*.prodheadS_stripe {position:absolute; height:1px; width:22px; bottom:19px; left:60%; background-color:#ffffff; z-index:10;}*/
/* Styles for Download Services*/
P.ddlSnr {font-size:12px; font-weight:bold; color:#000000; margin:0 0 0 0;}
TABLE.ddlFrame {width:100%; border:1px solid #7A817F;}
TD.ddlHead {height:20px; padding:3px; background-color:#AFB3B2; color:#FFFFFF; font-weight:bold;}
TABLE.ddlLight {width:100%; border-top:1px solid #7A817F; padding:3px; background-color:#FFFFFF;}
TABLE.ddlDark {width:100%; border-top:1px solid #7A817F; padding:3px; background-color:#F1F2F3;}
TD.ddlCol1 {width:50%; vertical-align:top;}
TD.ddlCol2 {width:15%; vertical-align:top;}
TD.ddlCol3 {width:20%; vertical-align:top;}
SPAN.dllSymbol {float:left; width:13px; height:10px; margin-top:2px; background-image:url(/transtec/images/arrow_small.gif); background-repeat:no-repeat;}
SPAN.dllSpacer {float:left; width:13px;}
TD.ddlNo {height:20px; padding:3px; font-weight:bold; color:#000000; text-align:left; background-color:#FFFFFF;}
/*Form Styles - not testeted
INPUT.button {font-size:10px; font-weight:bold; color:#870026; background-color:#FFFFFF; border:1px solid #7A817F; padding:0px; margin:0px; cursor:hand;}
INPUT.input {font-size:10px; border:1px solid #7A817F; padding:1px; margin:0 3 0 0;}
INPUT.inputfield {font-size:10px; border:1px solid #7A817F; padding:1px; margin:0 3 0 0;}*/
/* Styles für die Darstellung von Reiterboxen*/
.r1, .r2, .r3, .r4{font-size:1px; overflow:hidden; display:block;}
.r1 {background:#fff; margin:0 4px; border-top:1px solid #b1b2b3;}
.r2 {height:1px; background:#fff; border-right:2px solid #b1b2b3; border-left:2px solid #b1b2b3; margin:0 2px;}
.r3 {height:1px; background:#fff; border-right:1px solid #b1b2b3; border-left:1px solid #b1b2b3; margin:0 1px;}
.r4 {height:2px; background:#fff; border-right:1px solid #b1b2b3; border-left:1px solid #b1b2b3; margin:0 0px;}
.contentr {font-size: 11px; background: #fff; border-right:1px solid #b1b2b3; border-left:1px solid #b1b2b3; height: 15px;}
.contentm {z-index:4; position: absolute; top: 5px; -top: 15px; left: 7px; width: 95%;}
.fivetabs {z-index:4; position: relative; top: 5px; width: 99.9%;}
.threetabs{width:99.7%;}
.fixtabs2{z-index:5; position: relative; top: 5px; width: 100%;}
.fixtabs3{z-index:5; position: relative; width: 100%;}
.varwidth{width: 100%;}
.varwidth2{width: 100%;}
.tab_flow {width: 286px; height: 17px; background-image: url(/tt_images/a_home/2008/pic_prodbox_but.gif); background-repeat: no-repeat; z-index: 1; position:absolute; right: -1px; bottom:-5px;}
.tab_flow_link {position: relative; z-index: 4; right: 1%;}
.tab_flow_link2 {position: relative; z-index: 4; right: 1%; bottom: 8px;}