/* 
	Ewout & Etienne
	Intro Stylesheet
	by Victor Zuydweg
	jan 2007
*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #555;
	background: url(/ee/logic/css/images/bg.png) left 100px repeat-x #e3e3e3;
}

.meer
{
	position: absolute;
	right: 405px;
	top: 213px;
}

span
{
	display: none;
}

.intro
{
	background: url(/ee/logic/css/images/introBg.png) repeat-y top right;
	position: absolute;
	top: 0;
	left: 0;
	width: 75%;
	z-index: 1;
	height: 525px;
}	/* PNG Fix voor IE 6 */
	*html .intro
	{
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ee/logic/css/images/introBg.png', sizingMethod='scale');
	}

.intro div
{
	margin: 140px 50px 0 0;
	text-align: center;
	width: 485px;
	float: right;
	background: url(/ee/logic/css/images/introDiv.png) no-repeat 0 0;
}	/* PNG Fix voor IE 6 
	*html .intro div
	{
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ee/logic/css/images/introDiv.png', sizingMethod='crop');
	}*/
	*html .intro div
	{
		background: #fff;
		border: 3px solid #333;
	}

.intro div p
{
	font-size: 1.2em;
	margin-top: 15px;
}

.show
{
	position: absolute;
	z-index: 4;
	top: 25px;
	left: 75%;
	width: 100px;
	height: 100px;
	padding: 35px 0 0 0;
	margin-left: 75px;
	background: url(/ee/logic/css/images/show.png) top right no-repeat;
}

.header
{
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #e3e3e3 url(/ee/logic/css/images/introheader.jpg) center no-repeat;
}

.logo
{
	width: 600px;
	height: 61px;
	top: 70px;
	left: 50%;
	margin-left: -360px;
	z-index: 3;
	position: absolute;
	background: url(/ee/logic/css/images/logo.png) center no-repeat;
}	/* PNG Fix voor IE 6 */
	*html .logo
	{
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ee/logic/css/images/logo.png', sizingMethod='crop');
	}

.footer
{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	text-align: center;
	width: 200px;
	color: #666;
	font-size: .9em;
	padding: 25px 15px 35px 15px;
}	.footer a, .footer a:hover
	{
		color: #333;
		border-color: #333;
	}

.break
{
	border-top: 3px dotted #900;
	padding-top: 15px;
	margin-top: 15px;
}

.komverder
{
	position: absolute;
	top: 250px;
	left: 75%;
	z-index: 3;
	margin-left: -30px;
	width: 80px;
	padding: 60px 70px 0 0;
	height: 100px;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	line-height: .9em;
	color: #444;
	text-align: center;
	background: url(/ee/logic/css/images/komverder.png) top left no-repeat;
}	.komverder:hover
	{
		background-position: bottom left;
		color: #000;
	}
	/* PNG Fix voor IE 6 */
	*html .komverder
	{
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ee/logic/css/images/komverder.png', sizingMethod='crop');
	}

.komverder.focus
{
	left: 0;
	top: 0;
}

a img
{
	padding: 3px;
	border: none;
	background: #fff;
}

*html a img
{
	border: none;
}

.uitleg
{
	position: absolute;
	z-index: 3;
	background: #fff;
	padding: 20px 10%;
	width: 60%;
	left: 0;
	border-top: 2px solid #c3c2c2;
	top: 525px;
}

ol
{
	padding: 20px;
}

ol li, p
{
	padding: 10px;
}