*, html, body { 
	margin: 0; padding: 0; border: 0; 
}
body { 
	background: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	color: #666; 
	}
/* headline with bg text-motive */
	h1 { 
		background-position: 0 0;
		background-repeat: no-repeat;
		font-family: 'Arial Black', Arial, Helvetica, sans-serif; 
		color: #016466;
		font-size: 4.6em;
		font-weight: bold;
		letter-spacing: 0.4px;
		line-height: 52px; 
		text-indent: -19999px;
		margin: 0 0 30px 0;
	}
		h1.bgHome {
			background-image: url(/images/h1Home.png);
			height: 93px;
		}
		h1.bgCheck {
			background-image: url(/images/h1Check.png);
			height: 94px;
		}
		h1.bgResult {
			background-image: url(/images/h1Result.png);
			height: 40px;
		}
		h1.bgBackground {
			background-image: url(/images/h1Background.png);
			height: 93px;
		}
		h1.bgAbout {
			background-image: url(/images/h1About.png);
			height: 93px;
		}
		h1.bgTipp {
			background-image: url(/images/h1Tipp.png);
			height:59px;
		}

	h2 {
		color: #016466;
		font-family: 'Arial Black', Arial, Helvetica, sans-serif; 
		font-size: 2.1em;
		padding: 20px 0 8px 0;
	}
	h3 {
		color: #016466;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 1.5em;
	}
	h4 { font-size: 1.5em; }
	p { 
		font-size: 1.5em;
		line-height: 18px;
		margin: 0 0 16px 0; 
	}
	p.smaller { 
		font-size: 1.3em;
	}
	ul, ol {
		padding: 0 0 10px 18px;
	}

	ul li {
		line-height: 24px;
		padding: 3px 0;
	}
	
	#content ul li { font-size: 1.5em; }
	
	a, a:active, a:hover, a:visited {
		color: #016466;
		text-decoration: none;
	}
		
/* FORM */
form {
	color: #666; 
	font-weight: bold;
	padding: 10px 0 0 0;
}
	form p {
		overflow: hidden;
		width: 100%;
	}
		input, select, button { 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 1.5em;
		}
		select {
			border: 1px solid #999;
			color: #666;
			font-size: 100%;
			float: right;
			width: 280px;
			height: 26px;
			padding: 2px;
		}

		
	form label {
		float: left; 
		font-size: 1.0em;
	}
	
	form p#errorMessage { font-size: 1.3em; color: #016466; }
		
form#tippForm {
	font-weight: normal;	
}
	form#tippForm p {
			margin: 0 0 10px 0;
			line-height: 140%;
		}
		form#tippForm input {
			float: left;
			margin: 6px 0 0 0
		}
		form#tippForm label {
			float: left;
			padding-left: 10px;	
			width: 200px;
		}

/* LAYOUT */		
#wrapper { 
	width: 985px; 
	margin: 0 auto; 
	position: relative;
}

#facebookImage { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0px; left: 0px; }

#header { 
	background: url(/images/bgHead.png) 0 0 no-repeat; 
	width: 985px; 
	height: 157px; 
	position: relative; 
	overflow: hidden;
}
		#header a:focus { 
			outline: none; 
		}
		#header a.linkXing { 
			float: left;
			display: block; 
			text-indent: -19999px; 
			width: 160px; 
			height: 75px; 
		}
		#header span.connect {
			float: left;
			display: block; 
			text-indent: -19999px; 
		}
		#header a.linkManagerMagazin { 
			float: left;
			display: block; 
			text-indent: -19999px; 
			width: 230px; 
			height: 75px;
			margin-left: 45px; 
		}		
