/* CSS Document */


/* standaard style								*/
#content{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	overflow:				hidden;
	border: 				2px solid #ffffff;
}

.emotieflash{
	display:			inline;
	float: 				left;
	width:				954px; 
	height:				168px;
}

.navigatie {
	display:			inline;
	float: 				left;
	width:				955px;
	height:				100px;
}

.nav{
	display: 			inline;
	float:				left;
	width: 				500px;
	margin-left:		69px;
}

.menu {
	display:			inline;
	float:				left;
	padding-right:		10px;
}

a.menunaam:link{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			13px;
}

a.menunaam:visited{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			13px;
}

a.menunaam:hover{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			13px;
}

a.menunaam:active{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			13px;
}

.introtekst{
	display:			inline;
	float:	 			left;
	width:				954px; 
	height:				170px;
	overflow:			hidden;
}

.subpageintro{
	display:			inline;
	float:	 			left;
	width:				954px;
	padding-top:		15px;
}

.emotienav{
	width:				235px; 
	float: 				left;

}
.hoofdmenu{
	width:				719px;
	float:				left;
}

.logo{
	width:				719px; 
	height:				63px;
}

.logo_img {
	display:			inline;
	float:				left;
	margin-left:		63px;
}

.name_form {
	clear:				both;
	display:			block;
	float:				left;
	width:				150px;
}

/* einde standaard style 						*/

/* style voor footer en service menu	 		*/
.footer{
	display:				inline;
	clear:					both;
	float: 					left;
	width:					955px; 
	margin-top:				15px;
}

.footer_left {
	display:				inline;
	float:					left;
	width:					400px;
	margin-top:				0px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				13px;
}

.footer_right {
	display:				inline;
	float:					left;
	width:					309px;
	margin-left:			115px;
}

.service_menu {
	display:				inline;
	float:					left;
	padding-right:			15px;
}

service_name_white {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#ffffff;
	font-size:				13px;
}


a.service_name:link {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#000000;
	font-size:				13px;
}

a.service_name:visited {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#000000;
	font-size:				13px;
}

a.service_name:hover{
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#000000;
	font-size:				13px;
}

a.service_name:active {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#000000;
	font-size:				13px;
}

a.service_name2:link {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#009ACC;
	font-size:				13px;
}

a.service_name2:visited {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#009ACC;
	font-size:				13px;
}

a.service_name2:hover{
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#009ACC;
	font-size:				13px;
}

a.service_name2:active {
	text-decoration:		none;
	font-family:			Arial;
	font-weight:			bold;
	color:					#009ACC;
	font-size:				13px;
}

/* einde style voor footer en service menu 	*/



/* Content style voor Ruimte 				*/
#contentruimte{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	border: 				2px solid #FFCC33;
}


.emotietekstruimte{
	display:				inline;
	float: 					left;	
	width:					955px; 
	height:					126px;	
	background-color:		#FFCC33;
}


.headruimte {
	display:				inline;
	float:					left;
	width:					805px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#FFCC33;
	padding-top:			21px;
	padding-bottom:			21px;
	margin-left:			65px;
}

.introruimte {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			11px;
}	

.txtruimte {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
}

.flash_headruimte {
	display:				inline;
	float:					left;
	width:					800px;
	margin-top:				20px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				18px;
	font-weight:			bold;
}

.flash_introruimte {
	clear:					both;
	display:				inline;
	float:					left;
	width:					800px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
}

/* einde style voor ruimte */

/* Content style voor kijken				*/
#contentkijken{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	border: 				2px solid #3A8801;
}


.emotietekstkijken{
	display:				inline;
	float: 					left;	
	width:					955px; 
	height:					126px;	
	background-color:		#3A8801;
}


.headkijken {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#3A8801;
	padding-top:			21px;
	padding-bottom:			21px;
}

.introkijken {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			11px;
}	

.txtkijken {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
}

.flash_headkijken {
	display:				inline;
	float:					left;
	width:					800px;
	margin-top:				20px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				18px;
	font-weight:			bold;
	color:					#ffffff;
}

.flash_introkijken {
	clear:					both;
	display:				inline;
	float:					left;
	width:					800px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#ffffff;
}

/* einde style voor kijken */

/* Content style voor ontwarren				*/
#contentontwarren{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	border: 				2px solid #384266;
}


.emotietekstontwarren{
	display:				inline;
	float: 					left;	
	width:					955px; 
	height:					126px;	
	background-color:		#384266;
}


