@charset "utf-8";
/* CSS Document */

#ecardEngineWrapper
{
		margin-left:20px;
}

#eCardHeader
{
	margin:0;
	padding:0;
	width:709px;
	height:198px;
	background-image:url(/images/specials/ecards/eCardsHeader.png);
	background-repeat:no-repeat;
	text-indent:-5000px;
}

#eCardStatusPanel
{
	width:709px;
	height:232px;
	margin-top:5px;
	background-image:url(/images/specials/ecards/eCardsInfoBG.png);
}

#eCardStatusPanel ul, #eCardStatusPanel li, #eCardForm ul, #eCardForm li
{
		display:block;
		margin:0;
		padding:0;
		list-style-type:none;
}

#eCardStatusPanel ul
{
		float:left;
		padding-top:62px;
		padding-left:32px;	
}

#eCardStatusPanel .eCardNavigation
{
		width:201px;
		height:24px;
		display:block;
		background-repeat:no-repeat;
		background-position:0px -50px;
		text-indent:-6000px;
		overflow:hidden;
}

#ecardStep1
{
	background-image:url(/images/specials/ecards/eCardNavi/1.png);
}

#ecardStep2
{
	background-image:url(/images/specials/ecards/eCardNavi/2.png);
	
}

#ecardStep3
{
	background-image:url(/images/specials/ecards/eCardNavi/3.png);
}

#ecardStep4
{
	background-image:url(/images/specials/ecards/eCardNavi/4.png);
}

#ecardStep5
{
	background-image:url(/images/specials/ecards/eCardNavi/5.png);
}

#ecardStep6
{
	background-image:url(/images/specials/ecards/eCardNavi/6.png);
}



#eCardStatusPanel .aktiv
{
		background-position:0px -25px;
}

#eCardStatusPanel .done
{
		background-position:0px 0px;	
}

#eCardStatusPanel .doneAktiv
{
		background-position:0px -75px;	
}

#eCardStatusPanel .copy
{
	float:left;
	width:350px;
	padding-top:65px;
	margin-left:70px;
	
}

#eCardStatusPanel .intro
{
	font-size:20px;
	color:#195f87;
	padding-bottom:10px;
}

#eCardForm form
{
		margin:0;
		margin-left:2px;
		padding:0;
		display:block;
		background-image:url(/images/specials/ecards/eCardsEingabenFooter.png);
		background-repeat:no-repeat;
		background-position:bottom left;
}

#eCardForm h5
{
	margin:0;
	padding:0;
	width:709px;
	height:55px;
	text-indent:-5000px;
	background-repeat:no-repeat;
}

#eCardForm h5.head1
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead1.png);
}

#eCardForm h5.head2
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead2.png);
}

#eCardForm h5.head3
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead3.png);
}

#eCardForm h5.head4
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead4.png);
}

#eCardForm h5.head5
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead5.png);
}

#eCardForm h5.head6
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead6.png);
}

#eCardForm h5.head7
{
			background-image:url(/images/specials/ecards/eCardsEingabenHead7.png);
}



#eCardForm ul
{
		padding-top:20px;
		padding-left:25px;
		padding-right:20px;
		padding-bottom:30px;
}

#eCardForm li
{
		padding-top:8px;
		padding-bottom:8px;
}

#eCardForm label
{
		display:block;
		float:left;
		width:180px;
		line-height:100%;
		padding-top:12px;
}

#eCardForm input[type="text"], #eCardForm textarea
{
		font-size:16px;
		padding:5px;
		border:2px solid #95b51c;
		width:330px;
		-moz-box-shadow:#999 0px 0px 3px;
		-webkit-box-shadow:#999 0px 0px 3px;
		background-image:url(/images/specials/ecards/inputBackground.png);
		background-repeat:no-repeat;
		color:#185a80;
		
}

#eCardForm textarea
{
		overflow:auto;

}

