<!--
html { height: 100%;background:##EFEFEF; }
body { height: 900px; background:#EFEFEF; }
* html ul li { height:1%; }
table td.content { background:#fff; }

a, body { margin: 0px; }
img { border: 0px; }

.text-browser { display:block; visibility:hidden; position:absolute; left:-999em; }
.scrollable { overflow:auto; scrollbar-face-color:#FFF; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#CCC; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#000; }

.inputField { border: 1px #333333 solid; color: #666666; font-size: 0.64em; height: 14px; width: 159px;}
.inputSearch { border: 1px #333333 solid; color: #666666; font-size: 0.64em; height: 14px;}
.inputComboTest { border: 1px #333333 solid; color: #666666; font-size: 0.69em; width: 240px; height: 17px;}
.inputComboExpert { border: 1px #333333 solid; color: #666666; font-size: 0.69em; width: 100%; height: 17px;}
.inputFieldExpert { border: 1px #333333 solid; color: #666666; font-size: 0.69em; width: 99%;}

.moveTextToTop { margin-top: -2px; }
.moveDown2px { margin-bottom: 0px; }
.fontSize0 { font-size: 0px; }

.closedBlock {display: none; }
a.internal { display:block; padding:0 0 0 16px; background:transparent url(../pictures/bullet-internal-link.gif) 2px 4px no-repeat; color:#fe5000; text-decoration:none; }
	a.internal:hover { text-decoration:underline; }
a.external { display:block; padding:0 0 0 16px; background:transparent url(../pictures/bullet-external-link.gif) 2px 4px no-repeat; color:#fe5000; text-decoration:none; }
	a.external:hover { text-decoration:underline; }
a.pdf { display:block; padding:2px 0 2px 20px; background:transparent url(../pictures/ico_pdf.gif) 0 0 no-repeat; color:#fe5000; text-decoration:none; }
	a.pdf:hover { text-decoration:underline; }
a.audio { display:block; padding:1px 0 1px 20px; background:transparent url(../pictures/ico_snd.gif) 0 0 no-repeat; color:#fe5000; text-decoration:none; }
	a.audio:hover { text-decoration:underline; }
a.doc { display:block; padding:2px 0 2px 20px; background:transparent url(../pictures/ico_doc.gif) 0 0 no-repeat; color:#fe5000; text-decoration:none; }
	a.doc:hover { text-decoration:underline; }
.date, .date strong { color:#069; }
a.inline { display:inline; }

/* font definitions */
.verd_11 { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;font-size: 0.69em;letter-spacing:0px;margin-top: 0 px;margin-bottom: 0 px; }
.verd_11.white { background:#fff;}
.verd_11Gray { font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;font-size: 0.69em;letter-spacing:0px;margin-top: 0 px;margin-bottom: 0 px}
.verd_11Top { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;font-size: 0.69em;letter-spacing:0px;margin-top: -2px;}
.verd_11Blue { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333399;font-size: 0.69em;letter-spacing:0px;margin-top: 0px}
.verd_11BlueTop { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333399;font-size: 0.69em;letter-spacing:0px;margin-top: -2px}
.verd_12 { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;font-size: 0.75em;letter-spacing:0px;margin-top: 0 px;margin-bottom: 0 px}
.verd_13Blue { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333399;font-size: 0.82em;letter-spacing:0px;margin-top: 0px}
.verd_10 { font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;font-size: 0.63em;letter-spacing:0px;margin-top: 0 px;margin-bottom: 0 px}
.verd_10.white { background:#fff;}
.verd_10Orange {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.63em;color: #FE5000;text-decoration: none;letter-spacing:0px;}.verd_10Orange:visited {text-decoration: none;color: #FE5000;}.verd_10Orange:hover {text-decoration: underline; color: #FE5000;}.verd_10Orange:active {text-decoration: none;color: #FE5000;}
.verd_11Orange {font-family: Verdana, Arial, Helvetica, sans-serif;color: #FE5000;font-size: 0.69em;text-decoration: none}.verd_11Orange:visited {color: #FE5000;; text-decoration: none}.verd_11Orange:hover   {color: #FE5000; font-size: 0.69em; text-decoration: underline}.verd_11Orange:active  {color: #FE5000; font-size: 0.69em; text-decoration: none}
.verd_11Green {font-family: Verdana, Arial, Helvetica, sans-serif;color: #006600;font-size: 0.69em;text-decoration: none}
.verd_Orange {color: #FE5000;text-decoration: none;background:transparent; }
.verd_Orange:visited {color: #FE5000; text-decoration: none}
.verd_Orange:hover   {color: #FE5000; text-decoration: underline}
.verd_Orange:active  {color: #FE5000; text-decoration: none}
.verd_OnlyOrange {color: #FE5000;text-decoration: none; }
.verd_Green { color: #006600;}
.verd_Black { color: #333333;text-decoration: none;background:#fff;}.verd_Black:visited {color: #333333; text-decoration: none}.verd_Black:hover   {color: #FE5000; text-decoration: underline}.verd_Black:active  {color: #FE5000; text-decoration: none}
.verd_Gray { color: #666666;}
.verd_Blue { color: #333399;}
.verd_Red { color: #990000;}
.verd_RedLight { color: #FF0000;}

/* added by M. van Bon - for first test pages (2_2_TestL.php and  2_2_TestL1.php*/
#validation { font-size:0.69em; color:#c00; font-weight:bold;font-family:verdana; padding:2px 2px; display:none; }
.form-elements { background:#efefef; border-bottom:1px solid #333; padding:6px 10px; margin-bottom:4px; }
	.form-elements #newKid { display:none; }
	.form-elements .title { font-size:0.69em; padding-bottom:10px; font-family:verdana; }
	.form-elements .row { width:100%; overflow:hidden; padding-bottom:5px;  }
		.form-elements label { width:146px; display:block; float:left; font-size:0.69em; padding-top:2px; font-family:verdana; }
		.form-elements select.select, .form-elements input.input, .form-elements input.geburtstag { width:240px; display:block; float:left; font-size:0.69em; font-family:verdana; color:#666;  }
			.form-elements input.input { width:234px;  }
			.form-elements input.geburtstag { width:80px; }
	
		.form-elements .radiobuttons { float:right; width: 240px; }
			.form-elements .radiobuttons .radio, .form-elements .radiobuttons label { display:inline; float:none; width:auto; }
		
		#buWeiter { float:right; }
		a#buZuruck { float:left; display:block; height:18px; width:85px; margin-right:200px; background:#fff url(../pictures/zuruck.gif) 0px 0px;  }
			a#buZuruck span { display:none; }
			a#buZuruck:hover { background:#fff url(../pictures/zuruckOver.gif) 0px 0px;  }

/* added bij M.van Bon - for navigation */
#menu { padding-left:10px; }
ul#navigation  { width:135px; list-style:none; border-top:5px solid #060; padding:0; margin:0 0 15px 0; }
ul#navigation li {  padding:0; margin:0; display:inline;  } 
		ul#navigation li a { display:block; width:135px; height:21px; padding:0; margin:0; outline:none; }
			
			ul#navigation li a span { display:none; }
			ul#navigation li#main4 a { height:35px; }
			
			ul#navigation li#main1, ul#navigation li#main1 a:hover, ul#navigation li#main1.active a { background:#fff url(../pictures/navigation/main1_on.gif) 2px 4px no-repeat; }
				ul#navigation li#main1 a { background:#fff url(../pictures/navigation/main1_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main2, ul#navigation li#main2 a:hover, ul#navigation li#main2.active a { background:#fff url(../pictures/navigation/main2_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main2 a { background:#fff url(../pictures/navigation/main2_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main3, ul#navigation li#main3 a:hover, ul#navigation li#main3.active a { background:#fff url(../pictures/navigation/main3_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main3 a { background:#fff url(../pictures/navigation/main3_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main4, ul#navigation li#main4 a:hover, ul#navigation li#main4.active a { background:#fff url(../pictures/navigation/main4_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main4 a { background:#fff url(../pictures/navigation/main4_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main5, ul#navigation li#main5 a:hover, ul#navigation li#main5.active a { background:#fff url(../pictures/navigation/main5_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main5 a { background:#fff url(../pictures/navigation/main5_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main6, ul#navigation li#main6 a:hover, ul#navigation li#main6.active a { background:#fff url(../pictures/navigation/main6_on.gif) 2px 4px no-repeat; }
				ul#navigation li#main6 a { background:#fff url(../pictures/navigation/main6_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main7, ul#navigation li#main7 a:hover, ul#navigation li#main7.active a { background:#fff url(../pictures/navigation/main7_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main7 a { background:#fff url(../pictures/navigation/main7_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main8, ul#navigation li#main8 a:hover, ul#navigation li#main8.active a { background:#fff url(../pictures/navigation/main8_on.gif) 0px 4px no-repeat; }
				ul#navigation li#main8 a { background:#fff url(../pictures/navigation/main8_off.gif) 2px 4px no-repeat; }
			ul#navigation li#main9, ul#navigation li#main9 a:hover, ul#navigation li#main9.active a { background:#fff url(../pictures/navigation/main9_on.gif) 2px 4px no-repeat; }
				ul#navigation li#main9 a { background:#fff url(../pictures/navigation/main9_off.gif) 2px 4px no-repeat; }
	
ul#navigation ul.sub { display:none; list-style:none; padding:0; margin:0; }
	ul#navigation li.active ul.sub { display:block; }
		ul#navigation li ul.sub li { background:#fff !important; display:inline; }
			ul#navigation li ul.sub li a { display:block; background:#fff url(../pictures/navigation/green-arrow.gif) 11px 6px no-repeat !important; line-height:1.35em; color:#333;text-decoration:none; font-family:verdana,arial; height:auto !important; padding:2px 0px 2px 20px; width:115px !important; width /**/:135px;  }
				ul#navigation li ul.sub li a:hover, ul#navigation li ul.sub li.active a { text-decoration:underline; color:#f60; background:#fff url(../pictures/navigation/orange-arrow.gif) 11px 6px no-repeat !important; }
					ul#navigation li ul.sub li.active a { text-decoration:none; }
				
				ul#navigation li ul.sub li a.external {   padding:2px 0px 2px 23px; width:112px !important; width /**/:135px;  background:transparent url(../pictures/navigation/green-arrow-external.gif) 11px 6px no-repeat !important; }
					ul#navigation li ul.sub li a.external:hover { background:transparent url(../pictures/navigation/orange-arrow-external.gif) 11px 6px no-repeat !important; }
				
				ul#navigation li ul.sub li span { display:block; color:#060; font-weight:bold; font-family:verdana,arial; line-height:1.35em; padding:2px 0 2px 20px; }
			
ul#navigation ul.sub ul.subsub { display:block; list-style:none; padding:0; margin:0;  }
ul#navigation ul.sub ul.subsub li a { padding:2px 0 2px 30px !important; width:105px !important; width /**/:135px;  background:#fff url(../pictures/navigation/green-arrow.gif) 21px 6px no-repeat !important; }
ul#navigation ul.sub ul.subsub li a:hover, ul#navigation ul.sub ul.subsub li.active a { text-decoration:underline; color:#f60; background:#fff url(../pictures/navigation/orange-arrow.gif) 21px 6px no-repeat !important; }
	ul#navigation ul.sub ul.subsub li.active a { text-decoration:none; }

	
	
/* box in navigation */
#menu .box { background:#efefef; padding:0 0 12px 0; width:135px; border-bottom:1px solid #333; }
	#menu .box h3 { height:21px; margin:0 0 12px 0; padding:0; }
		#menu .box h3#hdrLoesungen {  background:#006600 url(../pictures/h3-loesungen.gif) center 4px no-repeat; }
	#menu .padding { padding:0 8px;  }
	#menu .box ul { margin:0; padding:0; list-style:none; }
	#menu .box li { margin:0; padding:0 0 4px 0; }
	#menu .box li a.external { display:block; padding:0 0 0 16px; background:transparent url(../pictures/bullet-external-link.gif) 2px 4px no-repeat; color:#fe5000; text-decoration:none; }
		#menu .box li a:hover { text-decoration:underline; }
	
/* added by M van Bon - shop page */
.two-box { width:100%; overflow:hidden; padding-bottom:10px; }
	.two-box h3 { width:295px; height:21px; padding:0px; margin:0px; }
		.two-box h3 span { display:none; }
		.two-box h3#lese-paket { background:#d1d1d1 url(../pictures/ES-IST-SO-EIINFACH1.gif) 0px 0px no-repeat; }
		.two-box h3#rechen-paket { background:#d1d1d1 url(../pictures/ES-IST-SO-EIINFACH2.gif) 0px 0px no-repeat;  }
		.two-box h3#mind-reflections-paket { background:#85ec6b url(../pictures/mind-refelections-paket.gif) 0px 0px no-repeat;  }
		.two-box h3#mindx-paket { background:#85ec6b url(../pictures/mindx-paket.gif) 0px 0px no-repeat;  }		
	
	.two-box .box.grey { width:295px; border:1px solid #d1d1d1; overflow:hidden; padding-bottom:10px;  }
	.two-box .box.green { width:295px; border:1px solid #85ec6b; background:#efefef; overflow:hidden; padding-bottom:10px;  }
		.two-box .left { float:left; } 
		.two-box .right { float:right; } 
		.two-box .box img { margin:0px 12px 0 10px; float:left; }
		.two-box .box div { float:left; margin:10px 5px 0 0; }
			.two-box .box div ul { padding:10px 0 0 0; margin:0; list-style:none; }
				*html .two-box .box div ul li { height:1%; }
				.two-box .box a:hover { text-decoration:underline; }
				.two-box .box a { display:block; padding:0 0 0 16px; background:transparent url(../pictures/bullet-external-link.gif) 2px 4px no-repeat; color:#fe5000; font-weight:bold; text-decoration:none; }

.large-box { width:603px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; }
	.large-box.grey { border:1px solid #d1d1d1;   }
	.large-box.green { border:1px solid #85ec6b; background:#efefef;  }
	
	.large-box h3 { width:603px; height:21px; padding:0px; margin:0px; }
		.large-box h3 span { display:none; }
		.large-box h3#kombi1 { background:#d1d1d1 url(../pictures/kombi1.gif) 253px 0px no-repeat;  }
		.large-box h3#kombi2 { background:#85ec6b url(../pictures/kombi2.gif) 253px 0px no-repeat;  }
		.large-box h3#kombi3 { background:#d1d1d1 url(../pictures/kombi3.gif) 253px 0px no-repeat;  }
		.large-box h3#kombi4 { background:#d1d1d1 url(../pictures/kombi4.gif) 253px 0px no-repeat;  }
		.large-box h3#kombi5 { background:#85ec6b url(../pictures/kombi5.gif) 253px 0px no-repeat;  }
	.large-box img { margin:0 0 0 10px; float:left; }
		.large-box img.large-plus { margin:35px -5px 0 5px; }
		.large-box img.small-plus { margin:18px -3px 0 8px; }
			.large-box img.small-plus.extra { margin:18px -2px 0 8px; }
		.large-box img.smallest-plus { margin:18px -6px 0 4px; }
	.large-box div { float:left; margin:10px 5px 0 12px; width:280px; }
			.large-box div ul { padding:10px 0 0 0; margin:0; list-style:none;  }
			.large-box div ol { padding:0; margin:0 0 0 25px; }
				* html .large-box div ul li { height:1%; }
				.large-box a:hover { text-decoration:underline; }
				.large-box a { display:block; padding:0 0 0 16px; background:transparent url(../pictures/bullet-external-link.gif) 2px 4px no-repeat; color:#fe5000; font-weight:bold; text-decoration:none; }
	.large-box h4 { margin:0 0 10px 0; color:#339;  }
		*html .large-box h4 { font-size:12px; }	

/* added bij M.van Bon - for SchatztruheBox */
#SchatztruheBox { border:1px solid #060; padding:0 17px 17px 17px;  background:#fff url(../pictures/bg-schatztruhe.gif) 0 0 repeat-x; }
	#SchatztruheBox h3 { background:#060 url(../pictures/head_schatztruhe.gif) center 3px no-repeat; height:20px; margin:0 0 16px 0; padding:0; }
	#SchatztruheBox h3#UpdateSchatztruhe { background:#060 url(../pictures/head_updateschatztruhe.gif) center 3px no-repeat; }
	#SchatztruheBox h4 { margin:0 0 12px 0; padding:0; font-size:1em;  }
	#SchatztruheBox ul { margin:0 0 10px 0; padding:0; list-style:none; }
		#SchatztruheBox ul li { margin:0; padding:2px 0 2px 22px; background:transparent url(../pictures/bullet.gif) 2px 6px no-repeat; }
		#SchatztruheBox ul.no-bullets li { margin:0; padding:2px 0 0 0; background:transparent; }
		#SchatztruheBox ul.no-bullets.bottom-padding li { margin:0; padding:2px 0 8px 0; background:transparent; }
	
	#SchatztruheBox .date, #SchatztruheBox .date strong { color:#069; padding:0 0 2px 0; }
	#SchatztruheBox p { margin:0; padding:0 0 8px 0; }
		#SchatztruheBox p.date { text-align:right; padding:0 0 8px 0; }
	
	/* ------- */
	#SchatztruheBox h4#AktuelleTip { background:#fff url(../pictures/head_aktuelletip.gif) center 3px no-repeat; height:20px; }
	#SchatztruheBox #AktuelleTipBox { border:1px solid #333; padding:6px 17px 17px 17px; height:150px; margin-bottom:10px;  }
	
	/* ------- */
	#SchatztruheBox h4#InhaltSchatztruhe { background:#fff url(../pictures/head_inhalttruhe.gif) center 3px no-repeat; height:20px; }
	#SchatztruheBox #InhaltSchatztruheBox { border:1px solid #333; padding:10px 17px 17px 17px; height:150px; }	

	
/* fundgrube-form */
.fundgrube-form { padding:10px; background:#efefef; margin:0 -10px 15px -10px; border-top:1px solid #333; border-bottom:1px solid #333; }
	.fundgrube-form .close-panel-link { position:absolute; display:block; width:13px; height:13px; outline:0;  text-indent:-999em; background:url(../pictures/close-link.gif) 0 0 no-repeat; margin:-10px 0 0 375px; }
		.fundgrube-form .close-panel-link:hover { background:url(../pictures/close-link-ro.gif) 0 0 no-repeat; }
	
	.fundgrube-form.no-padding { border-bottom:0; margin-bottom:-4px; }
	.fundgrube-form form { margin:0; padding:0; }
	.fundgrube-form .row { width:100%; overflow:hidden; margin:0 0 5px 0; }
		.fundgrube-form #RowBundesland.row { display:none; }
	
		.fundgrube-form .validation-control { margin-left:120px; display:none; clear:both; padding:1px 0 0px 13px; color:#c00; background:transparent url(../pictures/validation.gif) 1px 3px no-repeat; }
		.fundgrube-form .explanation { margin-left:120px; display:block; clear:both; padding:1px 0 1px 0; color:#339; }
			.fundgrube-form .explanation.right { margin-left:365px; }
		.fundgrube-form div.text { margin:0 0 6px 0; }
	
		.fundgrube-form .row label { display:block; width:120px; float:left; padding-top:2px; }
		.fundgrube-form .row input { display:block; float:left; font-size:11px;  }
			.fundgrube-form .row input.text { width:240px; border:1px solid #333; padding:1px 2px; }
				.fundgrube-form .row input.text.medium { width:148px; }
				.fundgrube-form .row input.text.small { width:35px; margin-right:10px; }
		
		.fundgrube-form .row select { display:block; float:left; border:1px solid #333; margin-right:8px; width:200px; font-size:11px;  }
		
		.fundgrube-form .row .radiobuttons { float:left; }
			.fundgrube-form .row .radiobuttons.with-margin { float:none; margin:0 0 0 40px; }
			.fundgrube-form .row .radiobuttons label { width:auto; padding:2px 20px 0 2px; }
	
		.fundgrube-form .buttons { padding:5px 0 0 0; width:100%; overflow:hidden;  }
			.fundgrube-form .buttons input { padding:1px 6px; margin:0 12px 0 0; font-size:11px; float:right; }
/* END fundgrube-form */