/********************************************************************************
 *																				*
 *			****************************************************				*
 *			**												  **				*
 *			**			    Streg Software Solutions		  **				*
 *			**					www.streg.nl				  **				*
 *			**					info@streg.nl			      **				*
 *			**												  **				*
 *			**	   		copyright Etienne Gerts - Streg	 	  **				*
 *			**			 	  etienne@streg.nl				  **				*
 *			****************************************************				*
 *																				*
  *			author:			Etienne Gerts										*
 *			date:			20-8-2008											*
 *			version:		2.0													*
 *																				*
 ********************************************************************************/

html, body {
	height:			100%;
	margin:			0px;
	padding:		0px;
}
body {
	text-align: 		center;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	text-decoration: 	none;
	background-color: 	#defbff;
	color:				#00395c;
}
a {
	text-decoration:	none;
	color:				#e20075;
	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: 		-280px;    /* Half the height of div#rectangle. */
	float: 				left;
}
div#background {
	width: 				100%;
	height: 			560px;
	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: -280px;
	/* 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:				780px;
	height:				560px;
	padding: 			0px;
	background-color: 	#bee4f9;
	border: 			2px solid #ff99cc;
}

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