@charset "utf-8";
/* CSS Document */

/* Main layout container <<<<<<< */

html {
  	height: 100%;
}
body {
    margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#000;
	overflow: hidden;
}
#contentcontainer {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background-image: url(/img/background.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	overflow: auto;
	left: 0px;
	top: 0px;
}

#maincontainer {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	overflow:auto;
	left: 0px;
	top: 0px;
}
#homemaincontent{
	position: absolute; 
	width: 1000px;
	top: 55px;
	bottom: 117px;
	overflow: hidden;
	z-index: 5;
	
}
#undertextbackground{
	position:absolute;
	width:100%;
	height:500px;
	z-index:2;
	left: 0px;
	bottom: 90px;
	background-image: url(/img/undertext_bg.png);
	background-repeat: repeat-x;
} 
#topbar {
	position:relative;
	width:100%;
	height:35px;
	top: 0px;
	z-index:4;
	background-image: url(/img/topnav_bg.png);
	background-repeat: repeat-x;
}
/* Top bar < */
.mainnav {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #d1e6f0;
	word-spacing: 18px;
	
}
.mainnav a {
	color: #d1e6f0;
	text-decoration:none;
	padding-left: 9px;
	padding-right: 9px;
}
.mainnav a:hover {
	color: #fffee1;
	text-decoration:none;
}
.mainnav a.selected  {
	color: #fefdce;
}
.mainnav a.developer  {

	text-transform: uppercase;
	color: #d2e4eb;
}
.mainnav a.developer:hover {
	color: #fffee1;
	text-decoration:none;
}
.mainnav a.developer_selected  {
	color: #fffee1;
}
#developer_box {
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	left: 6px;
	width:79px;
	height:21px;
	border: 1px solid #aec5d1;
}
.mainnav a.admin  {
	text-transform: uppercase;
	color: #d2e4eb;
}
.mainnav a.admin:hover {
	color: #fffee1;
	text-decoration:none;
}
.mainnav a.admin_selected  {
	color: #fffee1;
}
#admin_box {
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	left: 10px;
	width:79px;
	height:21px;
	border: 1px solid #aec5d1;
}
.lang img {
	border: 0px;
}
.lang_sel img {
	border: solid 1px;
	border-color: #D5F4F7;
}

/* > Top bar */

/* Bottom bar - Log out < */
#bottombar {
	position:absolute;
	width:100%;
	height:100px;
	z-index:3;
	left: 0px;
	bottom: 0px;
	background-image: url(/img/bar_bg.png);
	background-repeat: repeat-x;
}
.myceinfo {
	position:relative;
	height: 1px;
	width: 200px;
	margin-top: 3px;
	left: 364px;
	top: -62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #445358;
}
.myceinfo a {
	color: #445358;
	text-decoration:none;
}
.myceinfo a:hover {
	color: #d9c994;
	text-decoration:underline;
}
.logincontainer {
	position:relative;
	width: 380px;
	height: 64px;
	left: 18px;
	top: -14px;
}
.login_background {
	position:absolute;
	width: 416px;
	height: 104px;
	z-index:80;
	left:-19px;
	top: -16px;
	background-image:url(/img/login_bg.png);
	background-repeat: no-repeat;
}
.devlogin {
	position: absolute;
	width: 110px;
	left: 30px;
	top: 2px;
	font-size: 13px;
	font-family: Tahoma;
	font-weight: bold;
	color: #1c2024;
	z-index:100;
}
.devlogin img {
position:absolute;
left:-36px;
top:-2px;
}

.devlogin .shadow {
	position:absolute; top:1px; left:1px;
	color:#dbc98c;
}

/* .devlogin span {
	position: absolute;
	left: 1px;
	top: 0px;
	padding-top: 1px;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #dbc98c;
} */
.login {
	position:absolute;
	width: 384px;
	height: 67px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #adcacd;
	z-index:100;
	top: -3px;
}
.logininfo {
	position:absolute;
	color: #adcacd;
	top: 43px;
	left: 150px;
}

.logindata #textfield {
	height: 15px;
	width: 92px;
	font-family: Tahoma;
	font-size: 11px;
	color: #8e979a;
	background-color: #25292f;
	border: #495356 1px solid ;
	padding-top: 3px;
	padding-left: 4px;
	margin-bottom: 2px;
}

