/*----------------------------------------------------------------------------- 
De Toekomst Vastgoed Screen-home Stylesheet 

version:   1.0 
date:      12/08/2008 
author:    Freek Hol Design 
email:     freek [at] freekhol.nl

-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");


/* Styles for layout
-----------------------------------------------------------------------------*/
.clear 			{visibility: hidden; display: block;	clear: both; height: 0px; margin: 0; padding: 0;}
.clearAll 		{clear: both; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
.right 			{float: right;}
.left 			{float: left;}


/* Set up the document
-----------------------------------------------------------------------------*/
body 			{background: url(../images/bg-body-home.gif) repeat-x 0 0; color: #333333; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; padding: 16px 26px 0 26px; text-align:center;}
#wrapper 		{background: url(../images/skyline.gif) no-repeat top right; margin:0 auto; text-align:left; width:876px;}
#header 		{padding-top: 55px; position: relative;}
#footer 		{border-top: 1px solid #cccccc; clear: both; color: #666666; margin-top: 50px; padding-top: 12px;}


/* Styling font
-----------------------------------------------------------------------------*/
h1 				{font-size: 180%; font-weight: normal; color: #803a19; margin-bottom: .8em;}     
h2 				{font-size: 150%; font-weight: normal; color: #333333; margin: 0 0 .8em 10px; border-bottom: 1px solid #cccccc;}     
p 				{padding-bottom: 20px; margin: 0px;}
#footer p 		{font-size: 90%; margin: 0 15px;}


/* Styling links
-----------------------------------------------------------------------------*/ 
a, a:visited 				{color: #00b3a4; text-decoration: none;}
a:hover 					{color: #008e82; text-decoration: none;}
#footer p.left a, 
#footer p.left a:visited 	{color: #666666; font-size: 100%; text-decoration: underline;}
#footer p.left a:hover 		{color: #777777; text-decoration: none;}


/* Custom 
-----------------------------------------------------------------------------*/
#header p 					{padding: 0; margin-left: 15px;}
#boxContainer 				{border-top: 1px solid #ccc; display: inline; float: left; margin: 0; padding-top: 50px; width: 876px;}
.box, .boxSoon 				{background: url(../images/bg-box.gif) no-repeat 0 0; float: left; height: 123px; margin: 10px; width: 199px;}
.boxSoon 					{background: url(../images/bg-box-soon.gif) no-repeat 0 0;}
.box h1, .boxSoon h1 		{color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin: 2px 0 14px 0; padding: 0;}
.boxSoon h1 				{padding: 11px 0 8px 14px;}
.box h1 a,
.box h1 a:visited 			{color: #ffffff; display: block; font-size: 100%; font-weight: bold; padding: 11px 0 8px 14px;}
.box h1 a:hover 			{color: #ffcbb2;}
.box h2, .boxSoon h2 		{font-size: 120%; font-weight: bold; color: #e2e2e2; letter-spacing: -1px; line-height: normal; margin: 0 0 0 14px; border: none;}
.box p, .boxSoon p 			{color: #e2e2e2; line-height: 12px; margin: 0 0 0 14px; padding: 0;}
.box a.box-arrow 			{float: right; margin: 9px 14px 0 0;}