/*****************************************************
reset some basic style
*****************************************************/
A IMG {
   border : none;
}
P {
   margin : 0;
   padding : 0;
}
A:Hover { text-decoration : none; }
A:focus { outline : none; }
IMG A:Hover { text-decoration : none; }
IMG A:focus { outline : none; }
INPUT:Hover { text-decoration : none; }
INPUT:focus { outline : none; }
TEXTAREA:Hover { text-decoration : none; }
TEXTAREA:focus { outline : none; }
SELECT:Hover { text-decoration : none; }
SELECT:focus { outline : none; }
DROPDOWN:Hover { text-decoration : none; }
DROPDOWN:focus { outline : none; }

/*****************************************************
basics
*****************************************************/
BODY {
   margin : 0;
	font-family : Verdana, Arial, Helvetica, Geneva, Futura, non-serif;
	color : #333;
	font-size : 12px;
	text-align : center;
	line-height : 100%;
   background : #CCCCCC;
}
.website {
	position : relative;
	display : block;
	margin : 25px auto 0 auto;
	padding : 0;
	width : 850px;
	height : 600px;
	text-align : left;
}
.home {
   background : url('../shared/bg_home.gif') no-repeat;
}
/* List
*****************************************************/
UL, OL {
	padding : 0;
}
* UL, * OL {
	margin : 0;
}
UL LI {
	list-style : none;
	padding : 0;
}
UL UL, OL OL {
	padding : 0;
}
/* floats
*****************************************************/
.floatLeft {
	float : left;
}
.floatRight {
	float : right
}
.clear {
	clear : both;
}
BR.clear {
	line-height : 0;
}
HR.clear {
	line-height : 0;
	height : 1px;
	border : 0;
	border-bottom : 1px solid #E4E4E4;
}
/* Home
************************************************/
#welcome {
   position : absolute;
   top : 456px;
   left : 458px;
   width : 149px;
   height : 15px;
	visibility : visible;
	z-index : 1;   
}
#welcome UL {
   list-style-type : none;
}
#welcome UL LI {
   float : left;
   list-style-type : none;
}
#welcome UL LI A {
   display : block;
   height : 15px;
   text-decoration : none;
   text-indent : -4040px;
}
#welcome UL A.act {
   cursor : default;
}
#welcome UL LI A { background : url('../shared/btn_welcome.png') no-repeat; }
* html #welcome UL LI A { background : url('../shared/btn_welcome.gif') no-repeat; } /* nur fŸr den IE6 */

#welcome UL LI          { width: 149px; top: 0; }
#welcome UL LI A        { background-position: 0  0; }
#welcome UL LI A:Hover  { background-position: 0 -15px; }
#welcome UL LI.act A    { background-position: 0 -15px; }

/* Menu
************************************************/
#menuWrap {
   float : left;
   padding : 0 0 0 15px;
	width : 212px;
	height : 578px;
   background : #ADADAD url('../shared/bg_menu.gif') repeat-y;
}
	/* Menu :: mainMenu
************************************************/
.mainMenu {
   float : left;
   padding : 150px 0 0 0;
   color : #666;
   letter-spacing : .1em;
}
.icon-beach {
   background : url('../shared/icn_beach.gif') 0px 87px no-repeat;
}
.icon-dob {
   background : url('../shared/icn_dob.gif') 0px 87px no-repeat;
}
.icon-hfash {
   background : url('../shared/icn_hfash.gif') 0px 87px no-repeat;
}
.icon-linge {
   background : url('../shared/icn_linge.gif') 0px 87px no-repeat;
}
.icon-papet {
   background : url('../shared/icn_papet.gif') 0px 87px no-repeat;
}
.icon-porze {
   background : url('../shared/icn_porze.gif') 0px 87px no-repeat;
}
.icon-trend {
   background : url('../shared/icn_trend.gif') 0px 87px no-repeat;
}
.mainMenu UL LI {
   padding : 0 0 14px 0;
	font-size : 1em;
	list-style-type : none;
}
.mainMenu UL LI A {
   padding : 0;
	color : #666;
	text-decoration : none;
}
.mainMenu UL LI A:Hover,
.mainMenu UL LI A.act {
   padding : 0;
	color : #FFF;
	text-decoration : none;	
}
.mainMenu UL UL LI {
   padding : 0 0 14px 0;
	font-size : 1em;
	list-style-type : none;
}
.mainMenu UL UL LI A {
   padding : 0 0 0 15px !important;
	color : #666;
	text-decoration : none;
	background : url('../shared/bullet.gif') 0 2px no-repeat;
}
.mainMenu UL UL LI A:Hover,
.mainMenu UL UL LI.act A {
   padding : 0 0 14px 15px;
	text-decoration : none;
}
.mainMenu UL UL UL LI {   
   padding : 0 0 5px 0;
	text-decoration : none;
	background : none !important;
}
.mainMenu UL UL UL LI A {   
   padding : 0 0 5px 25px !important;	
	text-decoration : none;
	background : none !important;
}
.mainMenu UL UL LI.pages {
   padding : 0 0 5px 25px !important;
}
.mainMenu UL UL UL.subAct {
   margin : -10px 0 8px 0;
}
.mainMenu UL UL LI.pages A {
   padding : 0 0 0 0 !important;
	text-decoration : none;
}
* html .mainMenu UL UL UL.subAct { margin : 3px 0 -5px 0; } /* nur fŸr den IE6 */
*+html .mainMenu UL UL UL.subAct { margin : 3px 0 -5px 0; } /* nur fŸr den IE7 */

