@charset "utf-8";
/* CSS Document */

body {
}
/* ------------------------------ */
/* Navigation: Main-Configuration */

div#nav { 
	display: inline; 
	float: left; 
	width: 980px;
	height: 24px;
	/*background-color: #343434;*/
	}
* html div#nav { overflow-x: hidden; }

div#nav ul { 
	display: block; 
	float: left; 
	margin: 0; 
	padding: 0;
	}
* html div#nav ul { overflow-x: hidden; }

div#nav ul li { 
	display: block;
	margin: 0; 
	padding: 0; 
	float: left;	
	}
div#nav ul li a { 	
	display: block;
	padding: 3px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;*/
	text-decoration: none;
}
div#nav ul li a:hover {
	/*border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;*/
	text-decoration: none;
}

/* ------------------- */
/* Navigation: Contact */

div#nav ul#navContact {  
	width: 186px; 
	background-color: #FFF;
	/*border-right: 1px solid #FFF;*/
	}
div#nav ul#navContact li a {
	width: 93px;
	color: #343434;
}
div#nav ul#navContact li a:hover {
	color: #FFF;
	/*background-color: #343434;*/
	/*border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;*/
}

/* Active */

body#contact div#nav ul#navContact li#contact a, body#contact div#nav ul#navContact li#contact a:hover,
body#impressum div#nav ul#navContact li#impressum a, body#impressum div#nav ul#navContact li#impressum a:hover { 
	color: #cc9900;
	/*background-color: #343434;*/
	/*border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;*/
}



/* --------------------- */
/* Navigation: Galleries */

div#nav ul#navGalleries {
	width: 794px;
	}
div#nav ul#navGalleries li a {
	width: 198px;
	color: #FFF;
}
div#nav ul#navGalleries li#references a {
	width: 200px;
}
div#nav ul#navGalleries li a:hover {
	color: #343434;
}

/* Active */

body#celebrity div#nav ul#navGalleries li#celebrity a, body#celebritiy div#nav ul#navGalleries li#celebrity a:hover,
body#fashion div#nav ul#navGalleries li#fashion a, body#fashion div#nav ul#navGalleries li#fashion a:hover,
body#beauty div#nav ul#navGalleries li#beauty a, body#beauty div#nav ul#navGalleries li#beauty a:hover,
body#references div#nav ul#navGalleries li#references a, body#references div#nav ul#navGalleries li#references a:hover { 
	color: #cc9900; 
	/*background-color: #343434;*/
	/*border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;*/
	}
	
/* ----------------------------- */	
/* Navigation: Image-Replacement */ /* Die CSS-Rahmen wurden oberhalb dieser Zeile auskommentiert!!! */
 
div#nav ul li a { 
	text-indent: -9999em; 
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-image: url('../images/navSprite.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 23px; 
	height: 23px; 
}
div#nav ul li a:hover { 
	background-position: 0 -23px; 
}
body#contact div#nav ul#navContact li#contact a, body#contact div#nav ul#navContact li#contact a:hover,
body#impressum div#nav ul#navContact li#impressum a, body#impressum div#nav ul#navContact li#impressum a:hover,
body#celebrity div#nav ul#navGalleries li#celebrity a, body#celebritiy div#nav ul#navGalleries li#celebrity a:hover,
body#fashion div#nav ul#navGalleries li#fashion a, body#fashion div#nav ul#navGalleries li#fashion a:hover,
body#beauty div#nav ul#navGalleries li#beauty a, body#beauty div#nav ul#navGalleries li#beauty a:hover,
body#references div#nav ul#navGalleries li#references a, body#references div#nav ul#navGalleries li#references a:hover {
	background-position: 0 -46px;
}

div#nav ul li#contact a 								{ background-position: 0px 0px; }
div#nav ul li#contact a:hover							{ background-position: 0px -23px; }
body#contact div#nav ul#navContact li#contact a, 
body#contact div#nav ul#navContact li#contact a:hover 	{ background-position: 0px -46px; }

div#nav ul li#impressum a 								{ background-position: -93px 0px; }
div#nav ul li#impressum a:hover							{ background-position: -93px -23px; }
body#impressum div#nav ul#navContact li#impressum a, 
body#impressum div#nav ul#navContact li#impressum a:hover 	{ background-position: -93px -46px; }

div#nav ul li#celebrity a 								{ background-position: -186px 0px; }
div#nav ul li#celebrity a:hover							{ background-position: -186px -23px; }
body#celebrity div#nav ul#navGalleries li#celebrity a, 
body#celebrity div#nav ul#navGalleries li#celebrity a:hover 	{ background-position: -186px -46px; }

div#nav ul li#fashion a 								{ background-position: -384px 0px; }
div#nav ul li#fashion a:hover							{ background-position: -384px -23px; }
body#fashion div#nav ul#navGalleries li#fashion a, 
body#fashion div#nav ul#navGalleries li#fashion a:hover 	{ background-position: -384px -46px; }

div#nav ul li#beauty a 								{ background-position: -582px 0px; }
div#nav ul li#beauty a:hover							{ background-position: -582px -23px; }
body#beauty div#nav ul#navGalleries li#beauty a, 
body#beauty div#nav ul#navGalleries li#beauty a:hover 	{ background-position: -582px -46px; }

div#nav ul li#references a 								{ background-position: -780px 0px; }
div#nav ul li#references a:hover							{ background-position: -780px -23px; }
body#references div#nav ul#navGalleries li#references a, 
body#references div#nav ul#navGalleries li#references a:hover 	{ background-position: -780px -46px; }


/* ------------------------------------------------------------------------- */
/* CONTACTFORM * /
/* ------------------------------------------------------------------------- */

form p {
	font-size: 12px;
	color: #ccc;
	margin-left: 10px;
}
label { display: block; color: #fff; padding-bottom: 4px; }
input[type=text], textarea { 
	width: 250px;
	font-size: 12px;
	font-family: Verdana;
	background-color: #999;
	padding: 2px;
	border: 1px solid #ccc;
}

p.caution, ul.caution li{
	margin-left: 10px;
	color: #cc9900;
	font-size: 12px;
}

