@charset "UTF-8";
/* CSS Document */
body {
	padding:0px; 
	margin:0px; 
	background:url(http://metin2004.ro/img/db9b26409c107dcc4a31463492bbe3.jpg) no-repeat #000000 scroll center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}

p {
	margin:0px 0px 5px 0px;
}

a, a:hover, a:active, a:focus, a:visited {
	text-decoration:underline;
	color:#351b05;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

ul {
	margin:5px auto;
}

ul li {
	margin-left:15px;
}

/* get rid of those system borders being generated for A tags */
:active, :focus {
	outline:none;
	-moz-outline-style:none;
}


/***********************/
/*       Index         */
/***********************/

/* Content */
#content {
	position:relative; 
	display:block; 
	width:852px; 
	height:765px; 
	margin:0 auto; 
	background:url(http://metin2004.ro/img/d6f9bca8a25f9204a9939f634081f5.jpg) no-repeat right top;
}

#gallery {
	height: 232px;
	left: 185px;
	position: relative;
	top: 116px;
	width: 418px;
}

/* Form */
#form {
	position:absolute;
	display:block;
	top:155px;
	left:642px;
	width:195px;
	height:275px;
}

#formText {
	text-align:center;
	width:170px;
	padding:0 5px;
}

#formText h3 {
	width:120px;
	margin:0px auto;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	color: #ac0000;
	-moz-text-shadow: 0px 2px 3px #color: #FFCC99;;
	-webkit-text-shadow: 0px 2px 3px #color: #FFCC99;;
	text-shadow: 0px 2px 3px #color: #FFCC99;;
	margin-top: 0px;
	margin-bottom: 
	letter-spacing: -0.05em;
}

#formText p {
	display:block;
	color:#351b05;
	-moz-text-shadow: 0px 2px 3px #color: #FF9966;
	-webkit-text-shadow: 0px 2px 3px #color: #FF9966;
	text-shadow: 0px 2px 3px #color: #FF9966;
	line-height:12px;
	font-size:11px;
	font-weight: bold;
	width: 190px;
	padding: 5px 0;
	margin-left: -10px;
	letter-spacing: -0.2px;
}

#form #formInputs {
	position:absolute;
	display:block;
	top:83px;
	left:-3px;
	width:195px;
	height:275px;
	text-align:center;
}

#formInputs .inputfield {
	border:none;
	background:url(http://gf1.geo.gfsrv.net/cdn9a/676256a033bdf7eab7091405424218.png) no-repeat; 
	width:150px;
	height:24px;
	display:block;
	padding:0 5px 3px;
	margin:-1px auto;
	color: #ffffff;
}

#formInputs p.runningText {
	float:left;
	display:block;
	width:160px;
	text-align:left;
	color: #351b05;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: -0.2px;
	margin:0px;
}

#formInputs .sendButton {
	display:block;
	position:absolute;
	top:222px;
	left:-6px;
	width:207px;
	height:67px;
}

/* Bonus Offer */
#bonus {
	position:absolute;
	left:330px;
	top:465px;
	width:210px;
	height:70px;
}

#bonus .bonusitem {
	position:absolute;
	display:block;
	top:-20px;
	left:-130px;
	width:104px;
	height:97px;
}

#bonustext {
	color:white; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

#bonustext h5 {
	font-size:14px;
	font-weight:bold; 
	text-transform:uppercase;
	color:white;
	margin:0px;
}

#bonustext p {
	color:#ffca3f;
	font-weight:normal;
	margin:0px;
}
#bonustext .boldWhite {
	color:#ffffff;
	font-weight:bold;
}

/* Footer mit Kooperationspartnern und Copyright */
#footer {
	position:absolute;
	top:550px;
	left:175px;
	display:block;
	width:675px;
	height:auto;
}


/* Kooperationspartner */
#footerKoop {
	display:block;
	width:675px;
}

#footerKoopTop {
	display:block;
	width:675px;
	height:20px;
	background:url(http://gf3.geo.gfsrv.net/cdnee/8a76f08336bf021142299c73ee226e.png) no-repeat top left;
}

