﻿/*------------------------------------------------------------------
[Global Stylesheet]

Project:		Danone Danoontje
Version:		1.0
Last change:	15/04/01 [rdb]
Assigned to:	Leonard Eshuis (le), Marc Bruisten (mb)
Made by:		Evident Interactive

--------------------------------------------------------------------

[Global Danoontje styling TOC]

- Style sheet reset
- Global-Styling
- Homepage-Specific-Styling
- Subpage-Specific-Styling

-------------------------------------------------------------------*/
    
/**------ global_settings ------**/
* {padding:0;margin:0}
img {border:0}
cite, em, dfn {font-style:italic}
big {font-size:115%}
small, sup, sub {font-size:85%}
sup {vertical-align:super}
sub {vertical-align:sub}
blockquote *:first-child:before {content:"\201C"}
blockquote *:first-child:after {content:"\201D"}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;/*font-weight:normal*/}
:focus {outline:0px}

.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}
.error 
{
	color:red;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.6em;
	padding:15px 17px 0 0;
	text-align:right;
}

	
.strong {font-weight:bold}

a 
{
	text-decoration:none;
	color:#696362;
	font-weight:bold;}

	
a:active {text-decoration:underline}

a:hover 
{
	color:red !important;
	font-weight:bold;
}

/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/**------ generic_layout ------**/

ul.clearfix {list-style-type:none}
ul.clearfix li {float:left}
    

/***------ Global-Styling ------***/

body {
	font-size:62.5%;
	background-image:url("../images/background-gradient.jpg");
	background-position:left top;
	background-repeat:repeat-x;	
	background-color:#4FCBFF;
	font-family:Arial,Helvetica,Garuda,sans-serif;
	overflow-x:hidden;
}

	#wrapper {
		position:absolute;
		left:50%;
		width:950px;
		margin-left:-475px;
		background-position:left top;
		background-repeat:no-repeat;	
		
	}
	
		#bone {
			background-image:url("../images/vitamine-botje.jpg");
			background-repeat:no-repeat;
			background-position:left top;
			position:absolute;
			width:175px;
			height:120px;
			z-index:40;
			right:15px;
			top:18px;
			text-indent:-5000px;
		}


		#bone a {
			display:block;
			width:200px;
			height:135px;
		}
		
		#assorti {
			position:absolute;
			top:334px;
			left:-35px;
			width:395px;
			height:240px;
			z-index:50;
			color:#696362;
			font-weight:bold;
			font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
			
		}
		    #assorti img
		    {
		        margin: 56px 20px 0 0;
		    }

			#assorti ul {
				position:absolute;
				top:-10px;		
				z-index:1000;		
			}

				#assorti li {
					position:absolute;
					background-position:left bottom;
					background-repeat:no-repeat;
					top:0px;
					left:0px;
					width:395px;
					height:240px;
					z-index:100;
					list-style-type:none;
				}
		
				#homepage #assorti h2 {
					background-image:url("../images/bar_assorti_plus_text.png");
				}
		
				#assorti h2 {
					background-image:url("../images/bar_assorti_plus_text.jpg");
					background-repeat:no-repeat;
					background-position:left top;
					text-indent:-1000px;
					height:55px;
					position:absolute;
					z-index:10;
					left:180px;
					top:100px;
					width:230px;
				}
		
				#assorti a {
					display:block;
					height:240px;
					width:395px;
					cursor:hand;
					cursor:pointer;
				}
		
					#assorti a .data {
						display:block;
						top:160px;
						left:240px;
						position:absolute;
						height:60px;
						width:150px;
						color:#696362;
						font-size:1.2em;
					}

					#assorti a .product {
						display:block;
						top:220px;
						left:180px;
						position:absolute;
						height:20px;
						width:180px;
						color:#d81401;
						font-size:1.2em;
					}

			#assorti_1 {
				background-image:url("../images/slide/slide_1.gif");
			}

			#assorti_2 {
				background-image:url("../images/slide/slide_2.gif"); 
				display:none;
			}

			#assorti_3 {
				background-image:url("../images/slide/slide_3.gif"); 
				display:none;
			}

			#assorti_4 {
				background-image:url("../images/slide/slide_4.gif"); 
				display:none;
			}

			#assorti_6 {
				background-image:url("../images/slide/slide_6.gif"); 
				display:none;
			}

			#assorti_7 {
				background-image:url("../images/slide/slide_7.gif"); 
				display:none;
			}

			#assorti_8 {
				background-image:url("../images/slide/slide_8.gif"); 
				display:none;
			}
			
	#dino {
		background-image:url("../images/dino.png");
		background-repeat:no-repeat;
		background-position:left top;
		position:absolute;
		width:135px;
		height:229px;
		z-index:1500;
		left:-25px;
		margin-top:-20px;
	}		
			
	#diduknow {
		background-repeat:no-repeat;
		background-position:left top;
		width:290px;
		position:absolute;
		color:#696362;
		font-size:1.4em;
		line-height:1.3em;
		font-weight:bold;
		font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
		text-indent:-5000px;
	}
	
		#diduknow a 
		{
			display:block;
			height:227px;
		}

				
	#moreabout {
		position:absolute;
		width:270px;
		height:135px;
	}
	
		#homepage #moreabout h2 {
			background-image:url("../images/bar_ouders_plus_text.png");
		}
		
		#moreabout h2 {
			background-image:url("../images/bar_ouders_plus_text.gif");
			background-repeat:no-repeat;
			background-position:left top;
			text-indent:-5000px;
			height:55px;
		}

		#moreabout h2 a 
		{
			display:block;
			height:55px;
			width:260px;
			text-indent:-5000px;
		}
		
		#moreabout a {
			font-size:1.2em;
			line-height:1.3em;
			color:#696362;
			font-weight:bold;
			font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
			text-indent:30px;
			display:block;
			width:225px;
		}
		
	#kidspage #disclaimer {
		position:absolute;
		right:55px;
		top:655px;
		z-index:1000;
	}

	#disclaimer {
		position:absolute;
	}
		#disclaimer a {
			font-size:1.2em;
			font-family:Arial,Helvetica,Garuda,sans-serif;
		}


