/* specificaties voor campagne Happy End - jan 2010 */

#happyhead	{width: 837px; height: 43px;
	background: url(../../img/happyend/titel_happyend.png) no-repeat top left;}
		
#tickertape	{position: relative; width: 837px; height: 20px; margin: 15px 0;
	background: url(../../img/happyend/tickertape_bg.png) no-repeat top left;}
	#tickertape #tickcanvas	{position: absolute; width: 715px; left: 105px; top: 1px;}

/* layout */
	#happyend	{width: 837px; padding: 10px; overflow: auto; position: relative;
		background: #f6f1db url(../../img/happyend/blokken/wnf_happyEnd_bg_content.jpg) no-repeat top left;}
	
	#smspopup	{width: 456px; height: 243px; position: absolute; top: 70px; left: 200px; z-index: 1;
		background: url(../../img/happyend/popup_smsdienst_compleet.png) no-repeat top left;}
	
	#themas 	{margin-bottom: 15px; position: relative;}
		#themas #flashintro	{position: absolute; top: 0; left: 0}
		#themas .thema	{float: left; width: 273px;}
		#themas .mid	{margin: 0 9px;}
		
		#themas .thema a.grfoto	{display: block; width: 273px; height: 274px;}
		
		#fotothema1 a.grfoto	{background: url(../../img/happyend/thema_1.jpg)}
		#fotothema2 a.grfoto 	{background: url(../../img/happyend/thema_2.jpg)}
		#fotothema3 a.grfoto 	{background: url(../../img/happyend/thema_3.jpg)}
		
		#fotothema1 a.grfoto:hover	{background: url(../../img/happyend/img_ontbossing_over.jpg)}
		#fotothema2 a.grfoto:hover	{background: url(../../img/happyend/img_tijger_over.jpg)}
		#fotothema3 a.grfoto:hover	{background: url(../../img/happyend/img_overbevissing_over.jpg)}
		
	#blokken	{}
		#blokken .halfblok	{float: left; width: 404px; height: 104px; padding: 5px;
			background: url(../../img/happyend/blokken/bg_blok_bottom_414x114.png) no-repeat top left;}
		#blokken .eerste	{margin-right: 9px;}
		
	#themacols div	{float: left;}
		#navbar			{width: 140px; color: #838089;}
		#themacontent	{width: 409px; margin: 0 14px 0 13px}
		#zijkant		{width: 261px;}
		
		#navbar a.subtiel	{color: #838089;}
		#navbar .pijl	{text-transform: uppercase; font-weight: bold;}
		#navbar .pijl a	{color: #838089; text-decoration: none;}
		#navbar .pijl.curr a	{color: #f77f00}
		
		#zijkant .waarom, #zijkant .elders	{width: 251px; padding: 5px; margin-bottom: 10px;}
		#zijkant .waarom	{/* background: url(../../img/happyend/blokken/bg_blok_RB_261x158.png);  */
			background: url(../../img/happyend/blokken/shimbg_sluitjeaan.png) repeat-y;
			height: 148px; margin-bottom: 10px;}
		#zijkant .elders	{background: url(../../img/happyend/blokken/bg_blok_RO_261x144.png); height: 134px;}
		
	#naastform	{float: right}
	
		#naastform div	{margin-left: 15px;}
		#naastform #decofoto	{float: left; width: 162px;}
		#naastform #sluitjeaan	{float: left; width: 261px; 
			background: url(../../img/happyend/blokken/shimbg_sluitjeaan.png) repeat-y;}

		#naastform #hardeinfo	{float: left; width: 261px; margin: 0; padding: 0;}
		#naastform #hardeinfo .waarom	{margin: 0; padding: 5px 5px 10px 5px; width: 251px;
			background: url(../../img/happyend/blokken/shimbg_sluitjeaan.png) repeat-y;}
		
	#donaform	{float: left; width: 546px; padding: 5px;
			background: transparent url(../../img/happyend/blokken/bg_shim_form_556px.png) repeat-y;}
		
		#donaform dt	{text-align: left; width: 100px;}
		
	#bentijger	{float: right; width: 261px; height: 106px;
			background: url(../../img/happyend/blokken/shimbg_sluitjeaan.png) repeat-y;}
	#tellfriend	{float: left; width: 535px; height: 106px; padding: 0 10px;
			background: url(../../img/happyend/blokken/bg_blok_tellafriend.png);}
			
		#tellfriend .col	{float: left; width: 200px; margin: 0; padding: 0;}
		#tellfriend .col dt	{width: 70px;}
		#tellfriend .col dd, #tellfriend input	{width: 100px}
		#tellfriend button	{float: right; margin: 25px 20px 0 0 }
		