#footerKoopBottom {
	display:block;
	width:675px;
	height:30px;
	background:url(http://gf1.geo.gfsrv.net/cdn0a/c19ccbb9ba54e92c6a88f8e14ef688.png) no-repeat top left;
}

#footerKoop a, #footerKoop a:hover, #footerKoop a:active, #footerKoop a:visited {
	text-decoration:underline;
	color:#fff;
	font-weight:700;
	border:none;
}

#footerKoop p {
	display:block;
	width:400px;
	height:auto;
	color:#fff;
	text-align:center;
	font-size:12px;
	margin: 0 auto;
}

#footerKoop img, #footerCopyright img { 
	font-size:11px;
	border:0;
}

#tac input, #tac p {
	font-size:11px;
	float: left;
}

/* Footer Copyright */

#footerCopyright {
	display:block;
	width:620px;
	height:55px;
	margin:0px auto;
}

#footerCopyright a, #footerCopyright a:hover, #footerCopyright a:active, #footerCopyright a:visited {
	text-decoration:underline;
	color:#fff;
	font-weight:normal;
}

#footerCopyright p {
	display:block;
	width:550px;
	height:50px;
	color:#fff;
	text-align:center;
	font-size:9px;
	margin:0 auto;
}

#footerCopyright img.left {
	float:left;
}

#footerCopyright img.right {
	float:right;
}

/* USK12 */
#usk12 {
	display:block;
	text-align:center;
	width:675px;
	height:60px;
}
#usk12 img {
	margin:0 auto;
}

/* Stoerer: Biggest MMO */
#biggestMMO {
	position:absolute;
	top:254px;
	left:-18px;
	display:block;
	width:209px;
	height:95px;
}

/* Captcha */
#captchaContainer {
	margin:10px 0 0 0;
}

#captchaContainer img {
	border:1px solid #B28A45;
	margin:10px 0;
}

#captchaContainer h4{
	color:#8D0404;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0;
	width:auto;
}

#captchaImageContainer {
	position:relative;
	width:255px !important;
	margin:0 0 10px 0;
}

#captchaImageContainer img {
	border:1px solid #B28A45;
	margin:0;
	color:black;
}

#reloadCaptcha {
	position:absolute;
	right:0;
	top:0;
	padding:0 1px 2px 2px;
	background-color:#eee;
	cursor:pointer;
	-moz-border-radius:0 0 0 6px;
	-webkit-border-radius:0 0 0 6px;
}


/***********************/
/*      PLUGINS       */
/***********************/
/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 230px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		.showcase-content-wrapper img {
			height: 232px;
			width: 418px;
		}

		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 80px;
			height: 50px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 7px;
			width: 80px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}
	

.showcase-content
{
	background-color: inherit;
}

.showcase-onepage .static-caption
{
	background-color: #dfdfdf;
	color: #333;
}

/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next
{
	z-index: 20;
}

.showcase-arrow-previous
{
	left: 30px;
}
.showcase-arrow-next
{
	right: 30px;
}

/* Thumbnails */
.showcase-thumbnail-wrapper
{
	overflow: hidden;
	margin: auto;
}

/* Caption */
.static-caption
{
	background: url(http://gf3.geo.gfsrv.net/cdne2/0fc80cd5780d18f333dc8380f1e5b4.png) repeat;
	bottom: 0;
	color: #E0E0E0;
	display: block;
	font-size: 11px;
	left: 0;
	margin: 0;
	padding: 2px 10px;
	position: absolute;
	right: 0;
	text-align: left;
}
.static-caption h3 {
	margin:0;
	font-size: 18px;
}
.static-caption p {
	margin:0;
}

#fancyboxContainer {
	display:none;
}

