@CHARSET "UTF-8";

/**
 * Default HTML Elements
 */

	BODY {
		padding:0px;
		margin:0px;
		background-color: #c6df7a;
		text-align: center;
		font-family: Arial;
		font-size: 11px;
		background-repeat: repeat-x;
		background-position: center 0px;
		min-width:962px;
	}
	DIV, H1, P {
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	A {
		outline:none;
		font-weight:bold;
		color:#000;
	}
	A:HOVER {
		text-decoration:none;
	}
.clear {
		clear:both;
	}
/**
 * Page Container
 */
	DIV#page {
		position:relative;
		margin:0px auto;
		width: 960px;
		height: 606px;
		text-align: left;
		background-position:-670px 0px;
	}
	DIV#blackOverlay {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #000;
		z-index: 1000;
	}
/**
 * Logo
 */
	DIV#logo {
		position: absolute;
		width:304px;
		height:104px;
		left:608px;
		top:29px;
		background-repeat:no-repeat;
	}
/**
 * Characters
 */
	DIV#page A.male {
		display: block;
		position: absolute;
		left: 311px;
		top: 221px;
		width: 202px;
		height: 142px;
		background-position: left 250px;
		background-repeat:no-repeat;
	}
	DIV#page A.male:hover {
		background-position: left -250px;
	}
	DIV#page A.female {
		display: block;
		position: absolute;
		left: 767px;
		top: 257px;
		width: 118px;
		height: 155px;
		background-position: left 250px;
		background-repeat:no-repeat;
	}
	DIV#page A.female:hover {
		background-position: left 0px;
	}
	DIV#page A.pig {
		display: block;
		position: absolute;
		left: 201px;
		top: 389px;
		width: 122px;
		height: 120px;
		background-position: left 250px;
		background-repeat:no-repeat;
	}
	DIV#page A.pig:hover {
		background-position: left -500px;
	}
/**
 * Additional Characters
 */
	DIV#page A.pig {
		display: block;
		position: absolute;
		left: 201px;
		top: 389px;
		width: 122px;
		height: 120px;
		background-position: left 250px;
		background-repeat:no-repeat;
	}
	DIV#page A.pig:hover {
		background-position: left -500px;
	}
	DIV#page DIV#fighters {
		display: block;
		position:absolute;
		top:261px;
		left:-38px;
		width:226px;
		height:151px;
		background-position:left 250px;
		background-repeat:no-repeat;
	}
	DIV#page DIV#fighters.alt {
		background-position:left -750px;
	}
	DIV#page DIV#lady {
		display: block;
		position:absolute;
		top:138px;
		left:196px;
		width:69px;
		height:69px;
		background-position:left 250px;
		background-repeat:no-repeat;
	}
	DIV#page DIV#lady.alt {
		background-position:left -1820px;
	}
	DIV#page DIV#stream {
		display: block;
		position:absolute;
		top:134px;
		left:823px;
		width:246px;
		height:100px;
		background-position:left 250px;
		background-repeat:no-repeat;
	}
	DIV#page DIV#stream.alt {
		background-position:left -1600px;
	}
	DIV#page DIV#smoke {
		position:absolute;
		top:0px;
		left:463px;
		width:63px;
		height:53px;
		background-position:left 250px;
		background-repeat:no-repeat;
	}
	DIV#page DIV#smoke.alt {
		background-position:left -1700px;
	}
	DIV#page DIV#mouse {
		position:absolute;
		width:38px;
		height: 248px;
		top:-20px;
		left:685px;
	}
	DIV#page DIV#mousecover {
		position:absolute;
		width:48px;
		height:227px;
		top:-25px;
		left:680px;
	}
	DIV#page DIV#flag {
		position:absolute;
		width:50px;
		height:29px;
		top:9px;
		left:228px;
		background-position:left -1050px;
	}
	DIV#page DIV#flowergirl {
		position:absolute;
		width:92px;
		height:75px;
		top:300px;
		left:912px;
		background-position:left -1100px;
	}
	DIV#page DIV#chopper {
		position:absolute;
		width:68px;
		height:57px;
		top:246px;
		left:906px;
		background-position:-100px -1100px;
	}
	DIV#page DIV#bird {
		position:absolute;
		width:82px;
		height:34px;
		top:219px;
		left:1006px;
		background-position:-168px -1100px;
	}
	DIV#page DIV#spider {
		position:absolute;
		width:29px;
		height:45px;
		top:433px;
		left:579px;
		background-position:left -1000px;
	}
