/*#######################################################################
	#						  												#
	#				   STYLESHEET WATERWORLD-PRODUCTS.COM					# 
	#						  Gemaakt Tangra Web					   		#
	# 						   www.tangraweb.nl            					#
	# 				   			  Juni 2009                	   				#
	#							 											#
	#######################################################################*/

	
	/*	ALGEMENE INSTELLINGEN
		_____________________________________________________________________ */
				
		BODY  
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			font-size: 12px;
			
			color: #666666;
			
			background-image:url(../multimedia/images/algemeen/background.body.jpg);
			background-repeat: repeat-x;
			background-color: #FFFFFFF;
			
			overflow: auto;
		}
	
		TABLE 
		{			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			font-size: 12px;
			
			color: #666666;
			
			text-align: justify;
			vertical-align: top;
			
			border: none;
		}
		
		.lijn
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: 1px;
			
			margin: 15px 0px;
			
			border: solid 1px #E2E2E2;	
		}
				
	/*	PAGINA INSTELLINGEN
		_____________________________________________________________________ */
		
		h1 
		{ 
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			font-size: 20px;
			font-weight: normal;
			color: #666666;	
			
			margin: 0px 0px 16px 0px;
		}
		
		h2
		{ 
			position: relative;
			float: left; 
			
			width: 100%;
			height: auto;
			
			font-size: 15px;
			font-weight: normal;
			color: #666666;	
			
			margin: 0px 0px 16px 0px;
		}
		
		h3
		{ 
			position: relative;
			float: left; 
			
			width: 100%;
			height: auto;
			
			font-size: 11px;
			font-weight: bold;
			color: #00B662;	
			
			margin: 0px 0px 12px 0px;
		}
		
		a 
		{
			text-decoration: none;
			color: #01B661;  
		}
		
		a:hover
		{
			text-decoration: underline;
			color: #01B661;  
		}
		
	/*	LAYERS ALGEMEEN	
	 	_____________________________________________________________________ */	
		
		#websitehoek
		{
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 100;
			
			width: 246px;
			height: 248px;
		}
		
		#container
		{
			position: absolute;
			left: 50%;
			top: 25px;
		
			width: 900px;
			min-height: 600px;
			height: auto !important;
			height: 600px;
					
			padding: 0px;
			margin: auto -450px;
		}
		
		#header
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: auto;
		}
		
		#header #logo
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: 86px;
			
			margin: 0px 0px 20px 0px;
		}
		
		#header #navigatie
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: 16px;
			
			margin: 0px 0px 10px 0px;
		}
		
		#header #buttons
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: 20px;
			
			padding: 25px 0px;
		}
		
		#header #buttons #type
		{
			position: relative;
			float: left;
			
			width: 151px;
			height: 31px;			
			
			margin: 0px 10px 0px 0px;
		}
		
		#afbeelding
		{
			position: relative;
			float: left;
			
			width: 300px;
			height: 190px;
		}
		
		#subcontainer
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: auto;
			
			margin: 0px 40px 0px 0px;
		}
		
		#subcontainer #hoek
		{
			position: relative;
			float: left;
			
			width: 600px;
			height: 6px;
			
			 background-repeat: no-repeat;
		}
		
		.boven { background-image: url(../multimedia/images/algemeen/hoek.boven.png); }
		.onder { background-image: url(../multimedia/images/algemeen/hoek.onder.png); }
		
		#subcontainer #content
		{
			position: relative;
			float: left;
			
			width: 560px;
			min-height: 490px;
			height: auto !important;
			height: 490px;
			
			padding: 20px 20px 40px 20px;
						
			background-color: #F5F5F5;
		}
		
		#subcontent
		{
			position: relative;
			float: left;
			
			width: 200px;
			min-height: 450px;
			height: auto !important;
			height: 450px;
		}
		
		#subcontent #vestigingen
		{
			position: relative;
			float: left;
			
			width: 160px;
			height: 50px;
			
			margin: 0px 0px 20px 0px;
			padding: 15px 20px;
			
			background-image: url(../multimedia/images/algemeen/background.vestigingen.png);
			background-repeat: no-repeat;
		}
		
		#subcontent #blok
		{
			position: relative;
			float: left;
			
			width: 200px;
			min-height: 60px;
			height: auto !important;
			height: 60px;
			
			font-size: 11px;
			
			margin: 0px 0px 20px 0px;
			padding: 0px 0px 10px 0px;
			
			border-bottom: dotted 1px #666666;
		}
			
	/*	VESTIGINGEN	
	 	_____________________________________________________________________ */
			
		.vestigingenlijst
		{
			width: 100%;
			font-size: 12px;
			background: #F8F8F8;
		}
	
	/*	NAVIGATIE
	 	_____________________________________________________________________ */
		
		#navigatie a.navigatie 
		{ 
			position: relative;
			float: left;
			
			margin: 0px 15px 0px 0px;
			
			color: #666666; 
			
			font-size: 13px; 
			font-weight: bold;
			
			text-decoration: none;
		}
		
		#navigatie a.navigatie:hover, 
		#navigatie a.actief 			
		{ 
			position: relative;
			float: left;
			
			margin: 0px 15px 0px 0px;
			
			color: #41A428;
			
			font-size: 13px; 
			font-weight: bold;
			
			text-decoration: none;
		}
		
	/*	SUBNAVIGATIE
	 	_____________________________________________________________________ */
		
		#blok #link
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: 18px;
			
			font-size: 11px;
			
			margin: 0px 0px 5px 0px;
		}
		
		#blok a.subnavigatie 
		{ 
			color: #666666; 
			text-decoration: underline;
		}
		
		#blok a.subnavigatie:hover, 
		#blok a.subactief 			
		{ 
			color: #41A428;			
			text-decoration: underline;
		}		
	
	/*	OVERZICHT
	 	_____________________________________________________________________ */
			
		.overzicht-tabel
		{
			width: 100%;
			
			padding: 2px;
						
			border: solid 1px #00B662;
		}
		
		.overzicht-leeg
		{
			width: 100%;
			
			padding: 10px;
			
			text-align: center;
			
			border: solid 1px #00B662;
			background: #FFFFFF;
		}
		
		.balk-tabel 
		{
			height: 23px;
			
			padding-left: 2px;
			
			font-size: 11px;
			font-weight: bold;
			
			color: #FFFFFF;
		
			background-color: #00B662;
			border-bottom: solid 1px #FFFFFF;
		}
	
	 
		.even-rij,
		.oneven-rij,
		.rij
		{ 
			height: 20px;
			font-size: 11px;
			
			border-top: solid 1px #FFFFFF;
			background-color: #F0F7F7;
		}
		
		.nummer
		{
			color: #FFFFFF;
		}
		
		a.lijst 
		{
			color: #666666;
			
			font-size: 11px;
			font-weight: bold;
			font-variant: normal;
		
			text-decoration: none;
		}
	
		a.lijst:hover
		{
			color: #41A428;
			
			font-size: 11px;
			font-weight: bold;
			font-variant: normal;
		
			text-decoration: none;
		}
		
		a.balk,
		a.balk:hover
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.bladerbalk
		{
			width: 100%;
			height: 23px;
			
			font-size: 11px;
			font-weight: bold;
			
			color: #666666;
			
			margin-top: 8px;
					
			background-image:url(../multimedia/images/algemeen/bg_bladerbalk.jpg);
			background-repeat: repeat-x;
		}
		
		.blader-info
		{
			position: relative;
			float: left;
			
			width: 367px;
			
			padding: 6px;
		}
		
		.blader-vorige,
		.blader-volgende
		{
			position: relative;
			float: left;
					
			width: 90px;
		}
		
		
		a.blader-link,
		a.blader-link:hover
		{
			font-size: 11px;
			font-weight: bold;
			font-variant: normal;
			
			color: #003366;
		}
		
		.blader-button-actief
		{
			border: solid 1px #378BDF;
			font-weight: bold;
			padding: 3px;
			text-align:center;
			text-decoration:none;
			background-color: #FFFFFF;
			height: 20px;
			width: 23px;
			font-variant:normal;
			font-size:12px;
		}
	
		.blader-button-onactief
		{
			border: solid 1px #CCCCCC;
			text-align:center;
			font-weight: bold;
			padding: 3px;
			text-decoration:none;
			background-color: #FFFFFF;
			height: 20px;
			width: 23px;
			font-variant:normal;
			font-size:12px;
		}	
	
	/*	VACATURE & KANDIDAAT
	 	_____________________________________________________________________ */
		
		#vacature #actionlinks,
		#kandidaat #actionlinks
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: 15px;
			
			margin: 0px 0px 10px 0px;
			padding: 5px 0px;
			
			border-bottom: dotted 1px #999999;
			background: #FFFFFF;
		}
		
		#vacature #actionlinks a.link,
		#kandidaat #actionlinks a.link
		{
			position: relative;
			float: left;
			
			width: auto;
			height: 12px;
			
			margin: 0px;
			padding: 0px 15px;
			
			font-size: 11px;
			/*color: #666666;*/
			
			border-right: solid 1px #999999;
		}
		
		#vacature #blok,
		#kandidaat #blok,
		#inschrijven #blok
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			margin: 0px 0px 5px 0px;
			padding: 10px 0px;
			
			border-bottom: dotted 1px #999999;
		}
		
		#vacature #blok TABLE,#kandidaat #blok TABLE,#inschrijven #blok TABLE { width: 100%; }
		#vacature #blok TD { padding: 2px; }
		#vacature #blok .titel { width: 25%; font-weight: bold; }
		#vacature #blok .tekst { width: 75%; }
		
		#vacature #logo { visibility: hidden; display: none; }
		#kandidaat #logo { visibility: hidden; display: none; }
		#vacaturefooter, #kandidaatfooter { visibility: hidden; display: none; }
				
	/*	BLADERBALK
	 	_____________________________________________________________________ */		
		
		#bladeren
		{
			position: relative;
			float: left;
			
			width: 530px;
			height: 25px;
			
			padding: 0px;
			margin: 15px 0px 0px 0px;
		}
			
		#bladervlak-links
		{ 
			position: relative;
			float: left;
			
			width: 64px; 
			height: 25px; 
			
			background-image: url(../multimedia/images/bladerbalk/vorige_normal.jpg); 
			background-repeat: no-repeat;
		}
		
		#bladervlak-links:hover
		{ 	
			background-image: url(../multimedia/images/bladerbalk/vorige_hover.jpg); 
			background-repeat: no-repeat;
		}
		
		#bladervlak-links-disabled
		{ 	
			position: relative;
			float: left;
			
			width: 64px; 
			height: 25px;
			
			background-image: url(../multimedia/images/bladerbalk/vorige_disabled.jpg); 
			background-repeat: no-repeat;
		}
		
		#bladervlak-midden
		{
			position: relative;
			float: left;
			
			width: 386px; 
			height: 19px; 
			
			padding: 6px 0px 0px 0px;
			
			text-align: center;
			
			background-image: url(../multimedia/images/bladerbalk/background_bladerbalk.jpg); 
			background-repeat: repeat-x;
		}
		
		#bladervlak-rechts
		{ 
			position: relative;
			float: left;
			
			width: 80px; 
			height: 25px; 
						
			background-image: url(../multimedia/images/bladerbalk/volgende_normal.jpg); 
			background-repeat: no-repeat;
		}
		
		#bladervlak-rechts:hover
		{ 	
			background-image: url(../multimedia/images/bladerbalk/volgende_hover.jpg); 
			background-repeat: no-repeat;
		}
		
		#bladervlak-rechts-disabled
		{ 	
			position: relative;
			float: left;
			
			width: 80px; 
			height: 25px; 
						
			background-image: url(../multimedia/images/bladerbalk/volgende_disabled.jpg); 
			background-repeat: no-repeat;
		}
				
		#paginanr
		{
			height: 17px;
			width: 15px;
					
			margin: 0px 3px 0px 0px;
			padding: 2px 4px;
			
			color: #003466;
			
			text-align:center;
			text-decoration:none;
					
			font-size: 11px;
			font-weight: bold;
		}
		
		#blader:hover,
		#paginanr:hover,
		#paginanr.visit
		{
			color: #CC0000;
		}	

	/*	VESTIGING
	 	_____________________________________________________________________ */
		
		#vestiging
		{
			position: relative;
			float: left;
			
			width: 520px;
			height: auto;
			
			padding: 10px;
			margin-bottom: 40px;
			
			text-align:left;
			
			border: dotted 1px #CCCCCC;
			background: #FFFFFF;
		}
		
		#vestiging #foto
		{
			position: relative;
			float: left;
			
			width: 200px;
			height: 150px;
			
			margin: 0px 20px 0px 0px;
			
			text-align: left;
			
			border: solid 1px #EEEEEE;
		}
		
		#vestiging #omschrijving
		{
			position: relative;
			float: left;
				
			width: 300px;		
			height: 150px;
			
			margin: 0px 0px 0px 0px;
					
			text-align: left;
			font-size: 12px;
		}
		
		#vestiging #omschrijving .adresgegevens
		{ 
			position: relative; 
			float: left; 
			
			min-width: 140px;
			width: auto !important;
			width: 140px;
			
			min-height: 45px;
			height: auto !important;
			height: 45px;
			
			margin: 10px 0px 0px 0px;
		}
		
		#vestiging #omschrijving .contactgegevens
		{ 
			position: relative; 
			float: left; 
			
			min-width: 140px;
			width: auto !important;
			width: 140px;
			
			min-height: 30px;
			height: auto !important;
			height: 30px;
			
			margin: 10px 0px 0px 0px;
		}
		
		#vestiging #omschrijving .titel { font-size: 14px; font-weight: normal; }
		#vestiging #omschrijving .subtitel { font-size: 12px; font-weight: bold; font-style: normal; }
		#vestiging #omschrijving a { font-size: 12px; }
		#vestiging #omschrijving img { margin-right: 8px; }
		
		/*	REFERENTIES
	 	_____________________________________________________________________ */
		
		#referentie
		{
			position: relative;
			float: left;
			
			width: 520px;
			height: auto;
			
			padding: 10px;
			margin-bottom: 40px;
			
			text-align:left;
			
			border: dotted 1px #CCCCCC;
			background: #FFFFFF;
		}
		
		#referentie #foto
		{
			position: relative;
			float: left;
			
			width: 200px;
			height: 150px;
			
			margin: 0px 20px 0px 0px;
			
			text-align: left;
			
			border: solid 1px #EEEEEE;
		}
		
		#referentie #omschrijving
		{
			position: relative;
			float: left;
				
			width: 300px;		
			height: auto;
			
			margin: 0px 0px 10px 0px;
					
			text-align: left;
			font-size: 12px;
		}
		
		#referentie #omschrijving .titel { position: relative; float: left; width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 14px; font-weight: normal; }
		#referentie #omschrijving .tekst { position: relative; float: left; width:100%; min-height: 100px; height: auto !important; height: 100px; margin: 0px 0px 10px 0px; }
		#referentie #omschrijving .website { position: relative; float: left; 100%; height: auto; }
		
		
		/*	DOWNLOADS
	 	_____________________________________________________________________ */
		
		.download { font-weight: bold; }
		
		.downloadlijn
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: 1px;
			
			margin: 15px 0px 5px 0px;
			
			border: solid 1px #E2E2E2;	
		}
		
		
		/*	PERSONEEL
	 	_____________________________________________________________________ */
		
		#personeel
		{
			position: relative;
			float: left;
			
			width: 550px;
			height: 155px;
			
			padding: 5px;
			margin-right: 10px;
			margin-bottom: 20px;
			
			text-align:left;
			
			border: dotted 1px #CCCCCC;
			background: #FFFFFF;
		}
		
		#personeel #omschrijving
		{
			position: relative;
			float: left;
			
			width: 370px;
			height: auto;
			
			padding: 10px;
					
			text-align: left;
			font-size: 12px;
			line-height: 20px;
		}
		
		#personeel #pasfoto
		{
			position: relative;
			float: left;
			
			width: 150px;
			height: 150px;
			
			text-align: right;
		}
		
		#personeel #pasfoto img { border: solid 1px #999999; }
		
		.functietitel 
		{
			position: relative;
			width: 100%;
			
			margin-top: 4px; 
			
			color: #999999;
			font-size: 11px;
		}
	
	/*	DETAILS
	 	_____________________________________________________________________ */
		
		#details
		{
			position: relative;
			float: left;
			
			width: 520px;
			height: auto;
		}
		
		#details #hoofdfoto
		{
			position: relative;
			float: left;
			
			width: 249px;
			height: 165px;
			
			padding: 3px;
			margin-right: 15px;
			
			text-align: center;
			
			border: solid 1px #CCCCCC;
			
			/*cursor:url("multimedia/images/algemeen/magnifier.cur");  */
		}
		
		#details #mini_melding,
		#details #mini_melding:hover
		{
			position: absolute;
			top: 50%;
			left: 0px;
			
			width: 229px;
			height: 10px;
					
			margin: -15px auto -50% 3px;		
			padding: 10px;
			
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
			
			background: #99CC00;
			
			filter:alpha(opacity=90);
			-moz-opacity:.90;
			opacity:.90;
		}
		
		#details #samenvatting
		{
			position: relative;
			float: left;
			
			width: 248px;
			height: 70px;
			
			/*color: #3C7ADF;*/
			font-size: 11px;
		}
		
		#details #samenvatting .titel { height: 20px; width: 45%; font-weight: bold; vertical-align: top; }
		#details #samenvatting .waarde { height: 20px; width: 55%; vertical-align: top; }
		
		#details #aanbiedingsblok
		{
			position: relative;
			float: left;
			
			width: 152px;
			height: 48px;
			
			margin-top: 10px;
			padding: 10px;
			
			font-size: 11px; 
			font-weight: bold;
									
			border: dotted 1px #D0D0D0;
			background-color: #F9F9F9;
		}
		
		#details #aanbiedingsblok .titel { position: left; float: left; width:100%; height: auto; color: #666666; margin-bottom: 10px; }
		#details #aanbiedingsblok .links { position: left; float: left; width:100%; height: auto; }
					
		#details #tabbladen
		{
			position: relative;
			float: left;
			
			width: 518px;
			height: auto;
			
			margin-top: 40px;
			
			background-image: url(../multimedia/images/algemeen/background.tabs.jpg);
			background-repeat: repeat-x;
		}
		
		#details #tabbladen #tab
		{
			position: relative;
			float: left;
			
			min-width: 110px;
			width: auto !important;
			width: 110px;
			height: 15px;
			
			padding: 5px;
			
			font-size: 10px;
			font-weight: bold;
			text-align: center;
		}
		
		#details #tabbladen .active
		{
			border-right: dotted 1px #D0D0D0;
			border-left: dotted 1px #D0D0D0;
			border-top: dotted 1px #D0D0D0;
			
			background: #F9F9F9;
		}
		
		#details #tabinhoud #omschrijving,
		#details #tabinhoud #specificaties,
		#details #tabinhoud #fotos 
		{
			position: relative;
			float: left;
			
			width: 498px;
			min-height: 200px;
			height: auto !important;
			height: 200px;
			
			font-size: 11px;
			
			padding: 20px 10px;
			
			background: #F9F9F9;
		}
		
		#fotos #thumb
		{
			position: relative;
			float: left;
			
			width: 80px;
			height: 80px;
			
			margin: 0px 10px 10px 0px;
			padding: 3px;
			
			background: #FFFFFF;
			border: solid 1px #CCCCCC;
		}
		
		#specificaties .titel 
		{ 
			height: 10px; 
			width: 30%; 
			
			padding: 5px;
			
			color: #666666; 
			font-size: 11px; 
			font-weight: bold; 
			
			vertical-align: top; 
			
			border-bottom: solid 1px #D0D0D0;
		}
		
		#specificaties .waarde 
		{ 
			height: 10px; 
			width: 70%; 
			
			padding: 5px;
			
			color: #666666;
			font-size: 11px;
			
			vertical-align: top;
			
			border-bottom: solid 1px #D0D0D0;
		}
		
	/*	PARTNERS
	 	_____________________________________________________________________ */
		
		#partners
		{
			position: relative;
			float: left;
			
			width: 520px;
			height: auto;
		}
		
		#partners #logo
		{
			position: relative;
			float: left;
			
			width: 244px;
			height: 165px;
			
			padding: 3px;
			margin: 0px 15px 15px 0px;
			
			text-align: center;
			
			border: dotted 1px #CCCCCC;
		}
			
		#partners #omschrijving
		{
			position: relative;
			float: left;
			
			width: 252px;
			height: 171px;

			font-size: 11px;
		}
		
		#partners #samenvatting .titel { height: 20px; width: 45%; font-weight: bold; vertical-align: top; }
		#partners #samenvatting .waarde { height: 20px; width: 55%; vertical-align: top; }
		
				
		#partners #vestigingen
		{
			position: relative;
			float: left;
			
			width: 230px;
			min-height: 100px;
			height: auto !important;
			height: 100px;
			
			font-size: 11px;
			
			padding: 10px;
			margin: 0px 0px 15px 0px;
			
			background: #F9F9F9;
			border: dotted 1px #CCCCCC;
		}
		
		#partners #vestigingen #titel
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			margin: 0px 0px 10px 0px;
			
			font-size: 12px;
			font-weight: bold;
		}
		
		#partners #vestigingen #gegevens
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			line-height: 18px;
		}
	
	/*	FORMULIER ELEMENTEN
	 	_____________________________________________________________________ */
		
		.form-veldtitel
		{
			padding: 2px;
			width: 40%;
			vertical-align: top;
			text-align: left;
			
			font-size: 12px;
			font-weight: bold;
		}
	
		.form-veldtekst
		{
			font-weight: normal;
			padding: 2px;
			width: 50%;
			vertical-align: top;
			text-align: left;
			
			font-size: 12px;
		}
	
		.form-veldicoon 
		{
			text-align: right;
			padding: 5px;
			width: 10%;
			color: #FF0000;
			vertical-align: middle;
		}
	
		.invoerveld
		{
			height: 20px;
			width: 75%;
						
			font-size: 13px;
			color: #5A5A5A;
			
			border: solid 1px #CCCCCC;
		}
		
		.keuzelijst 
		{
			width: 75%;
			height: 20px;
			
			font-size: 13px;
			color: #5A5A5A;
		}
		
		.tekstveld
		{
			width: 95%;
			height: 100px;
			
			font-size: 13px;
			color: #5A5A5A;
			
			border: solid 1px #CCCCCC;
		}
	
		.button 
		{
			font-size: 11px;
			color: #666666;
			height: 25px;
			width: auto;
			cursor: hand;
			font-weight: bold;
			background: #FFFFFF;
			border: solid 1px  #CCCCCC;
		}
		
		.klein { font-size: 10px; }
		
		.form-bloktitel 
		{
			font-size: 17px;
			font-style: normal;
			/*font-weight: bold;*/
			background-color: #EEEEEE;
			padding: 5px 2px;
			color: #666666;
			padding-left: 3px;
		}
	
		.form-balktabel 
		{
			font-size: 13px;
			font-variant: small-caps;
			background-color: #999999;
			color: #FFFFFF;
			padding-left: 2px;
			height: 15px;
			border-bottom-width: 2px;
			border-bottom-style: solid;
			border-bottom-color: #FFFFFF;
			font-weight: bold;
		}
		
		.form-bgceltabel 
		{
			background-color: #CCCCCC;
			padding: 2px;
			border-bottom-width: 2px;
			border-bottom-style: solid;
			border-bottom-color: #FFFFFF;
		}
		
	/*	MELDINGEN
	 	_____________________________________________________________________ */	
		
		#melding
		{
			position: relative;
			float: left;
			
			width: 98%;
			height: auto;
			
			padding: 15px;
			margin-bottom: 20px;
			
			font-size: 11px;	
		}
		
		.foutmelding
		{
			text-align: left;
			
			color: #FF0000;
			background: #FFEAEA;
			border: dotted 1px #FF0000;
		}
		
		.goedmelding
		{
			text-align: left;
			
			color: #8BCE00;		
			background: #F4FFDF;
			border: 1px dotted #8BCE00;
		}
		
		.normalemelding
		{
			text-align: center;
			
			color: #666666;
			background: #FFFFFF;
			border: dotted 1px #CCCCCC;
		}	
	
	/*	TARIEF BEREKENEN
	 	_____________________________________________________________________ */	
	
		#tariefvlak
		{
			position: relative;
			float: left;
			
			width: 40%;
			height: 170px;
			
			padding: 15px;
					
			border: solid 1px #EBEBEB;
		}
		
		.tariefvlakmarge { margin-right: 4%; }
			
		#foutmelding_tarief
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			margin-bottom: 5%;
			padding: 10px;
			
			border: solid 1px #FF4040;
			
			color: #FF4040;
		}
		
		.fouttitel_tarief { font-size: 14px; color: #FF4040; }
		
		.tarief { font-size: 24px; color: #00B662; }
		.tarieftitel { font-size: 16px; color:#666666 }
		.euro { font-size: 26px; color: #666666; } 
		
		.invoerveld-tarief
		{
			font-size: 16px;
			color: #333333;
			height: 26px;
			width: 88%;
		
			background-image: url(../images/algemeen/style/bginvoerveld.gif);
			background-repeat: repeat-x;
		}
		
		.button-tarief 
		{
			float: right;
			font-size: 12px;
			color: #666666;
	
			height: 24px;
			width: 88%;
			cursor: hand;
			
			border: solid 1px #99B5DC;
			background-color:#EEEEEE;	
		}
		
		#disclaimer
		{
			position: relative;
			float: left;
			
			margin: 20px 0px 0px 0px; 
			font-size: 10px; 
			color: #999999; 
		}
							
	/*	SESSION
	 	_____________________________________________________________________ */	
		
		#session
		{
			position: relative;
			left: 1250px;
			top: 40px;
		
			width: 900px;
			
			min-height:300px;
			height:auto !important;
			height:300px;
						
			padding: 20px;
			
			border: solid double 4px #FFFFFF;
			background-color: #EEEEEE;
		}