body {background-color: #EFEFEE; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;} body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} span,td {font-family:arial,helvetica,sans-serif;} a {text-decoration:none;} input,select,textarea {font-family:arial,helvetica,sans-serif; font-size:10px; } .pageBreakBefore {page-break-before:always;} .Tooltip {color: #912424; font-weight: bold;} .Stil1 {color: #FF0000} .Stil2 {color: #000099; font-weight: bold;} .Stil3 {font-size: 14px; font-weight: bold; color: #FF0000;} .Stil5 {font-size: 16px; font-weight: bold; color: #BE0202;} .Stil6 {font-size: 12px} .Stil7 {font-size: 16px; font-weight: bold;} .Stil8 {font-size: 12px; font-weight: bold; color: #BE0202;} .Stil9 {font-size:11px; line-height:14px; color:#BE0202; ; font-style: normal; text-transform: none; font-variant: normal; text-decoration: none; font-family: arial, helvetica, sans-serif;} /* * Template for new colours: * .color[hexcode] {color:#[hexcode];} */ .color000000 {color:#000000;} .color666666 {color:#666666;} .color999999 {color:#999999;} .colora9a9a9 {color:#a9a9a9;} .colorffffff {color:#ffffff;} .colora9a9a9 {color:#a9a9a9;} .colorf2269e {color:#f2269e;} .colorcccccc {color:#cccccc;} .colorff6600 {color:#ff6600;} .colorb9b9b9 {color:#b9b9b9;} .color333333 {color:#333333;} .color757575 {color:#757575;} .colora6beaf {color:#a6beaf;} .color35574c {color:#35574c;} /* * Template for new -Styles: * a.color[link-colour]-[hover/active-colour] {color:#} * a.color[link-colour]-[hover/active-colour]:hover {color:#} * a.color[link-colour]-[hover/active-colour]:active {color:#} */ a.Produkte_A_Z {color:#ff0000;} a.Produkte_A_Z:hover {color:#666666;} a.Produkte_A_Z:active {color:#DDDDDD;} a.Produkte__A_Z {color:#ffff00;} a.Produkte__A_Z:hover {color:#666666;} a.Produkte__A_Z:active {color:#DDDDDD;} a.colorcccccc-ffffff {color:#cccccc;} a.colorcccccc-ffffff:hover {color:#ffffff;} a.colorcccccc-ffffff:active {color:#ffffff;} a.color666666-000000 {color:#666666;} a.color666666-000000:hover {color:#000000;} a.color666666-000000:active {color:#000000;} a.color757575-ffffff {color:#757575;} a.color757575-ffffff:hover {color:#ffffff;} a.color757575-ffffff:active {color:#ffffff;} a.color999999-000000 {color:#999999;} a.color999999-000000:hover {color:#000000;} a.color999999-000000:active {color:#000000;} a.colora9a9a9-ffffff {color:#a9a9a9;} a.colora9a9a9-ffffff:hover {color:#ffffff;} a.colora9a9a9-ffffff:active {color:#ffffff;} a.colorcdcdcd-ffffff {color:#cdcdcd;} a.colorcdcdcd-ffffff:hover {color:#ffffff;} a.colorcdcdcd-ffffff:active {color:#ffffff;} a.colora9a9a9-000000 {color:#a9a9a9;} a.colora9a9a9-000000:hover {color:#000000;} a.colora9a9a9-000000:active {color:#000000;} a.colorffffff-f2269e {color:#ffffff;} a.colorffffff-f2269e:hover {color:#f2269e;} a.colorffffff-f2269e:active {color:#f2269e;} a.color000000-f2269e {color:#000000;} a.color000000-f2269e:hover {color:#f2269e;} a.color000000-f2269e:active {color:#f2269e;} a.color999999-f2269e {color:#999999;} a.color999999-f2269e:hover {color:#f2269e;} a.color999999-f2269e:active {color:#f2269e;} a.colorb9b9b9-ffffff {color:#b9b9b9;} a.colorb9b9b9-ffffff:hover {color:#ffffff;} a.colorb9b9b9-ffffff:active {color:#ffffff;} a.color999999-ffffff {color:#999999;} a.color999999-ffffff:hover {color:#ffffff;} a.color999999-ffffff:active {color:#ffffff;} a.color999999-ff6600 {color:#999999;} a.color999999-ff6600:hover {color:#ff6600;} a.color999999-ff6600:active {color:#ff6600;} a.color000000-ff6600 {color:#000000;} a.color000000-ff6600:hover {color:#ff6600;} a.color000000-ff6600:active {color:#ff6600;} a.colorffffff-ff6600 {color:#ffffff;} a.colorffffff-ff6600:hover {color:#ff6600;} a.colorffffff-ff6600:active {color:#ff6600;} a.colora6beaf-ffffff {color:#a6beaf;} a.colora6beaf-ffffff:hover {color:#ffffff;} a.colora6beaf-ffffff:active {color:#ffffff;} #LogoLayer {position:absolute; left:18px; top: 7px; width:267px; height:136px; overflow:hidden; z-index:1;} #LogoLayer2 {position:absolute; left:880px; top: 3px; width:121px; height:139px; overflow:hidden; z-index:1;} #FooterLayer {position:absolute; left:0px; top: 0px; width:1020px; height:20px; overflow:hidden; z-index:40;} #iFrameLayer {position:absolute; left:440px; top:190px; width:520px; height:380px; z-index:40;} #Handwerk {position:absolute; left:845px; top: 11px; width:118px; height:123px; overflow:hidden; z-index:1;} #HomeFlash_1 {position:absolute; left:0px; top: 0px; width:1012px; height:145px; overflow:hidden; z-index:1;} #Kundenlogin {position:absolute; left:562px; top: 245px; width:166px; height:161px; overflow:hidden; z-index:1;} #Kundenlogin1 {position:absolute; left:118px; top: 84px; width:450; height:241; overflow:hidden; z-index:10;} #Kundenlogin2 {position:absolute; left:1025px; top: 73px; width:300px; height:250; overflow:hidden; z-index:3;} #Kundenlogin3 {position:absolute; left:650px; top: 84px; width:188px; height:193px; overflow:hidden; z-index:4;} #Kundenlogin4 {position:absolute; left:10px; top: 12px; width:626px; height:420px; overflow:hidden; z-index:5;} #Kundenlogin5 {position:absolute; left:644px; top: 16px; width:272px; height:344px; overflow:hidden; z-index:4;} #login_form {position:absolute; left:143px; top: 102px; width:326px; height:203px; overflow:hidden; z-index:10;} #kontakt_form {position:absolute; left:23px; top: 22px; width:326px; height:203px; overflow:hidden; z-index:10;} #kontakt_form_bg {position:absolute; left:10px; top: 12px; width:626px; height:420px; overflow:hidden; z-index:5;} #kontakt_form_re {position:absolute; left:644px; top: 16px; width:272px; height:344px; overflow:hidden; z-index:4;} #kontakt_danke {position:absolute; left:0; top: 0; width:589px; height:344px; overflow:hidden; z-index:4;} #kontakt_right1 {position:absolute; left:6px; top: 7px; width:272px; height:161px; overflow:hidden; z-index:4;} #kontakt_iFrame1 {position:absolute; left:34px; top: 24px; width:592px; height:380px; overflow:hidden; z-index:8;} #HeadlineLayer0 {position:absolute; left:13px; top: 10px; width:845px; height:35px; overflow:hidden; z-index:1;} #HeadlineLayer1 {position:absolute; left:10px; top: 5px; width:823px; height:39px; overflow:hidden; z-index:1;} #PictureChanger {position:absolute; left:548px; top: 58px; width:291px; height:293px; overflow:hidden; z-index:30;} #PictureLayer0 {position:absolute; left:548px; top: 51px; width:291px; height:293px; overflow:hidden; z-index:30;} #PictureLayer1 {position:absolute; left:547px; top: 57px; width:311px; height:319px; overflow:hidden; z-index:30;} #PictureLayer_0 {position:absolute; left:278px; top: 51px; width:291px; height:293px; overflow:hidden; z-index:1;} #Content_A_Z {position:absolute; left:155px; top: 180px; width:502px; height:38px; overflow:hidden; z-index:9;} #ContentLayer {position:absolute; left:10px; top: 15px; width:617px; height:375px; overflow:hidden; z-index:5;} #ContentLayer1 {position:absolute; left:14px; top: 44px; width:327px; height:327px; overflow:hidden; z-index:5;} #ContentLayer2 {position:absolute; left:10px; top: 7px; width:860px; height:400px; overflow:hidden; z-index:5;} #ImpressLayer {position:absolute; left:10px; top: 10px; width:702px; height:423px; overflow:hidden; z-index:5;} #ImpressLayer2 {position:absolute; left:10px; top: 7px; width:860px; height:375px; overflow:hidden; z-index:5;} #ProdukteLayer {position:absolute; left:10px; top: 15px; width:702px; height:375px; overflow:hidden; z-index:5;} #PartnerLayer {position:absolute; left:110px; top: 115px; width:617px; height:375px; overflow:hidden; z-index:5;} #ImageLayer1 {position:absolute; left:621px; top: 10px; width:252px; height:410px; overflow:hidden; z-index:1;} #ImageLayer2 {position:absolute; left:365px; top: 104px; width:255px; height:185px; overflow:hidden; z-index:2;} #NaviHeadLayer {position:absolute; left:0px; top: 145px; width:1020px; height:24px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer0 {position:absolute; left:0px; top: 145px; width:129px; height:24px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer1 {position:absolute; left:128px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer2 {position:absolute; left:268px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer3 {position:absolute; left:408px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer4 {position:absolute; left:548px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer5 {position:absolute; left:688px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer6 {position:absolute; left:828px; top: 145px; width:141px; height:23px; overflow:hidden; z-index:3; border:0px;} #NaviHeadLayer7 {position:absolute; left:968px; top: 145px; width:47px; height:23px; overflow:hidden; z-index:3; border:0px;} #leftfooter {position:absolute; left:0px; top: 325px; width:128px; height:109px; overflow:hidden; z-index:10;} #FlashLayer1 {position:absolute; left:15px; top: 0px; width:823px; height:145px; overflow:hidden; z-index:100;} #FlashLayer2 {position:absolute; left:620px; top: 183px; width:258px; height:200px; z-index:100; overflow: hidden;} #FlashLayer3 {position:absolute; left:729px; top: 333px; width:258px; height:200px; z-index:100; overflow: hidden;} #FlashLayer4 {position:absolute; left:159px; top: 168px; width:827px; height:39px; z-index:100; overflow: hidden;} #FlashLayer5 {position:absolute; left:159px; top: 168px; width:827px; height:39px; z-index:100; overflow: hidden;} #NoscriptLayer {position:absolute; left:159px; top: 168px; width:827px; height:39px; z-index:100; overflow: auto;} #FormLayerCMS {position:absolute; left:732px; top: 170px; width:222px; height:345px; z-index:10; background-color: #CCCCCC;} #file_uploader {position:absolute; left:732px; top: 518px; width:222px; height:140px; z-index:1; background-color: #CCCCCC;} /*} /* Anfang Einstellungen für den Content-Scroller */ #divUpControl{position:absolute; width:400px; left:10px; top:42px; z-index:30; text-align: right} #divDownControl{position:absolute; width:400px; left:10px; top:355px; z-index:30; text-align: right} #divContainer{position:absolute; width:350px; height:330px; overflow:hidden; top:55px; left:15px; clip:rect(0,350,330,0); visibility:hidden; z-index:1;} #divContent{position:absolute; top:-4px; left:15px; z-index:1; height: 330px;} /* Ende Einstellungen für den Content-Scroller */ /* Anfang Einstellungen für den Content-Scroller AGB */ #divUpControl_agb{position:absolute; width:860px; left:10px; top:10px; z-index:30; text-align: right; z-index:5;} #divDownControl_agb{position:absolute; width:860px; left:10px; top:371px; z-index:30; text-align: right; z-index:5;} #divContainer_agb{position:absolute; width:820px; height:418px; overflow:hidden; top:15px; left:15px; clip:rect(0,820,351,0); visibility:hidden; z-index:10;} #divContent_agb{position:absolute; top:0px; left:15px; width: 820px; z-index:10; height: 1350px;} /* Ende Einstellungen für den AGB-Scroller */ /* Anfang Einstellungen für den Content-Scroller ALL */ #divUpControl_all{position:absolute; width:870px; left:10px; top:10px; z-index:30; text-align: right; z-index:5;} #divDownControl_all{position:absolute; width:870px; left:10px; top:341px; z-index:30; text-align: right; z-index:5;} #divContainer_all{position:absolute; width:820px; height:351px; overflow:hidden; top:52px; left:15px; clip:rect(0,820,321,0); visibility:hidden; z-index:10;} /* #divContent_all{position:absolute; top:-10px; left:15px; width: 350; z-index:10; height: 430px;} /* /* Ende Einstellungen für den Content-Scroller ALL */ /* Anfang Einstellungen für den Content-Scroller _impress */ #divUpControl_impress{position:absolute; width:860px; left:10px; top:10px; z-index:30; text-align: right; z-index:1;} #divDownControl_impress{position:absolute; width:860px; left:10px; top:386px; z-index:30; text-align: right; z-index:1;} #divContainer_impress{position:absolute; width:820px; height:418px; overflow:hidden; top:15px; left:15px; clip:rect(0,820,399,0); visibility:hidden; z-index:10;} #divContent_impress{position:absolute; top:0px; left:15px; width: 820px; z-index:10; height: 1850px;} /* Ende Einstellungen für den Content-Scroller _impress */ /* Anfang Einstellungen für den Content-Scroller _datenschutz */ #divUpControl_datenschutz{position:absolute; width:860px; left:10px; top:10px; z-index:30; text-align: right; z-index:1;} #divDownControl_datenschutz{position:absolute; width:860px; left:10px; top:386px; z-index:30; text-align: right; z-index:1;} #divContainer_datenschutz{position:absolute; width:820px; height:418px; overflow:hidden; top:15px; left:15px; clip:rect(0,820,399,0); visibility:hidden; z-index:10;} #divContent_datenschutz{position:absolute; top:0px; left:15px; width: 820px; z-index:10; height: 6200px;} /* Ende Einstellungen für den Content-Scroller _datenschutz */ #noScriptLayer {position:absolute; left: 0px; top: 0px; z-index:999; width:100%; height:100%;} /* * * Styles für Formulare * */ .formWidth { width:405px; } .noFloat { clear: both; } .checkElement { float:left; } .elementColor { color:#000000 } .labelColor { color:#000000 } .error { color:#ff6600 } /* * Labels */ .label { display:block; font-size:10px; line-height:12px; } .label_checkbox { display:block; font-size:10px; line-height:11px; padding-bottom:8px; padding-top:2px;} label { display:inline; font-size:10px; line-height:13px; margin-top:3px; margin-right:3px; float:left; } label.label { display:inline; font-size:10px; line-height:11px; margin-top:2px; margin-left:6px; float:left;} label.radio { font-size:10px; line-height:13px; margin-top:0px; -margin-top:3px; margin-right:3px; float:left; padding-left:4px; -padding-left:1px;} label.radio100 { font-size:10px; line-height:13px; margin-top:0px; -margin-top:3px; margin-right:3px; float:left; padding-left:4px; -padding-left:1px;} .selectlabel { font-size:10px; line-height:13px; } .salutationLabel {-margin-top:4px;} .radioHorizontalLabel {margin-bottom:2px; -margin-bottom:-3px;} label.labelCheckElement200 { padding-bottom:0px; width:347px; } label.labelCheckElement100 { padding-bottom:0px; width:190px; } .headlineText {font-size:11px; font-weight:bold; line-height:13px; } .hintLink {font-size:10px; line-height:13px; margin-top:0px; margin-right:0px; text-decoration:underline; } /* * input, select und textarea elements */ select.formElement {margin:1px 0px 0px 0px;} input.formElement {padding:1px 0px 1px 3px; margin:0px 0px 0px 0px;} textarea.formElement {height: 82px; padding:1px 0px 1px 3px;} .sizeInPercent-20 {width: 35px;} .sizeInPercent-33 {width: 59px;} .sizeInPercent-34 {width: 55px;} .sizeInPercent-40 {width: 65px;} .sizeInPercent-50 {width: 91px;} .sizeInPercent-60 {width:118px;} .sizeInPercent-80 {width:148px;} .sizeInPercent-100 {width:188px;} .sizeInPercent-200 {width:391px;} /*special width*/ .sizeInPercent-55 {width: 35px;} .sizeInPercent-155 {width:188px;} .sectionBlock {float:left; padding:0px 0px 0px 0px;} .formElementBlock {float:left; padding:0px 0px 7px 0px; margin:1px 0px 0px 0px; display:inline;} .groupElementBlock {float:left; padding:0px 0px 0px 0px; display:inline;} .checkElementBlock {clear:both; margin-top:-1px;} .checkSubElementBlock {padding:4px 0px 0px 0px;} .button {clear:both;} .errorMessage {float:left; padding:0px 0px 0px 0px;} /* * Horizontal space between the elements */ .spacingSmall { padding-right:5px; } .spacingLarge { padding-right:15px; } .spacingSalutationElement { padding-left:6px; float:left; } .spacingSalutationSubElement { padding-left:2px;} .subheadlineText13bold {font-family:arial,helvetica,sans-serif; font-size:13px; line-height:14px; font-weight:bold; color:#000000; font-style: normal; text-transform: none; font-variant: normal; text-decoration: none;} .note {font-family:arial,helvetica,sans-serif; font-size:11px; line-height:14px; font-weight:bold; color:#BE0202;; font-style: normal; text-transform: none; font-variant: normal; text-decoration: none;}