*
{
	margin: 0;
	padding: 0;
}

BODY
{
	background: url('../image/layout/backdrop.jpg') 50% 0%;;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

IMG { border: 0; }

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.clear { clear: both; }
.error { color: #DD0000; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 0 auto; }

/*Headings
-----------------------------------------------------*/
H1
{
	color: #000000;
	font-size: 14px;
	margin: 0 0 10px 0;
}

H2
{
	color: #FFFFFF;
	font-size: 14px;
	margin: 10px 0 0 15px;
}

/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited
{
	color: #F11B27;
	outline: none;
	text-decoration: none;
}

A:hover
{
	color: #555555;
}

/*Div elementen
-----------------------------------------------------*/
DIV#wrapper 
{
	margin: 0 auto;
	width: 1000px;
}

	DIV#header
	{
		height: 194px;
		width: auto;
	}
	
	DIV#content
	{
		margin: 0 auto;
		padding: 10px 0 0 0;
		width: 870px;
	}
	
		DIV#content_left
		{
			float: left;
			margin: 0 15px 0 15px;
			width: 185px;
		}
			
			DIV#content_left_backdrop
			{
				background: url('../image/layout/backdrop_left.jpg') repeat-y;
				margin: 0 0 15px 0;
			}
			
				DIV#content_left_backdrop P
				{
					background: url('../image/layout/left_content.jpg') no-repeat #FFFFFF;
					height: 139px;
					padding: 0 0 15px 0;
					text-indent: -99999px;
					width: 185px;
				}
		
		DIV#content_mid
		{
			float: left;
			width: 430px;
		}
		
			DIV#content_mid P { line-height: 16px; }
		
		DIV#content_right
		{
			background: url('../image/layout/backdrop_right.jpg') repeat-y;
			float: left;
			margin: 10px 0 0 15px;
			min-height: 400px;
			height: auto !important;
			#height: 400px;
			position: relative;
			width: 196px;
		}
		
			DIV#cygnific_logo
			{
				bottom: -2px;
				position: absolute;
			}
		
		DIV.mid_fill
		{
			background: url('../image/layout/backdrop_mid.jpg') repeat-y;
		}

	
/*Navigaties
-----------------------------------------------------*/
UL#navigation
{
	list-style-type: none;
	padding: 5px 15px 10px 15px;
}

	UL#navigation LI { margin: 5px 0; }
	
		UL#navigation LI A
		{
			background: url('../image/layout/dot.png') no-repeat left top;
			color: #FFFFFF;
			display: block;
			font-weight: bold;
			height: 20px;
			padding: 4px 0 0 30px;
			text-decoration: none;
		}
		
		UL#navigation LI A:hover { background-position: left bottom }

/*Formulieren
-----------------------------------------------------*/
FORM#fContact { margin: 20px 0 0 0; }

	FORM#fContact BR { clear: both; }

	FORM#fContact LABEL
	{
		display: block;
		float: left;
		margin: 2px 0 5px 0;
		width: 140px;
	}

	FORM#fContact INPUT.field
	{
		float: left;
		margin: 0 0 5px 0;
		width: 200px;
	}
	
	FORM#fContact TEXTAREA
	{
		float: left;
		height: 120px;
		margin: 0 0 5px 0;
		width: 250px;
	}