@charset "utf-8";

/*** LANDING-2010-2 ***/
html { background:black; }
body#landing-2010-2 {
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/background.jpg') center top no-repeat black;
	min-width:1113px;
	text-align:center;
	color:black;
}
div.reldiv { position:relative; }

div#logo {
	position:absolute;
	left:525px;
	top:173px;
	width:364px;
	height:270px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo.png') center top no-repeat;
}
div#website div#logo h1 { display:none; }
div#website div#logo.es {
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo_es.png') center top no-repeat;
}
div#website div#logo.fr {
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo_fr.png') center top no-repeat;
}
* html div#website div#logo {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo.png', sizingMethod='crop');
}
* html div#website div#logo.es {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo_es.png', sizingMethod='crop');
}
* html div#website div#logo.fr {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://download.frogster.de/websites/runesofmagic/landing-2-2010/logo_fr.png', sizingMethod='crop');
}
div#website {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:887px;
	clear:both;
}
div#website div#flash {
	position:absolute;
	z-index:0;
	width:880px;
	height:500px;
	left:0;
}
div#website div#flash div#bg_ani {
	width:880px;
	height:500px;
	position:static;
}
div#content {
	position:absolute;
	width:100%;
	height:785px;
	z-index:500;
	top:0;
	left:0;
}
div#content img.label-specialist {
	position:absolute;
	left:90px;
	top:690px;
	width:335px;
	height:68px;
}
div#website div#pergament {
	position:absolute;
	left:340px;
	top:217px;
	width:716px;
	height:570px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/pergament.png') center top no-repeat;
}
* html div#website div#pergament{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://download.frogster.de/websites/runesofmagic/landing-2-2010/pergament.png', sizingMethod='crop');
}
div#website div#pergament form#register {
	position:relative;
	margin:96px 91px 99px 96px;
	height:425px;
	text-align:left;
}
div#website div#pergament form#register img.label-playit {
	position:absolute;
	left:0;
	top:125px;
	width:530px;
	height:35px;
}
div#website div#pergament form#register img.disquieter {
	position:absolute;
	left:425px;
	top:328px;
	width:112px;
	height:110px;
}
div#website div#pergament form#register div.user { position:absolute; left:0; top:178px; width:530px; }
div#website div#pergament form#register div.email { position:absolute; left:0; top:223px; width:530px; }
div#website div#pergament form#register div.password { position:absolute; left:0; top:268px; width:530px; }
div#website div#pergament form#register div.country { position:absolute; left:0; top:278px; width:530px; }
div#website div#pergament form#register div.newsletter { position:absolute; left:188px; top:321px; width:338px; }
div#website div#pergament form#register div.terms { position:absolute; left:188px; top:344px; width:338px; }
div#website div#pergament form#register div label.label{
	width:180px;
	float:left;
	display:block;
	text-align:right;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#1d1105;
	margin:8px 0 0 0;
	line-height:12px;
}

/*** FORMULAR ***/
label.check {
	width:300px;
	float:left;
	display:block;
	text-align:left;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#1d1105;
	margin:0;
}
a.terms {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#1d1105;
}
div#website div#pergament form#register div input.checkbox {
float:left;
display:block;
margin:0 6px 0 0;
}
div#website div#pergament input.input,
div#website div#pergament form#register div input.input {
	width:300px;
	height:27px;
	border-top:solid 2px #654725;
	border-right:solid 2px #b19573;
	border-bottom:solid 2px #b19573;
	border-left:solid 2px #654725;
	padding-left:4px;
	font-weight:bold;
	color:black;
	margin-left:8px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/input.gif') #8e6534;
}
div#website div#pergament form#register div select.input {
	width:307px;
	height:31px;
	border-top:solid 2px #654725;
	border-right:solid 2px #b19573;
	border-bottom:solid 2px #b19573;
	border-left:solid 2px #654725;
	padding:4px 4px 4px 4px;
	font-weight:bold;
	color:black;
	margin-left:8px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/input.gif') #8e6534;
}
div#website div#pergament form#register input#submit {
	position:absolute;
	left:160px;
	top:370px;
	cursor:pointer;
	border:none;
}
div#website img.button1, div#website img.button2, div#website img.button3, div#website a#bild-de-link {
	position:absolute;
	left:210px;
	top:540px;
	width:182px;
	height:46px;
	cursor:pointer;
}

div#website img.button1, div#website img.button2, div#website img.button3, div#website a#sport1-de-link {
	position:absolute;
	left:210px;
	top:540px;
	width:182px;
	height:46px;
	cursor:pointer;
}

div#website img.button1, div#website img.button2, div#website img.button3, div#website a#mmorpgorg-de-link {
	position:absolute;
	left:210px;
	top:540px;
	width:182px;
	height:46px;
	cursor:pointer;
}
div#website img.button2 {
	top:610px;
}
div#website img.button3 {
	top:596px;
}
div#website a#bild-de-link {
	background:url(landing-2010-2/bild/bild-de-logo.png) no-repeat 0 0;
	display:block;
	width:120px;
	height:78px;
	left:290px;
	top:450px;
}

div#website a#sport1-de-link {
    background:url(landing-2010-2/sport1/sport1games-logo.png) no-repeat 0 0;
    display:block;
    width:190px;
    height:60px;
    left:210px;
    top:469px;
}

