/****************************************
*      --- www.mediagroe.nl ---			*
****************************************/

/******** HTML ELEMENTS ****************/
HTML{
	scrollbar-face-color		: #0A0A0A;
	scrollbar-highlight-color	: #000000;
	scrollbar-shadow-color		: #323232;
	scrollbar-3dlight-color		: #646464;
	scrollbar-arrow-color		: #006F5E;
	scrollbar-track-color		: #0A0A0A;
	scrollbar-darkshadow-color	: #000000;
}

BODY{
	background		: #CCCCCC;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #ffffff;
	font-size		: 10px;
}

p{
	margin			: 0;
	padding			: 0;
}

a{
	text-decoration	: none;
}

.clear{
	clear			: both;
}

.zwartVlak {
	display			: block;
	margin-top		: 1px;
	background		: #191919;
	width			: 100%;
}

/*********** COMMON ELEMENTS ***********/
#pagecontainer{
	border			: 1px solid;
	padding			: 0;
	width			: 800px;
	overflow		: hidden;
	margin			: 0px;
}

/************** HEADER *****************/
#header{
	background		: gray;
	height			: 150px;
	width			: 800px;
}

/*************** MENU ******************/
#menu{
	border-left		: 3px solid #006f5e;
	border-right	: 3px solid #006f5e;
	background		: #ffffff;
	height			: 18px;
	width			: 794px;
}

#menu ul{
	padding			: 0;
	margin			: 0;
	list-style		: none;
}

#menu li{
	font-weight		: bold;
	height			: 16px;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 130px;
	text-align		: center;
}

#menu a{
	color			: #006F5E;
	display			: block;
	font-size		: 10px;
	margin-top		: 3px;
	text-decoration	: none;
}


/************ CONTENT BOX *************/
#contentbox{
	background					: #006f5e;
	padding						: 0;
	width						: 800px;
	overflow					: hidden;
	/*scrollbar-face-color		: #0A0A0A;
	scrollbar-highlight-color	: #000000;
	scrollbar-shodow-color		: #323232;
	scrollbar-3dlight-color		: #646464;
	scrollbar-arrow-collor		: #006F5E;
	scrollbar-track-color		: #0A0A0A;
	scrollbar-darkshadow-color	: #000000;*/

}

.box_header{
	background		: #191919;
	border-bottom	: 1px solid #ffffff;
	height			: 30px;
	width			: 100%;
}

.box_header	span{
	margin			: 2px 0 0 4px;
	font-size		: 20px;
	float			: left;
}

.white_title{
	color			: #ffffff;
}

.teal_title{
	color			: #006F5E;
}

.yellow_title{
	color			: #CCFF00;
}

.gray_title{
	color			: #999999;
}

/********* left content box ******/
.left_content_box{
	border			: 1px solid #ffffff;
	float			: left;
	margin			: 4px;
	height			: 390px;
	width			: 190px;
}

.left_content_box .items{
	height			: 343px;
	overflow	    : auto;
	width			: 190px;
}

.items a{
	color			: #ffffff;
}

.items ul{
	margin			: 0;
	padding			: 0;
}

.items li{
	list-style		: none;
	display			: block;
	background		: #006F5E;
	height			: 68px;
	margin			: 0;
	padding			: 1px;
}

.item img{
	float			: left;
	height			: 50px;
	margin			: 2px;
	width			: 50px;
}

.item{
	display			: block;
	height			: 50px;
	margin			: 0;
	padding			: 2px;
	text-align		: left;
}

.items .readmore{
	cursor			: pointer;
	display			: block;
	height			: 15px;
	margin-top		: 1px;
	background		: #191919;
	text-align		: right;
	width			: 100%;
}

.left_content_box a{
	color			: #ffffff;
}

.next_items{
	border-top		: 1px solid #ffffff;
	height			: 15px;
	width			: 100%;
	background		: #191919;
	text-align		: right;
}

.next_items span.next{
	display			: block;
	margin			: 1px 2px;
}

/******** right content box ********/
.right_content_box{
	border 			: 1px solid #ffffff;
	float			: right;
	height			: 390px;
	margin			: 4px;
	padding			: 0px;
	width			: 590px;
}

.right_content{
	margin			: 0px;
	padding			: 0px;
	height			: 342px;
	overflow-y		: auto;
    overflow-x      : hidden;
	float			: right;
	width			: 100%;
}

.content{
	overflow		: hidden;
	width			: 100%;
	text-align		: left;
}

.content p{
	margin			: 5px;
}

.content td{
      width 		        : 183px;
      margin			: 4px;
      text-align		: left;
}

.column_text{
	float			: left;
	width			: 570px;
}

.column{
	margin-top		: 4px;
	margin-left		: 5px;
	float			: left;
	text-align		: left;
	width			: 190px;
}
/********* bottom boxes **********/
.bottom_box{
	height			: 200px;
	overflow		: hidden;
	padding			: 0;
	width			: 800px;
}

.square_1,
.square_2,
.square_3,
.square_4{
	border			: 1px solid #ffffff;
	float			: left;
	height			: 190px;
	margin			: 4px;
	width			: 190px;
}

.square_1 span,
.square_3 span{
	height			: 27px;
}

.square_1 li,
.square_3 li{
	height			: 48px;
	xwidth			: 100%;
}

.bottom_box .items{
	height			: 143px;
}

.bottom_box img{
	margin			: 5px 0 5px;
}
/************** BANNER BOX **************/
.banner_box{
	height			: 80px;
	background		: #191919;
	margin			: 0;
	padding			: 0;
}

.banner_box ul{
	overflow		: hidden;
	margin			: 0;
	padding			: 0;
	list-style		: none;
}

.banner_box li{
	float			: left;
	margin			: 5px 0 5px 8px;
}

.banner_box .dummy_banner{
	display			: block;
	height			: 50px;
	font-size		: 20px;
	text-align		: center;
	width			: 150px;
}

.banner_box .footer{
	overflow		: hidden;
	height			: 15px;
	margin			: 0;
	padding			: 0;
	float			: right;
	width			: 200px;
}

.footer span{
	cursor			: pointer;
	float			: left;
}
.footer p{
	float			: left;
	margin			: 0;
}