/***------ Homepage-Specific-Styling ------***/

body#homepage #wrapper {
	background-image:url("../images/background-home.jpg");
	background-position:0 60px;
	height:595px;
}
	
	body#homepage #wrapper h1 {
		background-image:url("../images/logo.png");
		background-position:center bottom;
		background-repeat:no-repeat;	
		text-indent:-5000px;
		height:140px;			
	}

	#voeler 
	{
		position:absolute;
		left:50%;
		margin-left:-400px;
		top:120px;
		z-index:1100;
		width:800px;
		height:260px;
	}

		#voeler a
		{
			display:block;
			width:196px;
			height:260px;
			float:left;
			border:1px solid #fff;
			background-color:#fff;
			filter:alpha(opacity=0);
			/* CSS3 standard */
			opacity:0;	
		}

	#kids {
		position:absolute;
		left:50%;
		margin-left:-400px;
		top:120px;
		z-index:100;
		list-style-type:none;
		width:950px;
	}
	
		#kids li {
			float:left;
			height:260px;
			width:220px;
			position:relative;
			background-position:left bottom;
			background-repeat:no-repeat;	
			overflow:visible;
		}

			#kids li a {
				display:block;
				height:260px;
				width:150px;
			}

				#kids .mouseoverstate{
					background-position:left bottom;
					background-repeat:no-repeat;	
					height:260px;
					width:220px;
					position:absolute;
					z-index:101;
				}

				#kids .over {
					width:200px;
					height:260px;
					position:absolute;
					z-index:102;
					top:0px;
					left:0px;
				}
		
				#kids .object {
					position:absolute;
					z-index:104;
				}
				
				#kids .titel {
					position:absolute;
					z-index:104;
				}
			
		#kids #lizzy {
			background-image:url("../images/lizzy.png");
			z-index:190;
		}
			
			#lizzy .mouseoverstate {
				background-image:url("../images/mo_lizzy.png");
				width:260px;
			}
			
			#lizzy .object {
				top:15px;
				left:0px;
			}
			
			#lizzy .titel {
				top:150px;
				left:25px;
				width:88px;
				height:44px;
			}
			
		#kids #daan{
			background-image:url("../images/daan.png");
			z-index:170;
			margin-left:-20px;
		}
			
			#daan .mouseoverstate {
				background-image:url("../images/mo_daan.png");
			}
			
			#daan .object {
				top:30px;
				left:-5px;
			}
			
			#daan .titel {
				top:155px;
				left:55px;
			}
			
		#kids #emma{
			background-image:url("../images/emma.png");
			z-index:150;
			margin-left:-20px;
		}
		
			
			#emma .mouseoverstate {
				background-image:url("../images/mo_emma.png");
			}
			
			#emma .object {
				left:120px;
				top:90px;
			}
			
			#emma .titel {
				top:180px;
				left:60px;
			}
			
		#kids #albert{
			background-image:url("../images/albert.png");
			z-index:130;
			margin-left:-20px;
		}
			
			#albert .mouseoverstate {
				background-image:url("../images/mo_albert.png");
			}
			
			#albert .object {
				left:125px;
				top:125px;
				
			}
			
			#albert .titel {
				top:170px;
				left:20px;
			}

	body#homepage #dino {
		bottom:5px;
		display: none;
	}
	
	body#homepage #assorti {
		/*top:330px;*/
	}

	body#homepage #moreabout {
		top:435px;
		left:390px;
	}
	
	body#homepage #diduknow {
		background-image:url("../images/background_dans_groot.png");
		bottom:-120px;
		height:250px;
		right:-80px;
	}
	
	body#homepage #disclaimer {
		bottom:-15px;
		right:22px;
	}
		body#homepage #disclaimer a {
			color:#0069b6;
		}