.logindata #username {
	height: 15px;
	width: 92px;
	font-family: Tahoma;
	font-size: 11px;
	color: #8e979a;
	background-color: #25292f;
	border: #495356 1px solid ;
	padding-top: 3px;
	padding-left: 4px;
	margin-bottom: 2px;
	position:relative;
	left:4px;
}

.logindata #password {
	height: 15px;
	width: 92px;
	font-family: Tahoma;
	font-size: 11px;
	color: #8e979a;
	background-color: #25292f;
	border: #495356 1px solid ;
	padding-top: 3px;
	padding-left: 4px;
	margin-bottom: 2px;
	position:relative;
	left:4px;
}

.logindata img {
	position:absolute;
	padding-top: 3px;
	padding-left: 4px;

}
#incorrectlogin {
	position:absolute;
	width:250px;
	height:39px;
	z-index:90;
	left: 146px;
	top: -23px;
	background-image:url(/img/icorrectlogin_bg.png);
	font-family: Tahoma;
	font-size: 10px;
	color: #e8c42a;
	padding-top: 5px;
	padding-left: 8px;
	background-repeat: no-repeat;
	display:none;
	/*visibility: hidden;*/
}
a.contactus {
	position:absolute;
	display:block;
	height: 20px;
	width: 70px;
	background-image:url(/img/contact_btn.png);
	color: #87a09f;
	vertical-align:middle;
	text-align:center;
	line-height:20px;
	
}
a.contactus:hover {
	height: 21px;
	width: 70px;
	/*background-image:url(/img/contact_btn.png);*/
	background-position: 0px 22px;
	color: #e8a04b;
}
a.imprint {
	position:absolute;
	left: 80px;
	top: 0px;
	display:block;
	height: 20px;
	width: 70px;
	background-image:url(/img/contact_btn.png);
	color: #87a09f;
	vertical-align:middle;
	text-align:center;
	line-height:20px;
}
a.imprint:hover {
	height: 21px;
	width: 70px;
	/*background-image:url(/img/imprint_btn.png);*/
	background-position: 0px 22px;
	color: #e8a04b;
}
a.createaccount {
	color:#adcdc9;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	position:absolute;
	left: 4px;
	top: 40px;
	display:block;
	height: 23px;
	width: 105px;

}
a.createaccount:hover {
	color:#dca15b;
	text-decoration: underline;

}
.loginok {
	position:absolute;
	right: 0px;
	top: 1px;
	display:block;
	height: 20px;
	width: 31px;
	background-image:url(/img/login_ok.png);
	padding:0px;
	border:0px solid;
	background-color:transparent;
}
.loginok:hover {
	height: 21px;
	width: 31px;
	background-image:url(/img/login_ok.png);
	background-position: 0px 21px;
}
a.accountinfo {
	color:#96a6a7;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}
a.accountinfo:hover {
	color:#d9c994;
	text-decoration: underline;
}
.registerhere-btn {
	position:absolute;
	color: #adcacd;
	top: 32px;
	left: -5px;
}
a.registerhere {
	position:absolute;
	display:block;
	height: 36px;
	width: 143px;
	background-image:url(/img/register_here_btn.png)
}
a.registerhere:hover {
	height: 36px;
	width: 143x;
	background-image:url(/img/register_here_btn.png);
	background-position: 0px 36px;
}
/* Awards menu < */
.awards {
	height: 67px;
	width: 350px;
	background-image: url(/img/awards_bg.png);
	margin-top: 3px;
}
div.awards_menu {
	position: relative;
	left: 12px;
	height: 70px;
	width: 328px;
	overflow:hidden;
}
ul.awards_menu {
	display: block;
	height: 70px;
	width: 1500px;	
	padding: 6px 0 0 0px; 
	margin: 0;
	list-style: none;
}
.awards_menu li {
	display: block;
	float: left;	
	padding: 0 9px;
}
.awards_menu img {
	border: 0px #fff solid;	
}
.awards_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
/* > Awards menu */

/* > Bottom bar - Log out */

/* >>>>>> Main layout container  */

/* Homepage content area <<<<<< */

.homeinner{
	position:absolute;
	width:1000px;
	bottom:0px;
}

/* Text Style < */
/*.head_01 {
	position:relative; display:block;
	font-family: arial;
	font-size: 32px;
	color: #000;
	left:16px;
}
.head_01 .shadow {
	position:absolute; top:-1px; left:100px;
	color:#8edffa;

}*/
.head_01 {
	position:relative; display:block;
	font-family: arial;
	font-size: 25px;
	color: #000;
	left:16px;
}
.head_01 .shadow {
	position:absolute; top:-1px; left:102px;
	color:#99cfe1;

}

/*
.text_02_head {
	position:relative; display:block;
	font-family: Tahoma;
	top:12px;
	left: 0px;
	top: 6px;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	padding-left:1px;
}
.text_02_head .shadow {
	position:absolute; top:-1px; left:0px;
	color:#8edffa;
}*/

.text_02_head {
	position:relative; display:block;
	font-family: Tahoma;
	top:12px;
	left: 0px;
	top: 2px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-left:1px;
}
.text_02_head .shadow {
	position:absolute; top:-1px; left:0px;
	color:#99cfe1;
}

.text_02_head_license {
	position:relative; display:block;
	font-family: Tahoma;
	top:12px;
	left: 0px;
	top: 2px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.text_02_head_license .shadow {
	position:absolute; top:-1px; left:0px;
	color:#d9c994;
}
.text_02_head_license  img{
	padding-right:8px;
 vertical-align: -2px;
}
.shadow  img{
visibility: hidden;
}
.text_02_head_license a {
	color: #000;
	text-decoration: none;
}
.text_02_head_license .shadow a {
	color: #d9c994;
	text-decoration: none;
}
.text_02_head_license .shadow a:hover {
	color: #fffee1;
	text-decoration: underline;
}

/*
.text_02 a {
	color: #000;
}
.text_02 .shadow a {
	color: #d9c994;
}*/


.text_02 a { 
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000; 
	text-decoration: none;
	line-height: 17px;
}
.text_02 .shadow a {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #d9c994;
	line-height: 17px;
}
.text_02 .shadow a:hover {
	color: #fffee1; text-decoration: underline;
}
.text_02 > a:hover {
	display: none; text-decoration: underline;
}
.text_02 {
	position:relative; 
	display:block;
	padding-bottom:0px;
	right:0px;
	padding-left:1px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 13px;
	text-align: justify;
	padding-top: 8px;
}
.text_02 .shadow {
	position:absolute; left:0px; top:7px; right:1px;  color: #8bacb7;
}
/*
.text_02 a { 
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000; 
	text-decoration: none;
	line-height: 17px;
}
.text_02 .shadow a {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #d9c994;
	line-height: 17px;
}

.text_02 .shadow a:hover {
	color: #fffee1;
}
.text_02 > a:hover {
	display: none;
}
.text_02 {
	position:relative; 
	display:block;
	padding-bottom:10px;
	right:0px;
	padding-left:1px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 13px;
	text-align: justify;
	padding-top: 8px;
}
.text_02 .shadow {
	position:absolute; left:0px; top:7px; right:1px;  color: #8bacb7;
}
*/
/*
.text_02_b {
	position:relative; display:block;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	line-height: 13px;
	padding: 8px 110px 8px 1px;
}
.text_02_b .shadow {
	position:absolute; top:7px; right:1px; 
	color:#8bacb7; padding-right: 110px;
}
*/
.text_02_b {
	position:relative; display:block;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	line-height: 16px;
	padding: 8px 0px 8px 1px;
}
.text_02_b .shadow {
	position:absolute; top:7px; right:1px; 
	color:#8bacb7; padding-right: 0px;
}
/* > Text Style*/

/* Downloads menu < */
div.downloads_menu {
	position: relative;
	top: -1px;
	left: 4px;
	height: 104px;
	width: 558px;
	overflow: hidden;
}
.downloads {
	height: 112px;
	width: 566px;
	background-image: url(/img/downloads_bg.png);
	margin-top: 13px;
}
ul.downloads_menu {
	display: block;
	height: 70px;
	width: 1500px;	
	padding: 6px 0 0 0px; 
	margin: 0;
	list-style: none;
}
.downloads_menu li {
	display: block;
	float: left;
	padding: 0 1px;
}
.downloads_menu a {
	display: block;
	text-decoration: none;
}
.downloads_menu span {
	display: block;
	margin-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8bacb7;
	text-transform: uppercase;
	font-weight: normal;
	
}
.downloads_menu a:hover span {
	display: block;
	color: #fffee1;
}
.downloads_menu img {
	border: 0px #fff solid;	
}
.downloads_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
/* > Downloads menu */

/* Video < */
.video_bg {
	/*position:relative;
	left:1px;
	background-color: #3b464e;
	filter:alpha(opacity=50);
	opacity: 0.5;
	height: 241px;
	width: 414px;
	border: 1px solid #677477;
	border-right-color: #2e3537;
	border-bottom-color: #2e3537;*/
	position:relative;
	background-color: #3b464e;
	filter:alpha(opacity=50);
	opacity: 0.5;
	height: 294px;
	width: 414px;
	border: 1px solid #677477;
	border-right-color: #2e3537;
	border-bottom-color: #2e3537;
	top: 278px;
}
.video {
/*	position:relative;
	height:242px;
	width:398px;
	left:7px;
	top:9px;
*/
	position:relative;
	height:224px;
	width:400px;
	left:8px;
	bottom:9px;
	overflow:hidden;
	display:block;
}
.player {
	position:relative;
	height:40px;
	width:414px;
	left:1px;
	top:519px;
	overflow:hidden;
	z-index: 10;
	background-image: url(img/videoplayer_bg.png);
}
a.player_btn_play{
	position:absolute;
	height:29px;
	width:29px;
	left:196px;
	top:10px;
	background-image: url(img/vplayer_btn_play.png);
}
a.player_btn_play:hover {
	height: 29px;
	width: 29px;
	background-image: url(img/vplayer_btn_play.png);
	background-position: 0px 29px;
}
a.player_btn_pause{
	position:absolute;
	height:29px;
	width:29px;
	left:196px;
	top:10px;
	background-image: url(img/vplayer_btn_pause.png);
}
a.player_btn_pause:hover {
	height: 29px;
	width: 29px;
	background-image: url(img/vplayer_btn_pause.png);
	background-position: 0px 29px;
}
a.player_btn_stop{
	position:absolute;
	height:23px;
	width:23px;
	left:168px;
	top:15px;
	background-image: url(img/vplayer_btn_stop.png);
}
a.player_btn_stop:hover {
	height: 23px;
	width: 23px;
	background-image: url(img/vplayer_btn_stop.png);
	background-position: 0px 24px;
}
a.player_btn_sound_on{
	position:absolute;
	height:23px;
	width:23px;
	left:230px;
	top:15px;
	background-image: url(img/vplayer_btn_sound_on.png);
}
a.player_btn_sound_on:hover {
	height: 23px;
	width: 23px;
	background-image: url(img/vplayer_btn_sound_on.png);
	background-position: 0px 24px;
}
a.player_btn_sound_off{
	position:absolute;
	height:23px;
	width:23px;
	left:230px;
	top:15px;
	background-image: url(img/vplayer_btn_sound_off.png);
}
a.player_btn_sound_off:hover {
	height: 23px;
	width: 23px;
	background-image: url(img/vplayer_btn_sound_off.png);
	background-position: 0px 24px;
}
/* > Video */

/* >>>>>> Homepage content area  */

/* Loggined In Style < */
.devlogin_in {
	position: absolute;
	width: 200px;
	left: 30px;
	top: 6px;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #d1e6f0;
	z-index:100;
}
.devlogin_in img {
position:absolute;
left:-36px;
top:-4px;
}
.devlogin_in .shadow {
	position:absolute; top:1px; left:1px;
}
.logindata_in {
	position:relative;
	top: 0px;
	left: -2px;
	padding-left: 0px;
	padding-top: -18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adcdc9;
}

a.loginok_in {
	position:absolute;
	right: 0px;
	top: -9px;
	display:block;
	height: 20px;
	width: 31px;
	background-image:url(/img/login_ok.png);
	text-decoration: none;
}
a.loginok_in:hover {
	height: 21px;
	width: 31px;
	background-image:url(/img/login_ok.png);
	background-position: 0px 21px;
	text-decoration: none;
}
a.loginok_in span{
	position:absolute;
	left: -60px;
	top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #849c9b;
	font-weight: bold;
	text-decoration: none;
}
a.loginok_in:hover span{
	color: #dca15b;
	font-weight: bold;
	text-decoration: none;
}
.myceinfo_in {
	position:relative;
	height: 1px;
	width: 250px;
	margin-top: 6px;
	left: 160px;
	top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7a8c91;
}
.myceinfo_in a {
	color: #7a8c91;
	text-decoration:none;
}
.myceinfo_in a:hover {
	color: #adcdc9;
	text-decoration:underline;
}
a.contactus_in {
	position:absolute;
	top:-3px;
	left:-160px;
	display:block;
	height: 20px;
	width: 70px;
	background-image:url(/img/contact_btn.png);
	color: #87a09f;
	vertical-align:middle;
	text-align:center;
	line-height:20px;
}
a.contactus_in:hover {
	height: 21px;
	width: 70px;
	background-image:url(/img/contact_btn.png);
	background-position: 0px 22px;
	color: #e8a04b;
}
a.imprint_in {
	position:absolute;
	top:-3px;
	left: -80px;
	display:block;
	height: 20px;
	width: 70px;
	background-image:url(/img/contact_btn.png);
	color: #87a09f;
	vertical-align:middle;
	text-align:center;
	line-height:20px;
}
a.imprint_in:hover {
	height: 21px;
	width: 70px;
	/*background-image:url(/img/contact_btn.png);*/
	background-position: 0px 22px;
	color: #e8a04b;
}
#undertextbackground_in{
	position:absolute;
	width:100%;
	height:500px;
	z-index:2;
	left: 0px;
	bottom: 30px;
	background-image: url(/img/undertext_bg.png);
	background-repeat: repeat-x;
}

#bottombar_in{
	position: absolute;
	display: auto;
	width:100%;
	height:60px;
	z-index:3;
	left: 0px;
	bottom: 0px;
	overflow: hidden;

}
#bottombar_in_bar{
	position: relative;
	display: auto;
	width:100%;
	height:60px;
	z-index:3;
	left: 0px;
	bottom: 0px;
	background-image: url(/img/bar_bg.png);
	background-repeat: repeat-x;
}

