/********************************************************************************
 *																				*
 *			****************************************************				*
 *			**												  **				*
 *			**					Soft2Connect				  **				*
 *			**				www.soft2connect.nl				  **				*
 *			**				info@soft2connect.nl			  **				*
 *			**												  **				*
 *			**	   copyright Etienne Gerts - Soft2Connect	  **				*
 *			**			  etienne@soft2connect.nl			  **				*
 *			****************************************************				*
 *																				*
 *			author:			Etienne Gerts										*
 *			date:			18-3-2006											*
 *			version:		2.0													*
 *																				*
 ********************************************************************************/

html, body {
	height:			100%;
	margin:			0px;
	padding:		0px;
}
body {
	text-align: 		center;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	text-decoration: 	none;
	background-color: 	#262626;
}
a {
	text-decoration:	none;
	color:				#6f6f6f;
	font-weight:		bold;
}
a:hover {
	text-decoration:	underline;
}
#shim {
	visibility: 		hidden;
	width: 				100%;
	height: 			50%;       /* Bump div#rectangle down half the height of the screen. */
	margin-top: 		-336px;    /* Half the height of div#rectangle. */
	float: 				left;
}
div#background {
	width: 				100%;
	height: 			652px;
	clear: 				both;
	/*
     * Issue: IE4 doesn't allow a negative margin-top.
	 * This code positions rectangle relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
	 * The content will be centered but will crop if the window is not small enough to accommodate it.
	 */
	position: relative;
	top: -336px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}
/*
 * Issue: IE5mac interprets negative values as positive.
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 */

/* Hide from IE5mac \*//*/
div#shim {
	display: none;
}
html, body {
	height: auto;
}
/* end hack */
#rectangle {
	width:				982px;
	height:				652px;
	padding: 			10px;
	background-color: 	#FFFFFF;
	border: 			1px solid #CCCCCC;
}

input {
	font-size: 			11px;
}
select {
	font-size: 			11px;
}

/********************************************************************************
 *									MIDDLE										*
 ********************************************************************************/
#middle {
	float:				right;
	height: 			650px;
	width: 				840px;
	background-color: 	#cccccc;
	padding:			0px;
	margin:				0px;
}
#homepagepicbig {
	height: 			650px;
	width: 				839px;
	border-left:		1px solid #ffffff;
	float:				right;
}

#middle_image {
	width:				159px;
	background-color: 	#6f6f6f;
	border-left:		1px solid #ffffff;
	float:				left;
	height: 			650px;
}

#middle_text {
	border-left:		1px solid #ffffff;
	float:				left;
	width:				679px;
	background-color:	#ffffff;
	color:				#6f6f6f;
	height:				650px;
}
/********************************************************************************
 *						The module in the middle text							*
 ********************************************************************************/
#middle_text div.module_header {
	background-color: 	#6f6f6f;
	height: 			41px;
	width: 				679px;
	color: 				#ffffff;	
}
div.module_header div.module_header_title {
	height: 			31px;
	width: 				400px;
	padding-top: 		10px;
	padding-left: 		18px;
	font-size: 			18px;
	text-align: 		left;
	float:				left;
}
div.module_header div.module_header_menu {
	height: 			41px;
	font-size: 			10px;
	display:			block;
	text-align: 		right;
	vertical-align:		bottom;	
	padding-right:		18px;
}
#middle_text div.module {
	height: 			571px;
	width: 				659px;
	vertical-align:		top;
	text-align:			left;
	padding:			10px;
	overflow:			auto;
}
#middle_text div.navigation {
	background-color: 	#6f6f6f;
	height: 			15px;
	width: 				661px;
	padding-left: 		18px;
	font-size: 			10px;
	color: 				#ffffff;
	text-align: 		left;
	padding-top: 		2px;
	border-top: 		1px solid #ffffff;
}

/********************************************************************************
 *								The navigation									*
 ********************************************************************************/
div.navigation {

}
span.navigation_split {
	color:					#ffffff;
}
span.navigation_nolink {
	color:					#ffffff;
}
a.navigation {
	color:					#ffffff;
}
a.navigation:hover {
	color: 					#b2b2b2;
}
/********************************************************************************
 *						The module in the middle image							*
 ********************************************************************************/
#middle_image table.moduletable { 
	width:				159px;
	height: 			650px;
	border:				none;
	padding:			none;
}

/********************************************************************************
 *							The blocks on the index								*
 ********************************************************************************/
#blocknames {
	width: 				840px;
	float:				left;
	border-top:			1px solid #ffffff;
}

div.blockname {
	width:				209px;
	background-color: 	#b2b2b2;
	border-left:		1px solid #ffffff;
	border-top:			1px solid #ffffff;
	float:				left;
	height:				17px;
	font-weight:		bold;
	padding-top:		2px;
	font-size:			13px;
}

div.blocks {
	width: 				210px;
	float:				left;
}

div.blockimage {
	width:				209px;
	background-color: 	#B2B2B2;
	border-top:			1px solid #ffffff;
	border-left:		1px solid #ffffff;
	float:				left;
	height:				131px;
}

/********************************************************************************
 *								LEFTSIDE / MENU									*
 ********************************************************************************/
#leftside {
	width:				142px;
	height:				650px;
	float:				left;
	background-color: 	#B2B2B2;
	vertical-align:		middle;
	text-align:			left;
}

#menu {
	width:				142px;
	height:				498px;
	background-color: 	#b2b2b2;
	vertical-align:		middle;
	text-align:			left;
	border-bottom:		1px solid #ffffff;
	font-size: 			12px;
}
/********************************************************************************
 *						The moduletable for the top menu						*
 ********************************************************************************/
div.module_header_menu table.moduletable {
	padding-top:		24px;
}
div.module_header_menu table.moduletable td {
	vertical-align:		left;
}

div.module_header_menu a {
	color:				#ffffff;
	padding-left:		8px;
}

div.module_header_menu a:hover {
	color: 				#b2b2b2;
}

/********************************************************************************
 *						The moduletable for the left menu						*
 ********************************************************************************/
#menu table.moduletable {
	width:				100%;
}
#menu table.moduletable td {
	border-bottom:		1px dotted #ffffff;
	vertical-align:		middle;
}



#menu a.mainlevel {
	display:			block;
	height:				21px;
	text-decoration:	none;
	color:				#ffffff;
	
	vertical-align:		middle;
	padding-left:		10px;
	padding-top:		5px;
	background-color:	#a6a6a6;
}

#menu a.mainlevel:hover {
	color: 				#333333;
}

#menu table.moduletable  th {
	border-bottom:		0px;
	color:				#ffffff;
	font-weight:		bold;
	padding-left:		8px;
	padding-top:		4px;
}
/********************************************************************************
 *									LOGOS										*
 ********************************************************************************/
#logo {
	width:				142px;
	height:				95px;
	background-color: 	#B2B2B2;
	vertical-align:		middle;
	text-align:			left;
	padding-top:		56px;
}

#logos {
	display:			block;
	width:				142px;
	background-color: 	#B2B2B2;
	vertical-align:		middle;
	text-align:			center;
	padding-top:		20px;
}

img.logo {
	float:				left;
	padding-left:		2px;
}

/********************************************************************************
 *				The admin link in the website when you are logedin				*
 ********************************************************************************/
div.adminlink {
	position:			absolute;
	top:				5px;
	left:				5px;
	padding:			5px;
	border:				1px solid #000000;
}