/* css (exkl. lightbox-part) von hc pauly, hc-pauly: [communications] */

/* (c) 2009 */



body {

 border: 0;

 background-color: #292929;

 font-family: Arial, Helvetica, sans-serif

 }



/* lightbox-part */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{

	border: none;

	}



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}



#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}



#imageContainer>#hoverNav{

	left: 0;

	}



#hoverNav a{

	outline: none;

	}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}



#prevLink { 

	left: 0;

	float: left;

	background: url(../images/prevlabel.gif) left 15% no-repeat;

	}



#nextLink { 

	right: 0;

	float: right;

	background: url(../images/nextlabel.gif) right 15% no-repeat;

	}



#prevLink:hover, #prevLink:visited:hover {

	background: url(../images/prevlabel.gif) left 15% no-repeat;

	}



#nextLink:hover, #nextLink:visited:hover {

	background: url(../images/nextlabel.gif) right 15% no-repeat;

	}



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	

	padding:0 10px;

	color: #666;

	}



#imageData #imageDetails{ 

	width: 70%;

	float: left;

	text-align: left;

	}	



#imageData #caption{

	font-weight: normal;

	}



#imageData #numberDisplay{

	display: block;

	clear: left;

	padding-bottom: 1.0em;

	}			



#imageData #bottomNavClose{

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

	}	



#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}



/* ende lightbox-part */

	



/* hcpy-part */

 

p {

 font-size: 11px;

 color: #000000;

}



h1 {

 font-size: 18px;

 font-weight: bold;

 color: #4c5037

}



h2 {

 font-size: 12px;

 color: #454545

}



h3 {

 font-size: 11px;

 color: #efb000;

 font-weight: normal;

 font-style: italic;

 line-height: 0.2em

}



td {

 font-size: 12px;

 color: #909090;

 line-height: 1em

}



img {

 border: 0

}



a {

	text-decoration: none;

	color: Maroon;

}



table.nav {

	position: absolute;

	left: 142px;

	top: 498px;

	width: 800px;

}



input {

	font-size: 11px;

}



.whitelight {

 font-size: 12px;

 color: #ffffff;

 border-bottom: 7px

}



.whitesmall {

 font-size: 10px;

 color: #ffffff

}



.scndnav {

 font-size: 11px;

 color: #414141

}





.monosmall {

 font-family: monospace;

 font-size: 11px;

 color: #ffffff

}



table.bottomline {

	line-height: 1.3em;

	height: 40px;

	padding-bottom: 6px;

}



#picture  {

 display: block;

}



#technique {

 display: none;

}



.impressum {

	position: relative;

	top: 40px;

	left: 850px;

	width: 110px;

	font-size: 11px;

}



.news {

	position: absolute;

	top: 502px;

	left: 812px;

	/*display: none;*/

}



#cutline {

	position: absolute;

	top: 418px;

	text-align: right;

	width: 834px;

	font-size: 11px;

}



#form {

	position: absolute;

	top: 130px;

	left: 560px;

	text-align: left;

	width: 334px;

	font-size: 11px;

}



#howto {

	position: absolute;

	top: 450px;

	text-align: right;

	width: 870px;

	font-size: 10px;

	color: #696969

}



#howtoa {

	position: absolute;

	top: 105px;

	text-align: right;

	width: 598px;

	font-size: 10px;

	color: #696969

}



#contact {
	position: absolute;
	top: 58px;
	left: 220px;
	text-align: left;
	width: 834px;
	font-size: 12px;
}

#workshop {
	position: absolute;
	top: 58px;
	left: 220px;
	text-align: left;
	width: 380px;
	font-size: 11px;
	line-height: 1.8em;
}

#sidepic {
	position: absolute;
	top: 20px;
	left: 643px;
	width: 203px;
	font-size: 10px;
	color: #696969
}

/*#about {

	position: absolute;

	top: 180px;

	left: 200px;

	text-align: left;

	width: 600px;

	font-size: 11px;

	line-height: 1.5em;

	color: #deb644

}*/



#about {

	position: absolute;

	top: 65px;

	left: 230px; /*alte Position 370px*/

	text-align: left;

	width: 520px;

	font-size: 12px;

	line-height: 1.5em;

	color: #333333 /* alte Farbe gold: #deb644 */

}



#girls {

	position: absolute;

	top: 345px;

	left: 302px;

	width: 500px;

	font-size: 10px;

}



#schmuck {

	position: absolute;

	top: 0px;

	left: 30px;

	width: 930px;

	height: 420px;

	background-color: white;

	font-size: 10px;

}



#atelier {

	position: absolute;

	top: 0px;

	left: 30px;

	width: 930px;

	height: 460px;

	background: url(../pix/about-4.jpg) no-repeat;

}



#top {

	padding: 0;

	margin: 0 auto;

	width: 970px;

	clear: both;

	background: url("../pix/header.jpg") no-repeat top;

	height: 70px;

}



#page {	

	text-align: left;

	background-color: white;

	margin: 0 auto;

	width: 990px;	

	position: relative;

	background: url("../pix/borders.jpg") repeat-y top

	}

	

#footer {

	padding: 20px 0 0 0;

	margin: 0 auto;

	width: 990px;

	clear: both;

	background: url("../pix/footer.jpg") no-repeat bottom;

	height: 110px;

}



.maintext {

	padding-left: 102px;

	padding-top: 80px;

	padding-bottom: 20px;

	width: 580px;

	color: Gray;

	line-height: 1.4em;

	z-index: auto;

}



.eveandme {

	text-align: left;

	font-size: 12px;

	width: 520px;

	line-height: 1.5em;

	padding-left: 200px;

	padding-top: 53px;

	color: #333333

}