/*************************************************************************************************************************
*	page / background / basic main-area
*************************************************************************************************************************/
* {
	margin: 				0;
	padding: 				0;
}

html, body {
	background-position:	center top;
	background-repeat:		no-repeat;
	font-size:				12px;
	font-family:			Tahoma, Geneva, sans-serif;
	height: 				100%;
	height: 				760px;
	text-align:				center;
}

a {
	text-decoration:		none;
}

a:hover {
	cursor:					pointer;
}

a img {
	border: 				0;
}

h1, .box h2 {
	font-weight:			bold;
	font-size:				20px;
	font-family:			Verdana;
}

h2, .first h2, .box h3 {
	font-weight:			bold;
	font-size:				14px;
	font-family:			Verdana;
}

/*************************************************************************************************************************
*	Spoecial helping classes
*************************************************************************************************************************/
/*	center a box in a text-align center area	*/
.center {
	text-align:				left;
	margin:					0 auto;
}

/*	floaters	*/
.left {
	float:					left;
}

img.left {
	padding:				5px 5px 5px 0;
}

.right {
	float:					right;
}

img.right {
	padding:				5px 0 5px 5px;
}

/*	collums	*/
.twoCols {
	width:					49%;
	margin-top:				16px;
}

/*	clear  floatings	*/ 
.clear {
	font-size:				1px;
	height:					1px;
	clear:					both;
}

/*************************************************************************************************************************
*	Content boxes, menus
*************************************************************************************************************************/
#header, #top_menu, #content_wrap, #footer {
	width:					960px;
	position:				relative;
	top:					0;
	clear:					both;
}

/*		banner		*/
#header {
	height:					72px;
}

/*		main navigation		*/
#top_menu {
	height:					38px;
	z-index:				10;
	background-image:		url(../gfx/header/men_bg.png);
	background-repeat:		repeat-x;
}

#top_menu ul.navi {
	list-style:				none;
	height:					38px;
}

#top_menu ul.navi li {
	float:					left;
	padding:				0 1px;
	position:				relative;
}

#top_menu ul.navi .flag {
	float:					right;
}

#top_menu ul.navi li a {
	display:				block;
	height:					36px;
	padding:				1px 4px;
	line-height:			36px;
	width:					90px;
	text-align:				center;
	font-weight:			bold;
}

#top_menu ul.navi .flag a {
	width:					20px;
}

#top_menu ul.navi .flag img {
	padding:				13px 0;
}

#top_menu ul.navi a:hover {
	background-repeat:		repeat-x;
}

#top_menu ul.navi li ul {
	list-style:				none;
	position:				absolute;
	z-index:				500;
	top:					30px;
	left:					0px;
	padding-top:			8px;
	width:					110px;
	visibility:				hidden;
}

#top_menu ul.navi li:hover ul, #top_menu ul.navi a:hover ul{
	visibility:				visible;
}

#top_menu ul.navi ul a, #top_menu ul.navi ul a:visited {
	height:					auto;
	line-height:			1.2em;
	padding:				5px;
	width:					160px;
	text-align:				left;
}

#top_menu ul.navi li table {
	position:				absolute;
	left:					0px;
	top:					0px;
}

/*		footer		*/
#footer {
	height:					30px;
	line-height:			20px;
}

#footer ul {
	list-style-type:		none;
}

#footer ul li {
	float:					left;
}

#footer ul li a {
	padding-left:			10px;
}

#footer ul li a:hover {
	padding-left:			10px;
}

/*		content area and side bar		*/
#content_wrap {
	padding:				18px 0;
}

#content, #social {
	float:					left;
	width:					728px;
}

#right_side {
	float:					right;
	width:					222px;
}

/**************************************************************************************************************************
*	side bar 
*************************************************************************************************************************/
/*		login		*/
#login_wrap {
	width:					212px;
	clear:					both;
	float:					right;
}

#login_box {
	min-height:				150px;
}

#login_box h2 {
	width:					206px;
	height:					29px;
	padding:				3px;
	color:					black;
	font-size:				16px;
	line-height:			29px;
	text-align:				center;
	margin-bottom:			3px;
}

#login_box form {
	margin-left:			8px;
}

#login_box input {
	margin-bottom:			1px;
	height:					26px;
	width:					177px;
	border:					0;
	padding:				5px 0 0 25px;
	background-repeat:		no-repeat;
	margin:					0 3px;
}

#login_box input#login_button {
	cursor:					pointer;
	font-weight:			bold;
	text-align:				center;
	vertical-align:			bottom;
	margin-top:				0px;
	width:					192px;
	height:					40px;
	padding:				0;
}

.loggedin {
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
}

.loggedin_button {
	margin:					10px 8px 0px 8px;
	text-align:				center;
}

.loggedin_button a {
	background-repeat:		no-repeat;
	display:				block;
	width:					192px;
	height:					40px;
	cursor:					pointer;
}

.loggedin_button a span {
	line-height:			36px;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
	display:				block;
	width:					192px;
	height:					40px;
}

/*		sidebar boxes		*/
#right_side .box {
	margin-top:				10px;
	width:					212px;
	clear:					both;
	float:					right;
}

#right_side .box .button {
	text-align:				center;
	cursor:					pointer;
	display:				block;
	width:					201px;
	height:					40px;
	background-repeat:		no-repeat;
	position:				relative;
}

#right_side .box .button .arrow {
	margin:					0 5px 0 0;
	width:					23px;
	height:					23px;
	position:				absolute;
	top:					20px;
	left:					10px;
}

#right_side .box .button span {
	display:				block;
	width:					201px;
	height:					40px;
	background-repeat:		no-repeat;
	font-family:			Tahoma;
	font-size:				14px;
	font-weight:			bold;
	line-height:			40px;
	text-align:				center;
}

	/*	live chat	*/
#livechat{
	height:					70px;
}

	/*	poker boat	*/
#boat_box {
	height:					169px;
	padding:				1px 5px 0 5px;
}

.boat_counter {
	margin-top:				60px;
	float:					left;
	width:					90px;
	text-align:				center;
}

.boat_counter span.sleft {
	font-weight:			bold;
	font-size:				20px;
}

#boat_box .button{
	margin-top:				121px;
}

	/*	poker insel	*/
#island_box {
	height:					190px;
	padding:				1px 5px 0 5px;
	background-repeat:		no-repeat;
}

#island_box .button {
	margin-top:				142px;
}

	/*	team teaser	*/
#team_teaser_box {
	height:					247px;
	padding-top:			1px;
}

#right_side #team_teaser_box .button {
	margin-top:				179px;
	padding-top:			20px;
	width:					212px;
	height:					48px;
}

#team_teaser_box .button img {
	float:					left;
}

#right_side #team_teaser_box .button span {
	line-height:			16px;
	position:				absolute;
	top:					20px;
	left:					38px;
	width:					160px;
	font-size:				12px;
}

/**************************************************************************************************************************
*	content area
*************************************************************************************************************************/
#content ul, #content ol {
	padding:				0 0 10px 20px;
}

#content p, #content img, #content .first h2, #content h3 {
	padding-bottom:			10px;
}

/*		back - link		*/
#content .backlink_top, #content .backlink_btm {
	clear:					both;
	width:					100%;
}

#content .backlink_top {
	padding-bottom:			20px;
}

#content .backlink_btm {
	padding-top:			20px;
}

/*		boxes		*/
#content .left_img {
	float:					left;
	padding-left:			15px;
}

#content .right_img {
	float:					right;
	padding-right:			15px;
}

#content .box {
	position:				relative;
	width:					726px;
	float:					left;
	margin-bottom:			20px;
}

.box_head {
	background-repeat:		repeat-x;
	width:					708px;
	height:					22px;
	padding:				0 9px;
	line-height:			22px;
	font-family:			Verdana;
	font-size:				12px;
	font-weight:			bold;
	vertical-align:			baseline;
}

.box .box_content {
	width:					688px;
	padding:				20px 19px 10px 19px;
}

.first .box_content {
	background-position:	left top;
	background-repeat:		no-repeat;
}

.box .border_box {
	padding:				20px;
	margin:					10px 0;
}

#content .box .white_box {
	padding:				5px;
	margin:					5px 0;
}

