/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
/*ul { margin-bottom: 0; } */
li { margin-left: 1em; } 

/* reset */
		
body, span, form, h1, h2, h3, h4, p, ul, li, label, blockquote, input, textarea {
	/*color: #333333;*/
	font-family: "Helvetica, Courier New, Courier, sans-serif";
}

/* Elemente */

h1,
h2,
h4,
h3,
h5,
span {
	font-weight: bold;
	letter-spacing: 0.1em;
}

em {
	color: #555555;
	font-size: 92%; 
}

b {
	font-weight: bold;
	letter-spacing: 0.1em;
}

ul, li {
	list-style: none;
	border: 0 none;
	/*diplay: inline;*/
	float: left;
 /* line-height: 1.2em;  standarter Zeilenabstand  */
}
		
/* =============
	 LINKS 
===============*/


a:link, 
a:visited,
a:active,
a:focus,
#shopsOnline a,
a:focus.naviDetail,
span.navi { 
	font-size: 13px;
	font-variant: small-caps;
	color: #FF33FF; /*#FFOOFF;#cc33cc;#ff33ff;cc00ff;9933cc;cc33ff*/
	text-decoration: none; /* normaler Schrift*/
	font-style: normal;
	letter-spacing: 0.12em;
	padding: 6px;
}




/* header, footer,  */

a.dias,
a.navi,
a:visited.navi,
span.navi {color: #666666; font-weight: bold;}

#footer span,
#footer a,
a:visited#footer{
	color: #444444;
	font-size:	12.5px;
	letter-spacing: 0.115em;
}


.dias a {
font: normal normal 15px Helvetica;
color: #666666;
}
#shopsOnline a {font-size: 14px;}

a:hover {color: #222222;}

a:hover#closeDetail,
a:hover.dias,
a:hover.navi,
#shopsOnline a:hover,
#footer a:hover {
	color: #222222;
}

span.navi, 
#footer span {
	color: #FF33FF;
}


a:focus {
	cursor: default; /* toter Maus-Pfeil */
	outline: none;  /* keine Rahmen beim Anclicken */	
}

/*a:focus.naviDetail,*/
#naviLooks a:focus {color: #FF33FF;}


/*=================================================================================*/
	
			

	
/* BG-IMAGE, MENUS */

#bg-wrapper { /* entfehlt bei index.html */
	background: transparent url(bilder/bg-logo-modell_624x848_50.png) no-repeat  -200px -149px;
	opacity: .8;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
}

#header { /* Hauptmenu-wrapper */
	background: transparent url(bilder/dotted_line.png) no-repeat;
	width: 4800px;
	height: 3px;
	position: fixed;
	right: 3.5%;
	top: 80px;
	z-index: 3;
}
		
#titelText { /* Schrift-Titel Modeatelier */
	color: #555555;
	letter-spacing: 0.14em;
	font-size: 0.9em;
	position: fixed;
	left: 24px;
	top: 20px;
	z-index: 1;
	font-family: "Arial", sans-serif;
}
		
#titelBild { /*Bild-Titel m.a.p.h.i.a */
	width:200px; 
	height:auto;
	position: fixed;
	margin: 0 0 0 0;
	left: 20px;
	top: 32px; 
	opacity: .7;
	z-index: 1;
}


#footer { /* Fuss-Menu-wrapper */
	width: 4800px;
	
	background: transparent url(bilder/solid-line.png) no-repeat; 
	position: fixed;
	right: 3.2%;
	bottom: 3px;
	z-index: 2;
}
		
#footer li {
	
	background: none;
	margin: 5px 0 2px 0;
	float: right; 
	display: inline;
	border: 0 none;
	margin-left: 16px;
}

/*  MENUS */
   
#header ul{
	position: fixed;
	right: 3.2%;
	top: 52px;
}


/*INDEX.HTML*/ 

#neuText {
	color: #555555;
	font-size: 0.8em;
	position: fixed;
	right: 2.4%;
	top: 31px;
	z-index: 1;
}

#logo {
	width:95px; 
	height:95px;
	position: fixed;
	left: 34.15%;
	top: 28px;
	opacity: .8;
	z-index: 1;
}

#cover {  /*versteckt Dias-Ansicht*/
	width: 945px;
	height: 1800px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
}

#wrapper {
	width: 945px;
	height: 1800px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#copyright {
	width: 945px;
	height: 1800px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 6;
}


		#imageBox{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0px;
		/*overflow: hidden;*/
		z-index: 0; 
		}
		
				
		#ForthBack{
		position: fixed;
		left: 7px;
		bottom: 33px;
		z-index: 3;
		}

/*ABOUT.HTML*/

#about {
	font: 13px Helvetica;
	font-size: 97%;
	letter-spacing: 0.6px;
	line-height: 1.5em;
	text-align: justify;
	width: 55%;
	position: fixed;
	right: 20%;
	top: 28%;
}


/*IMPRESSUM.HTML*/

#impressum {
	font: 16px Helvetica;
	letter-spacing: 0.1em;
	line-height: 2em;
	position: absolute;
	right: 29%;
	top: 35%;
}
		


/*SHOPS.HTML*/



#shopsOnline {
		   position: absolute;
		   right: 10%;
		   top: 120px;
		 }


#shops {
	font: 14.5px Helvetica;
	letter-spacing: 0.015em;
	line-height: 1.3em;
	position: absolute;
	right: 24%;
	top: 175px;
}

#shops h3 {
	font: bold 16.5px Helvetica;
}

#shops td {
	padding-bottom: 10px;
	/*font:normal 1.05em Helvetica;*/
	letter-spacing: 0.1em;
	line-height: 1.2em;
	 
}


		

/*COLLECTION.HTML*/	


#cover { /*copyright */
	background: #fff;
	opacity: .9;
	visibility: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 4;
}


/* Navigation - Positionierung */
div.dias {
	position: fixed;
	left: -0.6%;
	width: 100%;
	top: 200px;
	z-index: 3;
}

ul#dias {
	width: 100%;
	height: auto;
}

#dias li {
	width: 10.55%;
	position: relative;
	margin-left: 0.5%;
}

.dias img {
	width: 103px; 
	height:155px;
	border-style: none;
	position: relative;
}

.dias a:hover img {
	opacity: 0.9;
}

/* Naviegieren zw. Kollektionen */

#naviLooks 
{
	margin: 0;
	position: relative;
	top: 75px;
	right: -20.5%;
	width: 63%;
	z-index: 3;
}

#naviLooks li
{
	margin: 4px;
	padding: 2px;
} 






/* Hoch-, Quer- & Quadratformate für Detailansicht */
			img#Hochformat {
				position: absolute;
				width: 60%;
				left:20%;
				right: 20%;
			}

			img#Breitformat {
				position: absolute;
				width: 80%;
				left: 10%;
				top: 30px;
			}


			img#Quadrat {
				position: absolute;
				width: 70%;
				left: 15%;
			}
			
/* Detailansicht Navigation */

#naviDetailL {
	padding: 1%;
	position: fixed;
	bottom: 45%;
	left: -0%;
	z-index: 7;
}
#naviDetailR {
	padding: 1%;
	position: fixed;
	bottom: 45%;
	right: -0.5%;
	z-index: 7;
}

#closeDetail {
	height:35px;
	position: fixed;
	top: 0%;
	right: 0%;
	z-index: 7;
}

#detailLookName {
	color: #fF33FF;
	position: fixed;
	bottom: 1%;
	left: 1%;
	z-index: 7;
	
	font: normal small-caps 1.2em "Helvetica, Courier New, Courier, sans-serif";
	text-decoration: none;
	letter-spacing: 0.12em;
}