* html .mainMenu UL UL.subMenu { margin : 14px 0 -14px 0; } /* nur fŸr den IE6 */
*+html .mainMenu UL UL.subMenu { margin : 14px 0 -14px 0; } /* nur fŸr den IE7 */

* html .mainMenu UL UL UL.pages { margin : 6px 0 -4px 0; } /* nur fŸr den IE6 */
*+html .mainMenu UL UL UL.pages { margin : 6px 0 -4px 0; } /* nur fŸr den IE7 */

	/* Menu :: Colors
*****************************************************/
UL.subMenu LI.Profil A:Hover,
UL.subMenu LI.Profil A.act {
   color : #CCC;
}
.mainMenu UL UL UL LI.Beach A:Hover,
.mainMenu UL UL UL LI.Beach A.act,
UL.subMenu LI.Beach A:Hover,
UL.subMenu LI.Beach A.act {
   color : #009999;
}
.mainMenu UL UL UL LI.DOB A:Hover,
.mainMenu UL UL UL LI.DOB A.act,
UL.subMenu LI.DOB A:Hover,
UL.subMenu LI.DOB A.act {
   color : #CCFFFF;
}
.mainMenu UL UL UL LI.Homefashion A:Hover,
.mainMenu UL UL UL LI.Homefashion A.act,
UL.subMenu LI.Homefashion A:Hover,
UL.subMenu LI.Homefashion A.act {
   color : #FFCC99;
}
.mainMenu UL UL UL LI.Lingerie A:Hover,
.mainMenu UL UL UL LI.Lingerie A.act,
UL.subMenu LI.Lingerie A:Hover,
UL.subMenu LI.Lingerie A.act {
   color : #993366;
}
.mainMenu UL UL UL LI.Papeterie A:Hover,
.mainMenu UL UL UL LI.Papeterie A.act,
UL.subMenu LI.Papeterie A:Hover,
UL.subMenu LI.Papeterie A.act {
   color : #CC3333;
}
.mainMenu UL UL UL LI.Porzellan A:Hover,
.mainMenu UL UL UL LI.Porzellan A.act,
UL.subMenu LI.Porzellan A:Hover,
UL.subMenu LI.Porzellan A.act {
   color : #FFCCFF;
}
.mainMenu UL UL UL LI.Trendresearch A:Hover,
.mainMenu UL UL UL LI.Trendresearch A.act,
UL.subMenu LI.Trendresearch A:Hover,
UL.subMenu LI.Trendresearch A.act {
   color : #FFCC99;
}
/* Content
************************************************/
#contentWrap {
   float : left;
	margin : 0;
	padding : 0;
	width : 623px;
}
#contentWrap P {
	padding : 2px 15px 3px 10px;
	line-height : 1.3em;
}
@media not tty { #contentWrap P { line-height : 1.4em; }} /* nur fŸr Safari 3.0 */
   /* Content :: Top
************************************************/
#topWrap {
   position : relative;
   margin : 0;   
   height : 140px;
   width : 623px;
   background : #FFF;
}
#logoWrap {
	float : right;
	margin : 88px 20px 0 0;
	width : 226px;
	height : 40px;
	background : url('../shared/logo.gif') no-repeat;
	text-indent : -4000px;
}
* html #logoWrap {	margin : 88px 10px 0 0; } /* nur fŸr den IE6 */
#logoWrap A {
	display : block;
	width : 226px;
	height : 40px;
	text-indent : -4000px;
}
   /* Content :: Center
************************************************/
.centerWrap {
   float : left;
   height : 393px;
   width : 623px;
   background : #CCC;
}
* html .centerWrap { overflow : hidden;} /* nur fŸr den IE6 */

