body { background: #fff url(../img/e-mail-signaturen_bg.jpg) no-repeat center top;}

#content {
	position:relative;
	background:transparent url(../img/content_background.jpg) no-repeat 7px 389px;
}

#mailSignature {
	font-size:12px;
	position:relative;
	top:64px;
	left:16px;
	height:680px;
}

#mailSignature h1 
{
	position:absolute;
	top:-45px;
	left:-20px;
	width:356px;
	height:106px;
	background: transparent url(../img/e-mail-signaturen_headline.gif) no-repeat center top;
}
			
#mailSignature h1 span {
	display:block;
	text-indent:-999px;
}

#mailSignature .tabs {
	position:absolute;
	top:32px;
	left:280px;
	list-style-type:none;
	padding:0;
	margin:0;
}

#mailSignature .tabs li {
	float:left;
	text-align:center;
	background: transparent url(../img/tabs.gif) no-repeat 0 0;
	width:132px;
	margin-right:1px;
}

#mailSignature .tabs li.hover {
	background-position:0 -40px;
}
 
#mailSignature .tabs li.current {
	position:relative;
	background-position:0 -64px;
	margin-top:-10px;
	z-index:120;
}

#mailSignature .tabs li#EMTab_factory {
	background-position:-140px 0;
}

#mailSignature .tabs li#EMTab_factory.current {
	background-position:-140px -64px;
}

#mailSignature .tabs li#EMTab_art {
	background-position:-280px 0;
}

#mailSignature .tabs li#EMTab_art.current {
	background-position:-280px -64px;
}                                                                                                  

#mailSignature .tabs li#EMTab_web {
	background-position:-420px 0;
}

#mailSignature .tabs li#EMTab_web.current {
	background-position:-420px -64px;
}

#mailSignature .tabs li a {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0 14px 0;
	outline:none;
}
	
#mailSignature .tabs li.current a {
	padding-top:7px;
	padding-bottom:19px;
}

#mailSignature .page {
	display:none;
	position:absolute;
	top:57px;
	left:130px;
	width:830px;
	height:500px;
	background:transparent url('../img/panels_backgrounds.jpg') no-repeat 0 19px;
	z-index:110;
}

#mailSignature .page .smoothBorder {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:830px;
	height:19px;
	background: transparent url(../img/kanten_oben.png) no-repeat 0 0;
}

#mailSignature .pageBorderBottom {
	display:none;
	position:absolute;
	top:434px;
	left:123px;
	width:708px;
	height:168px;
	background: transparent url(../img/kanten_unten.gif) no-repeat 0 0;
	z-index:120;
}

#mailSignature .page .manual {
	position:absolute;
	top:31px;
	left:-94px;
	width:264px;
	height:347px;
	background:transparent url('../img/anleitungs_backgrounds.jpg') no-repeat 0 0;
	z-index:110;
}

#mailSignature .page .manual h3 {
	width:194px;
	height:19px;
	background:transparent url('../img/texte/titeltehke/anleitung_titel.gif') no-repeat 0 0;
	margin:47px 0 18px 37px;
}

#mailSignature .page .manual h3 span {
	text-indent:-9999px;
	display:block;
}

#mailSignature .page .manual p {
	width:188px;
	height:112px;
	background:transparent url('../img/texte/titeltehke/anleitung_text.gif') no-repeat 0 0;
	margin:0 0 0 37px;
}

#mailSignature .page .manual p span {
	text-indent:-9999px;
	display:block;
}

#mailSignature .page .manual p.instructions {
	display:block;
	position:absolute;
	top:250px;
	left:29px;
	width:169px;
	height:51px;
	background-image:none;
	cursor:pointer;
}

#mailSignature .page_factory {
	background-position:-921px 19px;
}

#mailSignature .page_factory .smoothBorder {
	background-position:-921px 0;
}

#mailSignature .page_factory .manual {
	background-position:-294px 0;
}

#mailSignature .page_factory .manual h3 {
	width:162px;
	height:37px;
	background:transparent url('../img/texte/versfabrik/anleitung_titel.gif') no-repeat 0 0;
	margin:47px 0 18px 37px;
}

#mailSignature .page_factory .manual p {
	width:169px;
	height:123px;
	background:transparent url('../img/texte/versfabrik/anleitung_text.gif') no-repeat 0 0;
	margin:0 0 0 37px;
}

#mailSignature .pageBorderBottom_factory {
	width:738px;
	background-position:-750px 0;
}

#mailSignature .page_art {
	background-position:-1833px 16px;
}

#mailSignature .page_art .smoothBorder {
	background-position:-1832px -3px;
}

#mailSignature .page_art .manual {
	background-position:-588px 0;
}

#mailSignature .page_art .manual h3 {
	width:175px;
	height:39px;
	background:transparent url('../img/texte/namenskunst/anleitung_titel.gif') no-repeat 0 0;
	margin:47px 0 18px 37px;
}

#mailSignature .page_art .manual p {
	width:183px;
	height:109px;
	background:transparent url('../img/texte/namenskunst/anleitung_text.gif') no-repeat 0 0;
	margin:0 0 0 37px;
}

