@import url('thickbox.css');

*
{
	margin: 0;
	_overflow-x: hidden;
	padding: 0;
}

HTML, BODY { height: 100%;}

BODY
{
	background: url('../image/layout/backdrop.jpg') repeat-x #FFFFFF;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 10px;
	padding: 0 !important;
}

IMG { border: 0; }

TD { line-height: 18px; vertical-align: top; }
TH { text-align: left; }

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

.mr20 { margin-right: 20px; }

/*Headings
-----------------------------------------------------*/
H1
{
	background: url('../image/layout/title_ops.gif') 0 4px no-repeat;
	font-size: 20px;
	height: 22px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

H2
{
	font-size: 18px;
	margin: 0 0 10px 0;
}

H3
{
	color: #23378E;
	font-size: 12px;
	margin: 0 0 10px 0;
}

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

A:hover
{
	color: #888888 !important;
}

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

	DIV#content
	{
		background: url('../image/layout/backdrop_content.jpg') repeat-y;
		#background: none;
		margin: 0 0 0 4px;
		padding: 30px 0 50px 0;
	}
	
		DIV#cont_left
		{
			background: none;
			float: left;
			padding: 0 25px;
			width: 590px;
		}
		
			DIV#cont_left P { line-height: 18px; }
			DIV#cont_left UL { line-height: 18px; padding: 0 0 0 20px; }
		
			DIV.content
			{
				float: left;
				line-height: 18px;
				text-align: justify;
				width: 280px;
			}
			
			DIV.portfolio_item
			{
				border-bottom: solid 1px #D1D1D1;
				min-height: 190px;
				padding: 20px 0 30px 0;
			}
		
		DIV#cont_right
		{
			float: left;
			margin: 0 0 0 15px;
			width: 303px;
		}

DIV#footer
{
	background: url('../image/layout/backdrop_footer.jpg') repeat-x;
	margin: 0 auto;
	height: 27px;
}

	DIV#footer IMG
	{
		display: block;
		margin: 0 auto;
	}

DIV.home_portfolio
{
	float: left;
	width: 140px;
}

/*Navigaties
-----------------------------------------------------*/
/*topnav*/
UL#topnav { list-style-type: none; }

	UL#topnav LI
	{
		display: block;
		float: left;
		height: 81px;
		text-indent: -99999px;
	}

		UL#topnav LI A
		{
			display: block;
			height: 81px;				
		}

		UL#topnav LI A#home_btn {	background: url('../image/btn/home.jpg') no-repeat top left; width: 172px; }
		UL#topnav LI A#portfolio_btn {	background: url('../image/btn/portfolio.jpg') no-repeat top left; width: 326px; }
		UL#topnav LI A#afdelingen_btn {	background: url('../image/btn/afdelingen.jpg') no-repeat top left; width: 279px; }
		UL#topnav LI A#contact_btn {	background: url('../image/btn/contact.jpg') no-repeat top left; width: 183px; }
		
		UL#topnav LI A#home_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#portfolio_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#afdelingen_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#contact_btn:hover {	background-position: bottom left; }

/*rightnav*/
UL#rightnav
{
	list-style-type: none;
	margin: 0 0 0 -4px;
}

	UL#rightnav LI
	{
		display: block;
		float: left;
		height: 120px;
		text-indent: -999999px;
		width: 295px;
	}
	
		UL#rightnav LI A
		{
			display: block;
			height: 110px;
			width: 313px;
		}
		
		UL#rightnav LI A#bedrijfscommunicatie_btn {	background: url('../image/btn/bedrijfscommunicatie.jpg') no-repeat top left; }
		UL#rightnav LI A#grafischevormgeving_btn {	background: url('../image/btn/grafischevormgeving.jpg') no-repeat top left; }
		UL#rightnav LI A#internet_btn {	background: url('../image/btn/internet.jpg') no-repeat top left; }
		UL#rightnav LI A#audiovisueel_btn {	background: url('../image/btn/audiovisueel.jpg') no-repeat top left; }
		
		UL#rightnav LI A#bedrijfscommunicatie_btn:hover { background-position: bottom left; }
		UL#rightnav LI A#grafischevormgeving_btn:hover { background-position: bottom left; }
		UL#rightnav LI A#internet_btn:hover { background-position: bottom left; }
		UL#rightnav LI A#audiovisueel_btn:hover { background-position: bottom left; }

/*rightnav*/
UL#sitenav 
{
	float: right;
	list-style-type: none;
}

	UL#sitenav LI
	{
		border-right: solid 1px #BCBCBC;
		border-left: solid 1px #FFFFFF;
		display: block;
		float: left;
	}
	
		UL#sitenav LI A
		{
			color: #888888;
			display: block;
			padding: 3px 7px 4px 7px;
		  	text-decoration: none;
		}
		
		UL#sitenav LI A:hover, UL#sitenav LI#current A
		{
			background: #000000;
			color: #FFFFFF;
		}

/* --- list*/
UL.list
{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0 0 0 20px;
}

/*Formulier
-----------------------------------------------------*/
LABEL
{
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 140px;
}

LABEL.dw { width: 180px; }

	LABEL SPAN { color: #DD0000; }

INPUT.field
{
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 3px;
	width: 250px;
}

TEXTAREA
{
	margin: 0 0 5px 0;
	height: 130px;
	width: 255px;
}

SELECT
{
	margin: 0 0 5px 0;
	width: 255px;
}