#noTacPopup {
	color:black;
	padding:20px;
	background:url(http://gf2.geo.gfsrv.net/cdnaa/c76dcaf2688a98d6e682ddc820cbd0.png);
}
#noTacPopup h1 {
	font-size:16px;
	margin:0 0 40px;
	text-align:center;
}
#noTacPopup h1 a {
	color:black;
}
#noTacPopup p {
	text-align:center;
	margin:0 auto 5px;
	cursor:pointer;
}
#noTacPopup p:hover {
	font-weight:bold;
}
#tacChecked {
	background:url(http://gf1.geo.gfsrv.net/cdncb/fe852bcf68833dd9a17a6609c9b96f.png) no-repeat center center;
	height:70px;
	font-size:30px;
	line-height:50px;
	color:white;
	width:200px;
}
#tacNotChecked {
	background:url(http://gf3.geo.gfsrv.net/cdn89/1e339e75c8ecb887d6ad9619a944ac.png) no-repeat center center;
	height:34px;
	line-height:26px;
	width:100px;
}

/* JS off options */

.jsnone {
	display:none;
}

.jsplaceholder {
	margin:-88px 0;
	height:83px;
}


/***********************/
/*      Overview       */
/***********************/
#contentOverview {
	position:relative; 
	display:block; 
	width:852px; 
	height:765px; 
	margin:0 auto; 
	background:url(http://gf3.geo.gfsrv.net/cdn85/b0110b4ab7211a08c68a3b2a353e0d.jpg) no-repeat right top;
}

#contentOverview #headline {
	position:absolute;
	top:120px;
	left:205px;
	width:330px;
	height:70px;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	letter-spacing:.05em !important;
	text-align:left;
}

#overview {
	position:absolute;
	left:174px;
	top:173px;
	width:669px;
	height:auto;
	color:#35250a;
}

#bg0, #bg1, #bg2, #bg3, #bg4, #bg5 {
	position:relative;
	margin:0 auto;
	padding:0;
	width:669px;
	height:38px;
	background:url(http://gf2.geo.gfsrv.net/cdn7f/fd95693d52ba9ccbccf3061e5bd71f.png) no-repeat center center;
}

.rowCount {
	position:absolute;
	top:11px;
	left:35px;
	width:20px;
	height:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.rowHeadline {
	position:absolute;
	top:13px;
	left:80px;
	width:250px;
	height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-0.02em;
}

#overview .btn {
	position:absolute;
	top:48px;
	left:39px;
	display:block;
	width:89px;
	height:90px;
}

#bg0.closed, #bg1.closed, #bg2.closed, #bg3.closed, #bg4.closed, #bg5.closed {
	background:url(http://gf2.geo.gfsrv.net/cdn7e/664f90813404e9e53e3bb4e233b775.png) no-repeat center center;
	width:669px;
	height:38px;
}

#bg0.active, #bg1.active, #bg2.active, #bg3.active, #bg4.active, #bg5.active {	
	height:299px;
}

#bg0.active {
	background:url(http://gf1.geo.gfsrv.net/cdn3e/8857050afea1ceaf07d135ce6e1ea0.png) no-repeat center center;
}

#bg1.active {
	background:url(http://gf3.geo.gfsrv.net/cdn57/aa2f70e9a5b18cc39f38380480d806.png) no-repeat center center;
}

#bg2.active {
	background:url(http://gf2.geo.gfsrv.net/cdnda/29f5163b3a09cc57a372fe4160489b.png) no-repeat center center;
}

#bg3.active {
	background:url(http://gf2.geo.gfsrv.net/cdn7e/501bdef57f426709514a80951e32cb.png) no-repeat center center;
}

#bg4.active {
	background:url(http://gf3.geo.gfsrv.net/cdnea/136c3f93715a6d19924b2215898be9.png) no-repeat center center;
}

#bg5.active {
	background:url(http://gf3.geo.gfsrv.net/cdn28/ac31630be2ad1f26b7e5312490db01.png) no-repeat center center;
}

.redText {
	color:#ac0000;
}

.boldText {
	font-weight:bold;
}

/* Step 0: Captcha */

