/*
 * Homepage
 */

/* Container for the Flash image, <object> doesn't require any styling */
#teaser							{ height: 185px; /* use sidebar/navigator border color as background */ background: #C8CECB; /* IE6 adds extra space. Zero font size, zero space */ font-size: 0; }
#teaser img						{ border: none; }

/* remove "teaser" background image from container */
#container					{ background: none; }

/* overwrite default styles for #content */
#content					{ float: left; margin-top: 0; }
#content h1					{ margin-bottom: 0; }

/* products go left */
#content #products				{ float: left; width: 320px; margin-right: 30px; }
#content #products img			{ /* override left margin from img.right */ margin-left: 5px; margin-bottom: 0; }

/* services go right (center), and have custom h3 links */
#content #services				{ float: right; width: 320px; }
#content #services h3 a			{ padding-left: 18px; background: url("/data/static/images/www.care.nl/link_icon_more.png") no-repeat 0 2px; }
#content #services p				{ margin-left: 18px; }
#content #services p.last-child		{ margin-left: 0; }

/* sidebar goes very right */
#sidebar					{ float: right; /* substract padding */ width: 220px; padding: 0 14px; padding-top: 5px; }
#sidebar ul.news li				{ padding-left: 0; background: none; clear: both; }
#sidebar ul.news .date			{ display: block; float: left; width: 35px; margin-top: 1px; margin-bottom: -1px; }
#sidebar img					{ margin-top: 3px; margin-bottom: -3px; /* border enabled; adds 2 px: */ margin-left: -1px; margin-right: -1px; }

/* blockquote with special styles for the quotation marks */
#sidebar blockquote				{ margin: 0; font-style: italic; }
#sidebar blockquote p				{ margin-left: 18px; }
#sidebar blockquote span.quote-left		{ font: 24pt/1em "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; margin-top: -2px; margin-left: -18px; }
#sidebar blockquote span.quote-right		{ font: 24pt/1em "Trebuchet MS", Arial, Helvetica, sans-serif; float: right; margin-top: -22px; margin-bottom: -20px; }