/********************************************************************************
 *																				*
 *			****************************************************				*
 *			**												  **				*
 *			**			    Streg Software Solutions		  **				*
 *			**					www.streg.nl				  **				*
 *			**					info@streg.nl			      **				*
 *			**												  **				*
 *			**	   		copyright Etienne Gerts - Streg	 	  **				*
 *			**			 	  etienne@streg.nl				  **				*
 *			****************************************************				*
 *																				*
  *			author:			Etienne Gerts										*
 *			date:			23-10-2008											*
 *			version:		1.0													*
 *																				*
 ********************************************************************************/

html, body {
	height:			100%;
	margin:			0px;
	padding:		0px;
}
body {
	text-align: 		center;
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			13px;
	text-decoration: 	none;
	background-color: 	#ffffff;
	color:				#000000;
}
a {
	text-decoration:	none;
	color:				#db001b;
	font-weight:		bold;
}
a:hover {
	text-decoration:	underline;
}

/********************************************************************************
 *																				*
 *									MAIN LAYOUT									*
 *																				*
 ********************************************************************************/

#shim {
	visibility: 		hidden;
	width: 				100%;
	height: 			50%;       /* Bump div#rectangle down half the height of the screen. */
	margin-top: 		-390px;    /* Half the height of div#rectangle. */
	float: 				left;
}
div#background {
	width: 				100%;
	height: 			779px;
	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: -390px;
	/* 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:				1200px;
	height:				779px;
	padding: 			0px;
	background-color: 	#ffffff;
	border: 			none;
}

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


/********************************************************************************
 *																				*
 *								LEFTSIDE / MENU									*
 *																				*
 ********************************************************************************/
#leftside {
	width:				206px;
	height:				766px;
	float:				left;
	vertical-align:		top;
	text-align:			left;
	/*background-image:	url("../images/background_left.png");
	background-repeat:	no-repeat;
	background-position: top left;*/
}


#menu_top {
	width:				206px;
	height:				185px;
}

#menu_left {
	float:				left;
	width:				17px;
	height:				224px;
}

#menu {
	float:				left;
	width:				189px;
	height:				224px;
	vertical-align:		top;
	text-align:			left;
}

#menu_bottom {
	width:				206px;
	height:				357px;
}


/********************************************************************************
 *																				*
 *								RIGHTSIDE / HEADER								*
 *																				*
 ********************************************************************************/
#rightside {
	width:				994px;
	height:				766px;
	float:				left;
	vertical-align:		top;
	text-align:			left;
	
}

#header {
	width:				994px;
	height:				185px;
	background-color:	#ffffff;
	background-image:	url("../images/header.png");
	background-repeat:	no-repeat;
	background-position: top left;
}

#bottom {
	width:				994px;
	height:				21px;
}

/********************************************************************************
 *						The moduletable for the left menu 						*
 ********************************************************************************/
#menu table.moduletable {
	width:				100%;
}
#menu table.moduletable td {
	
	vertical-align:		middle;
}



#menu a.mainlevel {
	display:			block;
	height:				28px;
	width:				189px;
}

#menu a.mainlevel:hover {
}
#menu span.currentlink a.mainlevel {
}

#menu table.moduletable  th {
}


/********************************************************************************
 *																				*
 *									MIDDLE										*
 *																				*
 ********************************************************************************/
#middle {
	float:				left;
	height: 			560px;
	width: 				957px;
	padding:			0px;
	margin:				0px;
	text-align:			left;
	vertical-align:		top;
	float:				left;
	background-color: 	#ffffff;
	background-repeat:	no-repeat;
	background-position: bottom right;
}

h1#title{
	height:				24px;
	font-size:			16px;
	font-weight:		bold;
	padding-left:		25px;
	margin:				0px;
	color:				#db001b;
}

#middle div.module {
	height:				531px;
	padding:			0px 25px 5px 25px;
	overflow:			auto;
	width:				907px;
	line-height: 		22px;
}

#middleright {
	float:				left;
	height: 			560px;
	width: 				37px;
}

h2 {
	font-size:			13px;
	color:				#db001b;
	font-weight:		bold;
}
.red {
	color:				#db001b;
}

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

}
span.navigation_split {
	color:					#ffffff;
}
span.navigation_nolink {
	color:					#ffffff;
}
a.navigation {
	color:					#ffffff;
}
a.navigation:hover {
	color: 					#b2b2b2;
}

/********************************************************************************
 *					Keep this intact for the editor								*
 ********************************************************************************/
.editor_10 {
	font-size:			10px;
}

.editor_12 {
	font-size:			12px;
}

.editor_14 {
	font-size:			14px;
}

.editor_16 {
	font-size:			16px;
}
.editor_18 {
	font-size:			18px;
}
.editor_20 {
	font-size:			20px;
}

.editor_30 {
	font-size:			30px;
}
/********************************************************************************
 *																				*
 *									FOOTER										*
 *																				*
 ********************************************************************************/
#footer {
	background-color: 	#ffffff;
	color:				#aaaaaa;
	height: 			13px;
	width: 				1200px;
	font-size:			9px;
	text-align:			center;
	font-weight:		bold;
}
#footer a {
	color:				#aaaaaa;
	text-decoration:	underline;
}
#footer a:hover {
	color:				#aaaaaa;
	text-decoration:	underline;
}

#footer_left {
	float:				left; 
	padding-left: 		30px
}

#footer_right {
	float:				right; 
	padding-right: 		30px

}
/********************************************************************************
 *																				*
 *									ADMIN LINK									*
 *																				*
 ********************************************************************************/
div.adminlink {
	position:			absolute;
	top:				5px;
	left:				5px;
	padding:			5px;
	border:				1px solid #db001b;
}