/**
 *
 * Gestaltung der Lightboxen
 *
 */

@media all  {


/*	################################################################################### 
	### LIGHTBOXEN  ###################################################################
	###################################################################################  */


	#LBshadow { position: fixed; z-index: 1; top: 0; left: 0; background: #000000; cursor: pointer; }
	#LBshadowLayer { position: absolute; z-index: 2; top: 0; left: 0;}
	#LBcontent { position: fixed;  z-index: 10; padding: 15px; }
	* html #LBshadow { position: absolute; z-index: 1; top: 0; left: 0; background: #000000; cursor: pointer; width: 100%; } 
	* html #LBcontent { position: absolute;  z-index: 3; padding: 15px; }


	.lightbox h1 {
		  width: 100%;
		  padding: 0em 0 2em;
		  color: rgb(141, 39, 23);
		  font: 17px Tahoma;
		  text-align: center;
		  margin: 1em 0 1.2em 0;
		 background: url("../img/underline.png") no-repeat scroll center 40px transparent;
	}
	
	
	.lightbox a.closeBtn {
		float: right;
		margin: 1.3em -1.2em 0 0;
		cursor: pointer;
	}
	
	#msg {
		margin:1.5em 0em 1em 8.8em;
		color: rgb(141, 39, 23);
		font-weight: bold;
	}
	
	.lightbox .error {
		margin: 3.3em 0 0 0em;
		font-weight: bold;
		color: rgb(141, 39, 23);
		font-size: 1em;
	}
	
/*	User Registration */

	.userRegistration {
		width: 700px;
		padding: 0 2.5em 0em 2.5em;
		background: #fff url("../img/userRegistrationBg.gif") no-repeat scroll 450px 100px;
		}
	
	.userRegistration .ym-form {
		margin: 2.2em 0 0 3.3em;
	}

	.formBox {
		width: 340px;
		margin: 2em 0 2em 0;
	}

	.userRegistration p {
		color: rgb(136, 136, 136);
		font: 11px Tahoma;
		margin-top: 0;
	}



	.userRegistration .ym-form input  {
		width: 100%;
	}

	.formBox .float-right, 
	.formBox .float-left {
		margin: 0 0 0.55em 0; 
		width: 48.5%;
	}
 
	.lightbox .ym-form div.ym-fbox-button  {
		margin: 0.5em 2em 1em 0; 
	}
	
	
/*	User Login */

	.userLogin {
		width: 750px;
		padding: 0 2.5em 2.7em 2.5em;
		background: #fff ;
		overflow: hidden;
		}
	
	.userLogin .ym-form {
		margin: 2.2em 0 0 0em;
	}

	.userLogin .left {
		width: 436px;
		margin: 0em 0 2em 0;
		background: url('../img/hborder.gif') no-repeat right top;
		padding-right: 2em;
		float: left;
	}
	
	.userLogin .ym-form label {
		text-align: right;
		margin-right: 0.9em;
		width: 8em;
	}


	.userLogin .left p {

		margin-top: 0;
		margin-left: 9em;
	}
	
	.userLogin p a {
		padding-top: 1em;
		/*display: block;*/
	}
	
	

	p.error {
		margin: 3.3em 0 0 0em;
		font-weight: bold;
		color: rgb(141, 39, 23);
		font-size: 1em;
	}


	.userLogin .ym-fbox-button input {
		margin: 0.4em 0 0 8.8em;		
	}
	
	.userLogin .right {
		margin-left: 490px;
	}
	
	.userLogin .right h2 {
		font-size: 1.2em;
		color: #8b281c;
		font-weight: bolder;
	}
	
	.userLogin .right p {
		margin: 1.5em 0 0 0;
	}

	.userLogin .right img {
		margin: 1em 0 1em 1.5em;
	}

}