@charset "utf-8";

/**################################
 * #### Global Reset ##############
 * ################################
 */ 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	/*	font-size: 100%;
		vertical-align: baseline; */
		background: transparent;
	}
	body { line-height: 1;  /* overflow-y: scroll; */ }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '.';
		content: none;
	}
	:focus { outline: 0; }

	p {	margin: 0 0 1.45em; }
	blockquote { margin: 1em; background: #f9f9f9; border: 1px solid #ccc; padding: 10px; font-size: 92%; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; }
	li, dd { margin-bottom: 6px; }
	p, li, dl, dd, dt {	line-height: 155%; }

	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {	border-collapse: collapse; border-spacing: 0; }

/**################################
 * #### Main Element Styles #######
 * ################################
 */ 
 	html { height: 101%; padding: 0; margin: 0; }
	body, td { }	
	body { 
		font: 13px/1.5em Arial, Verdana, sans-serif; 
		color: #5f5f5f;
		background: #fff url(img/bg-body.png) scroll 50% 0 repeat-x;
		
	}
	
/**################################
 * #### Typography ################
 * ################################
 */ 
	h1, h2, h3, h4, h5, h6 {
		margin: 0; padding: 0; letter-spacing: -1px;
	}	
	
	h1 { display: block; float: left; text-indent: -999em; }
	h1 a { display: block; height: 48px; }
	h2 { color: #2c2c2c; font-size: 220%; font-weight: normal; } 		
	h3 { color: #141313; font-size: 168%; line-height: 115%; margin: 0 0 8px; font-weight: normal; }
	h4 { }

	h3.highlight { background-color: #FF8 }

	a:link, a:visited { color: #2f476c }
	a:hover, a:active { }	

/**################################
 * #### Main Layouts ##############
 * ################################
 */
	#content, #footerContent, #header, #teaser, #subTeaser { width: 960px; margin: 0 auto; }
	
	#footer { margin-top: 21px; background: #f8f8f8 url(img/bg-footer.png) top left repeat-y; }

	/** Contentpage with Sidebar **/
	#sidebarWrapper { width: 960px; margin: 0 auto; }
	#sidebarWrapper #content { width: 644px; margin: 0; float: right; }
	#sidebarWrapper #sidebar { width: 267px; margin: 0; float: left; background: url(img/bg-sidebar.png) top right; padding: 40px 0; }
	
	.ajaxify { padding-right: 16px; display: block; background: url(/css/img/ajaxify.gif) right center no-repeat; }	
	.ajax-cont { min-height: 400px; }
/**################################
 * #### Header ####################
 * ################################
 */	
	#header { position: relative; }
	#header ul	 { float: right; }
	#header li 	 { float: left; margin: 0; padding: 0; }
	#header li a { display: block; font-size: 13px; text-decoration: none; line-height: 1; padding: 18px 8px 14px; letter-spacing:-0.04em }
	#header li a.last { padding-right: 0; }
	#header li a:link, #header li a:visited { color: #fff; }
	#header li a:hover, #header li a:active, #header li a:focus { color: #adcdca; }
	#header li.divider { line-height: 1; height: 48px; padding: 0 8px; background: transparent url(img/bg-header-li-divider.png) scroll 50% 50% no-repeat; }

	#header li.intern a:link, #header li.intern a:visited { color: #adcdca; }
	#header li.intern a:hover, #header li.intern a:active, #header li.intern a:focus{ color: #fff; }

	#teaserWrapper { background: transparent url(img/bg-teaser-repeat.png) top left repeat-x; min-width: 960px; }
	
	#header .flags { 
		padding: 2px 8px; z-index: 1000; position: absolute; top: 48px; right: 0; 
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);	
		background-color: #bae0f4;
		background-color: rgba(255, 255, 255, .35);
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		border: 1px solid #eee;
	}
	#header .flags { float: none; }
	#header .flags li { float: left; padding: 0; text-indent: -999em; }
	#header .flags li a { margin: 0; padding: 0; background: transparent url(img/bg-flag-sprite.png) scroll 0 0 no-repeat; width: 16px; height: 16px; margin-right: 5px; }
	#header .flags li a.de { background-position: 0 0; }
	#header .flags li a.en { background-position: 0 -16px; }
	#header .flags li a.it { background-position: 0 -32px; }
	#header .flags li a.fr { background-position: 0 -48px; }
	#header .flags li a.es { background-position: 0 -64px; }
	#header .flags li a.last { margin-right: 0; }
	
	/** Teaser on Homepage **/
	#teaser { background: #5f89ca url(img/bg-teaser.jpg) scroll 0 0 no-repeat; height: 367px; position: relative; }
	#teaser h2, #teaser h3 { display: block; text-indent: -999em; }	
	#teaser .pos-holder { position: absolute; top: 40px; left: 0; }
	#teaser h2 { margin-bottom: 13px; }
	#teaser h3 { margin-bottom: 21px; }
	#teaser p { 
		display: block; 
		width: 486px; 
		color: #fff; 
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		font-size: 16px;
		margin: 0 0 21px; padding: 0;
	}
	
	#teaser a.btn-buy, #teaser a.btn-download { 
		display: block; 
		background-position: 0 0; 
		background-repeat: no-repeat; 
		background-color: transparent;
	}
	#teaser a.btn-buy { 
		float: left; 
		background-image: url(img/bg-btn-teaser-buy.png); 
		width: 206px; 
		padding-right: 70px;
		height: 67px; 
		line-height: 65px;
		color: #fff; 
		text-align: right;
		text-decoration: none; 
		font-weight: bold;
		font-size: 28px;
		text-shadow: 1px 1px 1px #a95900;
	}
	#teaser a.btn-download { 
		float: right;
		background-image: url(img/bg-btn-teaser-download.png); 
		height: 40px;
		color: #fff;
		font-size: 15px; font-weight: bold;
		text-decoration: none;
		line-height: 38px;
		text-align: center;
		padding: 0 11px 0 21px;
		margin-right: 10px;
		position: relative;
		text-shadow: 1px 1px 1px #385375;
	}	
	
	#teaser a.btn-download span { 
		display: block; 
		position: absolute; 
		right: -10px; top: 0; 
		width: 10px; 
		height: 40px;
		background: transparent url(img/bg-btn-teaser-download.png) scroll 100% 0 no-repeat; 
	} 
	
	#teaser a:link.btn-buy, #teaser a:visited.btn-buy { background-position: 0 0; }
	#teaser a:hover.btn-buy, #teaser a:active.btn-buy { background-position: 0 -67px; }
	
	#teaser a:link.btn-download, #teaser a:visited.btn-download { background-position: 0 0; }
	#teaser a:hover.btn-download, #teaser a:active.btn-download { background-position: 0 -40px; }
	#teaser a.btn-download:hover span, 	#teaser a.btn-download:active span { background-position: 100% -40px; }	

	/** Standard Teaser on Subpages **/
	#subTeaser { height: 132px; padding: 40px 0 0; }
	#subTeaser h2 { font-size: 46px; color: #2f476c; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); line-height: 1.35; }
	#subTeaser h3 { font-size: 23px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
	
	/** Cover im Home Header **/
	#homeCover { 
		position: absolute; 
		right: 8px; 
		top: 8px;
		width: 230px;
		height: 365px;
		text-indent: -999em;
		background-position: top left;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	/** Breadcrumb Navigation **/
	#breadNavi { padding: 34px 0 2px; border-bottom: 1px solid #e8e8e8; }
	#breadNavi ul { padding: 0; border-bottom: 1px solid #e8e8e8; }
	#breadNavi li { float: left; padding: 3px 5px; }
	#breadNavi li a { display: block; font-family: 12px; }
	#breadNavi li.current a { color: #767676; text-decoration: none; }
	#breadNavi li.divider { font-size: 11px; }

	
	/** Content Pagenav **/
	
	.pb-cover a, .pb-cover { display: block; width: 160px; height: 255px; margin: 0 auto; text-decoration: none; }
	.pb-cover { margin-bottom: 8px; }
	.pb-cover span { display: block; text-indent: -999em; }
	
	.left-content .btn-upgrade { display: block; text-align: center; margin: 0 auto; }
	
	.page-nav  { border-top: 1px solid #d5d5d5; }
	.page-nav li { margin: 0; padding: 0; }
	.page-nav a { 
		display: block; 
		padding: 7px 13px 7px 5px; 
		line-height: 26px; 
		font-size: 13px; 
		color: #7d7d7d;
		text-decoration: none;
		font-weight: bold;
		position: relative;
		background: url(img/bg-page-nav-hover.png) left 0 repeat-x;
	}
	
	.page-nav li a:link, .page-nav li a:visited { color: #7d7d7d; }
	.page-nav li a:hover, .page-nav li a:active { color: #121212; }	
	
	.page-nav a.current:link, .page-nav a.current:visited, 
	.page-nav a.current:hover, .page-nav a.current:active { color: #121212; background: url(img/bg-page-nav-hover.png) left -40px repeat-x; border-bottom-color: #8ba19e; }

	.page-nav a.current .cur-mark { position: absolute; right: -18px; top: 0; width: 18px; height: 40px; background: url(img/bg-page-nav-hover.png) right -40px repeat-x; }

	.page-nav img.ico { float: left; width: 32px; height: 32px; display: block; margin: -2px 5px 0 0; background: transparent url(img/bg-icon-pagebar.png) 0 0 no-repeat; }
	.page-nav img.ico-pb-glance { background-position: 0 0 }
	.page-nav img.ico-pb-award  { background-position: 0 -32px; }
	.page-nav img.ico-pb-screen { background-position: 0 -64px; }
	.page-nav img.ico-pb-profile { background-position: 0 -96px; }
	.page-nav img.ico-pb-system { background-position: 0 -128px; }

	.page-content { margin-top: 21px; padding-left: 257px; background: transparent url(img/bg-leftbar.png) scroll 0 0 no-repeat;  }
	.page-content .left-content { width: 264px; float: left; padding: 0 ; margin-left: -256px; }
	.page-content .right-content { width: 645px; float: right; }
	
	.page-content .right-content h2 { font-size: 26px; font-weight: bold; line-height: 44px; color: #2b2b2b; margin: 21px 0; }
	.page-content .right-content h3 { font-size: 20px; font-weight: normal; color: #2b2b2b; margin: 34px 0 21px }
	
	.intro { font-size: 20px; line-height: 26px; color: #7d7d7d; }
	

	.page-content .right-content .glance1,
	.page-content .right-content .glance2,
	.page-content .right-content .glance3 { margin: 34px 0 21px; min-height: 127px; }

	.page-content .right-content .glance1
	.page-content .right-content .glance2,
	.page-content .right-content .glance3	
	
	.page-content .feature-list {  }
	.page-content .feature-list li { list-style-type: disc; margin-left: 2em; }
	
	.page-content #breadNavi { padding: 0 0 2px; margin: 0 0 21px }
	
	/** Presse Awards **/
	.press-awards .read-more { text-align: right; }
	
	.press-awards .award { padding-left: 128px; border-bottom: 1px dotted #ccc; margin: 21px 0 }
	.press-awards .award .infos { font-size: 90%; color: #777; }
	
	.press-awards .press1 { background: url(img/press/pcu_n_1.png) left top no-repeat; }
	.press-awards .press2 { background: url(img/press/PCgo0310_sehrgut.png) left top no-repeat; }
	.press-awards .press3 { background: url(img/press/Pcgo0309_sehrgut_Formatwandler23.png) left top no-repeat; }
	.press-awards .press5 { background: url(img/press/Formatwandler2_Kurztest_0609_SAD.png) left top no-repeat; }
	.press-awards .press6 { background: url(img/press/PCPraxis-gut_03_09.png) left top no-repeat; }
	.press-awards .press4 { background: url(img/press/PC-WELT_Test_gut_Feb09_Formatwandler2.png) left top no-repeat; }
	
	/** Screenshot List **/
	.screen-list li { float: left; width: 200px; padding: 3px; margin: 0 10px 21px 0; border: 1px solid #ccc; background: #fff; }
	.screen-list li.last { margin-right: 0; }
	.screen-list li img { display: block; }	
	
	#demoTime { background: transparent url(img/bg-demotime-repeat.png) 0 0 repeat-x; height: 112px; min-width: 960px; }
	#demoTime .wrapper { margin: 0 auto; width: 960px; border-left: 1px solid #3c5774; border-right: 1px solid #5b83af; }
	#demoTime a { display: block; height: 109px; width: 478px; text-indent: -999em; }
	#demoTime a.demo { display: block; float: left; border-left: 1px solid #5b83af; border-right: 1px solid #3c5774;  }
	#demoTime a.upgrade { float: right; border-left: 1px solid #5b83af; border-right: 1px solid #3c5774; }
	
	
	.upgrade-list li { position: relative; padding: 13px 0 13px 90px; border-bottom: 1px dotted #ccc; }
	.upgrade-list a.upgrade, a.btn-upgrade { 
		display: block; 
		position: absolute; 
		right: 0; top: 50%; 
		margin-top: -19px; 
		width: 114px; height: 38px;
		background: transparent url(img/btn-upgrade-small.png) 50% 50% no-repeat;
	}
	.upgrade-list a.upgrade span, a.btn-upgrade span { display: block; text-indent: -999em; overflow: hidden; }
	a.btn-upgrade { position: relative; }
	
	.right-content .upgrade-list h3 { margin: 13px 0 21px; }
	.upgrade-list .price { font-size: 108%; }
	.upgrade-list .price strong { font-size: 116%; }	
	
	.upgrade-list .cover { 
		text-indent: -999em; 
		margin-left: -90px; 
		float: left; 
		width: 77px; height: 100px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	.upgrade-list .ac-2 .cover { background-image: url(img/upgrade/AudioConverter2_3D.png); }
	.upgrade-list .vc-2 .cover { background-image: url(img/upgrade/VideoConverter2_3D.png); }
	.upgrade-list .fw-360 .cover { background-image: url(img/upgrade/Fw_3D.png); }
	.upgrade-list .fw-audio .cover { background-image: url(img/upgrade/fw_audio_3D.png); }
	.upgrade-list .fw-video .cover { background-image: url(img/upgrade/fw_video_3D.png); }
	.upgrade-list .fc-360 .cover { background-image: url(img/upgrade/Fw_3D.png); }
	.upgrade-list .ac .cover { background-image: url(img/upgrade/DVD_AudioConverter.png); }
	.upgrade-list .vc .cover { background-image: url(img/upgrade/DVD_VideoConverter.png); }
	.upgrade-list .fw-2 .cover { background-image: url(img/upgrade/FW2_mini_3D.png); }
	.upgrade-list .fw-av .cover { background-image: url(img/upgrade/formatwandler_druck.png); }	
	
	
	ul.system li { list-style-type: disc; margin-left: 21px; }
	
	.hr { border-bottom: 1px dotted #ccc; height: 1px; margin: 21px 0 0; }
	
/**################################
 * #### Content ###################
 * ################################
 */	
	/** Top Info Boxen auf der Startseite **/
	
	#topInfo { background: #f1f3f2 none; border: 1px solid #e5e5e5; border-width: 1px 0; margin: 21px 0 34px; min-width: 960px; }
	#topInfo .wrapper { margin: 0 auto; width: 960px; padding: 21px 0 0; }
	#topInfo h2 { font-size: 22px; margin: 0 0 0.5em; color: #2c2c2c; font-weight: bold; }
	#topInfo .col { float: left; width: 35%; padding: 0 0 0 66px; margin: 21px 5% 21px 10px; font-size: 92%; background: url(img/bg-topinfo-ico-sprite.png) top left no-repeat; }
	#topInfo .col h3 { 
		color: #2C3033;
		font: bold 16px Arial,sans-serif;
		letter-spacing: -1px;
		margin: 0 0 5px;
	}
	#topInfo .second { background-position: 0 -200px; }
	#topInfo .third	 { background-position: 0 -400px; }
	#topInfo .last	 { background-position: 0 -600px; }
	
	/** Bot Info Boxen auf der Startseite **/
	#botInfo { }
	#botInfo .col { width: 280px; }
	#botInfo .col img, #botInfo .col h2 { font-size: 22px; margin-bottom: .75em; }
	#botInfo .col a { color: #73a8b8 }
	#botInfo .first { float: left; }
	#botInfo .second { float: left; margin-left: 50px }
	#botInfo .third { float: right; }	
	#botInfo ul { margin: 0 0 1.45em; }
	#botInfo li { padding: 0; margin: 0; }
	#botInfo ul.links li { padding-left: 16px; background: url(img/li-dot.png) 3px 8px no-repeat; margin: 0 0 6px; }
	
	/** Download Head **/
	#dlHead {  position: relative; background: transparent url(img/bg-dl-head.png) scroll 50% top no-repeat; padding-top: 12px; margin: 21px 0; }
	#dlHead .cont { 
		min-height: 320px; 
		background: transparent url(img/bg-dl-head.png) scroll 0 100% no-repeat; 
		padding: 21px 320px 12px 34px;		
	}
	
	#dlHead .cover { 
		display: block; 
		position: absolute; 
		right: 21px; 
		top: 13px; 
		width: 200px; height: 319px;
		background-color: transparent;
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
	
	#dlHead h2 { font-size: 13px; color: #6d6d6d; font-weight: bold; margin: 0 0 5px; }
	#dlHead h3 { font-size: 26px; margin-bottom: 34px; }	
	#dlHead p { }
	
	#dlHead a.download { 
		display: block; 
		width: 297px; 
		height: 74px; 
		background-color: transparent;
		background-position: 50% 0;
		background-repeat: no-repeat;
		text-indent: -999em;
	}
	
	.faq-list li { padding: 5px 0; margin-right: 21px; border-bottom: 1px dotted #ccc;}
	.faq-list li a { text-decoration: none; line-height: 1.3em; display: block; }
	.faq-list li a:hover { text-decoration: underline; }
	
	#howto table { border: 1px solid #ccc; margin-bottom: 13px; }
	#howto table td { padding: 10px; }
	#howto table td.info-col p { line-height: 1.15em; }
	#howto table td.info-col { border-left: 1px dotted #ccc; }
	#howto p.header strong { color: #4f81bd; font-size: 16px; display: block; margin: 13px 0 5px; padding-bottom: 3px; border-bottom: 1px solid #4f81bd }
	
/**################################
 * #### Sidebar ###################
 * ################################
 */
	#sidebar h2 { font-size: 20px; padding: 0 0 5px; border-bottom: 1px solid #dadada; margin: 0 3px 34px 0; color: #2f2f2f; }
	#sidebarWrapper #content h2 { color: #2b2b2b; font-size: 26px; margin: 34px 0; }

/**################################
 * #### Formulare #################
 * ################################
 */
	form { width: 75%; margin: 0 auto; }
	form li 	{ margin-left: 220px; padding: 5px 0; }
	form label 	{ float: left; display: block; margin-left: -220px; font-size: 15px; font-weight: bold; line-height: 1.5em; padding: 5px 0; } 
	form li input, form li textarea, form li select { width: 300px; background: #f2f2f2 url(img/bg-form-input.png) 100% 0 no-repeat; border: 1px solid #e8e8e8; padding: 8px; font-size: 14px; }
	form li select { width: 318px; font-size: 15px; }
	form li .button { 
		border: 0; 
		overflow: visible; 
		width: auto;
		background: #73a9db none; 
		padding: 8px 13px; 
		line-height: 1; 
		color: #fff;
		font-size: 16px; 
		font-weight: bold;
		cursor: pointer;
	}
	
	form span.error { font-size: 11px; color: #ee0000; display: block; padding: 0; margin: 3px 0 0; }	
	form input.error, form textarea.error, form select.error { border-color: #ee0000; border-style: dotted; }

	#recaptcha_response_field { width: auto; margin: 0; left: 0; }
	
	.captcha-img { padding: 3px; border: 1px solid #ccc; background: #fff; }
	
	
	.required { color: #ff0000; }

/**################################
 * #### Footer ####################
 * ################################
 */	
	#footerContent ul, #footerContent .copy { float: left; padding: 13px 0; }
	
	#footerContent li { 
		float: left;
		padding: 0 8px;
	}
	
	#footerContent li a { 
		display: block; 
		color: #5f5f5f; 
		font-size: 11px; 
		text-decoration: none; 
	}

	#footerContent li.current a { font-weight: bold; }
	
	#footerContent .copy { float: right; font-size: 11px; }
		

/* ########################################################################
/* ###### Standard Classes ################################################
/* ########################################################################
*/ 	
	.hidden { display: none; }
	.clear	{ clear: both; font-size: 1px; height: 1px; line-height: 1px; margin: 0; padding: 0; border: 0 none; }
		/*** Clearing ***/	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		font-size: 0.1em;
		visibility: hidden;
	}	

	/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */
	/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/	
	.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

	/*
	** IE5.x/Win - x
	** IE6       - x
	*/	
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
	/* End hide from IE-mac */
	.marg_auto  { margin: auto; }

	.w_perc_90 { width: 88%; }
	.w_perc_85 { width: 83%; }
	.w_perc_80 { width: 78%; }
	.w_perc_75 { width: 74%; }
	.w_perc_70 { width: 68%; }
	.w_perc_65 { width: 64%; }
	.w_perc_60 { width: 58%; }
	.w_perc_55 { width: 53%; }
	.w_perc_50 { width: 48%; }
	.w_perc_45 { width: 44%; }
	.w_perc_40 { width: 38%; }
	.w_perc_35 { width: 33%; }
	.w_perc_33 { width: 30%; }
	.w_perc_30 { width: 28%; }
	.w_perc_25 { width: 24%; }
	.w_perc_20 { width: 18%; }
	.w_perc_15 { width: 13%; }
	.w_perc_10 { width:  8%; }
	.w_perc_5  { width:  3%; }	

	
	/*** hiding Borders for linked images ***/
	a img { border: 0 none; }
	
	/*** replacing html text alignment ***/
	.align-right 	{ text-align: right; }
	.align-left 	{ text-align: left; }
	.center			{ text-align: center; }	
	.marg-auto		{ margin: 0 auto; }
	
	/*** predefined fontsizes ***/
	.xsmall { font-size: xx-small; }
	small 	{ font-size: x-small; }
	big   	{ font-size: large; line-height: 1.6em; }
	.xbig	{ font-size: x-large; line-height: 1.8em; }
	
	.small { font-size: 11px; }
	
	/*** preset colors ***/
	.grey { color: #666; }
	.blue { color: #2b4190; }
	.red  { color: #990000; }

	.lhs { line-height: 0.9em !important; }
	.lhm { line-height: 1.35; }	

	.float-left  { float: left; }
	.float-right { float: right; }
	img.framed 	{ padding:3px; border: 1px #666 solid; background: #CCC; margin-right: 1em; }
	
	ul.decimal, ol.decimal { list-style: decimal; }
	ul.decimal li, ol.decimal li { list-style: decimal; margin-left: 21px; }