/**
 * Interface
 */
	DIV#page A.playfree {
		display: block;
		position: absolute;
		left:520px;
		top:380px;
		width:222px;
		height:46px;
		background-position: left top;
	}
	DIV#page A.playfree:hover {
		background-position: right top;
	}
	DIV#page A.trailer {
		display: block;
		position: absolute;
		left:563px;
		top:248px;
		width:98px;
		height:28px;
		background-position: left top;
	}
	DIV#page A.trailer:hover {
		background-position: right top;
	}
	DIV#page A.screenshots {
		display: block;
		position: absolute;
		left:563px;
		top:283px;
		width:135px;
		height:28px;
		background-position: left top;
	}
	DIV#page A.screenshots:hover {
		background-position: right top;
	}
	DIV#page DIV.menu {
		display:block;
		position:absolute;
		top: 624px;
		/*left:214px;*/
		right: 414px;
		font-size:11px;
		line-height:16px;
	}
/**
 * Player statistics
 */
	TABLE#stats {
		position:absolute;
		top:321px;
		left:575px;
		width: 116px;
	}
	TABLE#stats td {
		text-align:right;
	}m
/**
 * Linkbar
 */
	DIV#page DIV.menu A {
		color:#263315;
	}
	DIV#menu SPAN.copyright {
		font-size:10px;
	}
/**
 * Login-Box
 */
	DIV#loginBox {
		display: block;
		position: absolute;
		left:558px;
		top:604px;
		width:396px;
		height:57px;
		background-position: left 114px;
	}
	DIV#loginBox A,
	DIV#loginBox SPAN {
		display:block;
		position:absolute;
		font-size: 11px;
		font-weight:bold;
		color:#000;
	}
	DIV#loginBox SPAN.left {
		width:6px;
		height:57px;
		background-position: left top;
		left:-2px;
	}
	DIV#loginBox SPAN.right {
		width:6px;
		height:57px;
		background-position: left bottom;
		right:-2px;
	}
	DIV#loginBox A.loginButton {
		top:19px;
		left:285px;
		width:99px;
		height:28px;
	}
	DIV#loginBox A.loginButton span {
		position:relative;
	}
	DIV#loginBox DIV.loginName {
		position:absolute;
		top:19px;
		left:14px;
	}
	DIV#loginBox DIV.password {
		position:absolute;
		top:19px;
		left:151px;
	}
	DIV#loginBox INPUT.loginTextField {
		width:116px;
		height:20px;
		padding:3px 0px 0px 4px;
	}
	DIV#loginBox DIV.loginName INPUT.loginTextField {
		height:18px;
		padding:5px 0px 0px 4px;
	}
	DIV#page A.stamp {
		display:block;
		position:absolute;
		width:116px;
		height:117px;
		left:21px;
		top:585px;
	}
	DIV#page A.stamp.alternate {
		background-position:-116px;
		display:none;
	}
	DIV#page A.stamp.pro7 {
		/*background-position:-232px; old logo*/
		background-position:-348px;
		top:15px;
		left:60px;
	}
	DIV#page A.stamp.alternate.pro7 {
		background-position:-348px;
	}
	DIV#page A.stamp.sat1 {
		/*background-position:-232px; old logo*/
		background-position:-464px;
		top:15px;
		left:60px;
	}
	DIV#page A.stamp.alternate.sat1 {
		background-position:-580px;
	}
	DIV#page A.hidden {
		display:none;
	}
	DIV#loginBox SPAN.labelLogin {
		left: 15px;
		top:4px;
		color: #403120;
	}
	DIV#loginBox SPAN.labelPassword {
		left: 152px;
		top:4px;
		color: #403120;
	}
	DIV#loginBox A.forgotPassword {
		left: 14px;
		top:61px;
		color:#263315;
	}
	DIV#loginBox SPAN.register {
		right: -28px;
		top:61px;
		width:240px;
		color:#263315;
	}
	DIV#loginBox SPAN.register A {
		display:inline;
		position:relative;
		color:#263315;
	}