/***------ Subpage-Specific-Styling ------***/

	body#subpage #wrapper {
		background-image:url("../images/background-sub.jpg");
		background-repeat:no-repeat;
		background-position:0 60px;
		height:auto;
		padding-bottom:105px;
	}
	
		body#subpage #background 
		{
			background-image:url("../images/background-bottomsub.jpg");
			background-repeat:no-repeat;
			background-position:left bottom;
		}
	
		body#subpage #wrapper h1 {	
			position:relative;
			text-indent:-5000px;
			width:100%;
			height:140px;		
			
		}
			body#subpage #wrapper h1 a {
				background-image:url("../images/logo_hometekst.jpg");
				background-position:302px  bottom;
				background-repeat:no-repeat;	
				text-indent:-5000px;
				height:140px;			
				display:block;
			}
	
	body#subpage #moreabout {
		top:100px;
		left:30px;
	}
	
	body#subpage #footer {
		position:absolute;
		bottom:0;
		width:950px;
		height:135px;
		background-image:url("../images/background-footer.jpg");
	}
		body#subpage #dino {
			bottom:50px;
		}		
		body#subpage #footer #assorti {
			top:-150px
		}
		body#subpage #footer #diduknow {
			top:-170px;
			right:0;
			background-image:url("../images/background_dans_groot.png");
			height:200px;
		}
		
		body#subpage #footer #diduknow a 
		{
			height:310px;
			width:386px;
		}
		
		body#subpage #footer #disclaimer {
			bottom:22px;
			right:22px;
		}
			body#subpage #disclaimer a {
				color:white;
			}

	body#subpage #ctrContent {
		position:relative;
		width:850px;
		padding:275px 0 0 0;
		margin:0 0 100px 70px;
		font-family:Arial,Helvetica,Garuda,sans-serif;
	}
		
		body#subpage #ctrContent h2 {
			position:absolute;
			text-indent:-5000px;
			top:0;
			left:0;
			width:850px;
			height:275px;
			background-position:top left;
			background-repeat:no-repeat;				
		}
		
		/* standard detail page specific */
		body#subpage #ctrContent.detail {
			padding:215px 0 0 0;
		}

		body#subpage .products,
		body#subpage #ctrContent.products,
		body#subpage #ctrContent .products,
		body#subpage .detail,
		body#subpage #ctrContent.detail,
		body#subpage #ctrContent .detail {
			background-image:url("../images/bg-content-top-products.jpg");
			background-repeat:no-repeat;
			background-position:left top;
		}

			#subpage.overdanoontje  #ctrContent.detail h2 {
				background-image:url("../images/headers/over_danoontje.png");
				height:215px;
			}

			#subpage.assorti_one  #ctrContent.products h2 {
				background-image:url("../images/headers/assortiment.png");
				height:215px;
			}

			#subpage.vitamine  #ctrContent.detail h2 {
				background-image:url("../images/headers/vitamine_d.png");
				height:215px;
			}

			#subpage.disclaimer  #ctrContent.detail h2 {
				background-image:url("../images/headers/disclaimer.png");
				height:215px;
			}

			#subpage.dinodans  #ctrContent.detail h2 {
				background-image:url("../images/headers/dinodans.png");
				height:215px;
			}

			#subpage.dinodanswedstrijd #ctrContent.detail h2 {
				background-image:url("../images/headers/dinodans.png");
				height:215px;
			}

			#subpage.wistjedat  #ctrContent.detail h2 {
				background-image:url("../images/headers/wistjedat.png");
				height:215px;
			}

				#ctrContent.detail .inner  
				{
					position:relative;
					margin-top:-80px;
				}

				#ctrContent.faq .inner  
				{
					position:relative;
					margin-top:-125px;
				}

		/* Dino dans wedstrijd page specific */
		body#subpage #ctrContent.detail #content .voorwaarden {
			font-size:1.0em;
		}

		/* Dino dans page specific */
		body#subpage #ctrContent a.download {
			color: red;
		}
		body#subpage #ctrContent a#dinodanswedstrijd {
			padding: 0 0 0 180px;
		}

		/* FAQ page specific */
		body#subpage #ctrContent.faq h2 {
			background-image:url("../images/bg-content-top-faq.jpg");
		}
		body#subpage #ctrContent.faq #content .voorwaarden {
			font-size:0.8em;
		}

		/* products page (assortiment) specific */
		body#subpage #ctrContent.products {
			padding:215px 0 0 0;
		}

		body#subpage #ctrContent #content {
			background-image:url("../images/bg-content-bottom.gif");
			background-position:center bottom;
			background-repeat:no-repeat;
		}
			body#subpage #ctrContent.detail #content {
				padding:40px 200px 200px 100px;
				min-height:300px;
			}
			
			body#subpage #ctrContent.faq #content {
				padding:20px 200px 150px 100px;
				min-height:300px;
			}

			body#subpage #ctrContent.products #content {
				padding:30px 0px 80px 30px;
				min-height:300px;
			}
	
			
			body#subpage #ctrContent #content h3 {
				font-size:1.6em;
				line-height:200%;
				color:#2b529f;
			}
			
			body#subpage #ctrContent #content h4 {
				font-size:1.2em;
				line-height:200%;
				color:#2b529f;
			}
			
			body#subpage #ctrContent #content ul li {
				background-image:url("../images/bullet.gif");
				background-position:left center;
				background-repeat:no-repeat;
				padding-left:10px;
			}
			
			#subpage #content p,
			#subpage #content ul.faq-accordion {
				font-size:1.2em;
				color:#151515;
				line-height:1.6em;
				margin-bottom:15px;
				list-style-type:none;
			}
				body#subpage #ctrContent #content ul.faq-accordion li.question {
					cursor:hand;cursor:pointer;
					margin-bottom:5px;
				}
				body#subpage #ctrContent #content ul.faq-accordion li.open {
					background-image:url("../images/bullet-down.gif");
				}
				body#subpage #ctrContent #content ul.faq-accordion li.answer {
					background-image:none;
					margin:5px 0px 15px 10px;
					border:1px solid #ccc;
					padding:5px;
					background-color:#f6f6f6;
					-moz-border-radius:5px;
				}
				