/* NAVIGATION */
		ul#mainNav { 
			clear: both;
			list-style-type: none; 
			display: block; 
			height: 51px; 
			overflow: hidden; 
			background: url(/images/bgNav.png) 0 100% no-repeat; 
			padding: 31px 0 0 28px !important; 
		}
			ul#mainNav li { 
				display: block; 
				float: left; 
				height: 29px; 
				overflow: hidden; 
				background: none !important; 
				padding: 0 5px !important; 
			}
			ul#mainNav li.active { 
				padding: 0 !important; 
			}
				ul#mainNav li a { 
					display: block; 
					float: left; 
					height: 29px; 
					overflow: hidden; 
					font-weight: bold; 
					color: #FFFFFF; 
					text-decoration: none; 
					font-size: 1.3em;
					line-height: 18px; 
					background-image: url(/images/bgNavLink.png); 
					background-repeat: repeat-x; 
					background-position: left top; 
				}
				ul#mainNav li.active a { 
					color: #036361; 
					background-position: left bottom; 
				}
				ul#mainNav li a:hover,
				ul#mainNav li a:focus { 
					color: #036361;
					outline: none; 
				}
					ul#mainNav li a span { 
						display: block; 
						float: left; 
						height: 29px; 
						overflow: hidden; 
						background-position: left top; 
						background-repeat: no-repeat; 
						background-image: url(/images/bgNavLinkLeft.png); 
						padding: 0 0 0 18px; 
					}
				ul#mainNav li.active a span { 
					background-position: left bottom; 
					padding: 0 0 0 23px;
				}
					ul#mainNav li a span em { 
						cursor: pointer;
						display: block; 
						float: left; 
						height: 21px; 
						font-style: normal; 
						background-position: right top; 
						background-repeat: no-repeat; 
						background-image: url(/images/bgNavLinkRight.png); 
						padding: 6px 18px 2px 0; 
					}
					ul#mainNav li.active a span em { 
						padding: 5px 23px 3px 0; 
						background-position: right bottom; 
					}
					
					
a#linkEdge { display: block; width: 316px; height: 119px; background: url(/images/linkEdge.png) left top no-repeat; text-indent: -19999px; outline: none; position: absolute; top: 129px; right: 0px; }
span.starMessage { display: block; clear: both; float: none; line-height: 16px; }
					
					
/* CONTENT */
#content { 
	padding: 38px 20px 10px 38px; 
	overflow: hidden; 
	width: 927px;
	background: url(/images/bgContent.png) 0 0 repeat-y; 
}
.leftContent { 
	width: 580px; 
	float: left; 
	padding-right: 30px;
	margin-bottom:20px;
}
	#revenuesArrangement {
		background: url(/images/motiveCheck.png) no-repeat 0 0;
		height: 166px;
		margin: 20px 0;
		width: 496px;
		overflow: hidden;
		padding: 18px 14px 16px 26px; 
	}
	
	#revenuesArrangement .result {
		float: left; 
		width: 148px;
		padding: 35px 0 0;
	}
	
	#revenuesArrangement .average { 
		width: 200px; 
		padding: 20px 0 0;
	}
	
	#revenuesArrangement .result h5 {
		font-size: 1.3em;
		font-style: italic;
		font-weight: bold;
		color: #666;
		text-align: center;
		margin: 0 0 25px;
	}
	
	#revenuesArrangement .average h5 {
		font-size: 1.5em;
		margin: 0 0 15px;
	}
	
	#revenuesArrangement .result strong {
		display: block;
		text-align: center;
		font-size: 2.0em;
		color: #458d8e;
	}
	
	#revenuesArrangement .average strong {
		font-size: 3.0em;
		color: #026466; 
	}
	
.rightContent { 
	width: 310px; 
	float: left; 
	margin-bottom:20px;
}
	.rightContent img.motiveTop { 
		margin: 0 0 42px 0;
	}
	#tippNotice {
		background: url(/images/bgTippNotice.png) no-repeat 0 0;
		height: 150px;
		width: 212px;
		padding: 76px 0 0 26px;
		margin: -20px 0 13px 50px;
	}
		#tippNotice h4 {
			text-indent: -19999px;
		}
		#tippNotice p { font-size: 1.3em; }