/**
 * LoginBox (Error-Bubble)
 */
	DIV#loginBox DIV.loginError {
		position:absolute;
		bottom:60px;
		left:0px;
		z-index:1000;
	}
	DIV#loginBox DIV.loginError DIV {
		width:401px;
		background-repeat:repeat-y;
	}
	DIV#loginBox DIV.loginError A {
		position:relative;
		display:inline;
	}
	DIV#loginBox DIV.loginError DIV.top {
		height:12px;
		background-position: bottom left;
	}
	DIV#loginBox DIV.loginError DIV.mid {
		background-position: top right;
		text-align:center;
		color:white;
		padding-top:2px;
	}
	DIV#loginBox DIV.loginError DIV.bottom {
		height:12px;
		background-position: top center;
	}
/**
 * Speech Bubbles
 */
	DIV#page DIV.bubble {
		display:none;
		position:absolute;
		width:169px;
		background-position:338px top;
		z-index:200;
	}
	DIV#page DIV.bubble DIV.top {
		width:169px;
		height:20px;
		background-position:left 17px;
		background-repeat:no-repeat;
	}
	DIV#page DIV.bubble DIV.bottom {
		width:169px;
		height:20px;
		background-position:right top;
		background-repeat:no-repeat;
	}
	DIV#page DIV.bubble DIV.content {
		background-position:-169px top;
		padding:14px 12px;
		line-height:18px;
		text-align:center;
	}
	DIV#page DIV.pigBubble {
		top: 269px;
		left: 169px;
	}
	DIV#page DIV.maleBubble {
		top: 131px;
		left: 289px;
	}
	DIV#page DIV.femaleBubble {
		top: 129px;
		left: 746px;
	}
/**
 * Generic Widgets
 */
	INPUT.loginTextField {
		background-color:transparent;
		border-color:#d9d9d9;
		border-style:solid;
		border-width:0px 1px 1px 0px;
	}
	INPUT.formTextField {
		display:block;
		width:229px;
		background-color:transparent;
		border: #a69f74 1px solid;
		height:24px;
		font-size:16px;
		padding:4px 4px 0px 4px;
		margin:0px;
		background:white;
	}
	INPUT.formTextField.err {
		border-color:#ee5759;
		border-style:solid;
		border-width: 1px 2px 2px 1px;
	}
	INPUT.formTextField.mini {
		width:55px;
		margin-right:7px;
	}
	INPUT.formTextField.minimini {
		width:30px;
	}
	DIV.codeEntry {
		height:54px;
		margin:-12px 0px -2px 0px;
	}
	TABLE.codeEntry {
		margin-left:-3px;
	}
	LABEL {
		font-weight:bold;
		height:13px;
		padding-top:2px;
		*margin-top:-1px;
		*margin-bottom:-1px;
		display:block;
	}
	A.button {
		display:block;
		height:28px;
		text-align:center;
		line-height:25px;
		color: #000;
		text-decoration:none;
		background-position:left top;
	}
	A.button:hover {
		text-decoration:none;
		background-position:left bottom;
	}
	A.button SPAN {
		position: relative;
		display:block;
		float:right;
		width:4px;
		margin-right:-4px;
		height:28px;
		background-position:right top;
	}
	A.button:hover SPAN {
		text-decoration:none;
		background-position:right bottom;
	}
	A.submit {
		width:120px;
	}
	A.submit SPAN {
	}
	DIV.dialog DIV.formError {
	}
	DIV.dialog DIV.formError.off {
		display:none;
	}
	DIV.dialog DIV.formError DIV {
		width:438px;
	}
	DIV.dialog DIV.formError DIV.top {
		height:20px;
		background-position:left bottom;
		background-repeat:no-repeat;
	}
	DIV.dialog DIV.formError DIV.mid {
		background-position:right top;
		text-align:center;
		color:#f11616;
		font-weight:bold;
	}
	DIV.dialog DIV.formError DIV.bottom {
		height:20px;
		background-position:-438px 0px;
		background-repeat:no-repeat;
	}