#mailSignature .pageBorderBottom_art {
	background-position:-1500px 0;
}

#mailSignature .page_web {
	background-position:-2719px 17px;
}

#mailSignature .page_web .smoothBorder {
	background-position:-2719px -2px;
}

#mailSignature .page_web .manual {
	background-position:-882px 0;
}

#mailSignature .page_web .manual h3 {
	width:130px;
	height:38px;
	background:transparent url('../img/texte/netzwerke/anleitung_titel.gif') no-repeat 0 0;
	margin:47px 0 18px 37px;
}

#mailSignature .page_web .manual p {
	width:184px;
	height:112px;
	background:transparent url('../img/texte/netzwerke/anleitung_text.gif') no-repeat 0 0;
	margin:0 0 0 37px;
}

#mailSignature .pageBorderBottom_web {
	background-position:-2260px 0;
}

#mailSignature .currentPage, 
#mailSignature .currentPage .smoothBorder {
	display:block;
}

#mailSignature .page .instructions {
	display:none;
	position:absolute;
	top:70px;
	left:149px;
	width:450px;
	height:288px;
	background:transparent url('../img/anleitung_bg.gif');
	z-index:200;
}

#mailSignature .page .instructions h2 {
	width:166px;
	height:30px;
	background:transparent url('../img/anleitung.gif') no-repeat 0 0;
	margin:25px 0 8px 25px;
}

#mailSignature .page .instructions ul {
	padding-left:40px;
	margin:0 0 5px 0;
}

#mailSignature .page .instructions li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#mailSignature .page .instructions p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 35px 10px 35px;
}

#mailSignature .page .instructions h2 span,
#mailSignature .page .content h2 span,
#mailSignature .page .content h3 span {
	text-indent:-9999px;
	display:block;
}


#mailSignature .page .instructions p.link {
	padding-left:30px;
	background:transparent url('../img/mini_arrow.gif') no-repeat 5px 50%;
	margin-left:4px;
}

#mailSignature .page .instructions p.link a {
	color:#f97a09;
	text-decoration:none;
}

#mailSignature .page .instructions p.link a:hover {
	text-decoration:underline;
}

#mailSignature .page .content input {
	width:193px;
	height:13px;
	line-height:13px;
	padding:3px;
	border:1px solid #5dabe3;
}

#mailSignature .page .content select {
	width:200px;
	padding:3px;
	border:1px solid #5dabe3;
}

#mailSignature .page .content .preview {
	position:absolute;
	top:106px;
	left:402px;
	width:368px;
	height:277px;
}

#mailSignature .page .content .preview textarea {
	font-family:Thamoma, Arial, sans-serif;
	font-size:11px;
	
	width:100%;
	height:277px;
	border:none;
}

#mailSignature .page_art .content .preview {
	overflow-y:auto;
	overflow-y:hidden;
}

#mailSignature .page_art .content .preview textarea {
	font-family:Courier New, Courier New, monospace;
}

#mailSignature .page .content h2 {
	position:absolute;
	top:20px;
	left:190px;
	width:416px;
	height:46px;
	background:transparent url('../img/texte/titeltehke/schaff-dir-eine-neue-identitaet.gif') no-repeat 0 0;
}

#mailSignature .page .content h3 {
	position:absolute;
	top:95px;
	left:170px;
	width:100px;
	height:18px;
	background:transparent url('../img/texte/titeltehke/dein_name.gif') no-repeat 0 0;
	margin:0;
}

#mailSignature .page .content p.name {
	position:absolute;
	top:117px;
	left:170px;
	width:193px;
	height:18px;
}

#mailSignature .page .content h3.selectA {
	top:156px;
	width:183px;
	height:17px;
	background:transparent url('../img/texte/titeltehke/wer-willst-du-sein.gif') no-repeat 0 0;
	margin:0;
}

#mailSignature .page .content h3.selectB {
	position:absolute;
	top:235px;
	left:170px;
	width:200px;
	height:17px;
	background:transparent url('../img/texte/titeltehke/wo-willst-du-arbeiten.gif') no-repeat 0 0;
	margin:0;
}

#mailSignature .page .content p.selectA {
	position:absolute;
	top:179px;
	left:170px;
	width:193px;
	height:18px;
}

#mailSignature .page .content p.selectB {
	position:absolute;
	top:258px;
	left:170px;
	width:193px;
	height:18px;
}

#mailSignature .page .content ul.pager {
	list-style-type:none;
	position:absolute;
	left:170px;
	width:193px;
	padding:0;
	margin:0;
}

#mailSignature .page .content ul.pager li.prev {
	float:left;
}

#mailSignature .page .content ul.pager li.next {
	float:right;
}

#mailSignature .page .content ul.pager li a {
	display:block;
	width:70px;
	height:15px;
	background:transparent url('../img/pager_blue.gif') no-repeat 0 0;
	outline:none;
}

#mailSignature .page .content ul.pager li.prev a:hover {
	background-position:0 -31px;
}