/* Modules right content*/
	#guidedTour {
		background: url(/images/bgGuidedTour.png) no-repeat 20px 0;
		height: 125px;
		margin: 0 0 21px 0;
		padding: 20px 10px 20px 40px;
		width: 258px;
	}
	#guidedTour p {
		padding-left: 85px;
		margin: 20px 0 5px 0;
		font-size: 1.3em;
	}
	#guidedTour .linkIcon {
		margin-left: 85px;
	}
	#moduleTipps {
		background: url(/images/bgTipps.png) no-repeat 20px 0;
		height: 301px;
		margin: 141px 0 21px 0;
		padding: 20px 10px 20px 40px;
		width: 258px;
	}
		#moduleTipps h3 {
			font-size: 1.8em;
			padding-bottom: 12px;
		}

	#moduleBookmarking {
		background: url(/images/bgBookmarking.png) no-repeat 20px 0;
		height: 108px;
		margin-bottom: 20px;
		padding: 20px 20px 20px 40px;
		width: 248px;
	}
	#moduleBookmarking ul {
		border-bottom: 2px solid #e2e1e1;
		margin: 10px 0 16px 0;
		padding: 0 0 14px 0;
		width: 100%;
		overflow: hidden;
		display: block;
		list-style-type: none;
	}
		#moduleBookmarking ul li {
			display: block;
			float: left;
			width: 16px; height: 16px;
			padding: 0 5px 0 0;
		}
		
			#moduleBookmarking ul li a {
				display: block;
				width: 16px; height: 16px;
				overflow: hidden;
				text-indent: -19999px;
				outline: none;
				background-image: url(/images/socialBookmarks.gif);
				background-repeat: no-repeat; 
			}
			
			#moduleBookmarking ul li.sbFacebook a { background-position: left top; }
			#moduleBookmarking ul li.sbFacebook a:hover { background-position: left -16px; }
			#moduleBookmarking ul li.sbTwitter a { background-position: -16px top; }
			#moduleBookmarking ul li.sbTwitter a:hover { background-position: -16px -16px; }
			#moduleBookmarking ul li.sbDelicious a { background-position: -32px top; }
			#moduleBookmarking ul li.sbDelicious a:hover { background-position: -32px -16px; }
			#moduleBookmarking ul li.sbMrWong a { background-position: -48px top; }
			#moduleBookmarking ul li.sbMrWong a:hover { background-position: -48px -16px; }
			#moduleBookmarking ul li.sbGoogleBookmarks a { background-position: -64px top; }
			#moduleBookmarking ul li.sbGoogleBookmarks a:hover { background-position: -64px -16px; }
			#moduleBookmarking ul li.sbYahoo a { background-position: -80px top; }
			#moduleBookmarking ul li.sbYahoo a:hover { background-position: -80px -16px; }
			#moduleBookmarking ul li.sbStumbleUpon a { background-position: -96px top; }
			#moduleBookmarking ul li.sbStumbleUpon a:hover { background-position: -96px -16px; }
			#moduleBookmarking ul li.sbReddit a { background-position: -112px top; }
			#moduleBookmarking ul li.sbReddit a:hover { background-position: -112px -16px; }
		
			.rightContent #registerLink {
				margin-left: 40px;
			}

#moduleGoXing {
		margin-top:100px;
		background: url(/images/bgGoXing.png) no-repeat 20px 0;
		height: 130px;
		margin-bottom: 19px;
		padding: 20px 20px 20px 40px;
		width: 248px;
	}		
#moduleGoXing h3 {font-size:1.5em;margin:0 0 10px 0;}	

#moduleGoXing .button span em {padding:5px;}