/**
 * Dialogs (all)
 */
	DIV.dialog {
		display: none;
		position: absolute;
		left: 50%;
		top: 100px;
		z-index: 1001;
		color: #403120;
		padding-left: 67px;
		background-repeat: no-repeat;
		background-position:left bottom;
		color: #403120;
	}
	DIV.dialog A {
		font-weight:normal;
		color: #403120;
	}
	DIV.dialog A.button {
		font-weight:bold;
	}
	DIV.dialog H1 {
		font-size:24px;
		margin:18px 0px 0px 0px;
	}
	DIV.dialog H2 {
		margin:0px 0px 0px 0px;
		font-size:16px;
		white-space:nowrap;
	}
	DIV.dialog H3 {
		margin:0px 0px 0px 0px;
		font-size:12px;
	}
	DIV.dialog H1.caption {
		display:none;
	}
	DIV.dialog DIV.content {
		position:absolute;
		top:0px;
		left:70px;
	}
	DIV.dialog INPUT {
		color: #000;
	}
	DIV.register DIV.column {
		float:left;
		width:220px;
	}
	DIV.dialog A.close {
		display: block;
		float:right;
		position:relative;
		width: 39px;
		height: 39px;
		background-position: left top;
		z-index:1500;
	}
	DIV.dialog A.close:hover {
		background-position: left bottom;
	}
	DIV.dialog H1 {
		margin-bottom: 16px;
		height:16px;
	}
	DIV.dialog DIV.center {
		width: 594px;
	}
	DIV.dialog DIV.formpage {
		width:460px;
	}
/**
 * Dialog (Big)
 */	
 	DIV.dialogBig {
		width: 650px;
		height: 683px;
		margin-left: -325px;
 	}

	DIV.dialogBig DIV.center {
		width: 594px;
		padding-top: 63px;
	}
/**
 * Dialog (Medium)
 */	
 	DIV.dialogMedium { 
		width: 570px;
		height: 508px;
		margin-left: -285px;
	}
	DIV.dialogMedium DIV.center {
		margin-left:20px;
		width: 594px;
		padding-top: 83px; 
	}
/**
 * Dialog (Wide)
 */	
 	DIV.dialogWide {
		top:px;
		width: 850px;
		margin-left: -425px;
	}
	DIV.dialogWide A.close {
		left:-25px;
		top:-15px;
	}
/**
 * Dialog (Registration)
 */
	DIV.register DIV.options {
		margin-left:42px;
		width:120px;
	}
	DIV.register DIV.options TABLE {
		margin-top:8px;
	}
	DIV.register DIV.options TH {
		height:18px;
		padding:0px 10px;
	}
	DIV.register TABLE.rules {
		margin:12px 0px 12px -3px;
	}
	DIV.register TABLE.rules TH {
		width:25px;
	}
	DIV.register DIV.note {
		font-size:10px;
	}
	DIV.register DIV.formError {
		position:absolute;
		top:52px;
	}
	DIV.register DIV#registrationMan {
		position:absolute;
		width:50px;
		height:50px;
		top:330px;
		left:300px;
	}
	DIV.register.boxcode DIV#registrationMan {
		top:306px;
	}
	DIV.register DIV#registrationManCont {
		display:inline;
	}
/**
 * Adaption for low resolutions
 */
	DIV#adaptor {
		position:relative;
		left:0px;
		top:0px;
	}
	DIV#page DIV.adapted A.stamp {
		top:570px;
	}
	DIV#page DIV.adapted DIV.menu {
		top:662px;
	}