div#website a#mmorpgorg-de-link {
    background:url(landing-2010-2/mmorpgorg/powered-by_mmorpgorgpl.png) no-repeat 0 0;
    display:block;
    width:190px;
    height:60px;
    left:210px;
    top:480px;
}
div#website a#miastogier-link {
	background:url(landing-2010-2/miastogier/MiastoGier_Logo.png) no-repeat 0 0;
	display:block;
	width:121px;
	height:83px;
	left:244px;
	top:437px;
	position:absolute;
	cursor:pointer;
}
div#website a#gry-link {
	background:url(landing-2010-2/gry/gry-logo2.png) no-repeat 0 0;
	display:block;
	width:156px;
	height:40px;
	left:211px;
	top:470px;
	position:absolute;
	cursor:pointer;
	margin-left: 25px;
	margin-top: 15px;
}
div#website div#button-cinematic {
	position:absolute;
	left:218px;
	top:548px;
	width:32px;
	height:31px;
}
div#website div#language {
	position:absolute;
	right:0;
	top:5px;
}
div#website div#language h2 {
	text-align:right;
	text-transform:uppercase;
	color:white;
	font-size:10px;
	font-weight:normal;
	padding:0 9px 1px 0;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	line-height:14px;
}
div#website div#language div.flags {
	padding:8px 11px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/grey-opacity.png') repeat;
	font-size:0;
}
* html div#website div#language div.flags {
	background:none;
	display:inline;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://download.frogster.de/websites/runesofmagic/landing-2-2010/grey-opacity.png', sizingMethod='scale');
}
div#website div#language img {
float:left;
display:block;
margin-right:5px;
}
div#website div#language img.last { margin:0; }

/*div#website div#pergament form#register div select.input option { background:white; }*/

/*** FOOTER ***/
div#website div#foot {
	position:absolute;
	left:317px;
	top:787px;
	width:670px;
	border-top:solid 1px #303030;
	text-align:right;
	font-size:10px;
}
div#website div#foot div.company-logos { padding:8px 0 0 0; }
div#website div#foot div.company-logos img { padding:0 0 0 5px; }
div#website div#foot p.copyright {
	padding:8px 0 8px 90px;
	width:580px;
	margin:auto;
	color:#ffffff;
}
div#website div#foot a.terms {
	position:absolute;
	right:590px;
	top:15px;
}
div#website div#foot a.imprint {
	position:absolute;
	right:590px;
	top:40px;
}
div#website div#foot a.support {
	position:absolute;
	right:590px;
	top:65px;
}
a.button {
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/foot-button.gif') top left no-repeat transparent;
	height:16px;
	padding:0 0 0 18px;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
}
a.button span {
	height:12px;
	background:url('http://download.frogster.de/websites/runesofmagic/landing-2-2010/foot-button.gif') right 0px no-repeat transparent;
	padding:2px 8px 2px 0;
	cursor:pointer;
	display:inline-block;
	color:#0a4a6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
}
a.button:hover { background-position:bottom left; }
a.button:hover span {
	background-position:bottom right;
	color:black;
}

/*** MODAL ***/
div#trailer {
	position:relative;
	top:10%;
	z-index:10000;
	display:none;
}
div.fade_bg {
	background:url('/design/splash-c3x/black51.png');
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
* html div.fade_bg { 
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/splash-c3/black51.png', sizingMethod='scale');
}
div.dialog {
	position:absolute;
	left:0;	
	top:20%;
	border:1px solid #0a4a6e;
	background:#000000;
	margin-left:auto;
	margin-right:auto;
	min-width:250px;
	padding:12px;
	width:920px;
}
div#trailer_vid { z-index:100; }
div.dialog p { margin:0 7px 8px 0; }
div.dialog a.btn {
	display:inline-block;
	background:transparent url('/design/splash-c3x/btn_bg.gif') no-repeat;
	white-space:nowrap;
	line-height:18px;
	font-weight:bold;
	font-size:10px;
	padding:0 0 0 15px;
	margin:0 2px 4px 0;
	text-decoration:none;
	color:#0a4a6e;
}
div.dialog a.btn:link,
div.dialog a.btn:active,
div.dialog a.btn:visited { background-position:left top; }
div.dialog a.btn:hover { background-position:left bottom; color:#0c9beb; }
div.dialog a.btn span {
	display:block;
	background:transparent url('/design/splash-c3x/btn_bg.gif') no-repeat;
	padding:0 15px 0 0;
}
div.dialog a.btn:link span,
div.dialog a.btn:active span,
div.dialog a.btn:visited span { background-position:right top; }
div.dialog a.btn:hover span { background-position:right bottom; }
div.dialog a:hover {
	background-position:bottom;
	color:black;
}

/* INPUT CHECK */

div.check-this {
	position:absolute;
	right:345px;
	top:-3px;
	background:url('/design/landing-2010-2/check-label.gif') right top no-repeat;
	height:39px;
	height:220px;
	z-index:5003;
}
div.check-this div {
	white-space:nowrap;
	color:white;
	font-size:11px;
	text-align:center;
	max-width:330px;
	background:url('/design/landing-2010-2/check-label.gif') left top no-repeat;
	padding:5px 0 0 6px;
	margin:0 30px 0 -2px;
	height:34px;
	
}

body.CaP div#pergament div#code {
	position:absolute;
	font-size:12px;
	font-weight:bold;
	color:#1d1105;
}
body.CaP div#pergament div#code div#cap-info {
	position:absolute;
	top:155px;
	right:250px;
	background: url("/design/landing-2010-2/check-label.gif") no-repeat scroll right top transparent;
	border-left:1px solid black;
  margin: 0 30px 0 -2px;
  padding: 5px 20px 0 6px;
	color: white;
	font-size: 11px;
	height: 34px;
	max-width: 415px;
	text-align: center;
	white-space: nowrap;
}