.bigBox {clear:both;margin:0 0 0 6px;width:911px;height:225px;overflow:hidden;background:transparent url("/images/bgBigbox.png") no-repeat 0 0px; position: relative;}
.bigBox h3 {font-size:1.8em;margin:0 0 10px 0;}
.bigBox p {font-size:1.3em;}
.bigBox p strong {color:#016466;}
.bigBox .left {width:310px;float:left;padding:20px 70px 0 26px;display:inline;}
.bigBox .right {width:470px;float:left;padding:20px 0 0 0;}
.bigBox .button span em {padding:5px;}

.vari {font-size: 1.5em;text-decoration:underline;padding:0 0 0 12px;background:transparent url("/images/arrowGo.png") no-repeat 0 6px;}
.vari:hover {text-decoration:underline;}
			
/* Links like a Button*/
	.linkBtn {
		display: block;
		line-height: 28px;
		padding: 20px 0 0 0;
	}
	.linkBtn a {
		background: url(/images/linkBtnLeft.png) no-repeat 0 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		padding: 5px 0 7px 20px;
	}
	.linkBtn span {
		background: url(/images/linkBtnRight.png) no-repeat 100% 0;	
		padding: 5px 20px 7px 0;
	}
	
.buttonGroup { width: 100%; overflow: hidden; }
.homeButton { padding: 10px 0 0; }
.checkButton { padding: 10px 0 0; }
.backgroundButton { padding: 11px 0 0; }
.aboutButton { padding: 10px 0 0; }
	
a.button  { display: block; float: left; height: 28px; background: url(/images/greenBtn.gif) left top no-repeat; padding: 0 0 0 5px; }
a.button span  { display: block; font-weight: normal; float: left; height: 28px; background: url(/images/greenBtn.gif) right bottom no-repeat; padding: 0 5px 0 0; }
a.button span em  { font-size: 1.5em; display: block; float: left; height: 18px; line-height: 18px; padding: 5px 25px; background: url(/images/greenBtn.gif) left -28px repeat-x; color: #FFF; font-style: normal; font-weight: bold; }

button.button { font-size: 1.5em; background: transparent url(/images/submitButton.gif) center top no-repeat; width: 165px; height: 28px; text-align: center; font-weight: bold; color: #FFFFFF; }


/* green Textlinks with arrows in front*/
	span.linkIcon {
		overflow: hidden;
		display: block;
		padding: 5px 0;
	}
	span.linkIcon.back {
		padding: 0 0 25px 0;
	}
		span.linkIcon span {
			float: left;
			background: url(/images/arrowGo.png) no-repeat 0 5px;
			width: 9px;
			height: 13px;
		}
		span.linkIcon.back span {
			float: left;
			background: url(/images/arrowBack.png) no-repeat 0 5px;
			width: 9px;
			height: 13px;
		}
		span.linkIcon.tellAFriend span {
			background: url(/images/iconTellAFriend.png) no-repeat 0 2px;
			width: 20px;
			height: 18px;
		}
			span.linkIcon a {
				float: left;
				padding-left: 3px;
				text-decoration: underline;
				font-size: 1.3em;
			}
			span.linkIcon.back a {
				font-size: 1.5em; 
			}

/* FOOTER */
#footer { 
	background: url(/images/bgContentBottom.png) 0 0 no-repeat; 
	padding: 41px 0 10px 0;
	height: 110px; 
}
	.footer-row {
		font-size: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.footer-links {
		padding-top: 12px;
	}
	.disclaimer, .footer-links {
		border-top: 1px solid #D9D9D9;
		padding: 10px 0 0 0;
	}
	.disclaimer {
		margin-top: 7px;
	}

	.footer-row li {
		color: #808080;
		display: inline;
		font-size: 11px;
		margin: 0 8px 0 0;
		padding: 0;
		line-height: 20px;
	}
	.footer-row li.row-title {
		border: medium none;
		color: #474747;
		padding-right: 5px;
	}
		.footer-row li a, .footer-row li span {
			color: #808080;
			margin-right: 8px;
		}