@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; }
	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: 100% }
	body, td { }	
	body {
		color: #000;
		font-family: "Lucida Grande",Arial,sans-serif;
		font-size: 76%;
		font-size-adjust: none;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 1.5em;
		background: #627f98 url(img/bg-body.jpg) scroll top center no-repeat;
	}	
	
/**################################
 * #### Typography ################
 * ################################
 */ 
	h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
		margin: 0 0 1em;
		padding: 0;
	}	
	
	h1 { margin: 0; }		
	h2 { font-size: 14px; color: #999; } 		
	h3 {}
	h4 {}

	a:link, a:visited { color: #008cc6; text-decoration: underline; }
	a:hover, a:active { text-decoration: none; }	

	a.img-link { text-decoration: none; }
	a.img-link span { text-decoration: underline; }
	a.img-link:hover span { text-decoration: none; }

/**################################
 * #### Container Elements ########
 * ################################
 */ 
	#pageWrapper {
		width: 752px;
		margin: 0 auto;
	}
	
	#header {
		position: relative;
		height: 81px;
		background: transparent url(img/bg-header.png) scroll center top no-repeat;
		padding: 13px 39px 0;
		z-index: 1;
	}
	
	#content { position: relative; }
	
	#adSky180 { position: absolute; width: 180px; left: 102%; top: -100px; color: #666;  }	
	