.headontwarren {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#384266;
	padding-top:			21px;
	padding-bottom:			21px;
}

.introontwarren {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			11px;
}	

.txtontwarren {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
}

.flash_headontwarren {
	display:				inline;
	float:					left;
	width:					800px;
	margin-top:				20px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				18px;
	font-weight:			bold;
	color:					#ffffff;
}

.flash_introontwarren {
	clear:					both;
	display:				inline;
	float:					left;
	width:					800px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#ffffff;
}

/* einde style voor ontwarren 			*/

/* Content style voor oplossen			*/
#contentoplossen{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	border: 				2px solid #D2A97C;
}


.emotietekstoplossen{
	display:				inline;
	float: 					left;	
	width:					955px; 
	height:					126px;	
	background-color:		#D2A97C;
}


.headoplossen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#D2A97C;
	padding-top:			21px;
	padding-bottom:			21px;
}

.introoplossen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			11px;
}	

.txtoplossen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
}

.flash_headoplossen {
	display:				inline;
	float:					left;
	width:					800px;
	margin-top:				20px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				18px;
	font-weight:			bold;
	color:					#ffffff;
}

.flash_introoplossen {
	clear:					both;
	display:				inline;
	float:					left;
	width:					800px;
	margin-left:			70px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#ffffff;
}

/* einde style voor oplossen 			*/

/* Content style voor algemeen			*/
#contentalgemeen{
	display:				inline;
	float:					left;
	width:					955px;
	height:					464px;	
	overflow:				hidden;
	border: 				2px solid #000000;
}


.emotietekstalgemeen{
	display:				inline;
	float: 					left;	
	width:					955px; 
	height:					126px;	
	background-color:		#000000;
}


.headalgemeen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#000000;
	padding-top:			21px;
	padding-bottom:			21px;
}

.introalgemeen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			11px;
}	

.txtalgemeen {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			15px;
}

.downloadalgemeen {
	clear:					both;
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			15px;
}

.introtekstalgemeen2{
	display:				inline;
	float:	 				left;
	width:					955px; 
	padding-bottom:			15px;
}
.introtekstalgemeen1{
	display:				inline;
	float:	 				left;
	width:					955px; 
	background-color:		#E6E6E6;
	padding-bottom:			15px;
}

.introtekstalgemeen2blauw{
	display:				inline;
	float:	 				left;
	width:					955px; 
	padding-bottom:			15px;
}
.introtekstalgemeen1blauw{
	display:				inline;
	float:	 				left;
	width:					955px; 
	background-color:		#CEECF6;
	padding-bottom:			15px;
}

.headalgemeen_sub {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				24px;
	font-weight:			bold;
	color:					#000000;
	padding-top:			10px;
	padding-bottom:			10px;
}

.introalgemeen_sub {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	line-height:			160%;
	color:					#000000;
	padding-bottom:			5px;
}	

.txtalgemeen_sub {
	display:				inline;
	float:					left;
	width:					805px;
	margin-left:			65px;
	font-family:			Arial;
	font-size:				11px;
	line-height:			160%;
	color:					#000000;
}

.image {
	display:				block;
	float:					left;
	margin-top:				4px;
	padding-right:			10px;
	padding-bottom:			5px;
}

.scrollbalk {
	display:				inline;
	position:				absolute;
	top:					105px;
	right:					-1px;
}

#scroll-balk{
	width: 				11px;
	height: 			420px;
	margin-top:			5px;
	margin-bottom:		5px;
	}

#scroll-top{
	width: 				12px;
	height: 			10px;	
	cursor:				pointer;
	background-image:	url(../images/up_black.gif);
	}

#scroll-bottom{
	width: 				12px;
	height: 			10px;
	background-image:	url(../images/down_black.gif);
	cursor:				pointer;
	}

#scroll{
	width: 				10px;
	height: 			40px;
	background-color: 	#000000;
	margin-left:		1px;
	cursor: 			move;
	border-bottom:		solid 1px #FFFFFF;
	border-top:			solid 1px #FFFFFF;
	}

/* einde style voor algemeen */


/* einde style voor algemeen */
.leesmeer_block {
	display:				block;
	float:					left;
	width:					805px;
	margin-left:			65px;
}

a.leesmeer:link{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			11px;
}

a.leesmeer:visited{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			11px;
}

