/* 
CSS Document voor AnderZorg
Datum: november 2008
Media: Screen
Ontwikkelaar: Concept7 ( www.concept7.nl ) 
*/

/* @group Globals */
body { font: 11px/1.5em verdana, arial, sans-serif; background: #fff; color: #000; padding-top: 10px; }
	
	/* Link handeling */
	a:link, a:visited { color: #06c; text-decoration: underline; }
	a:hover, a:visited:hover { color: #f05b01; }

.clear { display: block; overflow: hidden; height: 1%; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
h1, h2, h3 { font: normal 1.5em Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif; }

/* @group Header */
.header { width: 987px; margin: 0 auto; background: url(../images/corners_top.gif) 0 0 no-repeat; position: relative; }
	.header h1 { position: absolute; left: 230px; top: 43px; font-weight: bold; }
	.logo { margin: 17px 0 15px 11px; }
	.onderdeel { margin: 17px 11px 0 0; }
	.header p { display: block; clear: both; background: #f2f2f2 url(../images/balk_grijs.gif) 0 0 no-repeat; margin: 0 11px 0 11px; text-align: right; height: 23px; padding: 6px 15px 0 0; }
	.header p a, .header p a:visited { text-decoration: none; color: #999; background: url(../images/bullet_back.gif) 0 3px no-repeat; padding-left: 12px; }
	.header p a:hover, .header p a:visited:hover { color: #666; text-decoration: underline; }

/* @group Content */
.content { width: 965px; margin: 0 auto; border: 1px solid #e5e5e5; border-width: 0 1px; padding: 20px 10px; display: block; overflow: hidden; height: 1%; }
	#wrap-popup { padding: 0 10px; }
		#wrap-popup h1 { padding-bottom: 5px; font-weight: bold; color: #F05B01; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; }
		#wrap-popup p, #wrap-popup ul { padding-bottom: 17px; }
	
	/* Visual */
	h1 a { width: 640px; height: 312px; background: #f05b01 url(../images/visual.gif) 0 0 no-repeat; display: block; float: left; margin-right: 10px; text-indent: -9999px; }
		h1.landing a { background: #f05b01 url(../images/schrijfjein.gif) 0 0 no-repeat; }
	#body-beheer h1 a { background: #f05b01 url(../images/visual-beheer.gif) 0 0 no-repeat; }
	#body-beheer #teaser { color: #fff; font-weight: bold; background: #f05b01 url(../images/Verdien25euro_toeter_verdienvrienden.gif) 0 0 no-repeat; width: 620px; padding: 90px 0 0 20px; height: 222px; display: block; float: left; margin-right: 10px; }
		#teaser dl dt { font-size: 1.4em; padding: 0 0 10px 20px; background: url(../images/cirkel-bullet.gif) 0 3px no-repeat; }
		#teaser dl dd { font-size: 1.2em; padding: 0 0 10px 20px; background: url(../images/cirkel-bullet.gif) 0 3px no-repeat; }
	
	/* Column call 2 action */
	.column_action { width: 315px; height: 312px; background: url(../images/border_c2a_bttm.gif) left bottom no-repeat; }
		.column_action h2 { color: #f05a00; padding: 0 0 3px 10px; font-weight: bold; }
			.column_action h2.border { background: url(../images/border_c2a_top.gif) 0 0 no-repeat; padding: 15px 0 3px 10px; }
		.column_action p { padding: 15px 10px 12px 10px; background: url(../images/border_c2a_top.gif) 0 0 no-repeat; }
		.column_action p.no-bg { background: none; padding: 0 10px 12px 10px; }
		.set-white { display: block; clear:both; margin-top: 15px; }
		
		#promote-anderzorg { margin: 20px 0 0 10px; font: normal 12px verdana; padding: 3px; width: 280px; height: 225px; }
		
		/* Main call 2 action knop */
		a.call_2_action, a.call_2_action:visited { margin: 20px 0 0 60px; font: bold 1.7em arial; color: #fff; text-decoration: none; background: #f05b01 url(../images/bttn_c2a.gif) 0 0 no-repeat; display: block; width: 242px; height: 32px; padding-top: 9px; text-align: center; }
			a.call_2_action:hover, a.call_2_action:visited:hover { background-position: 0 -42px; }
		
		p.premie { padding: 4px 20px 0 0; text-align: right; }
			p.premie a { background: url(../images/bullet_oranje.gif) 0 5px no-repeat; padding-left: 12px; }
	
	.teaser-friends, .payment, .pointer { border: 1px solid #e5e5e5; border-width: 1px 0; display: block; overflow: hidden; height: 1%; clear: both; margin-top: 20px; padding: 10px; background: url(../images/arrow.gif) top right no-repeat; }
		.payment, .pointer { background: none; margin: 0 0 20px 0; }
		.pointer dt { font-weight: bold; font-size: 1.4em; padding-bottom: 10px; color: #f05b01; }
		.pointer dd { padding-bottom: 10px; }
		.teaser-friends dt, .teaser-friends dd, .payment dt, .payment dd { display: inline; float: left; margin-right: 20px; padding-top: 5px; }
		.teaser-friends dt, .payment dt { font-weight: bold; font-size: 1.2em; color: #f05b01; margin-right: 40px; }
		.payment dt { color: #000; }
		.amount { color: #f05b01; font-size: 1.8em; font-weight: bold; }
		.teaser-friends dd.mail-cta { padding: 0!important }
		.teaser-friends dd.mail-cta a, .teaser-friends dd.mail-cta a:visited { background: #000 url(../images/social-cta.gif) 0 -27px no-repeat; color: #fff; width: 150px; display: block; padding: 5px; text-align: center; text-decoration: none; }
		.teaser-friends dd.mail-cta a:hover, .teaser-friends dd.mail-cta a:visited:hover { background-position: 0 0; }
		.use-sites { font-size: 1.2em; font-weight: bold; color: #999; margin-left: 312px; }
		
	/* Drie grijze blokken */
	.column_grey { background: #f2f2f2 url(../images/grey_bttm.gif) left bottom no-repeat; width: 315px; margin-top: 20px; padding-bottom: 20px; } 
		#body-beheer .column_grey { background: #f2f2f2; }
		.column_grey input { margin: 10px 0 0 10px; width: 260px; }

		.set_margin { margin: 20px 10px 0 10px; }
		h3 { background: url(../images/grey_top.gif) 0 0 no-repeat;color: #404040; padding: 18px 0 10px 10px; font-weight: bold; }
			h3 a, h3 a:visited { font-weight: normal; font-size: .7em; float: right; margin: 2px 10px 0 0; }
		ul li { background: url(../images/bullet_list.gif) 10px 6px no-repeat; padding: 0 20px 0 25px; }
			ul li.no-bullet { background: none; padding: 0 10px 10px 10px; }
		.column_grey p { padding: 0 10px; }
		.column_grey span { margin: 20px 0 0 10px; display: block; }
		.column_grey a, .column_grey a:visited { color: #000; }
		
		#social-links { display: block; clear: both; overflow: hidden; height: 1%; }
			#social-links li { background: none!important; padding: 0 0 10px 0; display: inline; float: left; display: block; width: 315px; background: #f2f2f2 url(../images/grey_bttm.gif) left bottom no-repeat!important; }
			#social-links li.set_margin { margin: 0 10px; }
		#social-links li a, #social-links li a:visited { display: block; background: #F05B01 url(../images/social-cta.gif) 0 0 no-repeat; margin: 0 10px 0 auto;  width: 150px; color: #fff; padding: 5px; text-align: center; text-decoration: none; }
			#social-links li a:hover, #social-links li a:visited:hover { background-position: 0 -27px; }

/* @group Footer */
.footer { width: 965px; margin: 0 auto; background: url(../images/bg_footer.gif) 0 0 no-repeat; padding: 30px 11px 20px 11px; }
	.footer .logo { margin: 8px 0 0 0; }
	.footer ul { text-align: right; }
		.footer ul li { background: none; padding: 0; display: inline; padding: 0 0 5px 30px; }
		.footer a, .footer a:visited { color: #000; }
		.footer a:hover, .footer a:visited:hover { color: #f05a00; }

/* @group Thickbox */
#TB_window { font: 11px verdana,arial, sans-serif; color: #fff; }
#TB_secondLine { font: 11px verdana,arial, sans-serif; color:#fff; }

#TB_window a:link {color: #fff;}
#TB_window a:visited {color: #fff;}
#TB_window a:hover {color: #ccc;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}

#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }

.TB_overlayMacFFBGHack {background: url(../images/globals/macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#fff; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#fff; display:none; border: 4px solid #737373; text-align:left; top:50%; left:50%; }

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#737373; height:32px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }