/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:14px;color:#666;
	background:#FFF url(../gfx/pageback.png) repeat-y center top;
	}
body, table, th, td, p, input, textarea, select {
	font-family:'Trebuchet MS',Arial, Helvetica, Sans-serif;
	font-size:13px;
	}	
a {}
a:hover {}
h1 {}
h2 {margin-bottom:10px;padding-bottom:3px;font-size:15px;font-weight:bold;color:#4F7997;border-bottom:1px solid #CCC;}
.block .content h2 a {color:#4F7997;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {margin:0 0 10px 0;}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	width:984px;
	min-height:100%;
    height:auto;
	text-align:left;
	background:#FFF url(../gfx/containerback.png) repeat-x left top;
	}
.content-block {
	min-height:700px;
	background:transparent url(../gfx/containerfootback.png) repeat-x left bottom;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {position:relative;height:97px;}
	.logo {position:absolute;top:6px;right:16px;width:245px;height:109px;z-index:101;background:transparent url(../gfx/forexfox_logo.png) no-repeat left top;}
	.welcome {margin:0 20px 6px 20px;font-size:12px;}

/* ============================================================	*/ 
/* ========	NAV					===============================	*/
/* ============================================================	*/

.nav {padding:24px 0 0 10px;}
	.nav ul {}
	.nav ul li {float:left;}
	.nav ul li a {display:block;float:left;padding:5px 10px;color:#003D69;font-size:15px;font-weight:bold;}
	.nav ul li a:hover {color:#0089cf; text-decoration:none;}
	.nav ul li.active a {color:#003D69;background-color:#F3F3F3;}
	
/* ============================================================	*/ 
/* ========	SUBNAV				===============================	*/
/* ============================================================	*/
ul.subnav {position:absolute;top:54px;left:1px;padding-left:9px;height:30px;width:900px;z-index:10;background:transparent url(../gfx/subnav_back.png) no-repeat left top;}
	li.active ul.subnav li a {color:#666;font-size:12px;font-weight:normal;}
	li.active ul.subnav li a:hover {color:#0089cf; text-decoration:none;}
	li.active ul.subnav li.active a {color:#003D69;}


/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {position:relative;min-height:140px;padding-bottom:10px;width:984px;clear:both;background:#063964 url(../gfx/forexfox_footerlogo.png) no-repeat 787px 8px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
	div.footer-nav {padding:10px;}
	div.footer-nav h2 {font-size:15px;color:#FFF;float:left;width:110px;border:none;}
	div.footer-nav ul {float:left;width:200px;border-left:1px solid #2B577B;}
	div.footer-nav ul li {padding:0 0 0 10px;}
		div.footer-nav strong {color:#FFF;font-size:11px;}
		div.footer-nav a, div.footer-nav a:visited {color:#FFF;font-size:11px;}
		div.footer-nav a:hover {text-decoration:underline;}

div.footer_bottom {text-align:center; font-size:11px; color:#999; padding:3px 0; display:none;}

/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/

.wrapper {width:963px;overflow:hidden;padding:0 11px 10px 11px;clear:left;}


/* ============================================================	*/ 
/* ========	BLOCK				===============================	*/
/* ============================================================	*/

.intro {margin-bottom:6px;font-size:25px;color:#333;line-height:25px;}
.intro img {float:right;}
.intro strong {color:#0089D1;font-size:28px;}

.block {margin-bottom:6px;}
.block .top {height:8px;font-size:1px;overflow:hidden;}
.block .main {}
.block .bottom {height:8px;font-size:1px;overflow:hidden;}

.block .content {margin:0px 8px;padding:8px 0px;}
.block .content a {color:#0089D1;}
.block .main .content {padding:8px 10px;background:transparent url(../gfx/column_gradiback.png) repeat-x left bottom;}

.column {float:left;width:236px;margin-right:3px;overflow:hidden;}
	.column .block {width:236px;}
		.column .block .top {background:transparent url(../gfx/column_top.png) no-repeat left top;}
		.column .block .main {background:transparent url(../gfx/column_main.png) repeat-y left top;}
		.column .block .bottom {background:transparent url(../gfx/column_foot.png) no-repeat left top;}

.column-two {float:left;width:478px;margin-right:6px;overflow:hidden;}
	.column-two .block {width:478px;}
		.column-two .block .top {background:transparent url(../gfx/column2_top.png) no-repeat left top;}
		.column-two .block .main {background:transparent url(../gfx/column2_main.png) repeat-y left top;}
		.column-two .block .bottom {background:transparent url(../gfx/column2_foot.png) no-repeat left top;}

.column-two .colset {width:488px;}
	.column-two .column {width:236px;float:left;overflow:hidden;}
	.column-two .column .block {width:236px;}
		.column-two .column .block .top {background:transparent url(../gfx/column_top.png) no-repeat left top;}
		.column-two .column .block .main {background:transparent url(../gfx/column_main.png) repeat-y left top;}
		.column-two .column .block .content {height:508px;overflow:hidden;width:200px;}
		.column-two .column .block .reacts {background:#e4e4e4;padding:4px 10px;margin:0 8px;}
		.column-two .column .block .bottom {background:transparent url(../gfx/column_foot.png) no-repeat left top;}

.column-two .pagenav {clear:both;text-align:center;padding-top:6px;}
	.column-two .pagenav table {margin:0 auto;}
	.column-two .pagenav .vbmenu_control {background:#3389d1;border:none;}

.column-two-width {width:962px;overflow:hidden;}
	.column-two-width .block {width:478px;}
	.column-two-width .column {width:478px;float:left;overflow:hidden;}
	.column-two-width .column .block {width:478px;}
		.column-two-width .column .block .top {background:transparent url(../gfx/column2_top.png) no-repeat left top;}
		.column-two-width .column .block .main {background:transparent url(../gfx/column2_main.png) repeat-y left top;}
		.column-two-width .column .block .content {height:508px;overflow:hidden;width:442px;}
		.column-two-width .column .block .bottom {background:transparent url(../gfx/column2_foot.png) no-repeat left top;}

.column-three {float:left;width:720px;margin-right:6px;overflow:hidden;}
	.column-three .block {width:720px;}
		.column-three .block .top {background:transparent url(../gfx/column3_top.png) no-repeat left top;}
		.column-three .block .main {background:transparent url(../gfx/column3_main.png) repeat-y left top;}
		.column-three .block .bottom {background:transparent url(../gfx/column3_foot.png) no-repeat left top;}

.column-four .block {width:962px;clear:left;}
	.column-four .block .top {background:transparent url(../gfx/column4_top.png) no-repeat left top;}
	.column-four .block .main {background:transparent url(../gfx/column4_main.png) repeat-y left top;}
	.column-four .block .bottom {background:transparent url(../gfx/column4_foot.png) no-repeat left top;}

.block a,
.block input {color:#666;position:relative;}
.block a:hover {text-decoration:underline;color:#003D69;}

.search {margin-left:8px;}
.search .type-text {width:151px;margin-right:5px;}

.login {font-size:11px;}
.login .type-text {margin-bottom:10px;width:192px;}
.login .links {
	border-top:1px solid #CCC;
	margin-top:10px;
	padding-top:10px;
	}
.login input {margin-right:3px;}

.chat .content a, .forum .content a {color:#666;}
.chat strong, .forum strong {color:#0089D1;font-weight:normal;}

.forum li {padding-bottom:10px;font-family:'Trebuchet MS',Arial,Helvetica,Sans-serif;font-size:13px;}
.forum .read-more {border-top:1px solid #CCC;margin-top:10px;padding-top:20px;height:25px;}
.forum .content .read-more a {float:right;color:#0089D1;}
.chat form {border-top:1px solid #CCC;margin-top:10px;padding-top:20px;text-align:right;}
.chat .textarea {padding:0;width:100%;margin-bottom:5px;margin-right:5px;}

#cybcb_messagearea {
	overflow:auto;
	height:250px;
	width:440px;
	position:relative;
}
#cybcb_messagearea ul {
	margin:0;
	padding:0;
}

.banner {padding:14px 0px;background:transparent url(../gfx/banner-button.png) no-repeat left top;}
.banner a, .banner a:link, .banner a:visited {display:block;font-size:12px;color:#fff;text-align:center;}
.banner a:hover {color:#FFF;text-decoration:none;}
.banner a strong {font-size:19px;color:#fff;}


#tagcloud {width:438px;clear:left;padding:20px;margin-bottom:6px;text-align:center;}
	#tagcloud a {line-height:20px;margin:0 5px 0 0;color:#999;}
	#tagcloud a:hover {color:#003D69;text-decoration:underline;}
		#tagcloud a.size-01 {font-size:30px;}
		#tagcloud a.size-02 {font-size:25px;}
		#tagcloud a.size-03 {font-size:20px;}
		#tagcloud a.size-04 {font-size:17px;}
		#tagcloud a.size-05 {font-size:15px;}
		#tagcloud a.size-06 {font-size:13px;}



a.tagcloudlink:link, a.tagcloudlink:visited { text-decoration:none;color:#999; }
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline;color:#003D69; }
a.level1 { font-size: 20px; }
a.level2 { font-size: 18px; }
a.level3 { font-size: 15px; }
a.level4 { font-size: 13px; }
a.level5 { font-size: 11px; }
	

.story span.date 	 {font-size:11px;}
.story h2			 {min-height:42px;margin:0;border:none;}
.story .item-img	 {margin-left:-9px;}
.story .item-img img {width:218px;margin-bottom:8px;}
.story .reacts {font-size:11px;}
.story .reacts strong {color:#0089D1;}

.poll {}
.poll strong {color:#0089D1;}
.poll .quest {font-size:11px;}
.poll .result {margin-bottom:10px;font-size:11px;color:#0089D1;}
.poll .result span {margin-top:3px;font-size:1px;display:block;height:5px;float:left;margin-right:3px;border-top:5px solid #005888;background-color:#003D69;}

.poll ul.links {font-size:11px;padding-top:10px;border-top:1px solid #CCC;}
.poll ul.links strong {font-size:10px;font-family:Verdana;color:#666;}
.poll ul.links li a {font-size:11px;color:#666;}\

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

div.buttons {text-align:right;margin-top:8px;}

.formgrid {
	width:560px;
	background-color:#F5F5F5;
	border:15px solid #F5F5F5;
	}
input, select {
	vertical-align:middle;
	}
input.type-text {
	padding-left:5px;
	color:#666;
	font-size:11px;
	border:1px solid #a8a8a8;
	border-color:#a8a8a8 #b9b9b9 #b9b9b9 #a8a8a8;
	background:#FFF url(../gfx/input_back.png) no-repeat left top;
	}
.formgrid input.type-text {
	width:232px;
	background-color:#FFF;
	}
input.type-button {
	border:1px solid #F00;
	background-color:#F00;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	padding:0;
	}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	width:470px;
	}
.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}