.kunden,
.leistung,
.impressum {
   padding : 60px 0 0 0;
   height : 333px;
   text-align : right;
   letter-spacing : .1em;
   background : #FFF url('../shared/bg_kunden.jpg') no-repeat;
}
* html .kunden { padding : 70px 0 0 0; height : 323px;} /* nur fŸr den IE6 */
* html .leistung { padding : 70px 0 0 0; height : 323px;} /* nur fŸr den IE6 */
* html .impressum { padding : 207px 0 0 0; height : 186px;} /* nur fŸr den IE6 */
*+html .impressum { padding : 207px 0 0 0; height : 186px;} /* nur fŸr den IE7 */
*+html .kunden { padding : 70px 0 0 0; height : 323px;} /* nur fŸr den IE7 */
*+html .leistung { padding : 70px 0 0 0; height : 323px;} /* nur fŸr den IE7 */

.leistung {
   background : #FFF url('../shared/bg_leistung.jpg') no-repeat;
}
.portfolio {
   background : #FFF url('../shared/bg_portfolio.jpg') no-repeat;
}
.vita {
   background : #CCC url('../shared/bg_vita.jpg') top right no-repeat;
}
.impressum {
   font-weight : bold;
   letter-spacing : 0em;
   background : #FFF url('../shared/bg_impressum.jpg') no-repeat;
}
.impressum A {
   font-weight : bold;
   text-decoration : none;
   color : #333;
}
.impressum A:Hover {
   font-weight : bold;
   text-decoration : none;
   color : #993300;
}
.kunden P,
.leistung P,
.partner P,
.impressum P {
	padding : 2px 15px 3px 10px;
	line-height : 1.7em !important;
}
.vita P {
	padding : 2px 15px 3px 10px;
	width : 360px;
	line-height : 1.6em !important;
}
em {
   color : #FFF;
   font-weight : bold;
   font-style : normal;
}
.partner {
   padding : 195px 0 0 0;
   height : 198px;
   text-align : right;
   letter-spacing : .1em;
   background : #FFF url('../shared/bg_partner.jpg') no-repeat;
}
* html .partner { padding : 205px 0 0 0; height : 188px;} /* nur fŸr den IE6 */
*+html .partner { padding : 205px 0 0 0; height : 188px;} /* nur fŸr den IE7 */

.partner em {
   color : #993300;
   font-weight : bold;
   font-style : normal;
}
   /* Content :: Scrollbar
*****************************************************/
#scrollWrap {
   position : absolute;
   top : 330px; 	
   left : 0px;
}
/* hide from incapable browsers */
div#scrollbar { 
    display : none;
 }