#bg0 div.locaUser {
	position:absolute;
	top:48px;
	left:155px;
	width:100px;
	height:15px;
	font-size:11px;
	font-weight:bold;
}
#bg0 div.user {
	position:absolute;
	top:48px;
	left:255px;
	width:400px;
	height:15px;
	font-size:11px;
	font-weight:normal;
}
#bg0 div.locaEmail {
	position:absolute;
	top:68px;
	left:155px;
	width:100px;
	height:15px;
	font-size:11px;
	font-weight:bold;
}
#bg0 div.email {
	position:absolute;
	top:68px;
	left:255px;
	width:400px;
	height:15px;
	font-size:11px;
	font-weight:normal;
}
#bg0 div.text {
	position:absolute;
	top:100px;
	left:155px;
	width:430px;
	height:22px;
	font-size:11px;
	font-weight:normal;
}
#bg0 div.captcha {
	position:absolute;
	top:126px;
	left:255px;
	display:block;
	width:253px;
	height:60px;
}
#bg0 div.inputarea {
	position:absolute;
	top:202px;
	left:155px;
	width:80px;
	height:30px;
	display:block;
	font-size:11px;
}
#bg0 .inputfield {
	position:absolute;
	top:194px;
	left:250px;
	display:block;
	background:url(http://gf1.geo.gfsrv.net/cdn6a/5979a38b160bc17800171696f5a75a.png) no-repeat center center;
	border:none;
	focus:none;
	width:227px;
	height:25px;
	padding-left:10px;
}
#bg0 .send {	
	position:absolute;
	top:188px;
	left:485px;
	display:block;
	background:url(http://gf2.geo.gfsrv.net/cdna8/1b46f0e7e7b4e7852a60d68c3703cb.png) no-repeat 0px 8px;
	border:none;
	focus:none;
	width:103px;
	height:35px;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
}
#bg0 .send:hover {	
	background:url(http://gf1.geo.gfsrv.net/cdn06/105c3073b1eb147cb47085c8c094fb.png) no-repeat 0px 8px;
}
#bg0 div.errormessage {
	position:absolute;
	top:230px;
	left:155px;
	display:block;
	width:430px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-.02em;
}

/* Step 1: Activation */
#bg1 div.text {
	position:absolute;
	top:48px;
	left:155px;
	display:block;
	width:430px;
	height:35px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-.02em;
}
#bg1 p {
	margin-bottom:5px;
}
#overview a {
	color:#ac0000;
	text-decoration:underline;
}
#overview a:hover, #overview a:active, #overview a:focus {
	text-decoration:none;
}
#bg1 div.infoblock {
	position:absolute;
	left:155px;
	top:113px;
	display:block;
	width:430px;
	height:135px;
	font-size:11px;
	font-weight:bold;
}
div.infobock p {
	margin-bottom:3px;
}
div.infoblock ul {
	list-style-image: url(http://gf1.geo.gfsrv.net/cdnc8/962d07a785964c986355567c0ed345.png);
	margin:0px;
	padding:0px;
}
div.infoblock li {
	font-weight:normal;
	margin-bottom:1px;
}
#bg1 div.errormessage {
	position:absolute;
	left:155px;
	top:113px;
	display:block;
	width:430px;
	height:135px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
/* Step 2: Download */
#bg2 div.text {
	position:absolute;
	top:48px;
	left:155px;
	display:block;
	width:320px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-.02em;
}
/* Step 3: Installation */
#bg3 div.text {
	position:absolute;
	top:48px;
	left:155px;
	display:block;
	width:280px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-.02em;
}
/* Step 4: Gamestart / Login */
#bg4 div.text {
	position:absolute;
	top:48px;
	left:155px;
	display:block;
	width:300px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-.02em;
}
/* Step 5: Done */
#bg5 div.text {
	position:absolute;
	top:48px;
	left:155px;
	display:block;
	width:280px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-.02em;
}

/* Decoration Bottom */
#footerBottom {
	display:block;
	width:669px;
	height:20px;
	background:url(http://gf3.geo.gfsrv.net/cdnb8/2c7e9998438a77c088e349ec292bec.png) no-repeat top center;
}