#eCardForm input[type="text"]:focus
{
		border-color:#2a90cb;
}

#eCardForm input[type="text"].eingabefehler
{
		border-color:#f46609;
		
}

.fehlerAusgabe
{
		font-size:10px;
		color:#C00;
		padding-left:180px;
		position:absolute;
}

.fehlerAusgabeListe
{
		font-size:10px;
		color:#C00;
		padding-left:50px;
		position:absolute;
}



.btnWeiter
{
		display:block;
		background-image:url(/images/specials/ecards/btnWeiter.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:173px;
		height:42px;
		position:relative;
		top:-5px;
		left:530px;
		text-indent:-5000px;
}

.btnWeiter:hover
{
		background-position:left bottom;
}

.pending
{
		background-position:0px -48px;	
}

#gfxSpirale
{
		background-image:url(/images/specials/ecards/spirale.png);
		background-repeat:no-repeat;
		height:45px;
		width:114px;
		position:absolute;
		margin-top:3px;
		margin-left:300px;
}

#freundesListe label
{
		width:50px;
}

#freundesListe li
{
		width:50%;
		float:left;
}

#freundesListe input[type="text"]
{
	width:250px;
}

#motivListe li
{
		width:33%;
		float:left;
		text-align:center;
}

#eCardForm textarea
{	
		margin-left:30px;
		margin-top:20px;
		height:200px;
		font-family:Tahoma, Geneva, sans-serif;
		width:420px;
}

.cardpreview
{
		padding-top:10px;
		padding-left:30px;
		position:relative;
}

.selectedTheme
{
		position:absolute;
		z-index:auto;
		background-image:url(../img/de/assets/ecards/selectedCard.png);
		width:74px;
		height:67px;
		margin-top:-65px;
		margin-left:150px;
}

.btnMotivAuswahl
{
		position:relative;
}

#stampContainer
{
		position:absolute;
		z-index:auto;
		padding-right:300px;
		padding-left:33px;
		padding-top:40px;
}

#stampContainer img
{
		margin:3px;	
		width:80px;
}


#resultPreview
{
		padding:15px;
		padding-left:30px;
		padding-bottom:20px;	
		position:relative;
}

#messagePreview
{
		position:absolute;
		z-index:auto;
		width:350px;
		height:200px;
		margin-left:30px;
		margin-top:278px;
		overflow:hidden;
		border:2px solid #fff;
		background-color:rgba(255,255,255,.9);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
}

#previewCopy
{
		display:block;
		font-size:13px;
		font-family:"Courier New", Courier, monospace;
		padding:10px;
		
}

#previewAdressat
{
		display:block;
		padding:10px;
}

#messageAdressat
{
		position:absolute;
		z-index:auto;
		width:190px;
		margin-left:420px;
		margin-top:360px;
		overflow:hidden;
		border:2px solid #fff;
		background-color:#fff;
		background-color:rgba(255,255,255,.9);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
}

#previewBackside
{
		background-image:url(../images/specials/cards/motive/images/backside/hundekuchen.png);
		background-repeat:no-repeat;
		background-position:12px 9px;
}

.blankoMarke
{
		background-repeat:no-repeat;
		background-position:7px 5px;
}

#previewMarke
{
		position:absolute;
		z-index:auto;
		margin-top:257px;
		margin-left:-5px;
		background-repeat:no-repeat;
		background-position:530px 24px;
}

#einladungenVersenden
{
		display:block;
		background-image:url(../images/specials/ecards/btnAbschicken.png);
		width:254px;
		height:45px;
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-indent:-5000px;
		margin-bottom:10px;
		margin-left:245px;
}

#einladungenVersenden:hover
{
		background-position:0px -49px;
}

#preLoader
{
		position:absolute;
		left:-5000px;
		top:-5000px;
}

#eCardAnsehen
{
	width:142px;
	height:140px;
	display:block;
	background-image:url(../img/de/assets/ecards/ansehen.png);
	background-repeat:no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
}