/**
 * Marking for erroneous form fields
 */
	DIV.register .errmark, DIV.loginBox .errmark {
		border:2px red solid;
		position:relative;
		top:-2px;
		left:-2px;
	}
/**
 * Ugly hack to keep the form elements form jumping around
 */
	DIV.register TABLE#register_race.errmark {
		margin-bottom:-4px;
	}
	DIV.register INPUT#register_name.errmark,
	DIV.register INPUT#register_password.errmark,
	DIV.register INPUT#register_confirm.errmark,
	DIV.register INPUT#register_email.errmark {
		height:22px;
	}
	DIV.register TABLE#register_agb {
		height:24px;
	}
	DIV.register TABLE#register_boxcode {
		height:24px;
	}
	DIV.register DIV.note {
		margin-bottom:-3px;
	}
	
/**
 * Registration Man
 */
	DIV.race_1 {
		background-image:url(/img/ani/roemer_stand.gif);
	}
	DIV.race_2 {
		background-image:url(/img/ani/germane_stand.gif);
	}
	DIV.race_3 {
		background-image:url(/img/ani/gallier_stand.gif);
	}
	DIV.female DIV.race_1 {
		background-image:url(/img/ani/roemerin_stand.gif);
	}
	DIV.female DIV.race_2 {
		background-image:url(/img/ani/germanin_stand.gif);
	}
	DIV.female DIV.race_3 {
		background-image:url(/img/ani/gallierin_stand.gif);
	}

/**
 * Dialog (Screenshots)
 */
	DIV.dialog DIV.screenshot TABLE {
		position:relative;
		width:800px;
		left:0px;
	}
	DIV.dialog DIV.screenshot TD {
		color:#fff;
		text-align:center;
		font-weight:bold;
	}
	DIV.dialog DIV.screenshot A.navi {
		display:block;
		width:53px;
		height:53px;
	}
	DIV.dialog DIV.screenshot A.navi.prev {
		background-position:top left;
	}
	DIV.dialog DIV.screenshot A.navi.next {
		background-position:top right;
	}
	DIV.dialog DIV.screenshot A.navi.prev:hover {
		background-position:bottom left;
	}
	DIV.dialog DIV.screenshot A.navi.next:hover {
		background-position:bottom right;
	}
	DIV.dialog DIV.screenshot A.navi.prev.disable:hover {
		background-position:top left;
		cursor:default;
	}
	DIV.dialog DIV.screenshot A.navi.next.disable:hover {
		background-position:top right;
		cursor:default;
	}
/**
 * Dialog (Forum)
 */
	DIV.forum {
		height: 483px;
		
	}
	DIV#forumScroll {
		position: relative;
		height: 140px;
		overflow: hidden;
	}
	DIV#forumScroll P {
		padding: 0px;
		margin: 0px;
		width: 415px;
		position: absolute;
		top: 0px;
	}
	DIV#forumBar {
		position: absolute;
		top: 19px;
		right: 0px;
		width: 18px;
		height: 102px;
	}
	A#forumDot {
		display: block;
		position: absolute;
		width: 12px;
		height: 29px;
		margin-left: 3px;
		background-position: left top;
	}
	A#forumDot:hover {
		background-position: left bottom;
	}
	A#scrollUp,A#scrollDown {
		position: absolute;
		right: 0px;
		display: block;
		width: 18px;
		height: 19px;
		background-position: left top;
	}
	A#scrollUp {
		top: 0px;
	}
	A#scrollDown {
		top: 121px;
	}
	A#scrollUp:hover,A#scrollDown:hover {
		background-position: left bottom;
	}
/**
 * Dialog (Trailer)
 */
	OBJECT#trailer {
		position:absolute;
		top:50px;
		left:50px;
	}
	DIV.trailer A.close {
		left:-135px;
		top:15px;
	}

/**
 * Dialog (Boxcode-Entry)
 */
	DIV.loginExtended DIV.formError {
		margin-bottom:-14px;
	}
