@charset "utf-8";
/* CSS Document */
body {background-color: #000000; color:#B6B5B4; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding:0; text-align:left; letter-spacing: 0.5pt; height: 100%;}
p{margin: 0;}
a{outline:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
.left{float: left;}
.right{float: right;margin-right:40px;}
.clear{clear: both;line-height:0;}
#content{width:960px; height: 650px; margin:0 auto; position: relative; margin-top: 40px;}
#background{ position: absolute; z-index: 0;}
.align_right{text-align: right;}
.zone-menu { width:100%; margin:0; position: relative; padding: 0 20px;}
.zone-menu img{ border: none;}
.zone-menu ul{ list-style-type: none; padding: 0; margin:0 auto 0 10px; position: relative; top: 15px; float: left; z-index: 999999;}
.ja-JP .zone-menu .menu{ margin:0 auto 0 45px;}
.zone-menu ul li{padding: 10px 0; float: left; margin: 0 10px 0 0; letter-spacing: 0.9pt;}
.ja-JP .zone-menu ul li{margin: 0 22px 0 0;}
.zone-menu ul li a,.zone-menu ul li span>span{padding: 0 0 10px 10px; float: left;}
.zone-menu a{text-decoration: none; color: #B6B5B4;}
.zone-menu ul li ul{display: none; margin: 10px 0 0 0; padding: 10px 0 0 0; background: url(../images/background-color.png) repeat 0 0 transparent;}
.zone-menu ul li ul li{padding: 0 0 5px 0;}
.zone-menu ul li ul li a,.zone-menu ul li ul li span>span{padding: 0 0 0 10px; line-height:18px;}
.zone-menu ul li ul li.hasSub a,.zone-menu ul li ul li.hasSub span>span{padding: 0 0 5px 0;}
.zone-menu ul li ul ul{display: block; margin-top: 10px; padding: 10px 0 0 20px; background: none;}
.zone-menu ul li.hasSub{text-align: right;}
.zone-menu ul li.hasSub li{text-align: left;padding-left: 10px;background: url(../images/background-color.png) repeat 0 0 transparent;}
.zone-menu ul li.hasSub li:first-child{padding-top: 10px;}
.zone-menu ul li ul li.hasSub a,.zone-menu ul li ul li.hasSub span>span{padding: 0;}


.zone-menu ul li.hover a {color:#FFFFFF;}
.zone-menu ul li.hover ul,.zone-menu ul li.hover-actu ul{display:block; position:absolute; top:20px; width:130px;}
.zone-menu ul li.hover ul li a.hide { color:#000;}
.zone-menu ul li.hover ul li.hover a.hide {width:130px;}
.zone-menu ul li.hover ul li ul {display: none;}
.zone-menu ul li.hover ul li a,.zone-menu ul li.hover ul li span>span ,
.zone-menu ul li.hover ul li a,.zone-menu ul li.hover ul li span>span {display:block; color:#B6B5B4; width:120px;}
.zone-menu ul li.hover ul li.hover ul {display:block; position:absolute; top:0; left:120px; color:#FFFFFF;}
.zone-menu ul li.hover ul li.hover ul li a,.zone-menu ul li.hover ul li.hover ul li span>span {display:block; width:130px; color:#FFFFFF;}
.zone-menu ul li.hover ul li.hover ul li a:hover {color:#fff;}
#footer{ text-transform:uppercase; font-size: 12px; line-height: 12px; clear: both; position: absolute; bottom: 85px; left: 42px; width: 918px;}
#footer img, #footer span{ float: left;}
#footer .menu{ padding: 2px 0 0 10px; list-style-type: none; float: left; margin: 0;}
#footer .menu a{ letter-spacing: 2px; text-decoration: none; color: #FFFFFF;}
#footer .menu-footer{font-size: 10px; line-height: 11px; float: right;}

#footer .menu-footer ul{list-style-type: none; padding: 0; margin: 0 0 0 15px; position: relative; float: left;}
#footer .menu-footer ul li{padding: 0; float: left; margin: 0 30px 0 0;}
#footer .menu-footer span{ padding: 0;letter-spacing: 1px;}
#footer .menu-footer a{text-decoration: none; color: #FFFFFF; text-transform:uppercase;}
#txtHover{ padding: 5px 10px; color: #FFFFFF; /*background: url(../images/background-color.png) repeat 0 0 transparent;*/ position: absolute; background-color:#000000;}
#txtHover span{background-color:#000000;}
.femme #txtHover{top: 300px; left: 270px;text-align: right; width: 150px;}
.homme #txtHover{top: 210px; left: 530px;text-align: left; width: 200px;}
.ja-JP .femme #txtHover{top: 300px; left: 280px;text-align: right; width: 115px; letter-spacing: 1px;}
.ja-JP .homme #txtHover{top: 220px; left: 530px;text-align: left; width: 230px; letter-spacing: 1px;}
.menu-footer #active_language{display: none;}
/***** LIGHTBOX *****/
#sbox-window{background: url(../images/background-color.png) repeat 0 0 transparent; color: #FFFFFF;}

.item{ height: 350px; width: 780px;}
.componentheading{ color: #FFFFFF;}
.contentpane{ overflow: hidden;}
.contentpane td{ vertical-align: top; padding: 0 5px 0 15px;}
.contentpane tr td:first-child{ vertical-align: top; padding: 0 5px 0 0;}
.contentpane h1{ font-weight: normal; font-size:12px; margin: 0 0 20px 0;letter-spacing: 2px;}
.contentpane p{ letter-spacing: 1px; line-height: 14px; margin: 0 0 15px 0; text-align: justify; font-size: 10px;}
.contentpane blockquote p, .contentpane blockquote{ letter-spacing: 1px; line-height: 12px; margin: 0; text-align: left;}
#nav{position: absolute;right: 30px; bottom: -3px;/*height: 6px;*/ z-index: 9999999;}
#nav a{height: 11px; width: 15px;background: url(../images/bretzell20.png) no-repeat 0 center transparent; margin-left: 6px;text-decoration:none;line-height:6px;display:inline-block;}
#nav .activeSlide{background: url(../images/bretzell100.png) no-repeat 0 center transparent;}

.contentpane{background: none transparent scroll repeat 0% 0%; color: #C6C6C6; margin: 8px 0 8px 8px;}
.contentpane h1{color: #FFFFFF;}
.contentpane a:link{color: #C6C6C6; text-decoration: none;}
.contentpane a:hover{color: #FFFFFF; text-decoration: none;}
#languageselection{margin: auto; height: 200px; width: 280px; text-align: center;}
#languageselection ul{list-style-type: none; padding-left: 26px;}
#languageselection ul li{float: left; margin: 10px;}
#languageselection ul li a{text-decoration: none; text-transform: uppercase;}