body {margin:0px; padding:0px;font:12px/150% "Futura Book", Futura, Verdana, sans-serif; color:#555; background:#fff;} a {text-decoration:none;margin:0; padding:0} img {border: 0; margin:0; padding:0} div {margin: 0; padding: 0;} /*content-container ------------------------------------------------*/ #container{margin: 0 0 60px 0; padding: 0;list-style-type: none; float: left;} /*#container a { color:#909090; background:#fff;}*/ /*content-container_start left ------------------------------------------------*/ #container #left{float:left; width:288px; letter-spacing:1px; font-size:11px; color:#909090; background:#fff;} #container #left #termine {clear:both;background:url(images/startseite/kv_beauty-termine.jpg) bottom right no-repeat ;width:288px;margin-top:11px; border:1px solid #ccc; border-width:0 0 1px 0;} #container #left #termine p{line-height:150%;margin:9px 0 0 10px; padding: 0; font-size:16px; width:150px} #container #left #termine #btn_termine{ display:block;background: url(images/startseite/btn_themen.png) bottom no-repeat; width:94px; height:17px; margin:30px 0 10px 10px;} #container #left #termine #btn_termine:hover{background: url(images/startseite/btn_themen.png) top no-repeat;} #container #left #journal{clear:both; margin-top:11px; border:1px solid #ccc; border-width:0 0 1px 0;} #container #left #journal p{line-height:150%; width:190px; margin:8px 0 0 100px; padding: 0; font-size:16px;} #container #left #journal #btn_journal{ display:block;float:right;background: url(images/startseite/btn_anmelden.png) bottom no-repeat; width:70px; height:17px; margin:15px 0 10px 0;} #container #left #journal #btn_journal:hover{background: url(images/startseite/btn_anmelden.png) top no-repeat;} #container #left #journal form {display:inline; float:left; margin:12px 0 0 100px;} #container #left #journal form input {width:110px;height:16px;border:solid 1px #ccc; margin:0 0px 0 0} #container #left #engel{clear:both;height:180px; background:url(images/startseite/kanebo_startseite_service_engel.jpg) bottom left no-repeat;margin-top:11px; border:1px solid #ccc; border-width:0 0 1px 0;} #container #left #engel p{line-height:150%; width:190px; margin:8px 0 0 100px; padding: 0; font-size:16px;} /*content-container_start right ------------------------------------------------*/ #container #right{width:457px;float:right;margin: 11px 0 0 5px; letter-spacing:1px; font-size:11px; color:#909090; background:#fff;} #container #right #teaser{margin: 0 0 0 1px; padding:0;} #container #right #teaser img{border:1px solid #ccc; margin:7px 0 2px 6px} /*content-container_start right images ------------------------------------------------*/ #container #right #shops{background:url(images/startseite/shops_map.png) left no-repeat;width:220px;clear:both;float:left; margin-top:3px; padding-top:10px; border:1px solid #ccc; border-width: 1px 0 1px 0;} #container #right #shops p{line-height:150%; margin:10px 0 0 80px; padding: 0; font-size:16px;} #container #right #shops #headline{width:222px;} #container #right #shops #btn_shops{display:block;background: url(images/startseite/btn_suchen.png) bottom no-repeat; width:57px; height:17px; margin:13px 0 10px 80px;} #container #right #shops #btn_shops:hover{background: url(images/startseite/btn_suchen.png) top no-repeat; width:57px; height:17px;} #container #right #tipp{width:223px; float:right; margin-top:3px; padding-top:10px; border:1px solid #ccc; border-width: 1px 0 1px 0;} #container #right #tipp p{line-height:150%; margin:9px 0 29px 10px; padding: 0; font-size:16px;} #container #right #tipp #btn_weiter{display:block;background: url(images/startseite/btn_weiter.png) bottom no-repeat; width:54px; height:17px; margin:0px 0 10px 10px;} #container #right #tipp #btn_weiter:hover{background: url(images/startseite/btn_weiter.png) top no-repeat; width:54px; height:17px;} /*content_start ------------------------------------------------*/ #content_start{border:1px solid #ccc; clear:both; padding:2px;} #content_start h2{padding: 16px 20px 0 10px; margin: 0; font-size:21px; font-weight:bold;} #content_start span{padding: 16px 20px 0 10px; margin: 0;} #content_start img{margin:2px 0 0 2px;} /*content_wide ------------------------------------------------*/ #content_wide {border:1px solid #ccc; clear:both; padding:2px; width:755px;} #content_wide h2{padding: 20px 20px 15px 14px;margin: 0; font-size:21px;font-family:"Futura Book", Futura, Verdana, sans-serif; color:#555555; font-weight:normal;} #content_wide span{padding: 16px 20px 0 10px; margin: 0;} #content_wide p { font-size:16px;} #content_wide img{margin:2px 0 0 2px;} #content_wide h3{padding: 10px 0 15px 14px; margin: 0; font-size:19px; font-weight:bold; color:#acacac;} #content_wide #haftung p{ width:550px;} #content_wide div#haftung {padding-bottom: 95px;} #content_wide.images{padding:15px 0 80px 15px; margin:0; width:518px;} #content_wide.images img{border:1px solid #ccc; margin:0px 8px 7px 0px; padding:2px;} #content_wide img.produkt{margin:10px 0 0 14px; padding-right: 0px;} #content_wide img.image_left{border:1px solid #ccc; float:left; margin:0 10px 10px 0; padding:3px;} #content_wide img.image_right{border:1px solid #ccc; float:right; margin:0 0 10px 10px; padding:3px;} #content_wide #harmonising_images{ margin-left:14px;} #content_wide #harmonising_images img{ padding:3px; border:1px solid #ccc; margin-bottom:15px;} /*content ------------------------------------------------*/ #content {border:1px solid #ccc; width:533px; margin-top:0px; position:relative; padding:12px 0 20px 0; z-index:1; /*text-transform:uppercase;*/} #content h2{margin: 20px 0 20px 14px; font-size:21px; font-family:"Futura Book", Futura, Verdana, sans-serif; color:#555555; font-weight:normal;} #content h3{ margin: 20px 0 10px 14px; font-size:19px; font-weight:bold; color:#aaaaaa;} #content p{ font-size:16px;} p {margin: 0px 20px 10px 14px;} #content ul {margin:14px 0} #content ul li {margin-left:44px} #content ul.grundsaetze{ list-style-type:none;margin:10px 0 10px 30px; font-size:16px;} #content p.grundsaetze {padding-bottom: 0; margin-bottom: 0;} #content p.wirkstoffe{ clear:both; margin-bottom: 20px; margin-top: 0;} #content p.wirkstoffe img {} #content p.text{padding: 0px 20px 0 17px; margin-bottom: 15px;} #content p.text_left{ width:500px;padding:0; margin:20px 0px 0 15px; clear:both; float:left; } #content p.text_right{padding:0; margin:10px 0 10px 0;} #content p.line{ width:462px;border:1px solid #ECE7D4; border-width:0 0 2px 0; margin: 10px 0 20px 16px;} #content p.date{float:left; font-weight:bold; margin:0px 20px 20px 35px;} #content p.date_text{float:left; margin:0 0 20px 0px; width: 350px;} #content img.produkt{margin:0px 0 0 14px; padding-right: 0px;} #content .image_left{border:1px solid #ccc; float:left; margin:0 10px 10px 0; padding:3px;} #content .image_right{border:1px solid #ccc; float:right; margin:0 0 10px 10px; padding:3px;} #content.images{padding:15px 0 80px 15px; margin:0 0 60px 0; width:518px; min-height:300px;} #content.images img{border:1px solid #ccc; margin:0px 8px 7px 0px; padding:2px;} * html #content {margin-top:-1px;} #content #shampoo_details{ margin:0 0 20px 50px; padding:0; list-style-type:disc;} #content table.ansprechpartner{ margin-left:45px; font-size:16px;} #content table.ansprechpartner td.name{ font-weight:bold; text-align:right; vertical-align:top; padding-right:20px;} #content table.ansprechpartner td{ padding-bottom:15px;} #content table.kontaktformular td { text-align:right;} #content select #subject{ width:350px;} #content #content_unternehmen h3 {margin:40px 0 20px 14px;} .contentWirkstoffe h3{ clear:both;} #neuheitenSensaiSilk{ background:url(images/produkte/neuheiten/neuheiten_sensai_silk_bg.jpg) bottom repeat-y; padding:0; margin:0;} #christmasbg { background:url(images/produkte/neuheiten/christmas/kanebo_neuheiten_christmas_bg.jpg) repeat-y; margin:0 16px 0 15px; border-bottom:#ccc 1px solid; } #christmasbg div h3, #christmasbg h3 {color:#545253;font-size:14px; } #christmasbg div ul li { font-size:14px; } #christmasbg img { margin-left:1px; } #christmasset { margin-bottom:40px; padding:0px 0 0 0; } #christmasset .small { font-size:10px; } #christmas1 { position:relative; background:url(images/produkte/neuheiten/christmas/kanebo_neuheiten_christmas_bild1.jpg) no-repeat; height:175px; margin-top:20px; } #christmas1 h3 { margin:0 0 5px 220px; } #christmas1 ul { margin:0 0 0 240px; padding:0px; font-size:12px;} #christmas1 img { position:absolute;top:0px;left:0px; } #christmas2 { position:relative; background:url(images/produkte/neuheiten/christmas/kanebo_neuheiten_christmas_bild2.jpg) no-repeat; height:200px; margin-top:10px } #christmas2 ul { margin:0 20px 0 35px; padding:0px; font-size:12px;} #christmas2 p {margin-left:15px;margin-top:5px; } #christmas2 img { position:absolute;top:0px;left:300px; } #christmas3 { position:relative; background:url(images/produkte/neuheiten/christmas/kanebo_neuheiten_christmas_bild3.jpg) no-repeat; height:200px; padding-top:20px;} #christmas3 h3 { margin:0px 0 5px 220px; } #christmas3 ul { margin:0 0 0 240px; padding:0px; font-size:12px;} #christmas3 p {margin-left:220px;margin-top:5px; } #christmas3 img { position:absolute;top:0px;left:0px; } #christmas4 { position:relative; background:url(images/produkte/neuheiten/christmas/kanebo_neuheiten_christmas_bild4.jpg) no-repeat; height:175px; padding-top:20px; } #christmas4 h3 { margin:0 0 5px 15px; } #christmas4 ul { margin:0 0 0 35px; padding:0px; font-size:12px;} #christmas4 p { margin-left:15px;margin-top:5px; } #christmas4 img { position:absolute;top:20px;left:300px; } /*imprint ---------------------------------------------------*/ #neuheitenPremier{ padding-bottom:20px; background:url(images/produkte/neuheiten/neuheiten_sensai_premier_bg.jpg) top repeat-y; color:#D0D0B6;} #neuheitenPremier h2{ color:#D0D0B6; margin-left:30px;} #neuheitenPremier p{ color:#D0D0B6; margin-left:30px; width:450px;} #neuheitenPremier a{ color:#D0D0B6; text-decoration:underline;} #neuheitenSilk{ padding-bottom:20px; background:url(images/produkte/neuheiten/neuheiten_sensai_silk_bg.jpg) top repeat-y; color:#545253;} #neuheitenSilk h2{ color:#545253; margin-left:30px;} #neuheitenSilk p{ color:#545253; margin-left:30px; width:450px;} #neuheitenSilk a{ color:#545253; text-decoration:underline;} #neuheitenCellular{ padding-bottom:20px; background:url(images/produkte/neuheiten/neuheiten_sensai_cp_bg.jpg) top repeat-y; color:#545454;} #neuheitenCellular h2{ color:#545454; margin-left:30px;} #neuheitenCellular p{ color:#545454; margin-left:30px; width:450px;} #neuheitenCellular a{ color:#545454; text-decoration:underline;} #neuheitenPurifying{ padding-bottom:20px; background:url(images/produkte/neuheiten/sensai_silky_purifying_bg.jpg) top repeat-y; color:#D0D0B6;} #neuheitenPurifying div.line { background:#cdcdcd; height:1px;margin:23px 15px 0 16px; } #neuheitenPurifying h2{ color:#555555; margin-left:30px; text-transform:uppercase; } #neuheitenPurifying p{ color:#555555; margin-left:30px; width:450px;} #neuheitenPurifying a{ color:#555555; text-decoration:underline;} #neuheitenSilkEye{ padding-bottom:20px; background:url(images/produkte/neuheiten/sensai_silk_bg.jpg) top repeat-y; color:#D0D0B6;} #neuheitenSilkEye div.line { background:black; height:1px;margin:23px 15px 0 16px; } #neuheitenSilkEye h2{ color:#555555; margin-left:30px; text-transform:uppercase; } #neuheitenSilkEye p{ color:#555555; margin-left:30px; width:450px;} #neuheitenSilkEye a{ color:#555555; text-decoration:underline;} #neuheitenBronze{ padding-bottom:20px; background:url(images/produkte/neuheiten/sensai_silky_bronze_bg.jpg) top repeat-y; color:#D0D0B6;} #neuheitenBronze h2{ color:#D8CFB0; margin-left:30px; text-transform:uppercase; } #neuheitenBronze p{ color:#D8CFB0; margin-left:30px; width:450px;} #neuheitenBronze a{ color:#D8CFB0; text-decoration:underline;} /*imprint ---------------------------------------------------*/ #imprint { padding-left:10px;} #imprint h3{ color:#000; font-size:20px;} #imprint h2{ color:#ccc;} /*contact ---------------------------------------------------*/ #contact h2{color:#000;} #contact p{ margin-left:10px;} #contact fieldset {border:0;} #contact form { margin-left: 80px;} #contact input{width:280px;height:16px;border:solid 1px #ccc; margin:0 0px 10px 0;} #contact textarea{ width:280px;} #contact select {width:255px;height:18px;border:solid 1px #ccc; margin:0 0px 10px 0;} #contact input.check{width:20px;height:16px;border-width: 0; margin:20px 0px 10px 150px; float:left;} #contact p.einwilligung{ margin-top:20px; width:260px; float:left;} #contact label.left { float: left; text-align: right; width: 100px; margin-right: 50px; } #contact input.right { float: left; width: auto; clear: both; margin-left: 150px; margin-right: .3em; } #contact input[type="text"]:focus, textarea:focus {background: #EFF3F5; border: 1px solid #BBB; } #contact input[type="text"]:hover, textarea:hover {border: 1px solid #BBB; } #contact input[type="text"], textarea { border: 1px solid #CCC; padding: 2px; width: 250px; } /*footer -------------------------------------------------*/ #footer { background-color:#242B31; padding-bottom:6px; width:758px; clear:both; } html > body #footer { padding-bottom:13px; } br.clear { clear:both; } /* footernavi ----------------------------------------------- */ #footerNavi { display:inline; float:left; margin:12px 0 0 23px; width:331px; } #footerNavi ul li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; } #footerNavi ul li a { display:block; height:13px; margin:0 23px 6px 0; padding:0; text-decoration:none; text-indent:-9999px; width:112px; } #footerLogo { display:inline; float:right; margin-right:23px; width:330px; } #footerLogo address { float:left; margin-top:32px; width:195px; } #footerLogo p { float:right; margin-top:16px; width:80px; } #footerNavi ul li.globalsite a, #footerNavi ul li.globalsite a:hover { background:transparent url(images/footer/kanebo_global.gif) no-repeat scroll 0%; } #footerNavi ul li.sensaitop a, #footerNavi ul li.sensaitop a:hover { background:transparent url(images/footer/sensai_top.gif) no-repeat scroll 0%; } #footerNavi ul li.about a, #footerNavi ul li.about a:hover { background:transparent url(images/footer/about_kanebo.gif) no-repeat scroll 0%; } #footerNavi ul li.kontakt a, #footerNavi ul li.kontakt a:hover { background:transparent url(images/footer/kontakt.gif) no-repeat scroll 0%; } /* presse ----------------------------------------------- */ #footer ul li.presse a{ width: 42px; background: url(images/footer/presse.gif) bottom no-repeat;} #footer ul li.presse a:hover { background: url(images/footer/presse.gif) top no-repeat;} #footer ul li.presseDown { width: 42px; background: url(images/footer/presse.gif) top no-repeat;} #presselogin {width: 299px; height: 177px; background-color: #F4F4F4; border: 1px solid #CCC; margin: 0 0 97px 14px;} #presselogin form {border: 2px solid #FFF; height: 156px; margin: 0; padding: 17px 0 0 17px;} #presselogin form input {width: 264px; height: 20px; padding: 0; margin: 0; position: relative; right: 5px; margin: 0 0 13px 0} #presselogin form #login {background: url(images/presse/button.gif); width: 186px; height: 25px; border: 0; font-family: Lucida Sans; font-weight: bold; font-size: 14px; position: relative; left: 39px;} a.pressDownload {color: #2772B6; font-size: 12px; font-family: sans-serif; background: url(images/presse/download.gif) right no-repeat; padding: 0 7px 0 0; margin-right: 5px;} a.pressDownload:hover {text-decoration: underline;} div.presse div {width: 515px; padding-bottom: 20px; margin-bottom: 50px; background-image: url(images/presse/line.gif); background-repeat: no-repeat; background-position: 0 100%; position: relative; left: 14px;} div.presse div h4 {font-size: 12px; margin: 20px 0 0 0; padding-left:0} div.presse div p {margin: 0 0 5px 0; font-size: 11px} div.presse div p.pressDownload {margin: 0;} h4.presse {font-weight: normal; color: #555; font-size: 17px; margin: 20px 0 0 12px;} p.presseHinweis {width: 515px; font-size: 11px} div#pressehaftung p {width: 550px; margin: 40px 0 23px 14px;} /* impressum ----------------------------------------------- */ #footer ul li.impressum a { width: 68px; background: url(images/footer/impressum.gif) bottom no-repeat;} #footer ul li.impressum a:hover { background: url(images/footer/impressum.gif) top no-repeat;} #footer ul li.impressumDown { width: 68px; background: url(images/footer/impressum.gif) top no-repeat;} /* sitemap ----------------------------------------------- */ #footer ul li.sitemap a{width:50px;background: url(images/footer/sitemap.gif) bottom no-repeat;} #footer ul li.sitemap a:hover { background: url(images/footer/sitemap.gif) top no-repeat;} #footer ul li.sitemapDown { width: 50px; background: url(images/footer/sitemap.gif) top no-repeat;} /*header -----------------------------------------------*/ #header{width: 760px;height: 36px; margin-bottom:9px; } #header a { float:left;} #header img {width:153px;height:76px;border:0px;} #header form {position: absolute; top: 15px; right: 266px;} #header form input {margin-left:1px;width:123px;height:16px;border:solid 1px #ccc;} #header form label {vertical-align:top;} #header form label img {width:37px;height:18px; position:relative; top:7px; } * html #header form label img {top:5px; } /*header unternehmen ------------------------------------------------*/ /*header -----------------------------------------------*/ #header_unternehmen{width: 760px;height: 112px; margin-bottom:9px; background: url(images/header_bg_unternehmen.jpg) top left no-repeat;} #header_unternehmen a { float:left;} #header_unternehmen img {width:153px;height:76px;border:0px;} #header_unternehmen form {position: absolute; top: 15px; right: 266px;} #header_unternehmen form input {margin-left:1px;width:123px;height:16px;border:solid 1px #ccc;} #header_unternehmen form label {vertical-align:top;} #header_unternehmen form label img {width:37px;height:18px; position:relative; top:7px; } * html #header_unternehmen form label img {top:5px; } /*layer ------------------------------------------------ */ #layer {background-color: #fff; z-index: 3; visibility: visible;} #layer a.closer{float:right; margin-right:10px; margin-top:10px; color:#000000; font-size:11px; text-decoration:none; cursor:pointer;} #layer a {text-decoration:underline;} #layer p.layer_text{padding: 0 0 10px 0; font-size:16px;} #layer div p{ font-size:16px;} #layer p.dotted_lang{background:url(images/produkte/dotted_lang.png) bottom right repeat-x;} #layer p.spacer{ margin-top:0px;} #layer h3{color:#aaaaaa; font-size:15px; margin: 0;} #layer img{ padding:0; margin:0;} #layer img.produkt {padding:0; margin:43px 0 0 0; float:left;} #layer p{font-size:16px; padding:5px 0 10px 0; margin:0 10px 0 0;} #layer p.bottom_bold{ font-weight:bold; color:#2772B6; letter-spacing:2px; margin:10px 0 0 0; background:none; padding:0; font-size:17px;} #layer p.bottom_normal{color:#2B72B4; background:none; padding:0; margin:0 0 15px 0;} #layer p.bottom_normal a{color:#2B72B4;} #layer p.small{ clear:both; font-size:14px;} /*logo ------------------------------------------------*/ #logo{ background: url(images/logo.png) top left no-repeat; background-repeat: no-repeat; width:153px; height:76px;} /* logo unternehmen ------------------------------------------------*/ /*logo ------------------------------------------------ #logo_unternehmen{ background: url(images/logo_unternehmen.png) top left no-repeat; background-repeat: no-repeat; width:153px; height:76px;} */ /*wrapper -----------------------------------------------*/ #main{ width:760px; margin:0 auto; position:relative; } * html #main { position:absolute; left:50%; margin-left:-380px;} /* menue ----------------------------------------------- */ #menue {margin:0 0 0 0; padding:0; clear:both;} #menue li{float: left; margin: 0; list-style-type: none;} #menue li a {display: block; height: 36px; width:94px;} #menue li span {display: none;} /* produkte ----------------------------------------------- */ #menue li.produkte a { width: 96px; background: url(images/menue/produkte.png) bottom no-repeat;} #menue li.produkte a:hover { background: url(images/menue/produkte.png) top no-repeat;} #menue li.produkteDown { width: 96px; background: url(images/menue/produkte.png) top no-repeat;} /* shops ----------------------------------------------- */ #menue li.shops a { width: 123px; background: url(images/menue/shops.png) bottom no-repeat;} #menue li.shops a:hover { background: url(images/menue/shops.png) top no-repeat;} #menue li.shopsDown { width: 123px; background: url(images/menue/shops.png) top no-repeat; padding: 0; margin:0} /* care ----------------------------------------------- */ #menue li.care a { width: 142px; background: url(images/menue/harmonising-care.png) bottom no-repeat;} #menue li.care a:hover { background: url(images/menue/harmonising-care.png) top no-repeat;} #menue li.careDown { width: 142px; background: url(images/menue/harmonising-care.png) top no-repeat;} /* termine ----------------------------------------------- */ #menue li.termine a { width: 139px; background: url(images/menue/beauty-termine.png) bottom no-repeat;} #menue li.termine a:hover { background: url(images/menue/beauty-termine.png) top no-repeat;} #menue li.termineDown { width: 139px; background: url(images/menue/beauty-termine.png) top no-repeat;} /* tipps ----------------------------------------------- */ #menue li.tipps a { width: 123px; background: url(images/menue/beauty-tipps.png) bottom no-repeat;} #menue li.tipps a:hover { background: url(images/menue/beauty-tipps.png) top no-repeat;} #menue li.tippsDown { width: 123px; background: url(images/menue/beauty-tipps.png) top no-repeat;} /* journal ----------------------------------------------- */ #menue li.journal a { width: 137px; background: url(images/menue/kanebo-journal.png) bottom no-repeat;} #menue li.journal a:hover { background: url(images/menue/kanebo-journal.png) top no-repeat;} #menue li.journalDown { width: 137px; background: url(images/menue/kanebo-journal.png) top no-repeat;} /* menue_unternehmen -----------------------------------------------*/ #menue_unternehmen {margin:0 0 0 0; padding:0; clear:both;} #menue_unternehmen li{float: left; margin: 0; list-style-type: none;} #menue_unternehmen li a {display: block; height: 36px; width:96px;} #menue_unternehmen li span {display: none;} /* produkte -----------------------------------------------*/ #menue_unternehmen li.produkte a { width: 96px; background: url(images/menue/produkte_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.produkte a:hover { background: url(images/menue/produkte_unternehmen.png) top no-repeat;} #menue_unternehmen li.produkteDown { width: 96px; background: url(images/menue/produkte_unternehmen.png) top no-repeat;} /* shops -----------------------------------------------*/ #menue_unternehmen li.shops a { width: 94px; background: url(images/menue/shops_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.shops a:hover { background: url(images/menue/shops_unternehmen.png) top no-repeat;} #menue_unternehmen li.shopsDown { width: 94px; background: url(images/menue/shops_unternehmen.png) top no-repeat;} /* care -----------------------------------------------*/ #menue_unternehmen li.care a { width: 171px; background: url(images/menue/harmonising-care_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.care a:hover { background: url(images/menue/harmonising-care_unternehmen.png) top no-repeat;} #menue_unternehmen li.careDown { width: 171px; background: url(images/menue/harmonising-care_unternehmen.png) top no-repeat;} /* termine -----------------------------------------------*/ #menue_unternehmen li.termine a { width: 139px; background: url(images/menue/beauty-termine_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.termine a:hover { background: url(images/menue/beauty-termine_unternehmen.png) top no-repeat;} #menue_unternehmen li.termineDown { width: 139px; background: url(images/menue/beauty-termine_unternehmen.png) top no-repeat;} /* tipps -----------------------------------------------*/ #menue_unternehmen li.tipps a { width: 123px; background: url(images/menue/beauty-tipps_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.tipps a:hover { background: url(images/menue/beauty-tipps_unternehmen.png) top no-repeat;} #menue_unternehmen li.tippsDown { width: 123px; background: url(images/menue/beauty-tipps_unternehmen.png) top no-repeat;} /* journal -----------------------------------------------*/ #menue_unternehmen li.journal a { width: 137px; background: url(images/menue/kanebo-journal_unternehmen.png) bottom no-repeat;} #menue_unternehmen li.journal a:hover { background: url(images/menue/kanebo-journal_unternehmen.png) top no-repeat;} #menue_unternehmen li.journalDown { width: 137px; background: url(images/menue/kanebo-journal_unternehmen.png) top no-repeat;} /* -------------------------------------------------*/ /* produktreiter ----------------------------------------------- */ #produktreiter {margin:0px 0 0 0; padding:0px 0 0 0; height:26px; z-index:2; position:relative; width:474px;} #produktreiter li{ float: left; margin: 0; list-style-type: none;} #produktreiter li a { display: block; height: 27px; width:96px; margin-right:0px;} /* linie_produkte ----------------------------------------------- */ #produktreiter li.linie a { width: 128px; background: url(images/produkte/tabs/linie_produkte.png) top no-repeat;} #produktreiter li.linie a:hover { width:128px; background: url(images/produkte/tabs/linie_produkte.png) center no-repeat;} #produktreiter li.linieDown a { width: 128px; background: url(images/produkte/tabs/linie_produkte.png) bottom no-repeat;} /* anwendungen_wirkstoffe ----------------------------------------------- */ #produktreiter li.anwendung a { width: 66px; background: url(images/produkte/tabs/details.png) top no-repeat;} #produktreiter li.anwendung a:hover { width:66px; background: url(images/produkte/tabs/details.png) center no-repeat;} #produktreiter li.anwendungDown a { width: 66px; background: url(images/produkte/tabs/details.png) bottom no-repeat;} /* philosophie ----------------------------------------------- */ #produktreiter li.philosophie a { width: 139px;background: url(images/produkte/tabs/pflege_philosophie.png) top no-repeat;} #produktreiter li.philosophie a:hover { background: url(images/produkte/tabs/pflege_philosophie.png) center no-repeat;} #produktreiter li.philosophieDown a { width: 139px; background: url(images/produkte/tabs/pflege_philosophie.png) bottom no-repeat;} /* topnavi ----------------------------------------------- */ #topnavi { position:absolute; top: 20px; right: 14px; list-style-type:none;} #topnavi li{float: left;} #topnavi li a { display: block; height: 18px;} #topnavi li.start a{ width: 66px; background: url(images/topnavi/startseite.gif) bottom no-repeat; margin: 0 20px 0 0} #topnavi li.start a:hover { background: url(images/topnavi/startseite.gif) top no-repeat;} #topnavi li.startDown a{ width: 66px; background: url(images/topnavi/startseite.gif) top no-repeat;margin: 0 20px 0 0} #topnavi li.kontakt a { width: 54px; background: url(images/topnavi/kontakt.gif) bottom no-repeat; margin: 0 20px 0 0} #topnavi li.kontakt a:hover { background: url(images/topnavi/kontakt.gif) top no-repeat;} #topnavi li.kontaktDown { width: 54px; background: url(images/topnavi/kontakt.gif) top no-repeat; margin: 0 20px 0 0} #topnavi li.impressum a { width: 68px; background: url(images/topnavi/impressum.gif) bottom no-repeat;} #topnavi li.impressum a:hover { background: url(images/topnavi/impressum.gif) top no-repeat;} #topnavi li.impressumDown a { width: 68px; background: url(images/topnavi/impressum.gif) top no-repeat;} /* tabber ----------------------------------------------- */ /* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber {} .tabber p { margin-bottom:10px; padding:0 0 0 10px;} .tabber h2{margin-left:0px;} .tabber div { margin-left:15px; margin-right:15px; } .tabber div p {} .tabberlive { margin-top: 1.5em; margin-left:15px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav{margin:0 0 0 0px; padding: 0; font: 12px "Futura Book", Futura, Verdana, sans-serif;, sans-serif;} ul.tabbernav li {list-style: none; padding:0px; margin: 0; display: inline;} ul.tabbernav li a {background-color: #F5F1E6; padding: 3px 16px; margin-right: 7px; line-height: 1.0em; text-decoration: none; border:1px solid #ECE5D2;;} ul.tabbernav li a:link { color: #000; } ul.tabbernav li a:visited { color: #000; } ul.tabbernav li a:hover{color: #000;background-color: #fff;} ul.tabbernav li.tabberactive a{ color: #000; background-color: #fff; cursor: default; font-weight:bold; border:1px solid #ECE5D2; border-bottom-color: #fff; position:relative; z-index:2;} ul.tabbernav li.tabberactive a:hover{color: #000; background-color: #fff;} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab {width:462px; padding: 15px 0; font-size: 12px; background-color: #fff; margin-top:6px; border:1px solid #ECE5D2; border-width: 1px 0 0 0; margin-right:25px; position:relative; z-index:1; clear:both; top: -2px} * html .tabberlive .tabbertab { padding: 8px; font-size: 12px; background-color: #fff; margin-top:5px; border:1px solid #ECE5D2; border-width: 1px 0 0 0; margin-right: 25px; position:relative; z-index:1;} /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none;} .tabberlive .tabbertab h4 { display:none;} /* If desired, set a height and add a scrollbar */ .tabberlive#tab2 .tabbertab{ height:200px; overflow:auto;} .tabberlive .tabbertab h3 { padding: 0; margin: 0; color: #555; } #sidebar .tabberlive .tabbertab ul {padding-left: 0;} #sidebar .tabberlive .tabbertab ul li{ line-height: 1.2em; padding: 0.3em 0; } img.linie {border-width: 2px 0; border-style: solid; border-color: #ECE5D2;} a.email{color:#2771AE;} a.email:hover{text-decoration: underline;} a.link{color:#2771AE; text-decoration:underline;} /*shopsuche -------------------------------------------------*/ img#map {margin: 10px 0 0 10px; float:left;} div.map {margin: 0; padding: 0} div.map a.town {color: #575757; text-decoration: none;} div.map a.town:hover {text-decoration: underline;} div.map div.info {float: right; width: 395px; padding: 0; margin: 0 10px 0 0; font-size:16px;} div.map div.info p{ font-size:16px;} div.map h2 {margin: 3px 0;} div.map h3 {color: red;} div.map h4 {font-size: 12px; font-weight: normal; padding-bottom: 12px; margin-bottom: 23px; margin-left: 14px; background: url(images/shops/line.gif) bottom no-repeat;} div.map a.active {cursor: pointer;font-size: 10px;} div.map a.inactive {color: #CCCCCC; font-size: 10px;} div.map div#letters {font-size: 10px;} #letterA, #letterB, #letterC, #letterD, #letterE, #letterF, #letterG, #letterH, #letterI, #letterJ, #letterK, #letterL, #letterM, #letterN, #letterO, #letterP, #letterQ, #letterR, #letterS, #letterT, #letterU, #letterV, #letterW, #letterX, #letterY, #letterZ {display: none; visibility: hidden;} div.clear {clear: both; height: 40px;} div.map div.shop, div.map p.changes {background-image: url(images/shops/line.gif); background-position: 15px 0; background-repeat: no-repeat; padding: 20px 0 10px 0;} div.map p.changes {background-position: 0 0; padding-bottom: 0; margin-bottom: 0} div.map label {padding: 0 20px 0 5px} /*journal -------------------------------------------------*/ #journal form { margin: 0px 8px 0px 12px;} #journal td { padding: 5px 0 5px 0;} #journal table {margin:0px;padding:0px} #journal td.left {width: 278px; text-align: left; vertical-align:top;} #journal td.right {width: 210px; vertical-align:top;} #journal td.both {width: 488px; vertical-align:top;} #journal input.text {width: 210px; height: 16px; border: solid 1px #ccc;} #journal input.check {margin: 1px; padding: 0;} #journal input.radio {margin: 4px 1px 1px 1px; padding: 0;} #journal input.error {width: 210px; height: 16px; margin: 5px 0 5px 0; border: 2px solid red;} #journal input.textPlz {width: 50px; height: 16px; border: solid 1px #ccc;} #journal input.textOrt {width: 218px; height: 16px; border: solid 1px #ccc;} #journal input.errorPlz {width: 46px; height: 16px; border: solid 2px red;} #journal input.errorOrt {width: 218px; height: 16px; border: solid 2px red;} #journal input.day,input.month{ width:20px;} #journal input.year{ width:40px;} #journal select {width: 210px; height: 16px; border:1px solid #ccc;} #journal select.error {width: 210px; height: 16px; border: 2px solid red;} #journal textarea {width: 210px; height: 100px; border:1px solid #ccc;} #journal textarea.error {width: 210px; height: 100px; border:2px solid #red;} #journal .checkerror {border: 1px solid red; padding:1px} #journal .dateerror {border: 1px solid red; padding:4px} #journal input#reset {width: 62px; height: 24px; background-image: url(images/button_loeschen.jpg); border-width: 0; margin-right: 12px;} #journal input#submit {width: 79px; height: 24px; background-image: url(images/button_abschicken.jpg); border-width: 0} #journal p.error {color: red;} #journal input.text:focus {background: #EFF3F5; border: 1px solid #BBB; } #journal input.text:hover {border: 1px solid #BBB; } /* topmenu ----------------------------------------- */ #topnavi { position:absolute; top: 20px; right: 14px; list-style-type:none;} #topnavi li{float: left;} #topnavi li a { display: block; height: 18px;} #topnavi li.start a{ width: 66px; background: url(images/topnavi/startseite.gif) bottom no-repeat; margin: 0 20px 0 0} #topnavi li.start a:hover { background: url(images/topnavi/startseite.gif) top no-repeat;} #topnavi li.startDown a{ width: 66px; background: url(images/topnavi/startseite.gif) top no-repeat;margin: 0 20px 0 0} #topnavi li.kontakt a { width: 54px; background: url(images/topnavi/kontakt.gif) bottom no-repeat; } #topnavi li.kontakt a:hover { background: url(images/topnavi/kontakt.gif) top no-repeat;} #topnavi li.kontaktDown { width: 54px; background: url(images/topnavi/kontakt.gif) top no-repeat; } /* styleswitcher ----------------------------------------- */ #styleswitcher { position:absolute; top:46px; left:636px; list-style-type:none;} * html #header #styleswitcher{display:inline;} #styleswitcher li{float: left;} #styleswitcher li a { display: block; height: 15px; background: url(images/header_textsize.gif) no-repeat; } #styleswitcher li a.label { display: block; height: 15px; width:70px; background:none; } #styleswitcher li#texttosmall a { width: 19px; background-position: 0 0; margin-left: 0px; } #styleswitcher li#texttolarge a { width: 21px; background-position: -19px 0; } #styleswitcher li#texttosmall a:hover { background-position: 0 -15px; } #styleswitcher li#texttolarge a:hover { background-position: -19px -15px; } #sitemap_left { float:left;} #sitemap_left ul{ margin-left:10px; list-style-type:none; font-size:16px;} #sitemap_left ul li{ margin-bottom:5px;} #sitemap_left ul li a{ color:#555555; font-weight:bold; padding-left:15px; background:url(images/sitemap/pfeil_gross.gif) left no-repeat;} #sitemap_left ul ul li a{font-weight:normal; padding-left:15px; background:url(images/sitemap/pfeil_klein.gif) left no-repeat;} #sitemap_right { float:right; margin-right:15px; font-size:16px;} #sitemap_right ul{ margin-left:10px; list-style-type:none;} #sitemap_right ul li{ margin-bottom:5px;} #sitemap_right ul li a{color:#555555; font-weight:bold; margin-bottom:10px; padding-left:15px; background:url(images/sitemap/pfeil_gross.gif) left no-repeat;} #sitemap_right ul ul li a{ font-weight:normal; margin-bottom:10px; padding-left:15px; background:url(images/sitemap/pfeil_klein.gif) left no-repeat;}