#content .box .white_box p.important {
	text-align:				center;
	font-size:				1.2em;
	font-weight:			bold;
	padding:				10px;
}

/*		lists		*/
#content ul.check {
	list-style:				none;
	font-size:				20px;
	font-family:			Verdana;
	margin:					1em 0;
	padding:				0;
}

ul.check li {
	background-repeat:		no-repeat;
	line-height:			23px;
	padding-left:			33px;
	margin-top:				10px;
}

#content ul.minicheck {
	list-style:				none;
	margin:					1em 0;
	width:					49%;
	padding:				0;
}

ul.minicheck li {
	background-repeat:		no-repeat;
	line-height:			23px;
	padding-left:			33px;
	margin-top:				10px;
}

/*		team gallery		*/
#content div.team {
	padding:				5px auto;
}

div.team a {
	float:					left;
	width:					185px;
	height:					23px;
	margin:					5px;
	padding:				237px 10px 10px 20px;
	display:				block;
	background-position:	8px 8px;
	background-repeat:		no-repeat;
	font-weight:			bold;
	font-size:				17px;
}

div.team .alexander {
	background-image:		url(../gfx/team/alexander/thumb.png);
}

div.team .axel {
	background-image:		url(../gfx/team/axel/thumb.png);
}

div.team .felix {
	background-image:		url(../gfx/team/felix/thumb.png);
}

div.team .melody {
	background-image:		url(../gfx/team/melody/thumb.png);
}

div.team .svetlana {
	background-image:		url(../gfx/team/svetlana/thumb.png);
}

/*		image galleries		*/
#content div.gallery {
	clear:					both;
}

#content div.gallery a {
	float:					left;
	margin:					5px;
}

#content div.gallery img, #content div.gallery a img {
	padding:				0;
}

/*		counter		*/
#content .counter {
	width:					180px;
}

#content .counter div {
	float:					left;
	overflow:				hidden;
	text-align:				center;
	margin-right:			.05em;
}

#content .counter small {
	float:					left;
	margin-right:			.3em;
	overflow:				visible;
	text-align:				left;
	white-space:			no-wrap;
}

/*		news		*/
#content .intro {
	padding-top:			10px;
}

/*		forms		*/
#content form {
	display:				block;
	clear:					both;
}

#content form label {
	display:				block;
	padding:				5px 10px 5px 0;
	float:					left;
	clear:					left;
	margin:					2px;
	text-align:				right;
}

#content form label.chkbox {
	clear:					right;
	text-align:				left;
}

#content form input.chkbox {
	clear:					left;
}

	/*		registration		*/
#content form.register label {
	width:					150px;
}

#content form.register label.chkbox {
	clear:					right;
	text-align:				left;
}

#content form.register input, #content form.register select {
	padding:				2px;
	float:					left;
	clear:					right;
	margin:					2px;
}

#content form.register input.text {
	width:					210px;
}

#content form.register input.chkbox {
	margin-left:			165px;
}

#content form.register select {
	width:					218px;
}

	/*		account		*/
#content form.account {
	float:					left;
	clear:					left;
}

#content form.account label {
	width:					150px;
}

#content form.account label.chkbox {
	clear:					right;
	text-align:				left;
}

#content form.account input, #content form.account select {
	padding:				2px;
	float:					left;
	clear:					right;
	margin:					2px;
}

#content form.account input.text {
	width:					210px;
}

#content form.account input.chkbox {
	margin-left:			165px;
}

#content form.account select {
	width:					218px;
}

	/*		contact		*/
#content form.contact label {
	width:					150px;
}

#content form.contact label.chkbox {
	clear:					right;
	text-align:				left;
}

#content form.contact input, #content form.contact textarea {
	padding:				2px;
	float:					left;
	clear:					right;
	margin:					2px;
}

#content form.contact input.text, #content form.contact textarea {
	width:					210px;
}

#content form.contact input.chkbox {
	margin-left:			165px;
}

	/*		quiz		*/
#content form.quiz label.chkbox {
	clear:					right;
	text-align:				left;
	margin:					0 5px;
	width:					360px;
	display:				block;
}

#content form.quiz input.chkbox {
	margin:					5px 0;
}