/**
 * Form Elements
 */
	A.checkbox {
		display: block;
		width: 14px;
		height: 13px;
		background-position: left top;
	}
	A.checkbox:hover { 
		background-position: left center;
	}
	A.radioButton {
		display: block;
		width: 14px;
		height: 14px;
		background-position: left top;
	}
	A.radioButton:hover { 
		background-position: left center;
	}
	INPUT.styledCheckbox, INPUT.styledRadio {
		display: none;
	}
	INPUT.hiddenSubmit {
		display:inline;
		height:0px;
		width:0px;
		line-height: 0;
		border: 0;
		padding:0;
		margin:0;
	}
/**
 * Stats
 */
	IFRAME.forum {
		display:block;
		position:absolute;
		top:120px;
		left:0px;
		border-width: 2px 0px 0px 2px;
		border-style: solid;
		border-color:
	}
/**
 * Background Images
 */
/*
 * Default
 */
	.interface_background {
		background-image : url('/img/portal/interface/background.jpg');
	}
	.interface_chars {
		background-image : url('/img/portal/interface/chars/chars.jpg');	
	}
	.interface_chars_mouse {
		background-image:url('/img/portal/interface/chars/mouse.png');
	}
	.interface_playfree {
		background-image : url('/img/en/portal/interface/playfree.gif');	
	}
	.interface_logo {
		background-image : url('/img/en/portal/interface/logo.png');	
	}
	.interface_trailer {
		background-image : url('/img/en/portal/interface/trailer.gif');	
	}
	.interface_screenshots {
		background-image : url('/img/en/portal/interface/screenshots.gif');	
	}
	.interface_loginbox {
		background-image : url('/img/portal/interface/loginbox.gif');	
	}
	.interface_forms_button_loginbutton {
		background-image : url('/img/portal/interface/forms/button/loginbutton.png');	
	}
	.interface_forms_button_button {
		background-image : url('/img/portal/interface/forms/button/button.png');	
	}
	.interface_textfield {
		background-image : url('/img/portal/interface/loginfield.gif');	
	}
	.interface_stamp {
		background-image : url('/img/portal/interface/stamp.gif');	
	}
	.interface_errmsg_loginerror {
		background-image : url('/img/portal/interface/errmsg/loginerror.png');	
	}
/**
 * Bubble
 */
	.interface_bubble {
		background-image : url('/img/portal/interface/bubble.png');	
	}
/**
 * Dialog Big
 */
	.interface_dialog_big_background {
		background-image : url('/img/portal/interface/dialog/big/background.gif');	
	}
	.interface_dialog_close {
		background-image : url('/img/portal/interface/dialog/close.png');
	}
/**
 * Dialog Medium
 */
	.interface_dialog_medium_background {
		background-image : url('/img/portal/interface/dialog/medium/background.gif');	
	}
/**
 * Screenshots
 */
	.interface_dialog_screenshots_arrows {
		background-image : url('/img/portal/interface/dialog/screenshots/arrows.png');	
	}
/**
 * Scroller
 */
	.interface_scroll_up {
		background-image : url('/img/portal/interface/scroll/up.png');
	}
	.interface_scroll_down {
		background-image : url('/img/portal/interface/scroll/down.png');
	}
	.interface_scroll_dot {
		background-image : url('/img/portal/interface/scroll/dot.gif');
	}
	.interface_scroll_tile {
		background-image : url('/img/portal/interface/scroll/tile.gif');
	}
/**
 * Form Elements
 */
	.interface_forms_checkbox_off {
		background-image : url('/img/portal/interface/forms/checkbox/off.png');
	}
	.interface_forms_checkbox_on {
		background-image : url('/img/portal/interface/forms/checkbox/on.png');
	}
	.interface_forms_radio_off {
		background-image : url('/img/portal/interface/forms/radio/off.png');
	}
	.interface_forms_radio_on {
		background-image : url('/img/portal/interface/forms/radio/on.png');
	}
/**
 * Error messages
 */
	.interface_errmsg_form {
		background-image : url('/img/portal/interface/errmsg/form.png');
	}