/* */	

		#content table.styled {
		}

			table.styled th
			{
				padding:5px;
				background-color:#2B529F;
				color:#fff;
				border:1px solid #ccc;
			}

			table.styled td
			{
				padding:5px;
				border:1px solid #ccc;
				text-align:center;
			}

			table.styled .product		{	
				font-weight:bold;
				text-align:left;
				background-color:#eee;
			}



		#flash-content 
		{
			margin-top:-20px;
		}
		
		.graphindex1 
		{
			float:left;
			display:inline;
		}		
		.graphindex2 
		{
			float:right;
			display:inline;
			text-align:right;
		}
		
		#legenda 
		{
			width:550px;
		}
		
		.graphindex1 strong 
		{
			color:#CC0217;
			font-size:1.3em;
		}

		.graphindex2 strong 
		{
			color:#46A12C;
			font-size:1.3em;
		}
		
/* Contact page specific */

ul.contact {
	list-style-type:none;
	font-size:1.2em;
	color:#151515;
	margin-top:20px;
}

	ul.contact fieldset {
		padding:5px 0;
		border:0;
	}
	body#subpage #ctrContent #content ul.contact li {
		background:none;
	}
	
	body#subpage #ctrContent #content ul.contact li.contactline label,
	body#subpage #ctrContent #content ul.contact li.contactradio label#lblNaam,
	body#subpage #ctrContent #content ul.contact li.contactradio label#Label10,
	body#subpage #ctrContent #content ul.contact li.contactopmerking label {
		width: 260px;
		float:left;
		text-align:right;
		margin: 0 1em 10px 0;
		clear:both;
	}
		body#subpage #ctrContent #content ul.contact li.contactradio table {
			display:inline;
		}		
		
		body#subpage #ctrContent #content ul.contact li.contactradio table td {
			padding:2px 2px 5px 2px;
		}
		body#subpage #ctrContent #content ul.contact li.contactradio table td label,
		body#subpage #ctrContent #content ul.contact li.contactcheckbox label {
			display:inline;
			font-size:1.1em;
			display: block;
			float: left;
			clear: none;
		}
		body#subpage #ctrContent #content ul.contact li.contactradio table td input,
		body#subpage #ctrContent #content ul.contact li.contactcheckbox input {
			width:16px;
			height:16px;
			margin:0 5px;
			display: block;
			float: left;
			clear: left;
		}
	
	body#subpage #ctrContent #content ul.contact li.contactline input.text {
		margin-bottom: 10px;
	}
	body#subpage #ctrContent #content ul.contact li.contactcheckbox {
		padding:2px;
	}

	body#subpage #ctrContent #content ul.contact li.contactopmerking textarea {
		width:250px;
	}
	body#subpage #ctrContent #content ul.contact li.contactsubmit {
		padding:5px 0 5px 280px;
	}
	
	