.long {
	width:270px;
	}
/* < Loggined In Style */

#contentcontainer_forum {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background-image: url(/img/background.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	overflow: auto;
	left: 0px;
	top: 0px;
}

#undertextbackground_in_forum{
	position:absolute;
	width:100%;
	height:500px;
	z-index:2;
	left: 0px;
	bottom: 30px;
	background-image: url(/img/undertext_bg.png);
	background-repeat: repeat-x;
}
.crytek_logo{
	position:absolute;
	width: 200px;
	margin-top: 3px;
	left: 0px;
	top: 35px;
	border:0px;
}

.crytek_logo_in{
	position:absolute;
	width: 200px;
	margin-top: 3px;
	left: 0px;
	top: -8px;
	border:0px;
}

.copyright{
	position:absolute;
	height: 1px;
	width: 150px;
	margin-top: 3px;
	left: 80px;
	top: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #445358;
	line-height:11px;
}
.copyright a {
	color: #445358;
	text-decoration:none;
}
.copyright a:hover {
	color: #adc8cd;
	text-decoration:underline;
}

.copyright_in{
	position:absolute;
	height: 1px;
	width: 200px;
	margin-top: 3px;
	left: 70px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #445358;
	line-height:11px;
}

.copyright_in a {
	color: #445358;
	text-decoration:none;
}
.copyright_in a:hover {
	color: #adc8cd;
	text-decoration:underline;
}

.banner_bg {
	position:relative;
	background-color: #3b464e;
	filter:alpha(opacity=50);
	opacity: 0.5;
	height: 294px;
	width: 414px;
	border: 1px solid #677477;
	border-right-color: #2e3537;
	border-bottom-color: #2e3537;
	top: 390px;
}