/* ----------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:		0.7
author:		Damien van Holten, Ellen Pronk
email:		info@essencia.nl
website:		http://www.essencia.nl

rood:			#cd1b38
blauw:		#00255e

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

*
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial, verdana, helvetica, sans-serif;
}

:focus
{
	outline: none;
}

body
{
	font-size: 75%;
	color: #111;
	background-color: #00255e;
}

.no-margin
{
	margin: 0;
}

.blue
{
	color: #00255e;
}

.clear-both
{
	clear: both;
}

img.right
{
	float: right;
	padding: 5px 0 5px 5px;
}

/* LINKS  ------------------------------------------------------------------------------------------------------ */

a:link,
a:visited
{
	color: #cd1b38;
	border-bottom: 1px dotted #bbb;
	text-decoration: none;
}
	
a:hover,
a:active 
{
	color: #cd1b38;
	border-bottom: 1px dotted #cd1b38;
}

a.unob:link,
a.unob:visited,
a.unob:hover,
a.unob:active 
{
	color: #666;	
}

#wrapper
{
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 756px;
	background-color: #FFF;
}

* html #wrapper
{
	width: 746px;
}

/* contact block ------------------------------------------------------------------------------------------------------ */

address
{
	width: 756px;
	margin: 0 auto;
	color: #bbb;
	padding: 10px 0;
	text-align: right;
	font-style: normal;
}

address span
{
	color: #435b7f;
	padding: 0 1px;
}

address a:link,
address a:visited
{
	color: #bbb;
	border: none;
	text-decoration: none;
}

address a:hover,
address a:active
{
	color: #bbb;
	border: none;
	text-decoration: underline;
}

/* header ------------------------------------------------------------------------------------------------------ */

h1
{
	display: none;
}

#header_beeld
{
	clear: both;
}
.logo
{
	position: absolute;
	margin: 0;
	padding: 0 0 5px 0;
	top: 30px;
	left: 15px;
}

/* NAVIGATIE ------------------------------------------------------------------------------------------------------ */

#navigatie
{
	float: right;
	margin: 65px 0 0 0;
	list-style: none;
}

* html #navigatie
{
	margin: 10px -10px 0 0;
}

#navigatie li
{
	position: relative;
	float: left;
}

#navigatie li a:link,
#navigatie li a:visited
{
	display: block;
	padding: 11px 8px;
	text-decoration: none;
	font-size: 14px;
	border: none;
}

#navigatie li a:hover,
#navigatie li a:active
{
	text-decoration: underline;
	color: #cd1b38;
	border: none;
}
	
#navigatie li a.active
{
	background-color: #cd1b38;
	color: #fff;
	border: none;
}

#nav_blok
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 187px;
	background: #cd1b38;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;	
}

#nav_blok_projecten
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 55px;
	background: #cd1b38;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;	
}

#subnav
{
	list-style: none;
}

#subnav li
{
	background: none;
	padding: 3px 0;
	margin: 0;
}

#subnav li.active
{
	font-weight: bold;
}

#subnav li a:link,
#subnav li a:visited
{
	color: #00255e;
	border: none;
}

#subnav li a:hover,
#subnav li a:active
{
	color: #cd1b38;
	border: none;
}


/* stramien ------------------------------------------------------------------------------------------------------ */

.column_wrap
{
	clear: both;
	margin: 0 14px 0 14px;
}

.column-left
{
	float: left;
	margin: 0 14px 0 0;
	width: 218px;
}

.column-right
{
	float: right;
	width: 496px; /* 496 */
}

.portfolio-left
{
	width: 268px;
}

.portfolio-left p
{
}

.portfolio-right
{
	width: 446px;
}

.portfolio-right img
{
	float: right;
	margin: 20px -5px 15px 0;
}

#footer
{
	clear: both;
	width: 756px;
	margin: 0 auto;
	color: #bbb;
	padding: 10px 0;
	text-align: right;
}

.splitline
{
	clear: both;
	position: relative;
	height: 15px;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
}

.splitline img
{
	position: absolute;
	bottom: 0;
	left: 0;
}


/* Typography ------------------------------------------------------------------------------------------------------- */

h2
{
	padding: 15px 0 6px 0;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.2em;
	color: #cd1b38;
	letter-spacing: -1px;
}

h3
{
	padding: 15px 0 0px 0;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	color: #cd1b38;
}

.column-right h3
{
	padding: 0px 0 0px 0;
}

h4
{
	padding: 5px 0 0px 0;
	font-size: 1em;
	line-height: 1.2em;
	color: #333;
}

h5
{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #333;
}

h6
{
	font-weight: normal;
	color: #cd1b38;
}

p,
.link-external-werkitem
{
	margin: 0 0 15px 0;
	line-height: 1.5em;
	color: #333;
}