/*		tables		*/
#content .box table {
	border:					0;
	margin-bottom:			10px;
}

#content .box tr {
	padding:				0;
	margin:					0;
}

#content .box thead tr {
	opacity:				0.8;
}

#content .box tbody tr {
	opacity:				0.5;
}

#content .box table tr td, #content .box table tr th {
	padding:				5px;
}

#content .box table tr th {
	text-align:				center;
	font-weight:			bold;
}

/*		quiz		*/
#content div.quiz {
	padding:			10px;
	width:				435px;
}

#content div.quiz p, #content div.quiz form {
	margin-bottom:		1em;
	padding:			8px 0 5px 5px;
	display:			block;
	width:				400px;
	clear:				right;
	float:				right;
}

/*		poker room overview		*/
#content .room_box {
	margin-bottom:		20px;
	padding:			10px;
	display:			block;
	width:				666px;
}

.room_box .twoCols_l, .room_box .twoCols_le {
	float:				left;
	width:				63%;
	margin:				16px 0;
	text-align:			center;
}

.room_box .twoCols_le {
	text-align:			left;
}

.room_box .twoCols_r {
	float:				right;
	width:				35%;
	margin:				16px 0;
}

#content .box .twoCols {
	width:				48%;
}

#content .room_box h2, #content .box .white_box h2 {
	text-align:			center;
}

#content .room_box p, #content .box .white_box p {
	margin-bottom:		1em;
}

.room_box .button span {
	display:				block;
	width:					182px;
	height:					25px;
	padding:				1px;
	font-size:				18px;
	background-position:	center center;
	text-align:				center;
}

/*		lighteners		*/
hr.dashed {
	width:					100%;
	height:					2px;
	margin:					10px 0;
}

/**************************************************************************************************************************
*	social network links
*************************************************************************************************************************/
#social {
	height:			30px;
	line-height:	30px;
	text-align:		center;
}

#social .left {
	text-align:		left;
}

#social ul {
	list-style:		none;
	height:			30px;
}

#social ul li {
	float:			left;
	padding:		0 10px;
}

/**************************************************************************************************************************
*	buttons
*************************************************************************************************************************/
a.register_button {
	display:				block;
	margin-top:				10px;
	height:					54px;
	width:					287px;
	text-align:				center;
	font-size:				20px;
	line-height:			40px;
}

a.register_button span {
	display:				block;
	padding-top:			4px;
	height:					50px;
	width:					287px;
	background-repeat:		no-repeat;
}


#content a.button {
	font-weight:			bold;
	text-align:				center;
	background-repeat:		no-repeat;
	display:				block;
	width:					192px;
	height:					40px;
	cursor:					pointer;
}

#content a.button span {
	line-height:			36px;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
	display:				block;
	width:					192px;
	height:					40px;
}

/**************************************************************************************************************************
*	helpers
*************************************************************************************************************************/
#helpers {
	position:				absolute;
	top:					0px;
}

#helpers .window {
	display:				none;
	position:				absolute;
	z-index:				1000;
	width:					460px;
	margin-left:			120px;
}

#helpers .window h2 {
	background-repeat:		repeat-x;
	height:					22px;
	padding:				0 9px;
	line-height:			22px;
	font-family:			Verdana;
	font-size:				12px;
	font-weight:			bold;
	vertical-align:			baseline;
}

#helpers .window h2 span.right {
	display:				block;
	position:				absolute;
	top:					1px;
	right:					5px;
}

#helpers .window h2 span.right input {
	font-size:				10px;
	font-weight:			bold;
	line-height:			24px;
	width:					26px;
	height:					26px;
}

#helpers .window h2 span.right a span {
	background-repeat:		no-repeat;
	display:				block;
	padding-bottom:			1px;
	line-height:			21px;
	height:					21px;
	width:					21px;
	text-align:				center;
	font-weight:			bold;
	font-size:				14px;
}

#helpers .window .box {
	width:					460px;
}

#helpers .window .box .inner {
	width:					454px;
	min-height:				100px;
	padding-top:			10px;
}

#helpers .window .box .inner p {
	margin-bottom:			0;
	padding:				0 10px 10px 10px;
}