#logo 
{
	left:115px;
	top:10px;
	position:absolute;
}

#logo2
{
	left:-85px;
	top:10px;
	position:absolute;
}

/*
********************************************/

	body#kidspage #wrapper h1 {
		background-image:url("../images/kids/logo.png");
		background-position:left bottom;
		background-repeat:no-repeat;	
		text-indent:-5000px;
		height:140px;
		position:absolute;
		z-index:100;			
		left:50%;
		top:0px;
		width:340px;
		margin-left:-205px;
	}

	#kidspage 	 
	{
		background-image:url("../images/kids/background.jpg");
		background-position:left top;
		background-repeat:repeat-x;	
	}
	
	#kidspage #wrapper  
	{
		background-image:url("../images/kids/backdrop.jpg");
		background-position:5px top;
		background-repeat:no-repeat;
		height:675px;
		overflow:hidden;
		width:1000px;
		margin-left:-495px;
	}

	#kidspage #picture
	{
		background-position:center top;
		background-repeat:no-repeat;
		height:480px;
		width:913px;
		position:absolute;
		z-index:50;			
		left:50%;
		margin-left:-472px;
		top:75px;
	}

	.lizzy #picture{
		background-image:url("../images/kids/backdrop-lizzy.jpg");
	}	
	
	.daan #picture{
		background-image:url("../images/kids/backdrop-daan.jpg");
	}	
	
	.emma #picture{
		background-image:url("../images/kids/backdrop-emma.jpg");
	}	
	
	.albert #picture{
		background-image:url("../images/kids/backdrop-albert.jpg");
	}	
	
	#seethrough 
	{
		height:480px;
		width:913px;
		position:absolute;
		z-index:75;			
		left:50%;
		margin-left:-472px;
		top:75px;
		background-color:#000;
		/* for IE */
		filter:alpha(opacity=50);
		/* CSS3 standard */
		opacity:0.5;	
		display:none;
	}
	
	#game1, 
	#game2, 
	#game3 
	{
		height:345px;
		width:913px;
		position:absolute;
		z-index:115;			
		left:50%;
		margin-left:-472px;
		top:141px;
		display:none;
		background-position:center top;
		background-repeat:no-repeat;
		text-align:center;
	}
		
	#game3 
	{
	}

	.lizzy #game1	{background-image:url("../images/kids/lizzy-game1.jpg");}
	.lizzy #game2	{background-image:url("../images/kids/lizzy-game2.jpg");}
	.daan #game1	{background-image:url("../images/kids/daan-game1.jpg");}
	.daan #game2	{background-image:url("../images/kids/daan-game2.jpg");}
	.emma #game1	{background-image:url("../images/kids/emma-game1.jpg");}
	.emma #game2	{background-image:url("../images/kids/emma-game2.jpg");}
	.albert #game1	{background-image:url("../images/kids/albert-game1.jpg");}
	.albert #game2	{background-image:url("../images/kids/albert-game2.jpg");}
	
	#kidspage #bone 
	{
		background-image:url("../images/kids/bone.gif");
		position:absolute;
		z-index:105;
		left:50%;
		margin-left:332px;
		top:0px;
	}
	
	#kidspage #dteam   
	{
		background-image:url("../images/kids/d-team.png");
		background-position:left bottom;
		background-repeat:no-repeat;	
		text-indent:-5000px;
		height:109px;
		position:absolute;
		z-index:200;			
		left:50%;
		top:500px;
		width:172px;
		margin-left:-483px;
	}

	#team 
	{
		position:absolute;
		z-index:110;
		left:480px;
		top:498px;
	}

		#team li
		{
			list-style-type:none;
			float:left;
			padding:0px 10px 0px 0px;
		}
			#team li a
			{
				display:block;
				width:126px;
				height:200px;
				margin:0px -10px;
			}

			#team li a img
			{
				display:none;
			}

			#team li a:hover img
			{
				display:block;
			}

	#km_lizzy a
	{
		background-image:url("../images/kids/nav/lizzy_fade.gif");
		background-position:center 27px;
		background-repeat:no-repeat;	
	}
	
		#km_lizzy.active a
		{
			background-image:url("../images/kids/nav/lizzy_full.gif");
		}

		#km_lizzy.hover a,
		#km_lizzy a:hover
		{
			background-position:left 22px;
			background-image:url("../images/kids/nav/lizzy_oversize.gif");
		}

	#km_daan a
	{
		background-image:url("../images/kids/nav/daan_fade.gif");
		background-position:center 27px;
		background-repeat:no-repeat;	
	}
	
		#km_daan.active  a
		{
			background-image:url("../images/kids/nav/daan_full.gif");
		}
	
		#km_daan.hover a,
		#km_daan a:hover
		{
			background-image:url("../images/kids/nav/daan_oversize.gif");
			background-position:left 29px;
		}

	#km_emma a
	{
		background-image:url("../images/kids/nav/emma_fade.gif");
		background-position:center 27px;
		background-repeat:no-repeat;	
	}
	
		#km_emma.active a
		{
			background-image:url("../images/kids/nav/emma_full.gif");
		}
	
		#km_emma.hover a,
		#km_emma a:hover
		{
			background-image:url("../images/kids/nav/emma_oversize.gif");
			background-position:left 32px;
		}

	#km_albert a
	{
		background-image:url("../images/kids/nav/albert_fade.gif");
		background-position:center 13px;
		background-repeat:no-repeat;	
	}

		#km_albert.active a
		{
			background-image:url("../images/kids/nav/albert_full.gif");
		}

		#km_albert.hover a,
		#km_albert a:hover
		{
			background-image:url("../images/kids/nav/albert_oversize.gif");
			background-position:left 9px;
		}


