@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 18px; }
	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 #######
 * ################################
 */ 
	body {
		font: 11px/1.6em Verdana, Geneva, sans-serif;
		background: #ebe1c1 url(/css/img/main_bg.jpg) repeat-x scroll left top;
		text-align: center;
		color: #5c5c5c;
	}
	
	#page { margin: 0 auto; text-align: left; width: 880px; }
	
/**#########################
 * #### Typography #########
 * #########################
*/
	a:link, a:visited { color: #962a00; }
	a:hover, a:focus, a:active { color: #0066CC; }

	h1, h2, h3, h4, h5, h6 {	  line-height: 1.5em;
	}
	
	h2 {
		color: #dd4f17;
		font-size: 150%;
		font-weight: normal;
		margin: 0.5em 0 .25em;
		
	}
	h3 { font-size: 25px; margin: 1em 0 .5em }
	h4,h5 { font-size: 18px; margin: 0 }
	h5 { font-weight: bold; color: #4a4a4a }

	small { font-size: 81.3%; }
	
	blockquote { 
		background: transparent url(img/blockquote.gif) 0 5px no-repeat; 
		color: #705143;
		margin: 20px 0;
		padding: 13px 13px 8px 40px;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 128%;
		border-bottom: 1px dotted #b3a382; 
	}
	
	blockquote:last-child { border-bottom: 0 none; }
	
	blockquote p { margin: 0 0 10px; padding: 0 38px 15px 0; line-height: 1.25em; background: transparent url(img/blockquote-1.gif) 100% 100% no-repeat; }
	blockquote em { font-size: 85%; padding: 0 0 10px; display: block; text-align: right; color: #888; line-height: 2.3em;}
	blockquote em img { float: right; margin-left: 8px; }
	
/**#########################
 * #### Header Stylings ####
 * #########################
*/
	/** Oberen Link- und Sprachleiste **/
	#topRow { padding: 12px 0; line-height: 100%; }
	#topRow .a-home { font-size: 84.6%; color: #555; margin-left: 21px; float: left; }	

	#topRow .flags { float: right; margin-right: 75px; } /* Flaggen in der oberen Leiste **/
	#topRow .flags a { 
		float: left;
		display: block;
		width: 16px; 
		height: 16px;
		margin-left: 5px;
		background: transparent url(img/flag-sprite.png) 0 0 scroll no-repeat;
	}	
	#topRow .flags a span { display: block; text-indent: -999em; }
	#topRow .flags a.f-en { background-position: 0 -16px; }
	#topRow .flags a.f-de { background-position: 0 0; }
	
	/** Header-Grafik **/
	#header { position: relative; background: transparent url(img/bg-header.jpg) 50% center; width: 880px; height: 149px; }
	#header h1 { position: absolute; top: 26px; left: 26px; }
	#header h1 a { display: block; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }
	#header h1 a span { display: block; text-indent: -999em; }
	
	/** Navi **/
	#navi { position: absolute; right: 0; top: 0; width: 245px;  height: 28px; background: transparent url(img/bg-navi-left.png) 0 100% no-repeat }
	#navi ul { height: 28px; padding: 0 8px; background: transparent url(img/bg-navi-right.png) 100% 100% no-repeat }
	#navi li { float: left; }
	#navi li a { 
		display: block; 
		color: #fff; 
		padding: 3px 10px 3px; 
		border-left: 1px solid #fc9776; 
		border-right: 1px solid #e47244; 
	}
	
	#navi li a:link, #navi li a:visited { text-decoration: none; }
	#navi li a:hover, #navi li a:active, #navi li a:focus { text-decoration: underline; }	
	#navi li.first a { border-left: 0 none; }
	#navi li.last a { border-right: 0 none; }	
	
	/** Haupt-Navigation **/
	#navigation { background: transparent url(img/bg-navigation.png) top left scroll no-repeat; }
	#navigation.single-nav { background: transparent url(img/bg-navigation-single.png) top left scroll no-repeat; }
	#navigation ul { margin: 0; padding: 0; height: 57px; } 
	#navigation li { float: left; margin: 0 auto; background: transparent url(img/bg-navigation-li-spacer.png) right 50% scroll no-repeat; }
	#navigation li.first { padding: 0 5px; background: none }
	#navigation li a { 
		display: block; 
		color: #fff; 
		font-size: 16px; 
		text-decoration: none; 
		letter-spacing: -0.05em;
		padding: 13px 20px 13px; 
		line-height: 100%;
		margin-right: 2px;
		/* text-shadow: 0 1px 2px #b36143; /** @FX **/
	}
	#navigation li a:link, #navigation li a:visited { background: none; }
	#navigation li a:hover, #navigation li a:active { }	
	
	#demoTime a { display: block; height: 82px; background-position: top left; background-repeat: no-repeat; background-color: transparent; text-decoration: none; }
	
	#flags { position: absolute; right: 8px; top: 34px; }
	#flags li { float: left; margin: 0 5px 0 0; padding: 0; }
	#flags li a { display: block; width: 16px; height: 16px; background: url(img/flag-sprite.png) no-repeat 0 0 }
	#flags a.de { background-position: 0 0; }
	#flags a.en { background-position: 0 -16px; }
	#flags li a span { display: block; text-indent: -999em; }
	

/**#########################
 * #### Flags ##############
 * #########################
*/

/**#########################
 * #### Top Navigation #####
 * #########################
*/

/**#########################
 * #### Content ############
 * #########################
*/
	#content { }
	#content .content-footer { height: 16px; background: transparent url(img/bg-content-footer.png) 50% 100% repeat-y; }	

	#contentIndex { background: transparent url(img/bg-content-repeat.png) 50% 0 no-repeat; }
	#contentIndex .spacer, .cont-spacer { border-bottom: 2px solid #dacb9c; margin: 0 5px; height: 2px; font-size: 1px; line-height: 0; }
	#contentSub {background: transparent url(img/bg-content-sub-repeat.jpg) 50% 0 repeat-y; }
	#contentSubFooter {background: transparent url(img/bg-content-sub-bottom.jpg) 50% 100% no-repeat; }
		
	#content .left-bar { float: left; width: 385px; padding: 0 60px 0 56px; }
	#content .right-bar { float: right; width: 290px; padding: 0 42px 0 26px; }
	#content .index-cover { width: 177px; height: 248px; margin: 0 auto; }
	#content .index-cover span { display: block; text-indent: -999em; }

	/** Single Page Layout **/
	#contentSingle { background: transparent url(img/bg-content-single.png) 50% 0 repeat-y; }
	#contentSingleSub { background: transparent url(img/bg-content-single-footer.png) 50% 100% no-repeat; }
	
	#contentSingle .left-bar { float: none; width: auto; padding: 1px 200px 55px 56px; }
	#contentSingle .help-bar { float: none; width: auto; padding: 1px 56px 55px; }

	a.btn { /** standard button **/
		width: 145px; 
		height: 34px; 
		background: transparent url(img/bg-btn-sprite.png) 50% 0 no-repeat;
		color: #fff;
		text-decoration: none;
		display: block;
		line-height: 34px;
		padding: 0;
		text-align: center;
		font-size: 110%;
	}
	a.btn span {
		display: block;
		/* text-shadow: 0 1px 2px #ba5d37; /** @FX **/
	}
	
	/** Schwarzer Button **/
	a.btn-black { background-position: 50% -68px; }
	a.btn-black span { 
		/* text-shadow: 0 1px 2px #444444; /** @FX **/
	}
	
	a.btn-dl { 
		background: transparent url(img/bg-btn-download.png) 50% 0 no-repeat; 
		height: 48px; 
		width: 172px;
		padding-left: 32px;
		font-size: 18px;
		letter-spacing: -0.05em;
		line-height: 48px;
		margin-left: 0;
	}
	
	.center a.btn { margin: 0 auto; }
	
	.cover-btn-holder { width: 300px; margin: 0 auto 1em; }
	.cover-btn-holder a.btn { float: left; }
	.cover-btn-holder a.first { margin-right: 10px; }	

	/** Info für Windows Certification **/
	.win-certified {
		width: 185px; 
		height: 92px;
		margin: 0 auto;
		background: transparent url(img/bg-win-certified.png) 50% 0 scroll no-repeat;
	}
	
	.win-certified span { display: block; text-indent: -999em; }
	
	.ul-highlights li { background: url(img/bg-li-arrow.png) 0 8px no-repeat; padding: 5px 0 5px 40px; }
	
	.right-bar .spacer { height: 2px; font-size: 1px; line-height: 1; background: url(img/bg-spacer-right.png) 50% 0 no-repeat; margin: 21px -40px; }
	
	/** Screens on Homepage in right-bar **/
	.screen-list li { height: 150px; padding-top: 13px; padding-left: 158px; }
	.screen-list a { float: left; display: block; margin: -5px 0 0 -160px; width: 155px; height: 125px; }
	.screen-list a span { display: block; text-indent: -999em; }
	.screen-list p { line-height: 1.25em }
	.screen-list .first  { background: transparent url(img/right-screen-1.png) left 0 no-repeat; }
	.screen-list .sec 	 { background: transparent url(img/right-screen-2.png) left 0 no-repeat; }
	.screen-list .third	 { background: transparent url(img/right-screen-3.png) left 0 no-repeat; }
	
	ul.system { margin: 0 0 21px; }
	ul.system li { list-style-type: disc; margin-left: 34px; font-size: 100%; }
	
	ul.flag-list {  margin: 0 0 34px; }
	ul.flag-list li { margin-left: 18px; }
	ul.flag-list, ul.flag-list li { list-style-type: none; }
	img.flag-icon { float: left; margin: 2px 5px 0 0; width: 16px; height: 16px; background: url(img/flag-sprite.png) no-repeat 0 0 }
	img.de { background-position: 0 0px }
	img.en { background-position: 0 -16px }
	img.es { background-position: 0 -32px }
	img.fr { background-position: 0 -48px }
	img.it { background-position: 0 -64px }	
	
	dt { font-weight: bold; font-size: 16px; margin-top: 1em; color: #333; }

	.faq-list { }
	.faq-list li { font-size: 100%; margin: 0 0 8px 0; padding: 0 0 8px 15px; border-bottom: 1px dotted #c5b68d; }
	.faq-list span { float: left; margin-left: -15px; }

	.faq-head { font-size: 16px; color: #333; font-weight: normal; margin: 0 0 0.25em; }
	.faq-box {  margin: 0 0 2em; border-bottom: 1px dotted #c5b68d; padding: 0 0 2em; color: #666; font-size: 100%; }
	.faq-box p { margin: 0; padding: 0; }


	/** Help **/
	.help-head { font-size: 14px; color: #444; font-weight: normal; margin: 0 0 0.55em; }
	.screen-holder { margin: 0 0 21px; }	
	.screen-holder .screen { float: left; width: 480px; padding: 13px; margin-right: -1px; border: 1px dotted #ccc; background: #fff; }
	.screen-holder .hints { float: right; font-size: 92%; width: 217px; padding: 15px 21px; background: #FFC; border: 1px dotted #ccc; }
	
/**#########################
 * #### Icons ##############
 * #########################
*/

/**#########################
 * #### Formulars ##########
 * #########################
*/
	form li {
		line-height: 1.35em;
		display: block;
		padding: 6px 5px 9px 0;
		margin: 0 0 3px 175px;
	}
	
	label {
		display: block;
		float: left;
		font-size: 12px;
		width: 160px;
		text-align: right;
		margin: 0 0 0 -175px;
		line-height: 18px;
		font-weight: bold;		
		border: medium none;
		line-height: 155%;
		color: #222;
		padding: 0 0 3px;		
	}
	
	fieldset {	
		padding: 14px 0 21px;
		position: relative;
		border: 0 none;
	}

	input[type="text"], input[type="file"], textarea, input[type="password"] {
		background: #FFF url(/css/img/bg-input.gif) repeat-x scroll 0 0;
		border-color:#7C7C7C #C3C3C3 #DDDDDD;
		border-style:solid;
		border-width:1px;
		font-size: 13px;
		padding: 2px;		
	}
	
	input[type="radio"], input[type="checkbox"] {
		background: transparent none repeat scroll 0 0 !important;
		border: 0 none !important;
		width: 16px !important;
	}	
	
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		background: #f5f5f5;		
	}
	
	input[type=checkbox], input[type=radio] { vertical-align: middle; margin: 0; padding: 0; }	
	input[readonly="readonly"], input.readonly, input[disabled="disabled"] {color:#696969!important}		
	
	textarea {
		width: 95%;
		font-family:"Lucida Grande",Arial,sans-serif;
	}
	
	select {
		font-family: arial,helvetica,sans-serif;
		padding:2px;
		margin-bottom:5px;
	}

	form span.required {
		color: red !important;
		display: inline;
		float: none;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}	

	form li a.abort-link { line-height: 38px; color: #777; }

/**#########################
 * #### Footer #############
 * #########################
*/
	#footer { text-align: center; font-size: 82%; margin: 21px 0; }
	
/**#########################
 * #### HTML Replacement ###
 * #########################
*/
	.align-right 	{ text-align:right}
	.align-left 	{ text-align:left}	
	.center			{ text-align:center}
	
	.float-left  {float:left}
	.float-right {float:right}	

	.marg_auto {margin-left:auto;margin-right:auto}

	strong {font-weight:700}
	em, i  {font-style:italic}
	
	.uppercase { text-transform: uppercase; }

	big 	{ font-size:1.25em}
	.lhs {line-height:1em!important}
	.lhm {line-height:1.5em!important}
	.xbig	{ font-size:1.40em}
	big.first {font-size:2em;letter-spacing:1px }
	
	small, .fsmall {font-size:85%}
	.fxsmall {font-size:82%}
	.fxxsmall {font-size:72%}
	
	/*** Defining the main colors	***/
	.black 	{color:#333}
	.red	{color:#990000}
	.grey, .grey a {color: #959595; }
	.xgrey	{color:#999}
	.orange {color:#cc7722}
	.yellow {color:#ffdd11}
	.blue	{color:#336699}
	.green	{color:#608800}
	.purple, a.purple {color:#e2007a!important}
	
	.odd, .odd td,  .odd_column {background-color:#ffefef}
	.even, .even td, .even_column {background-color:#fff}	

	.hidden {display:none}
	.block {display:block}
	
	a img {border:0 none}
	
	.framed {background:white;padding:3px;border:1px solid #ccc}

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li {position:absolute;	visibility:hidden;	}		

	.rel {position:relative;z-index:2}
	
	.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%}		

	/* listen */
	.dotted  li, .squared li, .ordered li, .decimal li  {
		margin-left: 21px;
		padding:1px 0
	}
	.ordered li, .decimal li {
		list-style-type: decimal; 
		padding: 2px 0 5px;
		margin-bottom: 5px; 
		border-bottom: 1px dotted #ddcc44;
	}
	.dotted  li {list-style-type:disc}
	.squared li {list-style-type:square}
	
/**################################
 * #### Clearfix Hack #############
 * ################################
 */	
 	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden;
	}	

	.clearfix {display:inline-block}  /* ... Clearing f?r IE5/Mac und IE7 */

	* 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 */