/* below in external file */
div#wn {
	position: relative;
	margin : 0;
	width : 623px;
	height : 209px;
	overflow : hidden;
}
div#left { 
   position : absolute; 
   left : 0; 
   top : 0;
   display : none;
}  
div#right { 
   position : absolute;
   right : 0; 
   top : 0;
   display : none;
}
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}
div#wn table img {	
	border : none; 
	padding : 0; 
	margin : 0; 
	border-spacing : 0; 
}
div#wn tr img {
	border : none; 
	padding : 0; 
	margin : 0; 
}
div#wn td img { 
	border : none; 
	padding : 0; 
	margin : 0; 
	vertical-align : top;
	border-spacing : 0; 
}
   /* Content :: Bottom
************************************************/
#bottomWrap {
	float: left;
	height : 45px;
	width : 623px;
   background : #FFF;
}
#bottomWrap P {
	padding : 19px 15px 0 10px;
	color : #999;
	font-size : .8em;
	text-align : right;
	line-height : 1.4em !important;
}
#bottomWrap A {
   text-decoration : none;
   color : #999;
}
#bottomWrap A:Hover {
   text-decoration : none;
   color : #993300;
}
#subtitle-1,
#subtitle-2,
#subtitle-3,
#subtitle-4,
#subtitle-5,
#subtitle-6,
#subtitle-7,
#subtitle-8,
#subtitle-9,
#subtitle-10,
#subtitle-11 {
   position : absolute;
   top : 548px;
	left : 0px;
	width : 608px;
	height : 45px;
	line-height : 1.7em;
	text-align : right;
	visibility : hidden;
	z-index : 10;
}
#subtitle-visible {
   position : absolute;
   top : 548px;
	left : 0px;
	width : 608px;
	height : 45px;
	line-height : 1.7em;
	text-align : right;
	visibility : visible;
	z-index : 10;
}
#Beach {
   color : #009999;
}
#DOB {
   color : #77BEED;
}
#Homefashion {
   color : #987D65;
}
#Lingerie {
   color : #A12C68;
}
#Papeterie {
   color : #CC0033;
}
#Porzellan {
   color : #FF9999;
}
#Trendresearch {
   color : #987D65;
}
/* Content :: Bottom :: arrowMenu
************************************************/
#scrollLinks {
	float : right;
   margin : 25px 15px 0 0;
   padding : 0;
	width : 50px;
}
* html #scrollLinks { margin : 25px 9px 0 0;} /* nur fŸr den IE6 */
ul#arrowMenu {
   margin : 0;
   padding : 0;
   width : 50px;
   list-style-type : none;
}
ul#arrowMenu li {
   float : left;
   margin : 0;
   padding : 0;
   list-style-type : none;
}
ul#arrowMenu li a {
   display : block;
   height : 20px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#arrowMenu a.aktiv {
   cursor : default;
}
ul#arrowMenu li a { background : url(../shared/btn_arrowmenu.gif) no-repeat; }

ul#arrowMenu li#back             { width: 25px; top: 0px; }
ul#arrowMenu li#back a           { background-position: 0  0; }
ul#arrowMenu li#back a:hover     { background-position: 0 -20px; }
ul#arrowMenu li#back a.aktiv	   { background-position: 0 -20px; }

ul#arrowMenu li#forward          { width: 25px; top: 0px; }
ul#arrowMenu li#forward a        { background-position: -25px  0; }
ul#arrowMenu li#forward a:hover  { background-position: -25px -20px; }
ul#arrowMenu li#forward a.aktiv	{ background-position: -25px -20px; }

/* Footer
************************************************/
.footerWrap {
   float : left;
	padding : 0;	
	width : 850px;
}
	/* Footer :: Left
************************************************/
.footerLeft {
   float : left;
	width : 623px;
	height : 22px;
	background : #FFF;
}
/* Footer :: Right :: metaMenu
************************************************/
.footerRight {
   float : left;
   padding : 0 0 0 15px;
	width : 212px;
	height : 22px;
	background : #ADADAD url('../shared/bg_menu.gif') repeat-y;
}
.footerRight P {
   color : #666;
}
.footerRight P A {
   font-size : .9em;
   letter-spacing : .1em;
   color : #666;
	text-decoration : none;
}
.footerRight P A:Hover,
.footerRight P A.act {
	color : #FFF;
	text-decoration : none;
}
/* anker
*****************************************************/
A {
   color : #333;
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
}
A:Hover {
   color : #993300;
   font-weight : normal;
   text-decoration : none;
}
A:focus { outline : none; }

/* Headline
*****************************************************/
H1 {
	margin : 11px 15px 8px 10px;
   color : #FFF;
   font-size : 1em;
	font-weight : bold;
	letter-spacing : .2em;
}
H1.firstheader {
	margin : 147px 15px 0 10px;
   color : #FFF;
   font-size : 1em;
	font-weight : bold;
	letter-spacing : .1em;
	line-height : 1.5em;
}
H1.welcome {
	margin : 11px 15px 0 10px;
   color : #FF9933;
   font-size : 1em;
	font-weight : bold;
	letter-spacing : .2em;
}
H2 {
	margin : 15px 15px 8px 10px;
   color : #FFF;
   font-size : 1em;
	font-weight : bold;
	letter-spacing : .2em;
}