#mailSignature .page .content ul.pager li.next a {
	background-position:-106px 0;
}

#mailSignature .page .content ul.pager li.next a:hover {
	background-position:-106px -31px;
}

#mailSignature .page .content ul.pager li a span {
	text-indent:-9999px;
	display:block;
}

#mailSignature .page .content ul.selectAPager {
	list-style-type:none;
	position:absolute;
	top:206px;
	left:170px;
	width:193px;
	padding:0;
	margin:0;
}

#mailSignature .page .content ul.selectBPager {
	top:286px;
}

#mailSignature .page_factory .content h2 {
	width:401px;
	height:49px;
	background-image:url('../img/texte/versfabrik/waehle-deine-lieblingspoesie.gif');
}

#mailSignature .page_factory .content h3 {
	background-image:url('../img/texte/versfabrik/dein-name.gif');
}

#mailSignature .page_factory .content h3.selectA {
	width:200px;
	height:18px;
	background-image:url('../img/texte/versfabrik/deine-email.gif');
}

#mailSignature .page_factory .content h3.selectB {
	top:221px;
	width:171px;
	height:18px;
	background-image:url('../img/texte/versfabrik/gedicht-wechseln.gif');
}

#mailSignature .page_factory .content p.selectB {
	top:241px;
}

#mailSignature .page_factory .content ul.pager {
	top:269px;
}

#mailSignature .page_factory .content ul.pager li a {
	background-image:url('../img/pager_yellow.gif');
}

#mailSignature .page_art .content h2 {
	width:442px;
	height:51px;
	background-image:url('../img/texte/namenskunst/such-dir-deine-lieblingsschrift-aus..gif');
}

#mailSignature .page_art .content h3 {
	background-image:url('../img/texte/namenskunst/dein-name.gif');
}

#mailSignature .page_art .content h3.selectA {
	width:200px;
	height:18px;
	background-image:url('../img/texte/namenskunst/deine-email.gif');
}

#mailSignature .page_art .content h3.selectB {
	top:221px;
	width:194px;
	height:17px;
	background-image:url('../img/texte/namenskunst/schriftart-wechseln.gif');
}

#mailSignature .page_art .content p.selectB {
	top:241px;
}

#mailSignature .page_art .content ul.pager {
	top:269px;
}

#mailSignature .page_art .content ul.pager li a {
	background-image:url('../img/pager_green.gif');
}

#mailSignature .page_web .content h2 {
	width:325px;
	height:38px;
	background:transparent url('../img/texte/netzwerke/waehle_dein_netzwerk.gif') no-repeat 0 0;
}

#mailSignature .page_web .content h3 {
	width:100px;
	height:18px;
	background:transparent url('../img/texte/netzwerke/dein_name.gif') no-repeat 0 0;
}

#mailSignature .page_web .content h3.selectA {
	width:155px;
	height:19px;
	background:transparent url('../img/texte/netzwerke/deine_netzwerke.gif') no-repeat 0 0;
}

#mailSignature .page_web .content ul.socials {
	list-style-type:none;
	position:absolute;
	top:182px;
	left:170px;
	width:193px;
	padding:0;
	margin:0;
}

#mailSignature .page_web .content ul.socials li {
	background:transparent none no-repeat 3px 1px;
	padding-left:28px;
	margin-bottom:10px;
}

#mailSignature .page_web .content ul.socials li.facebook {
	background-image:url('../img/texte/netzwerke/icon_facebook.gif');
}

#mailSignature .page_web .content ul.socials li.windowslive {
	background-image:url('../img/texte/netzwerke/icon_windowslive.gif');
}

#mailSignature .page_web .content ul.socials li.twitter {
	background-image:url('../img/texte/netzwerke/icon_twitter.gif');
}

#mailSignature .page_web .content ul.socials li.xing {
	background-image:url('../img/texte/netzwerke/icon_xing.gif');
	background-position:3px 2px;
}

#mailSignature .page_web .content ul.socials li.studivz {
	background-image:url('../img/texte/netzwerke/icon_studivz.gif');
}

#mailSignature .page_web .content ul.socials li.schuelervz {
	background-image:url('../img/texte/netzwerke/icon_schuelervz.gif');
}

#mailSignature .page_web .content ul.socials li.meinvz {
	background-image:url('../img/texte/netzwerke/icon_meinvz.gif');
}

#mailSignature .page_web .content li input {
	width:165px;
}

#mailSignature div.hotmailBtn {
	position:absolute;
	top:516px;
	left:540px;
	width:215px;
	height:40px;
	z-index:200;
}

#mailSignature div.hotmailBtn a {
	display:block;
	width:215px;
	height:40px;
	background: transparent url(../img/button_hotmail.gif) no-repeat 0 0;
	outline:none;
}

#mailSignature div.hotmailBtn a span {
	display:block;
	text-indent:-9999px;
}

#mailSignature div.hotmailBtn a:hover,
#mailSignature div.hotmailBtn a.hover {
	background-position:0 -59px;
}