/*
	(c) 2008-2010 Bakker & Pham - Discover, Develop and Deploy. Alle rechten voorbehouden.
*/


/* General CSS */
body
{
	background-color: #F2F1E9;
	background-image: url('/image/background.png');
	background-position: top center;
	color: #8D8D8D;
	font-family: Tahoma, Verdana, Georgia, "Times New Roman", Times, Serif;
	font-size: 0.7em;
	margin: 15px 0px 0px 0px;
}

div#body
{
	background-color: #FFFFFF;
	background-image: url('/image/banner-bringing-ideas-to-life.png');
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 15px 0px 20px 0px;
	width: 980px;
}

table
{
	border-collapse: collapse;
	width: 930px;
}

div#footer
{
	background-color: #FFFFFF;
	margin: 15px auto 0px auto;
	padding: 15px 0px 15px 0px;
	width: 980px;
}


/* CSS Part A */
div#body div#A
{
	height: 65px;
	margin: 0px 15px 0px 15px;
	width: 950px;
}

div#body div#A div#logo
{
	float: left;
	height: 65px;
	width: 291px;
}

div#body div#A div#logo img
{
	border: none;
}

div#body div#A div#menu
{
	float: left;
	height: 50px;
	padding: 15px 10px 0px 0px;
	text-align: right;
	width: 649px;
}

div#body div#A div#menu a,
div#body div#A div#menu a:active,
div#body div#A div#menu a:link, 
div#body div#A div#menu a:visited
{
	color: #8D8D8D;
	font-size: 2.0em;
	text-decoration: none;
}

div#body div#A div#menu a:hover
{
	color: #1064C7;
	font-size: 2.0em;
	text-decoration: none;
}

div#body div#A div#menu span
{
	font-size: 2.0em;
	margin: 0px 15px 0px 15px;
}


/* CSS Part B */
div#body div#B
{
	margin: 150px 15px 0px 15px;
	padding: 0px 10px 0px 10px;
	width: 930px;
}

div#body div#B h1
{
	background-image: url('/image/background-stripes.png');
	height: 25px;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 6px 0px 0px 10px;
}

div#body div#B h1 span
{
	color: #1064C7;
	font-weight: bold;
}

div#body div#B h3
{
	color: #87D700;
	font-size: 1.5em;
	margin: 20px 0px 0px 0px;
}

div#body div#B p
{
	line-height: 1.75em;
	margin: 20px 0px 0px 0px;
	text-align: justify;
}

div#body div#B p a,
div#body div#B p a:link,
div#body div#B p a:visited,
div#body div#B p a:hover,
div#body div#B p a:active
{
	border-bottom: 1px dotted #87D700;
	color: #8D8D8D;
	font-weight: normal;
	text-decoration: none;
}

div#body div#B table a,
div#body div#B table a:link,
div#body div#B table a:visited,
div#body div#B table a:hover,
div#body div#B table a:active
{
	border-bottom: 1px dotted #87D700;
	color: #8D8D8D;
	font-weight: normal;
	text-decoration: none;
}

div#body div#B table tr td#body-text
{
	padding: 0px 25px 0px 0px;
	vertical-align: top;
	width: 705px;
}

div#body div#B table tr td#body-information
{
	background-color: #F2F1E9;
	border: 1px solid #F9F8F4;
	padding: 0px 25px 20px 25px;
	vertical-align: top;
	width: 148px;
}

div#body div#B table tr td#body-text td.fase-number
{
	font-weight: bold;
	line-height: 1.75em;
	text-align: justify;
	width: 55px;
}

div#body div#B table tr td#body-text td.fase-name
{
	font-weight: bold;
	line-height: 1.75em;
	text-align: justify;
	width: 650px;
}

div#body div#B table tr td#body-text td.fase-discription
{
	line-height: 1.75em;
	padding: 0px 0px 0px 58px;
	text-align: justify;
	width: 647px;
}

div#body div#B form
{
	margin: 20px 0px 0px 0px;
}

div#body div#B form table
{
	background-image: url('/image/background-contact.png');
	background-repeat: repeat-y;
}

div#body div#B form table tr td.input-name-left
{
	height: 31px;
	width: 105px;
}

div#body div#B form table tr td.mandatory
{
	height: 31px;
	width: 10px;
}

div#body div#B form table tr td.input-field-left
{
	height: 31px;
	width: 300px;
}

div#body div#B form table tr td.input-name-right
{
	height: 31px;
	padding: 0px 0px 0px 30px;
	width: 80px;
}

div#body div#B form table tr td.input-field-right
{
	height: 31px;
	width: 405px;
}

div#body div#B form table tr td.input-field-right table
{
	width: 410px;
}

div#body div#B form table tr td.input-field-right table tr td span
{
    border-bottom: 1px dotted #87D700;
    cursor: help;
}

div#body div#B table tr td.portfolio-thumbnail
{
	border: 1px dotted #C1C1C1;
	vertical-align: top;
	width: 213px;
}

div#body div#B table tr td.portfolio-thumbnail img
{
	border-style: none;
}

div#body div#B table tr td.portfolio-discription-left
{
	font-size: 0.85em;
	padding: 0px 25px 0px 25px;
	vertical-align: top;
	width: 210px;
}

div#body div#B table tr td.portfolio-discription-right
{
	font-size: 0.85em;
	padding: 0px 0px 0px 25px;
	vertical-align: top;
	width: 215px;
}

div#body div#B table tr td.portfolio-discription-left h2,
div#body div#B table tr td.portfolio-discription-right h2
{
	margin: 0px 0px 0px 0px;
	font-size: 1.35em;
}


/* CSS Part C */
div#footer div#C
{
	margin: 0px 15px 0px 15px;
	text-align: center;
	width: 950px;
}

div#footer div#C span
{
	margin: 0px 6px 0px 6px;
}

div#footer div#C a,
div#footer div#C a:active,
div#footer div#C a:link, 
div#footer div#C a:visited
{
	color: #8D8D8D;
	text-decoration: none;
}

div#footer div#C a:hover
{
	color: #1064C7;
	text-decoration: none;
}