/* /////////// COLORS ///////////// */
/* body text color - darkgrey: #6a6a6a */
/* link text color - bluegreen: #1ac0b4 */
/* background color - lightgrey: #f3f3f3 */
/* middengrijs: #b6b6b6; */
/* introductie text color - blauwgroen: #58ccc3; */
/* kopjes kleur - rood: #fe1004; */


/* Global
------------------------------------------------------------------------------------------------ */

*
{
	margin: 0;
	padding: 0;
	border: 0;
	color: #3a3a3a;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
}

:focus
{
	outline: none;
}

#mygalone
{
	height: 230px;
	width: 744px;
	background: url(../images/homepage/ajax-loader.gif) 50% 50% no-repeat;
}

body
{
	background: url(../images/bg-body-new.jpg) 0 0 repeat-x #e9e9e9;
}

strong
{
	color: #6a6a6a;
}

.nowrap
{
	white-space: nowrap;
}

.clear
{
	clear: both;
}

/* Ahref
------------------------------------------------------------------------------------------------ */

a:link,
a:visited
{
	color: #1ac0b4;
	text-decoration: none;
}

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

.link-pdf
{
	background-image: url(../images/layout/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 1px 0 3px 23px;
}

.link-external
{
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	padding: 4px 0 4px 9px;
	margin: 0px 0 16px 0;
}

.link-external a:link,
.link-external a:visited
{
	padding: 0 0 0 18px;
	background-image: url(../images/icons/icon-external.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.link-external a:hover,
.link-external a:link
{
	text-decoration: underline;
}

.link-external-werkitem
{
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	padding: 4px 0 4px 9px;
	margin: 12px 0 16px 0;
}

.link-external-werkitem a:link,
.link-external-werkitem a:visited
{
	padding: 0 0 0 18px;
	background-image: url(../images/icons/icon-external.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.link-external-werkitem a:hover,
.link-external-werkitem a:link
{
	text-decoration: underline;
}

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

ul
{
	margin: 0 0 10px 0;
	padding: 0 8px 0 9px;
}

ul li
{
	background-image: url(../images/layout/icon-li.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 10px;
	list-style: none;
}

dl
{
	margin: 0 0 10px 0;
	padding: 0 8px 0 9px;
}

dt
{
	margin: 8px 0 0 0;
	font-weight: bold;
	color: #9a9a9a;
}

dd
{
	margin: 0 0 0 0px;
	background-image: url(../images/layout/icon-li.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 10px;
}

.content-1block p,
.content-2block p,
.content-3block p,
.content-4block p,
.content-5block p,
.content-6block p 
{
	color: #000;
	margin: 0px 8px 15px 8px;
}

.content-1block p.introduction,
.content-2block p.introduction,
.content-3block p.introduction,
.content-4block p.introduction,
.content-5block p.introduction,
.content-6block p.introduction
{
	margin: 8px 8px 15px 8px;
	font-weight: bold;
	color: #222;
}

p.highlight-block
{
	padding: 1em;
	border: 3px solid #ebebeb;
	background: #f4f4f4;
	color: #444;
}

p.highlight-block strong,
p.highlight-block a
{
	color: #444;
}

p.highlight-block a
{
	text-decoration: underline;
}

p strong
{
	color: #222;
}

p.datum
{
	margin: 0 0 8px 8px;
	font-size: 10px;
	color: #999;
}

p.first-paragraph
{
	margin-top: 8px;
}

.content-1block p img,
.content-2block p img,
.content-3block p img,
.content-4block p img,
.content-5block p img,
.content-6block p img 
	{
	margin: 10px 0;
	}

.content-1block h1,
.content-2block h1,
.content-3block h1,
.content-4block h1,
.content-5block h1,
.content-6block h1, 
.content-7block h1, 
.content-8block h1 
{
	margin: 10px 8px 15px 8px;
	font-size: 16px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #fe1004;
	font-weight: normal;
}

h2
{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	padding: 16px 0 0px 8px;
}

h3
{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
}
	
h3.big
{
	margin: 20px 0;
	font-size: 18px;
	font-weight: normal;
	color: #b6b6b6;
	text-align: center;
}

h4
{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	margin: 8px 0 0px 8px;
}

h5
{
	margin: 16px 0 0 8px;
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
}

.nieuwsitem h5
{
	margin-left: 0;
}

h6
{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	margin: 0 0 0 8px;
}

abbr
{
	border-bottom: #6a6a6a 1px dotted; 
	color: #000;
}

blockquote
{
	padding: 0 0 0 4.2em;
	margin: 0 1em 1em 0;
	color: #666;
	background: url(../images/bg-blockquote.gif) 0 0 no-repeat;
}

/* General layout
------------------------------------------------------------------------------------------------ */

#wrapper-outer
	{
	margin: 0 auto;
	width: 759px;
	background-color: #fff;
	position: relative;
	border-bottom: 15px solid #f3f3f3;
	}

#wrapper-inner
{
	margin: 0 0 0 8px;
	width: 743px;
	/*background-color: #f3f3f3;*/
	background-color: #f3f3f3;
}

#height-cutoff
{
	overflow: hidden;
}

#header
{
	height: 160px;
	background-color: #fff;
	border-bottom: 8px solid #f3f3f3;
}

#header-image
{
	background-color: #fff;
}

#header-image img
{
	display: block;
}

#header-quote
{
	background-color: #fff;
	margin: 0 0 1px 0; /* 	margin: 0 1px 1px 1px; */
}

.imgheader-mwah
{
	background: url(../thema/mwah/images/img-header-mwah-dlma.jpg) 0 0 no-repeat;
	width: 763px;
	height: 337px;
}

a:link.textlink,
a:visited.textlink
{
	display: block;
	text-align: right;
	text-decoration: underline;
	color: #fff;
	padding: 272px 44px 50px 0px;
}

a:hover.textlink,
a:active.textlink
{
	display: block;
	text-align: right;
	text-decoration: underline;
	color: #59cbc3;
	padding: 272px 44px 50px 0px;
}

#footer
{
	clear: both;
	position: relative;
	height: 20px;
	background-color: #000;
	padding: 2px 8px 1px 8px;
	font-size: 9px;
	color: #fff;
	border-top: 8px solid #f3f3f3;
}

#footer .float-left
{
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 9px;
	line-height: 14px;
	color: #fff;
	float: left;
}

#footer #links
{
	position: absolute;
	/*float: right;*/
	/*margin-top: -16px;*/
	left: 644px;
	top: 2px;
	font-size: 9px;
	line-height: 14px;
	color: #fff;
	text-align: right;
}
	
#footer #links a:link, #footer #links a:visited
{
	text-decoration: none;
	color: #fff;
	font-size: 9px;
}

#footer #links a:hover, #footer #links a:active
{
	text-decoration: underline;
}


/* Header
------------------------------------------------------------------------------------------------ */

.pre-footer
{
	height: 8px;
	background: #fff;
}

#footer-metadata
{
	padding: 8px 0;
	margin: 8px 0 0 0;
	background: #fff;
	border-bottom: 8px solid #000;
}

#footer-metadata h6
{
	margin: 0;
	padding: 0;
	color: #999;
}

#footer-metadata .section
{
	float: left;
	width: 240px;
}

#footer-metadata .section.border
{
	padding: 0 0 0 8px;
	border-left: 1px solid #ccc;
}

#footer-metadata .section p,
#footer-metadata .section a
{
	color: #999;
}

#footer-metadata:hover h6,
#footer-metadata:hover p,
#footer-metadata:hover a
{
	color: #666;
}

/* Header
------------------------------------------------------------------------------------------------ */

#logo-dlma
{
	position: absolute;
	top: 27px;
	left: 6px;
	width: 177px;
	height: 59px;
}

#logo-dlma h2
{
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

#logo-dlma h1
{
	font-size: 3em;
	text-indent: -9999em;
}

#logo-dlma-new
{
	position: absolute;
	top: 10px;
	left: 13px;
	width: 152px;
	height: 140px;
}

#logo-dlma-new h2
{
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

#logo-dlma-new h1
{
	font-size: 3em;
	text-indent: -9999em;
}

#contact-details
{
	position: absolute;
	top: 136px;
	right: 13px;
	text-align: right;
	width: 350px;
	height: 15px;
	background-color: #fff;
	color: #555;
	font-size: 11px;
}

#contact-details a:link,
#contact-details a:visited
{
	color: #666;
	text-decoration: underline;
}

#contact-details a:hover,
#contact-details a:active
{
	color: #ff0000;
}

#payoff-dlma
{
	position: absolute;
	top: 74px;
	right: 8px;
	text-align: right;
	width: 300px;
	height: 15px;
	background-color: #fff;
}

#payoff-dlma strong
{
	font-weight: normal;
}

/* Navigatie
------------------------------------------------------------------------------------------------ */

#navigation
{
	background-color: #fff;
	height: 48px;
	border-bottom: 8px solid #f3f3f3; /* ff0000 */
	background-color: #f3f3f3;
	background-image: url(../images/navigatie/bg-nav-blocks-new.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	}

#navigation.video
{
	border-bottom: none;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#navigation ul li
{
	display: block;
	float: left;
	height: 42px;
	width: 92px;
	background-color: #fff;
	margin: 0 1px 0 0;
	padding: 0;
	border-bottom: 6px solid #000;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: hand;
}

#wrapper-inner > #navigation ul li
{
	cursor: pointer;
}

#navigation ul li.overons,
#navigation ul li.overons_active
{
	background-image: url(../images/navigatie/bg-navigatie-overons.gif);
	background-position: 8px 50%;
}

#navigation ul li.werk, 
#navigation ul li.werk_active
{
	background-image: url(../images/navigatie/bg-navigatie-werk.gif);
}

#navigation ul li.diensten,
#navigation ul li.diensten_active
{
	background-image: url(../images/navigatie/bg-navigatie-diensten.gif);
}

#navigation ul li.vacatures,
#navigation ul li.vacatures_active
{
	background-image: url(../images/navigatie/bg-navigatie-vacatures.gif);
}
	
#navigation ul li.overons_active,
#navigation ul li.werk_active,
#navigation ul li.diensten_active,
#navigation ul li.vacatures_active
{
	border-bottom: 6px solid #ff0000;
}

#navigation ul li:hover,
#navigation ul li.sfHover
{
	border-bottom: 6px solid #ff0000;
}

#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:hover, 
#navigation ul li a:active
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* Level 2 subnavigatie
------------------------------------------------------------------------------------------------ */

#subnav_lv2
{
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;
}

#subnav_lv2 ul
{
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#subnav_lv2 ul li
{
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 6px 0 6px;
	margin: 13px 0 0 0;
	background-image: none;
}

#subnav_lv2 ul li a:link, #subnav_lv2 ul li a:visited
{
	text-decoration: none;
	color: #6a6a6a;
}

#subnav_lv2 ul li a:hover, #subnav_lv2 ul li a:active
	{
	color: #fe1004;
	}

#subnav_lv2 ul li.no-border
	{
	border: none;
	}

#subnav_lv2 ul li.home-link
	{
	float: right;
	border: none;
	}

#subnav_lv2 ul li a.active:link, #subnav_lv2 ul li a.active:visited
	{
	color: #fe1004;
	}

/* Level 3 subnavigatie
------------------------------------------------------------------------------------------------ */

.subnav_lv3
	{
	background-color: #fff;
	padding: 7px 0 14px 0;
	}

.subnav_lv3 ul,
{
	list-style: none;
	margin: 0;
	padding: 0;
	}

.subnav_lv3 ul li
	{
	background-image: none;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 19px;
	text-indent: -10px;
	}

.subnav_lv3 ul li a:link, 
.subnav_lv3 ul li a:visited
	{
	text-decoration: none;
	color: #6a6a6a;
	background-image: url(../images/layout/icon-li-open.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 9px;
	margin: 0;
	}

.subnav_lv3 ul li a:hover, 
.subnav_lv3 ul li a:active
	{
	color: #fe1004;
	}

.subnav_lv3 ul li a.active:link, 
.subnav_lv3 ul li a.active:visited
	{
	color: #fe1004;
	background-image: url(../images/layout/icon-li-closed.gif);
	}

ul.link-list
	{
	margin: 0;
	padding: 0;
	}

ul.link-list li
	{
	background-image: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 8px;
	text-indent: -10px;
	}

ul.link-list li a:link, 
ul.link-list li a:visited
	{
	text-decoration: none;
	color: #6a6a6a;
	background-image: url(../images/layout/icon-li-open.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 9px;
	margin: 0;
	}

ul.link-list li a:hover, 
ul.link-list li a:active
	{
	color: #fe1004;
	}
	
ul.grey-bullet
	{
	margin: 0 8px 8px 0;
	padding: 0;
	}

ul.grey-bullet li
	{
	background-image:  url(../images/layout/icon-li-grey.gif);
	background-position: 0 8px;
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 0 8px;
	text-indent: 0px;
	color: #666;
	}
	
	
/* General content flow blocks
------------------------------------------------------------------------------------------------ */

.content-8block
	{
	float: left;
	width: 743px;
	background-color: #fff;
	}

.content-7block
	{
	float: left;
	width: 650px;
	background-color: #fff;
	}
	
.content-6block
	{
	float: left;
	width: 557px;
	background-color: #fff;
	}

.content-5block
	{
	float: left;
	width: 464px;
	background-color: #fff;
	}
	
.content-4block
	{
	float: left;
	width: 371px;
	background-color: #fff;
	}

.content-3block
	{
	float: left;
	width: 278px;
	background-color: #fff;
	}

.content-2block
	{
	float: left;
	width: 185px;
	background-color: #fff;
	}

.content-2block-right
	{
	float: right;
	width: 185px;
	background-color: #fff;
	}

.content-1block
	{
	float: left;
	/* line-height: 0px; */
	width: 92px;
	background-color: #fff;
	}
	
/* Content block styling
------------------------------------------------------------------------------------------------ */

.border-left
	{
	border-left: 1px solid red;
	}

.border-right
	{
	margin: 0 1px 0 0;
	}

.border-top
	{
	border-top: 1px solid #f3f3f3;
	}


.full-height
	{
	padding-bottom: 5000px;
	margin-bottom: -5000px;
	}

.grey
	{
	background-color: #f3f3f3;
	}

.kader-simple
	{
	margin: 0px 8px 15px 8px;
	padding: 8px 0px 0px 0px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-color: #f3f3f3;
	}

.kader
	{
	margin: 0px 8px 15px 8px;
	padding: 0 0px 5px 0px;
	border-top: 2px solid #fe1004;
	border-bottom: 1px solid #3a3a3a;
	background-color: #f3f3f3;
	}

.kader h4
{
	margin 0 0 5px 0;
	padding: 0;
	color: #fe1004;
	text-decoration: none;
}
	
.kader ul
	{
	margin: 10px 0 -3px 0;
	padding: 0;
	list-style: none;
	}
	
.kader ul li
	{
	margin: 0;
	padding: 2px 8px;
	background-image: none;
	border-top: #b6b6b6 solid 1px;
	
	}

.bg-green
{
	/*padding: 0 0 16px 0;*/
	background-color: #E3E3E3;
	background-image: url(../images/layout/icon-li-arrow-down.gif);
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

/* Homepage general setup
------------------------------------------------------------------------------------------------ */

.header_visual
{
	border-top: 8px solid #f3f3f3;
	border-bottom: 8px solid #f3f3f3;
}

.content-porfolio-item
{
	height: 140px;
	border-bottom: 1px solid #f3f3f3;
}

.content-porfolio-item img.case-image
	{
	width: 185px;
	padding: 8px 0 7px 0;
	float: left;
	border-right: 1px solid #f3f3f3;
	background-color: #fff;
	}

.content-porfolio-item-inner
	{
	height: 136px;
	position: relative;
	padding: 4px 8px 0 8px;
	width: 169px;
	float: left;
	background-color: #fff;
	}

.content-porfolio-item-inner:hover
{
	background-color: #f3f3f3;
}

.content-porfolio-item-inner strong
	{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	}

.content-porfolio-item-inner p
	{
	margin: 0;
	padding: 0;
	}

.content-porfolio-item-inner a:link strong,
.content-porfolio-item-inner a:visited strong
	{
	color: #fe1004;
	}

.content-porfolio-item-inner a:hover strong,
.content-porfolio-item-inner a:active strong
	{
	text-decoration: underline;
	}

.content-porfolio-item-inner a:link,
.content-porfolio-item-inner a:visited
	{
	display: block;
	color: #6a6a6a;
	text-decoration: none;
	}

.content-porfolio-item-inner a:hover,
.content-porfolio-item-inner a:active
	{
	color: #000;
	text-decoration: underline;
	}

.content-news-detail
	{
	padding: 8px 8px 0 8px;
	width: 74px;
	float: left;
	background-color: #fff;
	font-size: 9px;
	line-height: 13px;
	}

.content-news-detail ul, .content-news-detail ul li
	{
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 13px;
	list-style: none;
	background-image: none;
	}

.content-news-detail ul li.cat
	{
	color: #ff0204;
	}

.content-news-detail ul li.cat a:link, .content-news-detail ul li.cat a:visited
	{
	color: #ff0204;
	text-decoration: none;
	}

.content-news-detail ul li.cat a:hover, .content-news-detail ul li.cat a:active
	{
	text-decoration: underline
	}

.content-news-detail ul li.posted
	{
	color: #aaa;
	}

.content-news-detail ul li.name
	{
	/*color: #1ac0b4;*/
	color: #aaa;
	}

.content-news-detail a:link, 
.content-news-detail a:visited, 
.content-news-detail a:hover, 
.content-news-detail a:active
	{
	font-size: 9px;
	line-height: 13px;
	}

.content-news-image
	{
	padding: 8px 0 7px 0;
	width: 92px;
	float: left;
	background-color: #fff;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	}

.content-news-image img
	{
	display: block;
	}

.content-news-description
	{
	height: 136px;
	padding: 4px 0 0 8px;
	width: 177px;
	float: left;
	background-color: #fff;
	}

.content-news-description:hover
	{
	background-color: #f3f3f3;
	}

.content-news-description strong
	{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	}

.content-news-description p
	{
	margin: 0;
	padding: 0;
	}

.content-news-description a:link strong,
.content-news-description a:visited strong
	{
	color: #fe1004;
	}

.content-news-description a:hover strong,
.content-news-description a:active strong
	{
	text-decoration: underline;
	}

.content-news-description a:link,
.content-news-description a:visited
	{
	display: block;
	color: #6a6a6a;
	}

.content-news-description a:hover,
.content-news-description a:active
	{
	color: #000;
	text-decoration: underline;
	}

#actueel-block
{
	height: 282px;
	background-color: #FFF;
	border-right: 1px solid #f3f3f3;
	overflow: hidden;
}

.read-more
	{
	height: 22px;
	padding: 4px 0 0 8px;
	background-color: #fff;
	}

.read-more a:link, .read-more a:visited
	{
	text-decoration: none;
	color: #ff1200;
	background-image: url(../images/case/bg-case-arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 100% 4px;
	padding-right: 15px;
	}

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

/* Werk overzicht
------------------------------------------------------------------------------------------------ */

.overzicht-werk-small h3
	{
	margin: 8px 0 0 0;
	}

.overzicht-werk-small
	{
	float: left;
	height: 216px;
	width: 169px;
	padding: 4px 8px 0 8px;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
	}

.overzicht-werk-small p
	{
	padding: 0 0 10px 0;
	color: #f3f3f3;
	}
	
.overzicht-werk-small p strong
	{
	margin: 8px 0 -16px 0;
	padding: 0;
	display: block;
	height: 20px;
	}
	
.overzicht-werk-small img
	{
	display: block;
	margin: 0px 0 8px 0;
	}


.overzicht-werk-small a:link strong,
.overzicht-werk-small a:visited strong
	{
	color: #fe1004;
	text-decoration: none;
	}

.overzicht-werk-small a:hover strong,
.overzicht-werk-small a:active strong
	{
	text-decoration: underline;
	}

.overzicht-werk-small p a:link,
.overzicht-werk-small p a:visited
	{
	color: #6a6a6a;
	display: block;
	text-decoration: none;
	}

.overzicht-werk-small p a:hover,
.overzicht-werk-small p a:active
	{
	text-decoration: underline;
	color: #000;
	}

.no-border-right
	{
	border-right: 0;
	}
	
/* Titles
------------------------------------------------------------------------------------------------ */

.section-border
	{
	border-bottom: 1px solid #f3f3f3;
	margin: 8px 0 0 0;
	padding: 0 0 8px 0;
	}

.section-title,
.thema
{
 	position: relative;
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	padding: 1.1em 0;
	height: 1.4em;
}

.section-title h1,
.section-title h3,
.thema h1
{
	color: #fe1004;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0.3em;
}

.section-title-diensten
{
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	padding: 1.1em 0;
	height: 1.4em;
}

.section-title-diensten h1
{
	color: #fe1004;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0.3em;
}

.nieuwsitem .section-title h3
{
	margin-left: 0;
}
	
/* Overzicht illustratie
------------------------------------------------------------------------------------------------ */

#overzicht-illustratie-strategie
	{
	float: left;
	height: 40px;
	width: 743px;
	background-color: #f20f04;
	background-image: url(../images/layout/diensten/img-strategie.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	}

#overzicht-illustratie-ontwerp
	{
	float: left;
	height: 40px;
	width: 371px;
	background-color: #59cbc3;
	background-image: url(../images/layout/diensten/img-ontwerp.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#overzicht-illustratie-webtechnologie
	{
	float: left;
	height: 40px;
	width: 371px;
	background-color: #59cbc3;
	background-image: url(../images/layout/diensten/img-webtechnologie.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	}

#overzicht-illustratie-services
	{
	float: left;
	height: 40px;
	width: 743px;
	background-color: #f3f3f3;
	background-image: url(../images/layout/diensten/img-services.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}

#spacer-15
	{
	height: 8px;
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;
	clear: both;
	}

/* Dropdown menu (werk sectie)
------------------------------------------------------------------------------------------------ */

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

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

.select_pulldown ul li
{
	background-image: none;
	padding-left: 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: #f3f3f3;
	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 li ul
 {
 	z-index: 4;
 	background-image: none;
 	color: #6a6a6a;
 	display: none;
 	margin: 12px 0 0 -410px;
 	width: 160px;
 	border: 1px solid #848484;
 	padding-left: 0;
}

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

.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;
	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: #222;
}
 
.select_pulldown ul li:hover ul,
.select_pulldown ul li.sfhover ul
 {
 	list-style: none;
 	display: block;
 }

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

.nieuwsitem
	{
	margin: 0 0 0 8px;
	}

.nieuwsitem img
	{
	display: block;
	margin: 0 0 16px 0;
	}

.nieuwsitem h1
	{
	font-size: 16px;
	font-family: arial, verdana, helvetica, sans-serif;
	margin: 13px 0 11px 0;
	font-weight: normal;
	}

.nieuwsitem h1 span
	{
	color: #999;
	float: right;
	margin: 2px 8px 0 0;
	font-weight: normal;
	}

.nieuwsitem h2
{
	margin-left: -8px;
}

.nieuwsitem p
	{
	margin: 0 8px 8px 0;
	padding: 0;
	}

.nieuwsitem-link
	{
	border-top: 1px solid #f3f3f3;
	padding: 8px 0 8px 8px;
	}

.nieuwsitem-link a
	{
	padding: 0 0 0 18px;
	background-image: url(../images/icons/icon-external.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	}

.nieuwsitem-info
	{
	border-top: 1px solid #f3f3f3;
	padding: 8px 0 8px 8px;
	font-size: 9px;
	color: #999;
	}

.nieuwsitem-info span.naam
	{
	color: #3a3a3a;
	font-size: 9px;
	}

.nieuwsitem-info a:link, .nieuwsitem-info a:visited
	{
	font-size: 9px;
	color: #fe1004;
	text-decoration: none;
	}

.nieuwsitem-info a:hover, .nieuwsitem-info a:active
	{
	font-size: 9px;
	text-decoration: underline;
	}

.nieuwsitem-nav
	{
	border-top: 1px solid #f3f3f3;
	padding: 8px 8px 26px 8px;
	}

.nieuwsitem-prev
	{
	float: left;
	background-image: url(../images/case/bg-case-arrow-red-left.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding-left: 15px;
	}

a:link.nieuwsitem-prev,
a:visited.nieuwsitem-prev
	{
	color: #fe1004;
	}
	
.nieuwsitem-next
	{
	float: right;
	background-image: url(../images/case/bg-case-arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	padding-right: 15px;
	}

a:link.nieuwsitem-next,
a:visited.nieuwsitem-next
	{
	color: #fe1004;
	}

.nieuwsitem-short
	{
	border-bottom: 1px solid #f3f3f3;
	}

.nieuwsitem-short-desc
	{
	padding: 8px 0 8px 8px;
	width: 177px;
	background-color: #fff;
	}

.nieuwsitem-short-desc:hover
	{
	background-color: #eefaf9;
	}

.nieuwsitem-short-desc strong
	{
	font-size: 11px;
	font-weight: bolder;
	color: #fe1004;
	}

.nieuwsitem-short-desc p
	{
	margin: 0;
	padding: 0;
	}

.nieuwsitem-short-desc a:link strong,
.nieuwsitem-short-desc a:visited strong
	{
	color: #fe1004;
	text-decoration: none;
	}

.nieuwsitem-short-desc a:hover strong,
.nieuwsitem-short-desc a:active strong
	{
	color: #fe1004;
	text-decoration: underline;
	}

	
.nieuwsitem-short-desc a:link,
.nieuwsitem-short-desc a:visited
	{
	display: block;
	color: #999;
	}

.nieuwsitem-short-desc a:hover,
.nieuwsitem-short-desc a:active
	{
	color: #000;
	}

.nieuwsitem-short-info
	{
	font-size: 9px;
	padding: 4px 0 4px 8px;
	}

.nieuwsitem-short-info span.naam
	{
	color: #666;
	font-size: 9px;
	}

.nieuwsitem-short-info a:link,
.nieuwsitem-short-info a:visited
	{
	font-size: 9px;
	color: #fe1004;
	text-decoration: none;
	}

.nieuwsitem-short-info a:hover,
.nieuwsitem-short-info a:active	
	{
	font-size: 9px;
	text-decoration: underline;
	}

#nieuwsarchief-link
	{
	margin: 10px 0 10px 0px;
	padding: 5px 0 10px 8px;
	border-bottom: 1px solid #f3f3f3;
	}

#nieuwsarchief-link a,
#nieuwsarchief-link a:link,
#nieuwsarchief-link a:visited
	{
	color: #fe1004;
	}

#nieuwsarchief-link a:hover,
#nieuwsarchief-link a:active
	{
	text-decoration: underline;
	}


/* Werk
------------------------------------------------------------------------------------------------ */

.werkitem
{
	margin: 0 0 0 0px;
	background-color: #FFF;
}

.werkitem img
{
	margin: 12px 0 0 8px;
}


.werkitem h1
{
	padding: 13px 0 11px 8px;
	margin: 0;
	border-bottom: 1px solid #f3f3f3;
	color: #fe1004;
	font-size: 16px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
}

.werkitem h5
{
	margin: 10px 0 0 8px;
	font-weight: bold;
	padding: 0;
}

.werkitem p
{
	margin: 0 0 0 8px;
}

.werkitem dl
{
	margin: 20px 8px 0 8px;
	padding: 0 0 20px 0;
	border-top: 1px solid #f3f3f3;
}

.werkitem dt
{
	clear: both;
	display: block;
	float: left;
	margin: 0;
	width: 85px;
	border-bottom: 1px solid #f3f3f3;
	font-weight: normal;
}

.werkitem dd
{
	padding: 0px;
	margin: 0 0 0 86px;
	border-bottom: 1px solid #f3f3f3;
	background: none;
}


/* Sitemap
------------------------------------------------------------------------------------------------ */

h5.sitemap
{
	margin: 6px 0 2px 8px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #fe1004;
}

ul.sitemap
{
	margin: 8px 0 0 0;
	padding: 0;
	background: none;
}

ul.sitemap ul
{
	margin: 0;
	padding: 0 0 0 8px;
	background: none;
}

ul.sitemap li
{
	margin: 0;
	padding: 3px 0 8px 8px;
	border-top: 1px solid #f3f3f3;
	background: none;
	font-weight: bold;
	color: #3a3a3a;
}

ul.sitemap li li
{
	margin: 0;
	padding: 3px 0 4px 8px;
	border: none;
}

ul.sitemap li ul
{
	margin: 4px 0 0 8px;
	padding: 3px 0 5px 4px;
}

ul.sitemap li a,
ul.sitemap li a:link,
ul.sitemap li a:visited
{
	color: #3a3a3a;
	font-weight: normal;
}

ul.sitemap li a:hover,
ul.sitemap li a:active
{
	color: #fe1004;
	text-decoration: underline;
}

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

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

ul.legenda li img
{
	float: left;
	position: relative;
	margin: 3px 4px 0 0;
}

/* Navigatie - vorige/volgende nieuws
------------------------------------------------------------------------------------------------ */

.werkoverzicht-nav
{
	clear: both;
	padding: 8px 8px 26px 8px;
	background-color: #FFF;
}
	
.werkoverzicht-prev
{
	float: left;
	background-image: url(../images/case/bg-case-arrow-red-left.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding-left: 15px;	
}

a:link.werkoverzicht-prev,
a:visited.werkoverzicht-prev
{
	color: #fe1004;
}
	
.werkoverzicht-next
{
	float: right;
	background-image: url(../images/case/bg-case-arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	padding-right: 15px;
}

a:link.werkoverzicht-next,
a:visited.werkoverzicht-next
{
	color: #fe1004;
}

img.acc_holder
{
	border-top: 8px solid #f3f3f3;
}

.homepage_introduction h1
{
	padding: 10px 0 15px 0;
	margin: 0;
	color: #555;
	font-size: 19px;
	line-height: 28px;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif;
}

.homepage_introduction h1 a
{

}

.homepage_introduction h1 span
{
	color: #000;
	font-size: 19px;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
}

.homepage_introduction h1 span strong
{
	color: #f00;
	font-size: 19px;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
}

.homepage_introduction p
{
	padding: 0 0 15px 0;
	color: #555;
	font-size: 13px;
	font-family: arial, helvetica, verdana, sans-serif;
}

/* Freelance Form
------------------------------------------------------------------------------------------------ */
.download_pdf_block
{
	padding: 10px;
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	margin: 20px 0;
}

.download_pdf_block p
{
	margin-bottom: 10px;
}

.download_pdf_block a:link.button,
.download_pdf_block a:visited.button
{
	display: block;
	width: 200px;
	padding: 0 5px;
	background: #eee;
	border: 1px solid #ccc;
}

.download_pdf_block a:hover.button,
.download_pdf_block a:active.button
{
	background: #ddd;
}

.download_pdf_block a.button span
{
	color: #1ac0b4;
	display: block;
	line-height: 30px;
	padding: 0 0 0 22px;
	background: url(/freelanceform/pdficon_small.gif) left center no-repeat;
}

/* Homepage fixes
--------- */

#wrapper-outer #promo
{
	padding: 16px 0;
	border-bottom: 1px solid #bbb;
	background: #fff;
	text-align: center;
	background: #e60004;
}

#wrapper-outer #promo p,
#wrapper-outer #promo p a:link,
#wrapper-outer #promo p a:visited,
#wrapper-outer #promo p a:hover,
#wrapper-outer #promo p a:active
{
	font-weight: normal;
	font-family: georgia;
	font-style: italic;
	font-size: 18px;
	color: #fff;
}

#wrapper-outer #promo p a:link,
#wrapper-outer #promo p a:visited
{
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

#wrapper-outer #promo p a:hover,
#wrapper-outer #promo p a:active
{
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #555;
}