a.leesmeer:hover{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			11px;
}

a.leesmeer:active{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#000000;
	font-size:			11px;
}

a.download:link{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#004EC4;
	font-size:			11px;
}

a.download:visited{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#004EC4;
	font-size:			11px;
}

a.download:hover{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		bold;
	color:				#004EC4;
	font-size:			11px;
}

a.download:active{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	color:				#004EC4;
	font-size:			11px;
}

/* einde style voor algemeen */


/* style voor mail formulier */

.mail_formulier_tekst {
	display:			inline;
	font-family:		Arial;
	font-weight:		bold;
	font-size: 			11px;
	color: 				#000000;
	}

.mail_formulier_input{
	display:			inline;
	width:				300px; 
	border:		 		1px solid #000000;  
	font-family:		Arial;
	font-weight:		bold;
	font-size: 			11px;
	color: 				#000000;
	}

.mail_formulier_input_message {
	display:			inline;
	width:				300px; 
	height:				165px;
	border-bottom: 		1px solid #000000;  
	border-left: 		1px solid #000000; 
	border-right: 		1px solid #000000;
	border-top: 		1px solid #000000;
	font-family:		Arial;
	font-weight:		bold;
	font-size: 			11px;
	color: 				#000000;
	}

.mail_formulier_buttom {
	display:			inline;
	margin-top: 		0px;
	margin-left:		201px;
	width:				100px; 
	height: 			25px;
	border-bottom: 		1px solid #000000;  
	border-left: 		1px solid #000000; 
	border-right: 		1px solid #000000;
	border-top: 		1px solid #000000;
	background-color: 	#000000;
	color:				#FFFFFF;
}

.mailerror {
	clear:				both;
	display:			block;
	float:				left;
	margin-left:		65px;
	font-family:		Arial;
	font-weight:		bold;
	font-size: 			11px;
	color: 				#FF0000;
	padding-bottom:		5px;
	}

.inloggen_formulier_buttom {
		display:			inline;
		margin-top: 		0px;
		margin-left:		138px;
		width:				100px; 
		height: 			25px;
		border-bottom: 		1px solid #000000;  
		border-left: 		1px solid #000000; 
		border-right: 		1px solid #000000;
		border-top: 		1px solid #000000;
		background-color: 	#000000;
		color:				#FFFFFF;
}
		
.inloggen_formulier_input{
		display:			inline;
		width:				235px; 
		border:		 		1px solid #000000;  
		font-family:		Arial;
		font-size: 			11px;
		color: 				#000000;
}		
/* style voor mail formulier */



/* emotienavigatie rechtsboven*/
.emotienavspacerr{
width:6px; 
height:96px;
float:left;
}
.emotienavrechtsmarge{
width:72px; 
height:96px;
float:right;

}
.emotienavlamp{
width:24px; 
height:96px;
float:left;

}
.emotienavballon{
width:30px; 
height:96px;
float:left;
}
.emotienavvogel{
width:43px; 
height:96px;
float:left;
}
.emotienavbloem{
width:45px; 
height:96px;
float:left;
}
/* emotienavigatie rechtsboven*/


/* stylesheet voor FRAMEWORK.php */
#container_accordion {
			position:			absolute;
			left:				0px;
			top:				96px;
			height: 			464px;
			width: 				955px;
			z-index:			auto;
			border: 			1px solid #000000;	
}
.accordion_toggle {
			display: 			block;
			cursor: 			pointer;
			margin: 			0 0 0 0;
		    padding: 		    0 0 0 0;
			width: 				955px;
			height:				20px;
			background-image: 	url(../images/tab_button_close.png);
			background-position:left;
			background-repeat:	no-repeat;
			font-size:			11px;
			font-family:		Arial, Helvetica, sans-serif;
			font-weight:800;
			color:				#000000;	
			text-align:			left;
			vertical-align:		baseline;
}
.accordion_toggle_active {
	    	background-image: 	url(../images/tab_button.png);
			color:				#000000;
}
.accordion_content {
			overflow: 			hidden;
			cursor: 			pointer;
			margin: 			0 0 0 0;
			padding: 		    0 0 0 0;
			width: 				955px;
			height:				200px;
}
#vertical_container {
			display: 			block;
			cursor: 			pointer;
			margin: 			0 0 0 0;
		    padding: 		    0 0 0 0;
}
/* stylesheet voor FRAMEWORK.php */