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 30px 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; font-size:11px; color:#909090; background:#fff;}
#container #left #termine {clear:both;background:url(images/startseite/kv_beauty-termine.jpg) top 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;}
#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;
	background:url(images/startseite/journal_01_12.jpg) left 38px no-repeat;
	margin-top:11px;
	border:1px solid #ccc;
	border-width:1px 0 0 0;
}
#container #left #journal p{line-height:150%; width:190px; margin:8px 0 0 100px; padding: 0;}
#container #left #journal #btn_journal{
	display:block;
	float:left;
	background: url(images/startseite/btn_hier_registrieren.png) bottom no-repeat;
	width:103px;
	height:17px;
	margin:12px 0 13px 0;
}
#container #left #journal #btn_journal:hover{background: url(images/startseite/btn_hier_registrieren.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}


#container #engel{clear:both;background:url(images/startseite/kanebo_startseite_service_engel.jpg) bottom left no-repeat;margin:3px 0 0 0; border:1px solid #ccc; border-width:1px 0 1px 0; font-size:11px; color:#909090; width:288px; float:left; padding-top:10px}
#container #engel p{line-height:150%; width:190px; margin:8px 0 0 100px; padding: 0;}
#container #engel #btn_weiter{display:block;background: url(images/startseite/btn_weiter.png) bottom no-repeat; width:54px; height:17px; margin:10px 0 10px 100px;}
#container #engel #btn_weiter:hover{background: url(images/startseite/btn_weiter.png) top no-repeat; width:54px; height:17px;}

/*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 #shops{background:url(images/startseite/shops_map.png) left 30px no-repeat; width:220px; float:left; margin:3px 0 0 15px; padding-top:10px; border:1px solid #ccc; border-width: 1px 0 1px 0; font-size:11px; }
#container #shops p{line-height:150%; margin:10px 0 0 75px; padding: 0;}
#container #shops #btn_shops{display:block;background: url(images/startseite/btn_suchen.png) bottom no-repeat; width:57px; height:17px; margin:13px 0 10px 75px;}
#container #shops #btn_shops:hover{background: url(images/startseite/btn_suchen.png) top no-repeat; width:57px; height:17px;}
#container #tipp{width:222px;float:right; margin-top:3px; padding-top:10px; border:1px solid #ccc; border-width: 1px 0 1px 0; font-size:11px; }
#container #tipp p{
	line-height:150%;
	margin:9px 0 0 10px;
	padding: 0;
}
#container #tipp #btn_weiter{
	display:block;
	background: url(images/startseite/btn_weiter.png) bottom no-repeat;
	width:54px;
	height:17px;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
#container #tipp #btn_weiter:hover{background: url(images/startseite/btn_weiter.png) top no-repeat; width:54px; height:17px;}

#container #termine a, #container #journal a, #container #engel a, #container #shops a, #container #tipp a{text-decoration:none; color:#909090;}
/*content_start
------------------------------------------------*/
#content_start{border:1px solid #ccc; clear:both; padding:2px;}
#content_start h2{padding: 16px 20px 0 10px; margin: 0; font-size:17px; font-weight:bold;}
#content_start span{padding: 16px 20px 0 10px; margin: 0;}
#content_start img{}
/*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:17px; color:#555555; font-weight:normal;}
#content_wide span{padding: 16px 20px 0 10px; margin: 0;}
#content_wide img{margin:2px 0 0 2px;}
#content_wide h3{padding: 10px 0 15px 14px; margin: 0; font-size:15px; 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;}
#content h2{margin: 20px 0 20px 14px; font-size:17px; color:#555555; font-weight:normal; }
#content h3{ margin: 20px 0 10px 14px; font-size:15px; font-weight:bold; color:#aaaaaa;}
p {margin: 0px 20px 10px 14px;}
#content ul.grundsaetze{ list-style-type:none;margin:10px 0 10px 30px;}
#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{float:left; margin:0 10px 10px 0; padding:3px;}
#content .image_right{float:right; margin:0 0 5px 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;}
#content ul {margin:14px 0}
#content ul li {margin-left:44px}
* 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;}
#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;}
/*imprint
---------------------------------------------------*/
#neuheitenPremier{ padding-bottom:20px; background-image:url(images/produkte/neuheiten/neuheiten_sensai_premier_bg.jpg); background-position: 16px 0; background-repeat: 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:0px; background-image:url(images/produkte/neuheiten/neuheiten_sensai_silk_bg.jpg); background-position: 16px 0; background-repeat: 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{  background-image:url(images/produkte/neuheiten/neuheiten_sensai_cp_bg.jpg); background-position: 16px 0; background-repeat: 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{ background-image:url(images/produkte/neuheiten/sensai_silky_purifying_bg.jpg); background-position: 16px 0; background-repeat: repeat-y; color:red;}
#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:0px; background-image:url(images/produkte/neuheiten/sensai_silk_bg.jpg); background-position: 16px 0; background-repeat: repeat-y; color:red;}
#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-image:url(images/produkte/neuheiten/sensai_silky_bronze_bg.jpg); background-position: 16px 0; background-repeat: repeat-y; color:red;}
#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;}

#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:12px; }
#christmasbg img { margin-left:1px; }
#christmasset { margin-bottom:40px; padding:0px 0 0 0; }
#christmasset .small { font-size:9px; }
#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
---------------------------------------------------*/
#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:30px 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
----------------------------------------------- */ 
#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, Verdana; 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;}
div.presse img.cover {float:left; padding-right: 10px;}
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; }

