/*Imports
-----------------------------------------------------*/
@import url('form.css');
@import url('slider.css');

/*CSS
-----------------------------------------------------*/
img { _behaviour: url('../js/iepngfix.htc'); }

*
{
	margin: 0;
	padding: 0;
}

HTML, BODY { height: 100%;}

BODY
{
	background: url('../image/layout/backdrop.jpg') repeat-x #E0E5EB;
	color: #00275D;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

IMG { border: 0; }

sup { font-size: 9px; line-height: 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: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 24px;
	margin: 10px 0;
	padding: 10px 0 0 20px;
	width: 436px;
}

H1.geveltechniek { background: url('../image/layout/geveltechniek/backdrop_title.jpg') no-repeat; }
H1.precon { background: url('../image/layout/precon/backdrop_title.jpg') no-repeat; }
H1.stalen_bekistingstechniek { background: url('../image/layout/stalen_bekistingstechniek/backdrop_title.jpg') no-repeat; }
H1.engineering_en_machinery { background: url('../image/layout/engineering_en_machinery/backdrop_title.jpg') no-repeat; }

H2 { font-size: 18px; }

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

A:hover
{
	color: #BBBBBB;
}

/*Div elementen
-----------------------------------------------------*/
DIV#shadow
{
	background: url('../image/layout/shadow.jpg') no-repeat 50% 0;
	height: 100%;
	_height: 500px;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 1050px;
}

DIV#wrapper
{
	background: url('../image/layout/backdrop.jpg') repeat-x #009ADA;
	border-left: solid 1px #FFFFFF;
	position: relative;
	margin: 0 auto;
	padding: 36px 0 0 0;
	width: 1000px;
}

	DIV#cont_left
	{
		background: #009ADA;
		float: left;
		height: auto;
		min-height: 100% !important;
		#height: 100%;
		overflow-x: hidden;
		_height: 600px;
		width: 249px;
	}
	
		DIV#logo
		{
			background: #FFFFFF;
			overflow-x: hidden;
			height: 88px;
			padding: 18px 0 5px 25px;
		}
		
			DIV#logo IMG { position: absolute; }
		
		DIV#talen
		{
			margin: 10px 0 0 25px;
		}
		
		A#hg
		{
			background: #FFFFFF;
			bottom: 195px;
			display: block;	
			position: absolute;
			width: 249px;
		}
		
		DIV#adres
		{
			background: #2BABE0;
			border: solid 1px #FFFFFF;
			border-right: 0;
			bottom: 11px;
			line-height: 18px;
			margin: 0 0 -12px -1px;
			overflow-x: hidden;
			padding: 10px;
			position: absolute;
			width: 229px;
		}
	
	DIV#cont_right
	{
		background: #FFFFFF;
		float: left;
		min-height: 570px;
		_height: 600px;
		overflow-x: hidden;
		padding: 0 0 36px 0;
		width: 751px;
	}
		
		DIV#header_container { height: 108px; }
	
			DIV#header_container IMG { display: none; float: left; }
		
		DIV#navigatie
		{
			background: url('../image/layout/backdrop_navigatie.jpg') no-repeat;
			border-left : solid 3px #FFFFFF;
			border-top : solid 2px #FFFFFF;
			height: 24px;
			margin: -2px 0 0 0;
			width: 751px;
		}
		
		DIV#cont_right_cont
		{
		}
		
			DIV#cont_right_cont_left
			{
				float: left;
				width: 456px;
			}
			
				DIV#cont_right_cont_left P { line-height: 18px; padding: 0 20px; }
			
			DIV#cont_right_cont_right
			{
				float: left;
				margin: 15px 0 0 20px;
				width: 248px;
			}

DIV#footer
{
	bottom: 0;
	padding: 0 0 0 26px;
	position: relative;
	width: 1000px;
}

	DIV#footer DIV.logo
	{
		border-top: solid 1px #FFFFFF;
		color: #FFFFFF;
		cursor: pointer;
		float: left;
		height: 15px;
		padding: 5px 0 2px 7px;
		width: 242px;
	}
		DIV#footer DIV#blauw { background: #009ADA; border-right: solid 1px #FFFFFF;  }
		DIV#footer DIV#rood { background: #CD1041; border-right: solid 1px #FFFFFF; }
		DIV#footer DIV#geel { background: #FCB131; border-right: solid 1px #FFFFFF; }
		DIV#footer DIV#groen { background: #01958A; }
		
		DIV.logo_popup
		{
			background: url('../image/layout/backdrop_footer.png') no-repeat 0 -3px #FFF;
			display: none;
			height: 122px;
			margin: -123px 0 0 -7px;
			position: absolute;
			padding: 0 0 0 0;
			width: 256px;
			z-index: 21;
		}
		
			DIV.logo_popup SPAN
			{
				height: 3px;
				margin: 0 0 12px 4px;
				display: block;
				width: 249px;
			}
			
				DIV.logo_popup SPAN#span_blauw { background: #009ADA; }
				DIV.logo_popup SPAN#span_rood { background: #CD1041; }
				DIV.logo_popup SPAN#span_geel { background: #FCB131; }
				DIV.logo_popup SPAN#span_groen { background: #01958A; }
		
			DIV.logo_popup IMG { display: block; margin: 0 auto; }

ul.downloads
{
	list-style-type: none;
	margin: 10px 0 0 20px;
}

	ul.downloads li { margin: 10px 0; }
	
		ul.downloads li img
		{
			float: left;
			margin-right: 5px;
		}
		
		ul.downloads li a { clear: both; }

P.intro_text
{
	margin-bottom: 20px;
}

/**/
div._categorie
{
	background: #E0E4E9;
	border-top-style: solid;
	border-top-width: 5px;
	margin: 0 0 20px 20px;
}

	div._categorie div._categorie_image
	{
		border-right-style: solid;
		border-right-width: 1px;
		float: left;
		width: 128px;
	}
	
		div._categorie div._categorie_image img
		{
			height: 98px;
			max-width: 128px;
		}
	
	div._categorie div._categorie_content
	{
		float: left;
		line-height: 21px;
		margin-left: 20px;
		padding-top: 30px;
	}
	
		div._categorie div._categorie_content strong { font-size: 16px; }

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

	UL#topnav LI
	{
		border-left: solid 1px #2E4E7A;
		border-right: solid 1px #011B3F;
		display: block;
		float: left;
		margin: 5px 0 0 0;
		padding: 0 10px;
	}
	
		UL#topnav LI A
		{
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		
		UL#topnav LI A:hover { color: #BBBBBB; }

/*Nieuws
-----------------------------------------------------*/
UL#mailing_list
{
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}

	UL#mailing_list LI
	{
		margin: 5px 0;
	}
	
		UL#mailing_list LI A
		{
		}
		
		UL#mailing_list LI A:hover
		{
		}

UL#cat_list
{
	list-style-type: none;
	margin-left: 20px;
}

	UL#cat_list LI
	{
		background: #E0E4E9;
		border: solid 1px #97A4B4;
		float: left;
		margin: 5px;
		padding: 20px;
		text-align: center;
		width: 150px;
	}
	
		UL#cat_list LI IMG
		{
			margin-right: 10px;
			width: 50px;
		}

ul.catlist
{
	list-style-type: none;
	margin-left: 20px;
}
	
	ul.catlist li
	{
		margin: 10px 0;
	}
	
		ul.catlist li a
		{
			background-repeat: no-repeat;
			color: #011b3f;
			display: block;
			font-weight: bold;
			padding: 0 0 3px 20px;
			text-decoration: none;
		}
		ul#lprecon li a { background-image: url('../image/layout/precon/smallh.jpg'); }
		ul#geveltechniek li a { background-image: url('../image/layout/geveltechniek/smallh.jpg'); }
		ul#stalen_bekistingstechniek li a { background-image: url('../image/layout/stalen_bekistingstechniek/smallh.jpg'); }
		ul#engineering_en_machinery li a { background-image: url('../image/layout/engineering_en_machinery/smallh.jpg'); }
		
			ul.catlist li a span { margin-left: 10px; }
			ul#lprecon li a span { color: #D30F3D; }
			ul#geveltechniek li a span { color: #009ADA; }
			ul#stalen_bekistingstechniek li a span { color: #FCB131; }
			ul#engineering_en_machinery li a span { color: #00958A; }

DIV.news_article
{
	padding: 20px 0;
	position: relative;
	width: 435px;
}

	div.news_article h2 { margin: 0 0 0 20px;}

	DIV.news_article IMG { max-width: 430px; }

table.contact tr td
{
	line-height: 18px;
	padding: 0 30px 0 20px;
}

/*Projecten
-----------------------------------------------------*/
DIV.project
{
	background: #E0E4E9;
	border: solid 1px #97A4B4;
	height: 113px;
	margin: 10px 0 10px 9px;
	padding: 10px;
	position: relative;
}
	DIV.project IMG { margin: 0 10px 0 0; }
	
	DIV.project TABLE TR TD { padding: 0 0 10px 0; }

	DIV.project A
	{
		/*
		bottom: 10px;
		position: absolute;
		right: 10px;
		*/
	}

DIV.photos { margin: 20px 0 0 20px; }