.column_wrap ul
{
	list-style: none;
	padding: 0 0 10px 0;
	line-height: 1.4em;
}

.column_wrap ul li
{
	padding: 0 0 0 13px;
	margin: 2px 0;
	color: #333;
	background-image: url(/images/bg-icon.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}

.column_wrap ul.link-list li
{
	background-image: url(/images/bg-icon-red.gif);
	background-position: 3px 6px;
}


.column_wrap dl
{
	padding: 0;
	width: 48%;
	float: left;
}

.column_wrap dt
{
	font-weight: bold;
	color: #111;
	margin: 15px 0 0 0;
	padding: 0;
	background: none;
}

.column_wrap dd
{
	margin: 0;
	padding: 2px 0;
	background: none;
	color: #111;
}

.column_wrap .portfolio-left dl
{
	margin: -15px 0 0 0;
	padding: 0;
	width: 100%;
	background: none;
}

.column_wrap dl.infocus
{
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	float: none;
	border-top: 1px solid #f3f3f3;
	color: #111;
}

.column_wrap dl.infocus dt
{
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0;
	width: 100px;
	border-bottom: 1px solid #f3f3f3;
	font-weight: bold;
	background: none;
	color: #111;
}

.column_wrap dl.infocus dd
{
	color: #111;
	margin: 0 0 0 100px;
	border-bottom: 1px solid #f3f3f3;
	background: none;
	color: #111;
}


/* Link styling ------------------------------------------------------------------------------------------------------ */

.ref a:link,
.ref a:visited 
{
	color: #cd1b38;
	text-decoration: none;
	background-image: url(../images/bl_arrow.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.ref a:hover,
.ref a:active
{
	text-decoration: underline;
}

/* HOMEPAGE -------------------------------------------------------------------------------------------------------- */

.actueel
{
	float: right;
	width: 240px;
}

img.actueel
{
	float: left;
}

.actueel p
{
	margin: 0;
}

/* Project Thumbnail ------ */

.project-thumb
{
	float: left;
	margin: 5px 5px 5px 0;
	width: 240px;
	height: 12em;
}

.even
{
	margin: 5px 0px 5px 0;
}


.project-thumb h3
{
	padding: 6px 0;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
}

 
.project-thumb h3 a:link,
.project-thumb h3 a:visited
{
	color: #cd1b38;
	text-decoration: none;	
}

.project-thumb h3 a:hover,
.project-thumb h3 a:active
{
	color: #cd1b38;
	border-bottom: 1px dotted #cd1b38;	
} 
	
.project-thumb a
{
	border: none;
}

.project-thumb p
{
	margin: 0 0 25px 0;
}

/* Nieuws homepage ------ */

p.datum
{
	margin: 0;
	font-size: 0.8em;
	padding: 3px 0 1.5em 0;
	color: #999;
	border-top: 1px solid #ddd;
}

#nieuws-home h3
{
	margin: 2px 0 0 0;
	padding: 0;
}

#nieuws-home p
{
	margin: 0 0 3px 0;
}

/* NIEUWS ------------------------------------------------------------------------------------------------------ */

ul.nieuwsitem-titel
{
	list-style: none;
	margin: 0 0 20px 0;
}

ul.nieuwsitem-titel li
{
	margin: 0;
	padding: 0;
	background: none;
}

ul.nieuwsitem-titel li a:link,
ul.nieuwsitem-titel li a:visited
{
	color: #00255e;
	text-decoration: none;
}

ul.nieuwsitem-titel li a:hover,
ul.nieuwsitem-titel li a:active
{
	color: #cd1b38;
	text-decoration: underline;
}

.nieuwsitem-link a:link,
.nieuwsitem-link a:visited
{
	color: #cd1b38;
	text-decoration: none;
	background-image: url(../images/icon-external.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.nieuwsitem-link a:hover,
.nieuwsitem-link a:active
{
	color: #00255e;
	text-decoration: underline;
} 


.nieuwsitem-info
{
	margin: 0 0 10px 0;
	color: #666;
	text-align: right;
}

p#nieuwsarchief-link
{
	margin: 20px 0 0 0;
}

p#nieuwsarchief-link a:link,
p#nieuwsarchief-link a:visited
{
	color: #00255e;
	text-decoration: none;
	background-image: url(../images/bl_arrow_blue.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

p#nieuwsarchief-link a:hover,
p#nieuwsarchief-link a:active
{
	color: #cd1b38;
	text-decoration: underline;
	background-image: url(../images/bl_arrow.gif);
}

.nieuwsitem-nav
{
	margin: 20px 0 0 0;
	padding: 8px 0px 0px 0px;
}

.nieuwsitem-prev
{
	float: left;
	background-image: url(../images/bl_arrow_blue_back.gif);
	background-repeat: no-repeat;
	background-position: 0% 3px;
	padding-left: 15px;
}

a:link.nieuwsitem-prev,
a:visited.nieuwsitem-prev
{
	color: #00255e;
	border: none;
}

.nieuwsitem-next
{
	float: right;
	background-image: url(../images/bl_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 100% 3px;
	padding-right: 15px;
}

a:link.nieuwsitem-next,
a:visited.nieuwsitem-next
{
	color: #00255e;
	border: none;
}

/* DROPDOWN ------------------------------------------------------------------------------------------------------ */

#pulldown
{
	position: relative;
	height: 46px;
	margin: 0 0 0 0;
}

.select_pulldown ul
 { 	
 	z-index: 3;
 	position: absolute;
 	display: inline;
 	left: 145px;
 	top: 5px; 
 	text-indent: 5px;
 	padding: 0;
	margin: 0;
	list-style: none;
 	width: 210px;
 	color: #6a6a6a;
 }

.pulldown-klanten ul
{
 	left: 323px;
}

.select_pulldown ul li
{
	background-image: none;
	padding: 0;
}

.select_pulldown ul li a:link, 
.select_pulldown ul a:visited
{
	display: block;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/layout/icon-pulldown.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-color: #fff;
	width: 160px;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #fafafa;
	border-right: 2px solid #fafafa;
	border-top: 2px solid #848484;
	border-left: 2px solid #848484;
	color: #6a6a6a;
}

.select_pulldown ul a:hover
{
}

.select_pulldown ul li ul
 {
 	position: absolute;
 	z-index: 4;
 	margin: 14px 0 0 -145px;
 	background-image: none;
 	color: #6a6a6a;
 	display: none;
 	width: 160px;
 	border: 1px solid #848484;
 	border-top: 1px solid #ccc;
 	padding: 0;
 }

.pulldown-klanten ul li ul
{
	z-index: 4;
	margin: 14px 0 0 -323px;
}

.select_pulldown ul li ul li,
.select_pulldown-klant ul li ul li
{
	margin: 0;
	padding: 0;
}

.select_pulldown ul li ul a:link, 
.select_pulldown-klant ul li ul a:link, 
.select_pulldown ul li ul a:visited, 
.select_pulldown-klant ul li ul a:visited
{
	display: block;
	margin: 0; /* 2px 0 0 */
	padding: 2px 0;
	color: #6a6a6a;
	background-image: none;
	background-color: #fff;
	width: 160px;
	border: none;
}

.select_pulldown ul li ul a:hover, 
.select_pulldown-klant ul li ul a:hover
{
	background-color: #f3f3f3;
	color: #333;
}
 
.select_pulldown ul li:hover ul,
.select_pulldown ul li.sfhover ul
 {
 	list-style: none;
 	display: block;
 }

/* Contact pagina  --------------------------------------------------------------------------------------------------- */

#map
{
	clear: left;
	margin: 5px 0 0 0;
	width: 492px; /* old 464px */
	height: 341px;
	border: 1px solid #ccc;
}

.details-block
{
	float: left;
	width: 245px;
}

/* Klantenlijst pagina  --------------------------------------------------------------------------------------------------- */

#klantenlijst-legenda
	{
	margin: 24px 0 0 4px;
	padding: 0px 0 10px 0;
	border-top: 1px solid #f3f3f3;
	list-style: none;
	}

#klantenlijst-legenda li strong
	{
	color: #fe1004;
	font-weight: normal;
	font-size: 9px;
	}
	
.werkoverzicht-nav
{
	clear: both;
}
#klantenlijst-legenda li
	{
	float: left;
	position: relative;
	margin: 0;
	padding: 4px 4px;
	background: none;
	font-weight: normal;
	font-size: 9px;
	color: #999;
	}

#klantenlijst-legenda li img
	{
	float: left;
	position: relative;
	margin: 3px 4px 0 0;
	}

table.diensten-lijst
{
	width: 100%;
	margin: 0 0 1em 0;
}

table.diensten-lijst thead tr td
{
	text-align: left;
	font-weight: bold;
	color: #cd1b38;
	border-bottom: 1px solid #999;
	padding: 0.3em 0.3em 0.3em 0;
}

table.diensten-lijst tbody tr td
{
	vertical-align: top;
	padding: 0.3em 0.6em 0.3em 0;
	border-bottom: 1px solid #ccc;
}

/* Nieuws redesign
------------------------------------------------------------------------------------------------ */

h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active
{
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: none;
}

p.meta,
p.meta a
{
	color: #999;
}

p.meta a:hover
{
	color #333;
}

ul#subnav li.subitem
{
	margin-left: 20px;
}