@charset "utf-8";
/* CSS Document */

body, html {
	height:100%;
	width:100%;
}

body {
	background-image:url(../images/bg.jpg);
}

#top {
	position:absolute;
	width:100%;
	height:367px;
	margin:0px;
	left:50%;
	margin-left:-50%;
	background-image:url(../images/top_bg_transparent.png);
	background-repeat:repeat-x;
	z-index:1;
}

#wrapper {
	position:relative;
	width:1046px;
	height:100%;
	left:50%;
	top:0px;
	margin-left:-540px;
	z-index:2;
}

	#big_flash_banner {
		position:relative;
		width:1046px;
		height:292px;
	}

			
		#logo_assepoester {
			position:absolute;
			float:left;
			width:386px;
			height:265px;
			margin-left:-45px;
			z-index:2;
		}

		#flash_pictures {
			position:absolute;
			width:711px;
			height:385px;
			margin-left:300px;
			z-index:3;
			overflow:hidden;
		}
	
	#navigation {
		position:absolute;
		width:275px;
		top:100px;
		bottom:0px;					
		z-index:1;
	}
		
		#navigation_top {
			position:relative;
			width:275px;
			height:270px;
			background-image:url(../images/top_menu_bg.png);
			background-repeat:no-repeat;			
			z-index:1;
		}
		
		#navigation_bottom {
			position:absolute;
			width:275px;	
			top:268px;
			height:650px;
			bottom:0px;
			background-image:url(../images/navigation_bottom_bg.jpg);
			background-repeat:repeat-x;
			background-color:#ebebeb;
			z-index:1;
		}
		
			#navigation_bottom ul {
			}
			
			#navigation_bottom ul li {
				height:40px;
				padding-left:23px;
				line-height:40px;
			}
			
			#navigation_bottom ul li:hover, #navigation_bottom ul li.active {
				background-color:#ed217c;
				background-image:url(../images/schoentje.jpg);
				background-repeat:no-repeat;
				background-position: center right;
				color:#FFFFFF;
			}

			#navigation_bottom ul li:hover a, #navigation_bottom ul li.active a {
				color:#FFFFFF;
			}

			#side_flash_pictures {
				position:absolute;
				width:295px;
				height:350px;
				z-index:5;
				margin-left:-32px;
				margin-top:-5px;
				overflow:hidden;
			}

	
	
	#content {
		position:absolute;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		margin-left:295px;
		top:350px;
		width:580px;
		margin-bottom:0px;
		background-image:url(../images/content_bg.jpg);
		background-repeat:repeat-x;
		background-color:#ececec;
		z-index:1;
	}

		.spacer {
			width:580px;
			height:35px;
		}

		#right_flash_pictures {
			position:absolute;
			width:346px;
			height:850px;
			z-index:3;
			margin-left:870px;
			margin-top:0px;
			overflow:hidden;
		}

.grasgroen_link {
	position:fixed;
	overflow:hidden;
	z-index:5;
	text-align:right;
	right:15px;
	bottom:10px;
}
	
/*Font Markup */

.grasgroen_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#878787;
}
	
	.grasgroen_link a{
		color:#878787;
		text-decoration:none;
	}
	
.navlinks {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	font-size:14px;
	color:#3d3d3d;
}

	#navigation_bottom ul li a {
				text-decoration:none;
				color:#3d3d3d;
			}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	line-height:48px;
	color:#ed217c;
	width:580px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:48px;
	color:#ed217c;
	width:580px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:48px;
	color:#ed217c;
	width:580px;
}

#content h1 {
	margin-bottom:10px;
}

#content {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:13px;
	color:#484848;
}


.right {
	text-align:right;
}

input {
	width:200px;
	height:25px;
	line-height:25px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
}


.inputerror {	
	background-color:#f9f0f4;
}

textarea {
	width:250px;
	height:100px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
}

button {
	border:none;
	background:none;
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#ed217c;
}


.showAns .answer{
	display:block;
	cursor:hand;
}

.hideAns .answer{
	display:none;
	cursor:hand;
}

a .answer {
	display:none;
	cursor:hand;
}

#question {
	background-color:#9e9e9e;
	width:100%
	display:block;
	padding:3px;
	color:#fff;
	cursor:hand;
}