/**################################
 * #### Header ####################
 * ################################
 */ 
	#header #logo { width: 150px; }
	#header #logo a {
		display: block;
		height: 64px;
	}
	
	#headerfoot {
		background: transparent url(img/bg-header-foot.png) scroll center bottom no-repeat;
		padding: 5px 24px;
		font-size: 90%;
		color: #005e7b;
		height: 26px;
	}
	
	#headerfoot a { color: #fff; }
	
	#headerfoot li { float: right; }
	#headerfoot li.div { padding: 0 5px; }
	
	#headerfoot .btn-login {
		display: block;
		position: relative;
		background: transparent url(img/btn-login.png) scroll left top no-repeat;
		height: 20px;
		text-shadow:0 1px 1px #FFFFFF;	
		color: #503e07;
		text-align: center;
		line-height: 18px;
		font-weight: bold;
		text-decoration: none; 
		font-size: 105%;
		padding: 0 5px 0 10px;
		margin-right: 5px;
	}
	
	#headerfoot .btn-login span { 
		display:block; 
		position: absolute; 
		right: -5px; top: 0;
		width: 5px; 
		height: 20px; 
		background: transparent url(img/btn-login.png) scroll right top no-repeat; 
	}
	
	#header #logo a span { display: block; text-indent: -999em; }

	#twitterFollow { display: block; position: absolute; z-index: 0; right: -103px; top: 78px; width: 116px; height: 40px; background: url(img/twitter_follow.png) scroll top left no-repeat; }
	#twitterFollow span { display: block; text-indent: -999em; }

	#boardFollow { display: block; position: absolute; z-index: 0; right: -81px; top: 20px; width: 94px; height: 43px; }
	#boardFollow span { display: block; text-indent: -999em; }


	/** Navi **/
	#navi { 
		position: absolute;	top: 5px; right: 39px;		
		font-size: 92%;
	}	
	
	#navi li {
		float: left;
		padding: 0 3px;
		color: #999;
	}
	
	#navi li a {
		display: block;
		color: #d88611;
	}
	
	#navi li.lang { padding: 0 2px; }
	
	#navi li a img { vertical-align: middle; margin-top: 4px; }
	
	#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; }

	/** Main Tabe Navigation **/
	#navigation { position: absolute; bottom: 0; left: 250px; }
	#navigation li { float: left; margin: 0 3px 0 0; }
	#navigation li a { display: block; padding-left: 5px; }
	#navigation li a span { 
		display: block; 
		line-height: 1;
		padding: 10px 10px 13px 5px; 
		margin: 0; 
		font-size: 112%;
		font-weight: bold;
	}
	#navigation li a:link,	#navigation li a:visited { color: #646464; text-decoration: none; }
	#navigation li a:hover,	#navigation li a:hover { color: #d88611 }	

	#navigation li.current a, #navigation li.current a span { background: transparent url(img/bg-topnav-tab.jpg) 0 top no-repeat; color: #fff; }
	#navigation li.current a span { background-position: 100% top }	
	
	/** Profile Nav **/
	#profileNav { margin-top: 21px; }
	#profileNav .box { float: left; background: transparent url(img/bg-preset-box.png) 0 0 no-repeat; width: 294px; height: 57px; padding: 15px; }
	#profileNav .first { margin-right: 12px; }
	#profileNav h3 { font-size: 16px; font-weight: normal; color: #0d6688; margin: 0 0 13px; padding: 0; }
	
	#profileNav a { 
		position: relative;
		display: block; 
		float: left; 
		line-height: 29px;
		height: 29px; 
		padding: 0 8px 0 32px; 
		margin-right: 10px; 
		font-size: 11px; 
		font-weight: bold; 
		color: #646464;
	}
	
	#profileNav a, #profileNav a span { background: url(img/bg-preset-btn.png) scroll left top no-repeat; }

	#profileNav a span { 
		position: absolute; 
		right: -5px; 
		top: 0; 
		width: 5px; 
		height: 29px;
		background-position: right top;
	}
	
	#profileNav a.search { background-position: left -29px; }
	#profileNav a.search span { background-position: right -29px; }
	
	#profileNav a:link, #profileNav a:visited { text-decoration: none;  }
	#profileNav a:hover, #profileNav a:focus, #profileNav a:active, #profileNav .current a { text-decoration: none; color: #7a6200; background-position: left -58px; }	
	#profileNav a:hover span, #profileNav a:focus span, #profileNav a:active span, #profileNav .current a span { background-position: right -58px; }	
	
	#profileNav a.search:hover, #profileNav a.search:focus, #profileNav a.search:active, #profileNav .current a.search  {  background-position: left -87px; }	
	#profileNav a.search:hover span, #profileNav a.search:focus span, #profileNav a.search:active span, #profileNav .current a.search span { background-position: right -87px; }	
	
	#profileNav a.search { margin-right: 0 }
	
	/** UCP Top Nav **/
	#headerfoot.ucp-nav li { float: left; }
	
	.ico {
		background: url(img/ym-icon-set.png) 0 0 scroll no-repeat;	
		width: 16px; height: 16px;
		border: 0 none;
		vertical-align: middle;
	}
	
	#headerfoot.ucp-nav .ico { margin-right: 3px; }
	
 	.ico-admin    { background-position: 0 0; }
	.ico-userdel  { background-position: -16px 0; }
	.ico-abo	  { background-position: -32px 0; }
	.ico-account  { background-position: -48px 0; }
	.ico-payment  { background-position: -64px 0; }	
	.ico-bills	  { background-position: 0 -16px; }
	.ico-logout   { background-position: -16px -16px; }
	.ico-serial   { background-position: -32px -16px; }
	.ico-bul-green{ background-position: -48px -16px; }
	.ico-printer  { background-position: -64px -16px; }
	.ico-help	  { background-position: -80px -16px; }
	.ico-cart	  { background-position: -96px -16px; }
	.ico-cartgo	  { background-position: -112px -16px; }
	.ico-dl		  { background-position: -128px -16px; }	
	
	.btn-pay-success { margin: 34px auto 55px auto; text-align: center; } 
	.btn-pay-success a { 
		display: block;
		font-weight: bold;
		font-size: 1.8em;
		margin: 0;
		text-decoration: none;
	}	
	.btn-pay-success a span { text-decoration: underline; }	
	.btn-pay-success img {
		background: url(img/ico-download.png) top left no-repeat;
		width: 32px; height: 32px;
		vertical-align: middle;
	}	
	.btn-pay-success small { color: #777; display: block; padding-left: 24px; }
	
/**################################
 * #### Language Backgrounds ######
 * ################################
 */
	#indexHeadline, 
	#header #logo a,
	#coverWrapper,
	#demoDownload,
	#demoDownload a,
	#homeInfo .text-software,
	.download-holder a.btn {
		background-color: transparent; 
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: scroll;
	}

/**################################
 * #### Content ###################
 * ################################
 */
 	/** Single Content **/
 	.content-top, .content-footer {
		height: 21px;
		background: url(img/bg-single-content-top.png) scroll center top no-repeat;
	}

	.content-footer {
		background: url(img/bg-single-content-footer.png) scroll center bottom no-repeat;
	}
	
 	.content-repeat {
		padding: 21px 46px;
		background: url(img/bg-single-content-repeat.png) scroll center top repeat-y;
	}
	
	.min-height { min-height: 350px; }
	
	.alert-content { padding: 3px 13px; }
 
	#userNav .content-repeat{ padding: 3px 34px; }
 	#newsletterBox .content-repeat { padding: 5px 34px 1px; }
 
 
 	/** Home **/
	#indexHeadline {
		height: 71px;
		text-indent: -999em;
		margin: 0;
	}
	
	#videoWrapper {
		float: left;
		width: 472px;
		height: 290px;
		padding: 26px;
		background: transparent url(img/bg-video-box.jpg) scroll top left no-repeat;
	}
	
	#coverWrapper {
		position: relative;
		float: right;
		width: 228px;
		height: 342px;
	}
	
	#badge-buy {
		position: absolute;
		display: block;
		right: 10px;
		bottom: 20px;		
		width: 136px;
		height: 136px;
		background-color: transparent;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	
	#badge-buy span { display: block; text-indent: -999em ;}
	
	#demoDownload {
		height: 59px;
		padding: 0 26px;
	}
	
	#demoDownload .text { text-indent: -999em; float: left; }
	#demoDownload a { display: block; float: right; width: 178px; height: 33px; margin-top: 9px; text-indent: -999em; }
	
	#updateNew {
		height: 59px;
		padding: 0 26px;
		margin: 0 0 5px;
	}
	
	#updateNew .text { text-indent: -999em; float: left; }
	#updateNew a { display: block; float: right; width: 178px; height: 33px; margin-top: 9px; text-indent: -999em; }	
	
	
	
	/** Home Info Box **/
	
	#homeInfo .group { margin: 0 0 34px; padding: 0 0 34px; background: transparent url(img/bg-home-info-div.png) bottom center no-repeat; }
	#homeInfo .left  { padding-left: 208px; }
	#homeInfo .right { padding-right: 208px; }
	#homeInfo h3, #homeInfo h4, #homeInfo .text {  text-transform: uppercase; padding: 0; margin: 0; }
	#homeInfo h4.succ { color: #85a418; }
	#homeInfo h4.failed { color: #990000; }

	#homeInfo h3 { font-size: 14px; font-weight: bold; }
	#homeInfo h4 { color: #009ee0; font-size: 22px; line-height: 1.1em; letter-spacing: -0.5px; margin: 0 0 30px; }

	#homeInfo .text, #homeInfo h3 { color: #585858; }
	#homeInfo .text { font-size: 15px; line-height: 1.4em; text-transform: none; margin: 0 0 21px; }
	#homeInfo .group .text { margin: 0 0 54px; }

	#homeInfo .bubble { position: relative; background-color: #009ee0; padding: 15px; color: #fff; font-size: 15px; font-weight: bold; width: 80%; }

	#homeInfo .box-carret { position: absolute; top: 0; width: 31px; height: 85px; background: transparent url(img/bg-home-info-carret.png) scroll 0 0 no-repeat; }
	#homeInfo .left  .box-carret { left: -31px; background-position: 0 0; }
	#homeInfo .right .box-carret { right: -31px; background-position: -31px 0; }	

	#homeInfo .text-software { padding: 0 280px 0 0; background-position: right top; }

	#groupBusiness { background: transparent url(img/bg-home-info-business.jpg) scroll left top no-repeat; }
	#groupRock	   { background: transparent url(img/bg-home-info-rocker.jpg) scroll right top no-repeat; }	
	#groupGamer	   { background: transparent url(img/bg-home-info-gamer.jpg) scroll left top no-repeat; }	

	/** Downloadseite **/
	.download-content-bg { margin: 0 -32px; padding: 0 32px; }
	.download-text { padding-right: 355px; }	
	.download-holder { padding-right: 150px; }
	.download-holder p { font-size: 10px; color: #aaa; line-height: 1.25em; padding-left: 8px }
	.download-holder a.btn { display: block; width: 365px; height: 99px; margin: 55px 0 13px; text-indent: -999em; }

	/** Progressbar **/
	.blender {
		background-color:white;
		color:#02A7DD;
		width:200px;
		height:80px;
		position:absolute;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		top:20%;
		left:50%;
		margin-left: -100px;
		padding-top:20px;
		border: 1px solid #02A7DD;
		z-index: 10000;
	}
	
	/** Tabellenlayout **/
	
	.my-table { width: 100%; font-size: 92%; }
	
	.my-table th { 
		background: #f9f9f9 url(img/bg-th.png) bottom center repeat-x; 
		font-weight: bold; white-space: nowrap;
		border-width: 1px; border-style: solid; 
		border-color: #ccc #d0d0d0 #ccc #eee;
		color:#333333;
		padding:4px 5px;
		text-align:left;
	}
	
	/*** Breiten der Tabellenspalten ***/
	.my-table .date, .my-table .downloads { width: 65px; }
	.my-table .name a { font-weight: bold; }
	.my-table .add { width: 80px; }
	.my-table .id { width: 45px; }

	.my-table td {
		padding:5px;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-right: 1px solid #ccc;
		background: #fff;
		overflow: hidden;
	}
	
	.my-table td.front { background: #eee; border-left: 1px solid #ccc; width: 140px; text-align: right; font-weight: bold }
	.my-table td.single { text-align: left; } 
	.my-table .first { border-left: 1px solid #ccc; }
	.my-table .desc { font-size: 112%; }
	.my-table .foot { background: #eee; font-size: 112%; padding: 5px 13px; }


	.sum-total { border-top: 1px dotted #ccc; border-bottom: 4px double #ccc; padding: 13px 0; margin: 0  0 5px }

	.screenshots li { float: left; width: 210px; margin: 0 10px 10px 0; padding: 0; }
	.screenshots li.last { margin-right: 0; }

	img.s-voting {
		background-color:transparent;
		background-image:url(img/starset-small.png);
		background-repeat:no-repeat;
		width:55px;height:11px;
		vertical-align: sub;
		mar
	}
	
	.voting_0_0 {background-position:0 0}
	.voting_0_5 {background-position:0 0px}
	.voting_1_0 {background-position:0 -22px}
	.voting_1_5 {background-position:0 -33px}
	.voting_2_0 {background-position:0 -44px}
	.voting_2_5 {background-position:0 -55px}
	.voting_3_0 {background-position:0 -66px}
	.voting_3_5 {background-position:0 -77px}							
	.voting_4_0 {background-position:0 -88px}
	.voting_4_5 {background-position:0 -99px}
	.voting_5_0 {background-position:0 -110px}
	.voting_5_5 {background-position:0 -121px}
	.voting_6_0 {background-position:0 -132px}		
	
	img.b-voting {
		background-color:transparent;
		background-image:url(img/starset-big.png);
		background-repeat:no-repeat;
		width:125px;height:25px;
		vertical-align: sub;
	}
	
	.b-voting_0_0 {background-position:0 0}
	.b-voting_0_5 {background-position:0 -24px}
	.b-voting_1_0 {background-position:0 -48px}
	.b-voting_1_5 {background-position:0 -72px}
	.b-voting_2_0 {background-position:0 -96px}
	.b-voting_2_5 {background-position:0 -120px}
	.b-voting_3_0 {background-position:0 -144px}
	.b-voting_3_5 {background-position:0 -168px}							
	.b-voting_4_0 {background-position:0 -192px}
	.b-voting_4_5 {background-position:0 -216px}
	.b-voting_5_0 {background-position:0 -240px}	


	.desc-box { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; margin: 0 0 1em; }
	
	.dl-btn-sidebar { position: absolute; right: 40px; top: 350px; width: 228px; height: 75px; margin: 0 0 1em; text-decoration: none; display: block; text-indent: -999em; }

	#awardWrapper { position: absolute; right: -120px; top: 81px; }
	#awardWrapper li { width: 124px; margin-bottom: 0; }
	
	#plans { margin: 0 -13px; }
	#plans li { float: left; width: 215px; height: 251px; margin: 0 18px 13px 0; position: relative; }
	#plans li span { display: block; text-indent: -999em; }
	#plans li .btn-buy { position: absolute; bottom: 13px; left: 50%; margin-left: -61px; width: 122px; height: 37px; text-indent: -999em; }
	#plans li.plan3 { margin-right: 0; }
		
	.sdk-info{
		background-repeat: no-repeat;
		background-position: right top;
		padding: 0 300px 0 0;
	}

/**#########################
 * #### Rating Plugin ######
 * #########################
*/	
	#ratePlugin { margin: 5px auto 15px; position: relative; }
	#ratePlugin ul { margin: 0; padding: 0; }
	#ratePlugin li { float: left; margin: 0; padding: 0; line-height: 24px; height: 24px; vertical-align: middle; }
	#ratePlugin .label { margin: 0 8px; }
	#ratePlugin .rating { float: left; font-weight: 700; margin-left: -100px; line-height: 24px; font-size: 24px; }
	#ratePlugin li.rating { margin: 0 8px; }
	#ratePlugin li.votes { float: none; line-height: 18px; height: 19px; }
	#ratePlugin .rating img { vertical-align: middle; margin: 0; display: block; }
	#ratePlugin li a { display: inline; float: left; height: 24px; width: 12px; margin: 0; text-decoration: none; background: url(img/starset-big.png) top left no-repeat; }
		
	#ratePlugin li.l-half a { background-position: 0 0;  }
	#ratePlugin li.r-half a { background-position: -12px 0; }	
	
	#ratePlugin li.l-half a:hover, #ratePlugin li.l-half a.act { background-position: 0 -24px; }
	#ratePlugin li.r-half a:hover, #ratePlugin li.r-half a.act { background-position: -12px -48px; }
	
	.rate-div { float: left; width: 13px; margin-right: 13px; height: 50px; border-right: 1px dotted #ccc; }
	.rate-front { float: left; margin-left: 13px; }	
	.rate-now { float: left; }
	
	.rate-div, .rate-front, .rate-now { color: #666; }


	/** Product Details **/
	#prod h3.prod-head { font-size: 21px;  color: #009ee0; padding: 0; margin: 0 0 .5em; }
	
	#prod .prod-left-content { width: 400px; float: left; padding: 13px 13px 13px 0; }
	#prod .prod-right-content {	width: 200px; float: right;	padding: 13px 13px 13px; }
	
	#prod .info-block { margin: 0 0 21px; }
	#prod .det-price { font-size: 21px; font-weight: bold; color: #CC0000; padding: 13px 0; text-align: center; }

	#prod .cover-sidebar { width: 160px; height: 256px; margin: 0 auto; background: transparent url(img/de/bg-cover-sidebar.jpg) center top no-repeat; }
	#prod a.btn-cart { 
		display: block; 
		width: 190px; 
		height: 33px; 
		line-height: 33px; 
		color: #503e07; 
		text-align: center; 
		margin: 0 auto; 
		background: transparent url(img/bg-btn-cart.png) 50% no-repeat;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -0.04em;
		text-shadow:0 1px 1px #FFFFFF;	
	}
	
	#prod .sidebar-box {
		background: #fff url(img/bg-sidbar-box.png) left top no-repeat;
		padding: 13px;
		color: #fff;
		font-size: 92%;
		line-height: 1.3;
	}
	
	#prod .sidebar-box-foot {
		background: #fff url(img/bg-sidbar-box.png) left bottom no-repeat;
	}	

	.system-list li {
		line-height:1.2em;
		padding:3px 0;
	}

	.system-list {
		list-style-image: url(img/bullet.gif);
		list-style-position:outside;
		list-style-type:none;
		margin-left: 2em;
	}

	.spec-list li {
		list-style-type:circle;
		margin-left: 15px;
	}

/**#########################
 * #### Footer #############
 * #########################
*/	
	#footer li { margin: 0; padding: 0; color: #0a5676; }
	
	#footer .footer-top {
		background: url(img/bg-footer-top.png) center top no-repeat;
		padding: 21px 34px;
		position: relative;
	}

	#footer .footer-bottom {
		height: 13px;
		font-size: 1px;
		background: url(img/bg-footer-bot.png) center bottom no-repeat;
	}
	
	#footer .footer-navigation li, #footer .footer-navi li { float: left; padding: 5px 21px 5px 0; }
	#footer .footer-navigation a { color: #fff; font-size: 15px; font-weight: bold; }
	#footer .footer-navigation a:link, #footer .footer-navigation a:visited { text-decoration: none; }
	#footer .footer-navigation a:hover, #footer .footer-navigation a:active { text-decoration: underline; }	

	#footer .footer-navi { position: absolute; bottom: 0; right: 34px; font-size: 88.5%;  }
	#footer .footer-navi li { padding: 0 2px; }
	#footer .footer-navi a { color: #0a5676; }
	#footer .footer-navi a:link, #footer .footer-navi a:visited { text-decoration: none; }
	#footer .footer-navi a:hover, #footer .footer-navi a:active { text-decoration: underline; }	

/**#########################
 * #### Formular Elements ##
 * #########################
*/

	/** New Form **/
	
	#newForm {
		font-family:"Helvetica","Arial",sans-serif;
		font-size:12px;
		text-shadow:0 1px 1px #FFFFFF;		
	}	
	
	#newForm form ul {
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		background-color: #effbff;
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px;
		margin: 21px;
		width: auto;
	}
	
	#newForm form ul li {
		background-color: #eee;
		border-bottom: 1px solid #e5e5e5;
		border-top: 1px solid #F3F6F9;
		padding: 8px;
		margin: 0;
		position: relative;
		clear: both;
	}
	
	#newForm ul li.header {
		background-color: transparent;
		border-color: -moz-use-text-color -moz-use-text-color #C1CAD5;
		border-style: none none solid;
		border-width: 0 0 1px;
		padding: 0 0 10px;
		position: relative;	
	}

	#newForm ul li.header span {
		display: block;
		height: 62px;
		left: 10px;
		position: absolute;
		top: -21px;
		width: 64px;
	}

	#newForm ul#fileUpload .header span {
		background: url(img/bg-form-upload.png) scroll 0 0 no-repeat;		
	}
	#newForm ul#fileSearch .header span {
		background: url(img/bg-form-search.png) scroll 0 0 no-repeat;		
	}	
	#newForm ul#formLocked .header span {
		background: url(img/bg-form-locked.png) scroll 0 0 no-repeat;		
	}
	#newForm ul#formUser .header span {
		background: url(img/bg-form-user.png) scroll 0 0 no-repeat;		
	}
	#newForm ul#formCC .header span {
		background: url(img/bg-form-cc.png) scroll 0 0 no-repeat;		
	}
	#newForm ul#formEuro .header span {
		background: url(img/bg-form-euro.png) scroll 0 0 no-repeat;		
	}	
	#newForm ul#formUserEdit .header span {
		background: url(img/bg-form-useredit.png) scroll 0 0 no-repeat;		
	}	
	#newForm ul#formEmailEdit .header span {
		background: url(img/bg-form-emailedit.png) scroll 0 0 no-repeat;		
	}	

	#newForm ul h3 {
		color: #009EE0;
		font-size: 18px;
		font-weight: bold;
		margin: 6px 0 0 82px;
		padding: 0;		
		line-height: 1.4
	}
	
	#newForm ul.no-icon h3, #newForm ul.no-icon h4 { margin-left: 13px; }
	
	#newForm ul h4 {
		color: #011934;
		font-size: 11px;
		margin: 0 34px 0 82px;
		font-weight:normal;
		padding: 0;
		line-height: 1.4;
		letter-spacing: 0;
	}	

	#newForm label {
		color: #29384C;
		display: block;
		float: left;
		font-size: 98%;
		font-weight: bold;
		margin-right: 10px !important;
		text-align: right;
		padding: 7px 0;
		width: 185px;
	}
	
	#newForm form ul.no-float { margin: 0 0 13px 0; }
	#newForm .no-float label { float: none; width: auto; text-align: left; }
	
	#newForm input.text, #newForm input[type="text"], #newForm input[type="password"]  {
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		background: #FFFFFF url(/css/gfx/Form/bg-inputs.png) repeat-x scroll left top;
		border: 1px solid #ccc;
		color: #29384C;
		font-size: 13px;
		height: 20px;
		padding: 7px 5px 5px;
		width: 300px;
	}
	
	#newForm ul li.bottom {
		background-color :transparent;
		border: 0 none;
		text-align: center;
	}
	
	#newForm ul li.bottom button, #newForm ul li.bottom input { width: 25%; }
	
	#newForm select {
		color:#29384C;
		font-size:13px;
		margin-bottom:5px;
		margin-top:5px;
		padding: 3px;
	}
	#newForm select option { padding: 0 3px; }

	#newForm ul li.btn {
		height: auto;
		padding-bottom: 15px;
		padding-left: 20px;
		padding-top: 15px;
	}
	
	#newForm .left-bar {
		float: left;
		width: 56%;
	}

	#newForm .right-bar {
		float: right;
		width: 40%;
	}
	
	#newForm input.radio { float: left; margin-top: 8px; }
	#newForm .radio-line { display: block; margin-top: 5px; } 
	
	#newForm input.disabled, #newForm input[disabled="disabled"] { background: #eee; color: #666; border-color: #999; }
	
	/** Breite von Inputfeldern **/
	.inp-small 	{ width: 25%; }
	.inp-mid 	{ width: 50%; }	
	.inp-long	{ width: 75%; }
	.inp-full	{ width: 98%; }

	.submit-button, .submit-button-small  { 
		background: #edece7 url(img/bg-form-btn.png) no-repeat scroll 0 -217px;
		width: auto;
		height: 25px;
		overflow: visible;
		border: 1px solid #999999;
		cursor: pointer;
		display: inline-block;
		margin: 0 0.2em;
		padding: 3px 0.33em 4px;
		white-space: nowrap;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.submit-button-small {
		height: 18px;
		font-size: 11px;
		padding: 0px 0.833em 2px;
		cursor: pointer;
		color: #333;
	}
	
	.submit-button:hover, .submit-button-small:hover { 
		background: #edece7 url(img/bg-form-btn.png) no-repeat scroll 0 -273px;		
	}
	
	.submit-button[disabled], .submit-button-small[disabled], .submit-button-small[disabled]:hover, .submit-button[disabled]:hover  {
		background: #edece7 url(img/bg-form-btn.png) no-repeat scroll 0 -217px;
		color: #aaa !important;
		cursor: default;
	}



	#alertSuccess {
		background-color: #E1FFD1;
		border-bottom: 1px solid #C5F8AC;
		border-top: 1px solid #C5F8AC;
		margin: 0 0 13px;
		padding: 10px 10px 10px 32px;
	}	
	
	#alertSuccess p {
		margin: 0;
		padding: 0;
	}
	
	#alertSuccess h3{
		color: #468D3F;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 .5em;
		padding: 0;
		border: 0 none;
		background: none;
	}
	
	#alertBox { margin: -13px 0; }
	
	#alertBox .error, #alertBox .success, .error, .success  {
		border-bottom: 1px solid #d9a1a1;
		border-top: 1px solid #d9a1a1;
		margin: 10px 21px;
		padding: 8px 15px 8px 42px;
		color: #990000;
		font-size: 12px;
		background: #ffcccc url(img/ico-stop.png) 8px 8px no-repeat;
	}
	
	#alertBox .success, .success  {
		padding-left: 42px;
		background: #E1FFD1 url(img/ico-ok.png) 8px 8px no-repeat;
		border-color:  #C5F8AC;
		color: #000;
	}	
	

	.lang-change { 
		font-size: 90%; 
	}
	
/* ########################################################################
/* ###### MICROSITES ######################################################
/* ########################################################################
*/				
	#microLinks			{ clear: both; font-size: 11px; border: 1px dotted #fff; border-width: 1px 0; color: white; padding: 1em 0; margin: 1em 0; }
	#microLinks p 		{ clear: both; font-size: 11px; padding: 1em 0; margin: 1em 0; }
	#microLinks ul, #microLinks li { list-style: none; margin: 0; padding: 0; white-space: nowrap; line-height: 1.45; }
	#microLinks li 	{ float: left; border: 0 none; }
	#microLinks li a 	{ display: inline; padding: 0; color: #fff; }		
	#microLinks li a:link, #microLinks li a:visited { text-decoration: none; }
	#microLinks li a:hover, #microLinks li a:active { text-decoration: underline; }
	
/**#########################
 * #### 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:1.3}
	.lhm {line-height:1.5}
	.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:#777}
	.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:#f5f5f5}
	.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 */