/*
********************/

	.trigger
	{
		position:absolute;
		z-index:115;
		text-indent:-5000px;
	}

		.trigger:hover
		{
			background-repeat:no-repeat;	
		}

/*
********************/

	#tr_frisbee 
	{
		left:510px;
		top:325px;
		width:110px;
		height:100px;
	}

		#tr_frisbee:hover 
		{
			background-image:url("../images/kids/mo_frisbee.gif");
			background-position:center center;
		}

	#tr_bal 
	{
		left:155px;
		top:365px;
		width:100px;
		height:100px;
	}

		#tr_bal:hover 
		{
			background-image:url("../images/kids/mo_bal.gif");
			background-position:left -9px;
		}

	#tr_wipwap 
	{
		left:350px;
		top:95px;
		width:360px;
		height:240px;
	}

		#tr_wipwap:hover
		{
			background-image:url("../images/kids/mo_wipwap.jpg");
			background-position:-3px -7px;
		}


/*
********************/

	#tr_bird 
	{
		left:516px;
		top:56px;
		width:120px;
		height:120px;
	}

		#tr_bird:hover 
		{
			background-image:url("../images/kids/mo_bird.jpg");
			background-position:12px 4px;
		}

	#tr_plane
	{
		left:37px;
		top:198px;
		width:130px;
		height:130px;
	}

		#tr_plane:hover 
		{
			background-image:url("../images/kids/mo_plane.jpg");
			background-position:1px 5px;
		}

	#tr_flag
	{
		left:720px;
		top:85px;
		width:180px;
		height:180px;
	}

		#tr_flag:hover 
		{
			background-image:url("../images/kids/mo_flag.jpg");
			background-position:4px 10px;
		}