/*newheader 2008
------------------------------------------------*/
#newheader {
background-color:#FFFEF2;
border-bottom:5px solid #242B31;
width:760px;
height:69px;
overflow:hidden;
}
#newlogo {
margin:21px 0pt 20px 23px;
}
/*header unternehmen
------------------------------------------------*/
#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.menge{ padding:0; margin:0 0 15px 0; font-weight:bold;}
#layer div p.menge{ padding:0; margin:0 0 15px 0; font-weight:bold;}
#layer div p.subline{ padding:0; margin:0;}
#layer p.layer_text{padding: 0 0 10px 0;}
#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:12px; 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:13px;}
#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:10px;}
/*logo
------------------------------------------------*/
#logo{ background: url(images/logo.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;}


/*products
-------------------------------------------------*/
.products {clear:both; margin:30px 0 0px 0; padding:0;}
.products h3{padding:0; margin:0; font-size:15px; font-weight:normal; color:#acacac;}
.products p{width:161px; float:left; text-align:center;padding:0px; font-weight:bold; color:#777777; margin:20px 0 0px 0; padding:0; font-family:Lucida Sans Unicode, Verdana; font-size:12px; }
.products p img {margin:15px 0 10px 0; padding:0;}
.products p.left{ margin:0px 0 10px 10px; padding:0; text-transform:uppercase; clear:both;}
.products p.middle{ margin:0px 0 10px 11px; padding:0; text-transform:uppercase;}
.products p.right{ margin:0px 0 10px 11px; padding:0; text-transform:uppercase;}
.products a{color:#7B7B7B;}
.products div.clear {clear:both;background:url(images/produkte/dotted_products.png) bottom no-repeat; height: 10px;}
/*products_last
-------------------------------------------------*/
#products_last p{width:161px; float:left; text-align:center;padding:0px; font-weight:bold; color:#7B7B7B; margin:20px 0 0 0; padding:0;}
#products_last p img {margin:15px 0 10px 0; padding:0;}
#products_last p.left{ margin:0px 0 0 10px; padding:0; text-transform:uppercase; clear:both;}
#products_last p.middle{ margin:0px 0 0 11px; padding:0; text-transform:uppercase;}
#products_last p.right{ margin:0px 0 0 11px; padding:0; text-transform:uppercase;}
#products_last div.clear { clear:both; background:none; padding: 0; margin: 0 0 -13px 0; height: 20px;}
/* 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 "Lucida Sans", "Arial", 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;}
div.map h2 {margin: 3px 0;}
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;}
#shopA, #shopB, #shopC, #shopD, #shopE, #shopF, #shopG, #shopH, #shopI, #shopJ, #shopK, #shopL, #shopM, #shopN, #shopO, #shopP, #shopQ, #shopR, #shopS, #shopT, #shopU, #shopV, #shopW, #shopX, #shopY, #shopZ {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: 10px 0 10px 0; position:relative; right: 0}
div.map div.shop p {margin-bottom: 0;}
div.map p.changes {background-position: 0 0; padding-bottom: 0; margin-bottom: 0}
div.map label {padding: 0 20px 0 5px}
div.map div.types {float:right; margin-left: 20px; width: 125px}
div.map div.types p {margin: 0; padding: 0; font-size: 10px; margin-right: 0; padding-left: 15px; background:url(images/shops/box.gif) left no-repeat}

/*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-right: 5px; padding: 0; float:left;}
#journal div.errorCheck {border: 2px solid #FF0000;margin-right: 5px; float:left; border-collapse:inherit;}
#journal .datenschutzText {margin-top: 5px;}
#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, #journal input.month{ width:20px;}
#journal input.textPlz {width: 45px; height: 16px; border: solid 1px #ccc;}
#journal input.textOrt {width: 153px; height: 16px; border: solid 1px #ccc; margin-left: 10px;}
#journal input.errorOrt {width: 150px; height: 16px; border: solid 2px red; margin-left: 10px;}
#journal input.year{ width:40px;}
#journal select {width: 210px; border:1px solid #ccc;}
#journal select.error {width: 210px; border: 2px solid red; color:red;}
#journal div.error {width: 210px; border: 2px solid red; color: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; 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;}

/* styleswitcher
----------------------------------------- */
/*#styleswitcher {position:relative; top:0; list-style-type:none; left: 490px; top: 45px;}
* html #header #styleswitcher{display:inline;}
/*#styleswitcher { position:absolute; top:45px; left:635px; list-style-type:none;}*/
/*#styleswitcher li{float: left;}
* html #header #styleswitcher li{ position: relative; right: 0px; bottom: 0px}
#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; }*/

/* styleswitcher
----------------------------------------- */
#styleswitcher { position:absolute; top: 46px; right: 14px; list-style-type:none;}

#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; }


/** html #header #styleswitcher li{ position: relative; top:-32px; }*/

#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:15px; list-style-type:none;}
#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;}
#sitemap_right ul{ margin-left:15px; 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;}

#pressereg label { display:block; }
#pressereg input { width:250px; margin-bottom:3px;}
#pressereg input.plz { width:50px; margin-right:5px; }
#pressereg input.stadt { width:191px; }
#pressereg input#submit { margin-top:15px; width:254px; }
#pressereg label.error {color:red;}

.journal .cover {
	float:left;
	margin:0 10px 10px 15px;
}
.journal h4 { margin: 10px 0 5px 15px; clear: both; }
.journal p.presseHinweis { background: url(images/presse/line.gif) top no-repeat; padding-top: 10px; margin-top: 10px; }