/* buttons */
	/* button.worddonateur	{background-image: url(../../img/happyend/btn_ikworddonateur.png); height: 26px; width: 180px;} */
	button.worddonateur	{background-image: url(../../img/happyend/btn_volgende.png); height: 26px; width: 94px; float: right}
	button.verstuur		{background-image: url(../../img/happyend/btn_verstuur.png); height: 26px; width: 94px;}
	
	button.terug {background-image: url(../../img/happyend/btn_terug.png); width: 94px;}
	button.verder {background-image: url(../../img/happyend/btn_verder.png); width: 94px; float: right}
	
	dl.formbevestiging	 {width: 540px; margin: 10px 0 20px 10px}
	dl.formbevestiging dt {width: 180px !important;}
	dl.formbevestiging dd {width: 300px;}
	
	ul#themabuttons			{margin: 40px 0 0 0;}
	ul#themabuttons li		{width: 140px; height: 24px; margin: 12px 0;}
	ul#themabuttons span	{display: none;}
	ul#themabuttons a		{display: block; height: 100%}
	
	li#button_t1	{background-image: url(../../img/happyend/btn_ontbossing.png);}
	li#button_t2	{background-image: url(../../img/happyend/btn_inhetnauw.png);}
	li#button_t3	{background-image: url(../../img/happyend/btn_overbevissing.png);}
	
/* extra classes */
	.regel		{overflow: hidden;}
	.topkrap	{margin-top: 0}
	.opval		{font-weight: bold; color: #f77f00;}
	blockquote	{font-weight: bold; margin: 0; padding: 0; font-size: 2.0em}
	
/* icos in blok naast form */
	#sluitjeaan h2	{margin: 5px;}
	#sluitjeaan li	{padding: 5px 20px 5px 10px; border-top: 1px solid #f7f1e1;
		/* background-repeat: no-repeat; background-position:  5px center;  */
		position: relative; /* font-size: 0.8em */ clear: left; 
		border: 1px solid transparent /* ivm verschuiven in IE7 */;}
	#sluitjeaan li a	{width: 250px; height: 100%; position: absolute; top: 0; left: 0;
		background: url(../../img/happyend/ico/pointer_grijs_dubbel.gif) no-repeat center right}
	#sluitjeaan li:hover strong	{text-decoration: underline;}
	#sluitjeaan li span	{display: none;}
	
	/* aparte pagina variant */
	
	.doemee	{overflow: auto}
	.doemee ul	{float: left; width: 270px;}
	
	.doemee ul img	{margin-right: 20px;}
	.doemee ul li	{padding-right: 35px !important;}
	
	.themathumbs	{text-align: center; margin-top: 10px;}
	
/* stappentabs bij form */
	ul#stappen	{width: 556px; overflow: auto; margin: 0; padding: 0;}
	ul#stappen li	{float: right; list-style-type: none; list-style-image: none; 
		width: 76px; height: 22px; margin-right: 1px}
	ul#stappen li span	{display: none}
	
	ul#stappen li.stap1	{background-image: url(../../img/happyend/tabs/tab_stap1.png)}
	ul#stappen li.stap2	{background-image: url(../../img/happyend/tabs/tab_stap2.png)}
	ul#stappen li.stap3	{background-image: url(../../img/happyend/tabs/tab_stap3.png)}
	
	ul#stappen li.stap1.curr	{background-image: url(../../img/happyend/tabs/tab_stap1_act.png)}
	ul#stappen li.stap2.curr	{background-image: url(../../img/happyend/tabs/tab_stap2_act.png)}
	ul#stappen li.stap3.curr	{background-image: url(../../img/happyend/tabs/tab_stap3_act.png)}