/*
********************/

	#tr_squirrel 
	{
		left:45px;
		top:295px;
		width:120px;
		height:120px;
	}

		#tr_squirrel:hover 
		{
			background-image:url("../images/kids/mo_squirrel.jpg");
			background-position:7px 6px;
		}

	#tr_flower
	{
		left:427px;
		top:281px;
		width:150px;
		height:130px;
	}

		#tr_flower:hover 
		{
			background-image:url("../images/kids/mo_flower.jpg");
			background-position:-8px 12px;
		}

	#tr_butterfly
	{
		left:127px;
		top:81px;
		width:150px;
		height:130px;
	}

		#tr_butterfly:hover 
		{
			background-image:url("../images/kids/mo_butterfly.jpg");
			background-position:-8px 4px;
		}

/*
********************/

	#tr_cube 
	{
		left:400px;
		top:280px;
		width:120px;
		height:120px;
	}

		#tr_cube:hover 
		{
			background-image:url("../images/kids/mo_cube.jpg");
			background-position:left top;
		}

	#tr_backpack
	{
		left:795px;
		top:300px;
		width:125px;
		height:160px;
	}

		#tr_backpack:hover 
		{
			background-image:url("../images/kids/mo_backpack.jpg");
			background-position:left top;
		}

	#tr_paperplane
	{
		left:527px;
		top:29px;
		width:110px;
		height:100px;
	}

		#tr_paperplane:hover 
		{
			background-image:url("../images/kids/mo_paperplane.jpg");
			background-position:left bottom;
		}

/*
********************/

	#gohome 
	{
		position:absolute;
		z-index:190;
		top:10px;
		width:360px;
		height:125px;
		left:50%;
		margin-left:-205px;
	}
	
	#teammember 
	{
		position:absolute;
		z-index:300;
		left:20px;
		top:80px;
	}
	

/*
********************/

	#advise 
	{
		position:absolute;
		left:60px;
		top:554px;
		width:500px;
		height:91px;
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	.lizzy #advise	
	{
			background-image:url("../images/kids/mp_sterkebotten.gif");
	}
	
	.daan #advise	
	{
			background-image:url("../images/kids/mp_eten.gif");
	}
	
	.emma #advise	
	{
			background-image:url("../images/kids/mp_park.gif");
	}
	
	.albert #advise	
	{
			background-image:url("../images/kids/mp_som.gif");
	}
	
/*tijdelijke acties*/
	#numinderzoet {
		background-image:url("../images/background_wistudat_klein.png");
		height:168px;
		width: 100px;
		top:0px;
		left:-17px;
		position:absolute;
		z-index:2;
	}
	#filmstripdinodans {
		background-image:url("../images/background_filmstrip-dino-dans.png");
		height:170px;
		width: 600px;
		bottom:500px;
		left:360px;
		position:absolute;
		z-index:99;
		overflow: hidden;
	}
