/* CSS Document */
/**** General ****/
html, body {background-color:#E1F1F6; margin: 0px; padding: 0px; height: 100%;}
div, span {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin: 0px; padding: 0px; color: #214572;}
a {text-decoration: underline; color: #002A5D;}
a:hover {text-decoration: underline; color: #002A5D;}
em {}
p {margin: 0px 0px 10px 0px}
small {font-size:9px;}
ul {list-style: url(../img/design/bullet_point.gif); padding: 0px 0px 0px 15px; margin-left: 20px;}
ol {}
a.linkImpressum {text-decoration: none;}
a.linkImpressum:hover {text-decoration: none;}
/****Headlines****/
h1 {margin:0px;padding:0px;font-size:20px; line-height:26px;font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97;}
h2 {margin:0px;font-size:16px; line-height:20px;font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97; padding: 20px 0px 10px 0px;}
h3 {margin:0px;padding:0px;font-size:14px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97;}
h4 {margin:0px;padding:0px;font-size:14px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97;}
h5 {margin:0px;padding:0px;font-size:14px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97;}
h6 {margin:0px;padding:0px;font-size:14px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#004E97;}
/****Elements Top****/
.elementLogoTop {padding: 15px 0px 20px 58px;}
/****Elements Content****/
.elementContent {padding: 0px 35px 0px 60px;}
.elementContentHeight {min-height: 755px;} /* min-height anpassen an laengere oder kuerzere Navigation (Hoehe blockLeft - 170px)*/
* html .elementContentHeight {height: 755px;} /* height (= min-height) anpassen an laengere oder kuerzere Navigation (Hoehe blockLeft - 170px)*/
.elementBox {margin: 0px 0px 0px -28px; padding: 35px 0px 35px 0px;}
/*Parts Boxes*/
/*Small Box*/
.elementBoxSmallTop {background-image:url(../img/design/bg_box_small_top.png); background-repeat: no-repeat; background-position: 0px 0px; width: 339px;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxSmallTop {background-image:url(../img/design/bg_box_small_top.gif); background-repeat: no-repeat; background-position: 0px 0px; filter:Alpha(opacity=87);}
.elementBoxSmallContent {background-image: url(../img/design/bg_box_small.png); width: 339px;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxSmallContent {background-image: url(../img/design/bg_box_small_rand.gif); width: 339px;}
* html .elementBoxSmallContentBackground {background-image: url(../img/design/bg_pixel_weiss.gif); width: 337px; filter:Alpha(opacity=87);}
.elementBoxSmallBottom {background-image:url(../img/design/box_small_bottom.png); width:339px; height:25px; background-repeat: no-repeat; background-position: 0px 0px;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxSmallBottom {background-image:url(../img/design/box_small_bottom.gif); width:339px; height:25px; background-repeat: no-repeat; background-position: 0px 0px;}
* html .elementBoxSmallBottomBackground {background-image:url(../img/design/bg_box_small_bottom.gif); background-repeat: no-repeat; background-position: 0px 0px; filter:Alpha(opacity=87);}
/*Headline 1 Line*/
.elementBoxSmall1Text {padding: 0px 28px 0px 28px; color: #214572;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxSmall1Text {padding: 0px 28px 0px 28px; color: #002A5D;}
/*Headline 2 Lines*/
.elementBoxSmall2Text {padding: 20px 28px 0px 28px; color: #214572;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxSmall2Text {padding: 20px 28px 0px 28px; color: #002A5D;}
/*Big Box Without Background-Image*/
.elementBoxBigTop {}
.elementBoxBigContent {background-image: url(../img/design/bg_box_big_rand.gif); width: 417px;}
.elementBoxBigBottom {background-image: url(../img/design/box_big_bottom.gif); width: 417px; height: 24px;}
/*Headline 1 Line*/
.elementBoxBig1Text {padding: 0px 28px 0px 28px; color: #214572;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxBig1Text {padding: 0px 28px 0px 28px; color: #002A5D;}
/*Headline 2 Lines*/
.elementBoxBig2Text {padding: 15px 28px 0px 28px; color: #214572;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxBig2Text {padding: 15px 28px 0px 28px; color: #002A5D;}
/*Headlines Graphics*/
.elementHeadline {padding-bottom: 15px;}
.elementTipps {margin: 0px; padding: 0px 0px 15px 15px; background-image:url(../img/design/bullet_point.gif); background-repeat: no-repeat; background-position: 0% 3px;}
/*Elements A bis Z*/
.elementAbisZNav {height: 50px;}
.elementAbisZButtons {padding: 15px 0px 10px 0px;}
.elementAbisZPoint {background-repeat: no-repeat; background-position: 0px 0px; padding: 5px 65px 10px 30px;}
.elementAbisZ1 {float: left; padding: 0px 25px 0px 0px;}
a.elementButtonAbisZ1 {display: block; width: 64px; height: 28px; background-image:url(../img/design/button_a_bis_l.gif);}
a.elementButtonAbisZ1:hover {display: block; width: 64px; height: 28px; background-image:url(../img/design/button_a_bis_l_r.gif);}
.elementAbisZ2 {float: left; padding: 0px 25px 0px 0px;}
a.elementButtonAbisZ2 {display: block; width: 66px; height: 28px; background-image:url(../img/design/button_m_bis_z.gif);}
a.elementButtonAbisZ2:hover {display: block; width: 66px; height: 28px; background-image:url(../img/design/button_m_bis_z_r.gif);}
/****Elements Bottom****/
.elementLogoBottom {padding: 35px 0px 20px 58px;}
.elementClearFloatBottom {clear: both; background-color: #FFFFFF; background-image:url(../img/design/bg_bottom_line.gif);}
.elementCopyRight {padding-top: 5px; font-size: 10px;}
/****Elements General****/
.elementClearFloat {clear: both; height: 1px; width: 1px;}
/****Blocks****/
.blockMain {text-align: center; height:100%;}
.blockMainCenter {margin: 0 auto; width: 768px; background-color: #C5EBF7; background-image: url(../img/design/left.jpg); background-position: left bottom; background-repeat: no-repeat;}
.blockLeft {width: 208px; float:left; min-height: 925px;} /* min-height anpassen bei laengerer oder kuerzerer Navigation*/
/*Star-Hack for Internet-Explorer:*/
* html .blockLeft {width: 208px; float:left; height: 925px;} /* height (= min-height) anpassen bei laengerer oder kuerzerer Navigation*/
.blockNavigation {background-color: #C5EBF7; width: 208px; text-align: left; padding-bottom: 1px;}
.blockRight {width: 560px;
min-height: 925px; /* min-height anpassen bei laengerer oder kuerzerer Navigation*/
float: left;
background-color: #FFFFFF;
background-image:url(../img/design/bg_content_line.gif);
text-align: left;}
* html .blockRight {width: 560px;
height: 925px; /* height (= min-height) anpassen bei laengerer oder kuerzerer Navigation*/
float: left;
background-color: #FFFFFF;
background-image:url(../img/design/bg_content_line.gif);
text-align: left;}
.blockContent {float: left; line-height: 130%; width: 560px;}
/****Fragments****/
.fragmentBlauTop {height: 11px; width: 208px; background-color: #003F7C;}
/**** Elements Products****/
.elementProduktuebersicht {margin-right: -35px; padding-bottom: 42px; padding-right: 50px; background-image:url(/img/design/bg_bogen_bottom.gif); background-position: right bottom; background-repeat: no-repeat;}
.elementBackgroundBogenTop {width: 375px; height: 43px; margin-left: -59px; background-image:url(/img/design/bg_bogen_top.gif); background-position: 0 0; background-repeat: no-repeat;}
.elementProdInfo {padding: 35px 0px 0px 0px;}
.elementProdImage {float: left; padding: 10px 30px 30px 0px;}
.elementProdImagePurfrisch {float: left; padding: 10px 5px 30px 0px;}
.elementProdText {float: left; width: 255px; padding: 10px 0px 30px 0px;}
.elementProdImageBelow {padding: 10px 30px 0px 0px;}
.elementProdTextBelow {width: 400px; padding: 20px 0px 30px 0px;}
.elementProdImageStoerer {position:absolute; padding: 0px 0px 5px 288px; margin-right: -61px; margin-top: -6px;}
.elementProdImageStoererPurfrisch {position:absolute; padding: 0px 0px 5px 180px; margin-right: -59px; margin-top: -31px;}
.elementText {float: left; width: 460px; padding: 10px 0px 30px 0px;}
.elementImageLeft {float: left; padding: 0px 30px 10px 0px;}
.elementImageRight {float: left; padding: 0px 0px 10px 10px;}
.elementImageLeftMikro {float: left; padding: 10px 20px 0px 0px;}
.elementTextMikro {float: left; width: 460px; padding: 0px 0px 30px 0px; margin-top: -10px;}
.elementImageAnwendungLeft {float: left; padding: 0px 10px 0px 0px; }
.elementImageAnwendungCenter {float: left; padding: 0px 10px 0px 0px; }
.elementImageAnwendungRight {float: left; padding: 0px 10px 0px 0px;}
.elementImageAnwendungText {width: 125px; padding: 3px 0px 0px 0px;}
.elementImageOberflaecheText {width: 200px; padding: 3px 0px 0px 0px;}
/*Box Produkte*/
.elementBoxProdTop {display: block; position: static; height: 24px; width: 324px; background-image:url(../img/design/bg_box_prod_top.png); background-position: 0px 0px;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxProdTop {display: block; position: static; height: 24px; width: 324px; background-image:url(../img/design/bg_box_prod_top.gif); background-position: 0px 0px; filter:Alpha(opacity=90);}
.elementBoxProdContent {display: block; position: static; width: 324px; background-image:url(../img/design/bg_box_prod.png); background-position: 0px 0px; background-repeat: repeat-y;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxProdContent {display: block; position: static; width: 324px; background-image:url(../img/design/bg_box_prod.gif); background-position: 0px 0px; background-repeat: repeat-y;filter:Alpha(opacity=90);}
.elementBoxProdBottom {display: block; position: static; height: 23px; width: 324px; background-image:url(../img/design/bg_box_prod_bottom.png); background-position: 0px 0px;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxProdBottom {display: block; position: static; height: 23px; width: 324px; background-image:url(../img/design/bg_box_prod_bottom.gif); background-position: 0px 0px; filter:Alpha(opacity=90);}
.elementBoxProdText {padding: 0px 0px 0px 13px; color: #214572; display: block; line-height: 138%;}
/*Star-Hack for Internet-Explorer:*/
* html .elementBoxProdText {color: #002A5D;}
/*IMAGEMAPS*/
/*imagemap general*/
dl {margin: 15px 0px 0px -6px;}
/*Imagemap Products Tabs*/
/* set size of the definition list and add the background image */
#imagemapTabs {display:block; position:relative; background:url(../img/content/produkte_tabs.jpg) no-repeat;}
/* place the - s in absolute position */
#imagemapTabs dd {position:absolute; padding:0; margin:0;}
#imagemapTabs #pic1 {left:28px; top:0px; z-index:20}
#imagemapTabs #pic2 {left:217px; top:0px; z-index:20;}
#imagemapTabs #pic3 {left:80px; top:168px; z-index:20;}
#imagemapTabs #pic4 {left:145px; top:169px; z-index:20;}
#imagemapTabs #pic5 {left:221px; top:168px; z-index:20;}
/* style the
- links' size and background image for hover */
#imagemapTabs a#prod1 {display:block; width:148px; height:151px; background:transparent url(../img/content/produkte_tabs_bio_rahmen.gif) -150px -150px no-repeat; text-decoration:none; z-index:20;}
#imagemapTabs a#prod2 {display:block; width:148px; height:151px; background:transparent url(../img/content/produkte_tabs_3min_rahmen.gif) -150px -150px no-repeat; text-decoration:none; z-index:20;}
#imagemapTabs a#prod3 {display:block; width:105px; height:150px; background:transparent url(../img/content/produkte_tabs_dentalweiss_r.gif) -150px -150px no-repeat; text-decoration:none; z-index:20;}
#imagemapTabs a#prod4 {display:block; width:105px; height:150px; background:transparent url(../img/content/produkte_tabs_rahmen.gif) -150px -150px no-repeat; text-decoration:none; z-index:20;}
#imagemapTabs a#prod5 {display:block; width:105px; height:150px; background:transparent url(../img/content/produkte_tabs_rahmen.gif) -150px -150px no-repeat; text-decoration:none; z-index:20;}
/* style span text so that it is not initially displayed */
#imagemapTabs a span, #imagemapTabs a:visited span {display:none;}
/* move link background image to position 0px 0px when hovered */
#imagemapTabs a#prod1:hover, #imagemapTabs a#prod2:hover, #imagemapTabs a#prod3:hover, #imagemapTabs a#prod4:hover, #imagemapTabs a#prod5:hover {background-position:0px 0px;}
/* define styling for the span text */
#imagemapTabs a:hover span {position:absolute; width:324px; display:block;}
/* hack for IE pre IE6 */
* html #imagemapTabs a:hover span {width:324px; w\idth:324px;}
/* move the span text to a the desired position*/
#imagemapTabs a#prod1:hover span {left:9px; top:110px;}
#imagemapTabs a#prod2:hover span {left:-180px; top:110px;}
#imagemapTabs a#prod3:hover span {left:-43px; top:-58px;}
#imagemapTabs a#prod4:hover span {left:-108px; top:-59px;}
#imagemapTabs a#prod5:hover span {left:-184px; top:-58px;}
/*imagemap Products Haftmittel*/
/* set size of the definition list
and add the background image*/
#imagemapHaftmittel {display:block; position:relative;}
/* place the - s in absolute position */
#imagemapHaftmittel dd {position:absolute; padding:0; margin:0;}
#imagemapHaftmittel #pic0 {left:1px; top:0px; z-index:20}
#imagemapHaftmittel #pic1 {left:0px; top:0px; z-index:20}
#imagemapHaftmittel #pic2 {left:123px; top:117px; z-index:20;}
#imagemapHaftmittel #pic3 {left:276px; top:0px; z-index:20;}
/* style the
- links' size and background image for hover */
#imagemapHaftmittel a#prod0 {display:block; width:111px; height:151px; background:transparent url(../img/content/prod_haftm_rahmen_streifen.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
#imagemapHaftmittel a#prod1 {display:block; width:241px; height:181px; background:transparent url(../img/content/prod_haftm_rahmen.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
#imagemapHaftmittel a#prod2 {display:block; width:241px; height:81px; background:transparent url(../img/content/prod_haftm_rahmen_sensitiv.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
#imagemapHaftmittel a#prod3 {display:block; width:118px; height:184px; background:transparent url(../img/content/prod_haftm_rahmen_pulver.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
/* style span text so that it is not initially displayed */
#imagemapHaftmittel a span, #imagemapHaftmittel a:visited span {display:none;}
/* move link background image to position 0px 0px when hovered */
#imagemapHaftmittel a#prod0:hover, #imagemapHaftmittel a#prod1:hover, #imagemapHaftmittel a#prod2:hover, #imagemapHaftmittel a#prod3:hover {background-position:0px 0px;}
/* define styling for the span text */
#imagemapHaftmittel a:hover span {position:absolute; width:324px; display:block;}
/* hack for IE pre IE6 */
* html #imagemapHaftmittel a:hover span {width:324px; w\idth:324px;}
/* move the span text to a the desired position*/
#imagemapHaftmittel a#prod0:hover span {left:37px; top:30px;}
#imagemapHaftmittel a#prod1:hover span {left:90px; top:45px;}
#imagemapHaftmittel a#prod2:hover span {left:-85px; top:-147px;}
#imagemapHaftmittel a#prod3:hover span {left:-301px; top:45px;}
/*imagemap Products Haftcremes*/
/* set size of the definition list
and add the background image*/
#imagemapHaftcremes {display:block; position:relative;}
/* place the - s in absolute position */
#imagemapHaftcremes dd {position:absolute; padding:0; margin:0;}
#imagemapHaftcremes #pic0 {left:0px; top:0px; z-index:20}
#imagemapHaftcremes #pic1 {left:0px; top:70px; z-index:20}
/* style the
- links' size and background image for hover */
#imagemapHaftcremes a#prod0 {display:block; width:185px; height:60px; background:transparent url(../img/content/prod_haftm_rahmen_frisch.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
#imagemapHaftcremes a#prod1 {display:block; width:185px; height:60px; background:transparent url(../img/content/prod_haftm_rahmen_neutral.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
/* style span text so that it is not initially displayed */
#imagemapHaftcremes a span, #imagemapHaftcremes a:visited span {display:none;}
/* move link background image to position 0px 0px when hovered */
#imagemapHaftcremes a#prod0:hover, #imagemapHaftcremes a#prod1:hover {background-position:0px 0px;}
/* define styling for the span text */
#imagemapHaftcremes a:hover span {position:absolute; width:324px; display:block;}
/* hack for IE pre IE6 */
* html #imagemapHaftcremes a:hover span {width:324px; w\idth:324px;}
/* move the span text to a the desired position*/
#imagemapHaftcremes a#prod0:hover span {left:150px; top:25px;}
#imagemapHaftcremes a#prod1:hover span {left:150px; top:-46px;}
/*imagemap Products Reinigungsschaum*/
/* set size of the definition list
and add the background image*/
#imagemapReinigungsschaum {display:block; position:relative;}
#imagemapReinigungsschaum .elementGarantieStoerer {position:absolute; margin: 0px 0 0 130px; z-index:100!important; z-index:-1;}
/* place the - s in absolute position */
#imagemapReinigungsschaum dd {position:absolute; padding:0; margin:0;}
#imagemapReinigungsschaum #pic0 {left:23px; top:0px; z-index:20}
/* style the
- links' size and background image for hover */
#imagemapReinigungsschaum a#prod0 {display:block; width:64px; height:174px; background:transparent url(../img/content/prod_reinigss_purfri_rahmen.gif) -250px -250px no-repeat; text-decoration:none; z-index:20;}
/* style span text so that it is not initially displayed */
#imagemapReinigungsschaum a span, #imagemapReinigungsschaum a:visited span {display:none;}
/* move link background image to position 0px 0px when hovered */
#imagemapReinigungsschaum a#prod0:hover, #imagemapReinigungsschaum a#prod1:hover, #imagemapReinigungsschaum a#prod2:hover, #imagemapReinigungsschaum a#prod3:hover {background-position:0px 0px;}
/* define styling for the span text */
#imagemapReinigungsschaum a:hover span {position:absolute; width:324px; display:block;}
/* hack for IE pre IE6 */
* html #imagemapReinigungsschaum a:hover span {width:324px; w\idth:324px;}
/* move the span text to a the desired position*/
#imagemapReinigungsschaum a#prod0:hover span {left:47px; top:-43px;}