@charset "UTF-8";
*{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

a
{
	outline: none;
}

img{
    border: none;
}

html
{
    overflow-x: hidden;
    overflow-y: auto
}

body
{
    color: #ffffff;
    font-size: 18px;
    
    background-color: #000;
    font-family: Trebuchet MS, verdana;
    
    text-align: center;
	line-height: 20px;
}
.title
{
	font-size: 15px;
	color: #ffffff;
	padding-bottom: 18px;
}
.pagetitle
{
	font-size: 20px;
	text-transform: lowercase;
}
.blue
{
	/* wordt vervangen door cufon */
	color: #008edb;
}
.blueColor
{
	/* wordt niet vervangen door cufon */
	color: #008edb;
}
.white
{
	color: #ffffff;
}
.grey
{
	color: #767676;
}

.clear
{
	clear: both;
}

#flashContainer
{
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}

.idee {
	background: url("../images/lamp_idee_bg.png") center 50px no-repeat;
}

#container
{
	z-index: 1;
    padding-left: 17px;
    padding-top: 18px;
    width: 1040px;
    margin: auto;
    text-align: left;
}

.spacer
{
	float: left;
	width: 30px;
	height: 100%;
}

hr
{
	border-width: 0px;
	border-bottom: 1px solid #222;
	width: 30%;
	margin-top: 20px;
	margin-bottom: 20px;
	
	height: 1px;
}
/*********************************** LINKER KOLOM ***********************************/
.leftColumn
{
    width: 206px;
    height: 585px;
    float: left;
	border: 0px solid red;
}

/*
	Logo
*/
.logo
{
    background: url("../images/logo_bjvh.png") no-repeat top left;
    width: 169px;
    height: 210px;
    padding-top: 60px;
}
.logo .logoLink
{
	display: block;
	/*cursor: default;*/
}
.logo .strategie
{
    background: url("../images/strategie_off.png") no-repeat top left;
    width: 169px;
    height: 39px;
    padding-bottom: 8px;
}
.logo .strategie:hover
{
    background-image: url("../images/strategie_on.png");
}

.logo .branding
{
    background: url("../images/branding_off.png") no-repeat top left;
    width: 163px;
    height: 41px;
    padding-bottom: 10px;
}
.logo .branding:hover
{
    background-image: url("../images/branding_on.png");
}

.logo .creatie
{
    background: url("../images/creatie_off.png") no-repeat top left;
    width: 131px;
    height: 29px;
}
.logo .creatie:hover
{
    background-image: url("../images/creatie_on.png");
}

/*
	Menu
*/
.menu
{
	height: 260px;
	border: 0px solid pink;
}
.menu .menuspacer
{
	height: 17px;
}
.menu .submenuspacer
{
	height: 5px;
}
.menu div.mItem
{
	width: 115px;
	/*background-image: url("../images/menu_bg.png");
	background-position: -120px center;*/
	background-repeat: no-repeat;
	background-position: center center;
	/*margin-top: 10px;*/
	cursor: pointer;
	position: relative;
	left: -15px;
}
.menu a
{
	width: 100px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	display: block;
	padding-left: 15px;
}
.menu a:hover
{
	color: #009ee0;
}
.menu a.active
{
	color: #009ee0;
	background: url("../images/menu_pijl.png") no-repeat;
	background-position: left center;
}

.menu a.down /* actief item met submenu */
{
	background: url("../images/menu_pijl_down.png") no-repeat;
	background-position: center left;
}
.menu .bjvh_sub
{
	padding-left: 20px;
	font-size: smaller;
}
.menu .bjvh_sub a
{
}
.menu .bjvh_sub div
{
	margin-top: 0px;
}

/* naw */
.naw
{
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.naw img
{
margin:9px 6px 0 0;
}

/*********************************** MIDDELSTE KOLOM ***********************************/
.centerColumn
{
	float: left;
	width: 525px; /* 548px */
	height: 100%;
	min-height: 585px;
	border: 0px solid green;
}

/* Content */
.centerColumn .content
{
	float: left;
	min-height: 530px;
	width: 549px;
	font-size: 12px;
	border: 0px solid yellow;
}
.centerColumn .content p
{
	margin-bottom: 20px;
	margin-right: 40px;
}
.centerColumn .content a, .project_text a
{
	color: #008edb;
}
.centerColumn .content a:hover
{
	border-bottom-color: #000000;
}
/* Projecten */
.projects
{
	width: 549px;
	height: 50px;
	float: left;
	border: 0px solid cyan;
}
.projects .pijl_links, .projects .pijl_rechts
{
	height: 50px;
	width: 44px;
	float: left;
	margin-top: 5px;
}
.pijl_links a
{
	margin-right: 5px;
	width: 14px;
	height: 11px;
	display: block;
	float: right;
	background: url("../images/pijl_dubbel_links.png") no-repeat;
	background-position: left center;
}
.pijl_rechts a
{
	margin-left: 5px;
	width: 14px;
	height: 11px;
	display: block;
	float: left;
	background: url("../images/pijl_dubbel_rechts.png") no-repeat;
	background-position: left center;
}
.projects .projects_content
{
	float: left;
	width: 461px;
	height: 70px;
	overflow: hidden;
	position: relative;
}

.projects_content .title
{
	padding-bottom: 8px;
}
.projects_content .project_text
{
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	display: block;
}
/*********************************** RECHTER KOLOM ***********************************/
.rightColumn
{
	float: left;
	width: 209px;
	height: 585px;
	/*position: absolute;
	left: 992px;*/
	border: 0px solid blue;
}
.rightColumn .banner
{
	display: block;
	background-position: center center;
	width: 209px;
	height: 135px;
	border: 0px solid white;
}
.rightColumn .banner_strategie
{
	background: no-repeat;
}
.rightColumn .banner_branding
{
	background: no-repeat;
}
.rightColumn .banner_projecten
{
	background: no-repeat;
}
.rightColumn .banner_logo
{
	height: 122px;
	/*background: url("../images/banner_projecten.png") no-repeat;*/
}
.searchField
{
	height: 60px;
	width: 209px;
	position: relative;
	top: 22px;
	text-align: center;
	border: 0px solid orange;
}
.searchField *
{
	position: absolute;
	top: 8px;
	left: 0px;
}
.searchField .loep
{
	background: url("../images/search_icon.png") no-repeat;
	background-position: top left;
	width: 17px;
	height: 29px;
	top: 13px;
}
.searchField .text
{
	color: #828282;
	background-color: #282828;
	height: 18px;
	width: 138px;
	border-width: 0px;
	border-top: 1px solid #181818;
	border-left: 1px solid #232323;
	
	left: 20px;
}
.searchField .submitImage
{
	left: 159px;
}

/*********************************** FOOTER ***********************************/
.footer
{
	margin-top: 97px;
	/*width: 100%;*/
	border: 0px solid red;
}
.footer *
{
	color: #808080;
}
.footer .column
{
	float: left;
}
.footer .column .title
{
	font-weight: bold;
	margin-bottom: 31px
}
.footer .column  .text
{
	font-size: 10px;
}
.footer .column  .subtext
{
	font-size: 10px;
	margin-left: 9px;
	margin-bottom: 31px;
}
.footer .sitemap
{
	width: 195px;
}
.footer .sitemap a
{
	border-bottom: 1px solid #101010;
}
.footer .sitemap a:hover
{
	border-bottom: 1px solid #000;
}
.footer .klanten, .footer .strategie, .footer .branding
{
	width: 195px;
}
.footer .prewrap
{
	white-space: pre;
}
/*********************************** PAGINA AFHANKELIJK ***********************************/
	/*
		Projecten pagina
	*/
.projects_image
{
	width: 725px;
	clear: both;
}
.projects_image img
{
	cursor: pointer;
	margin-bottom: 40px;
}
.projects_description table, .projects_description td
{
	height: 100%;
	vertical-align: bottom;
}
.projects_description
{
	height: auto;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 40px;
	width: 200px;
	float: right;
}
.projectTitle
{
	font-size: 18px;
	margin-bottom: 13px;
}
	/*
		Blackbox-ajax pagina
	*/
#blackbox .imageHolder
{
	width: 485px;
	height: 276px;
}
#blackbox .textHolder
{
	height: 147px;
	width: 485px;
}
#blackbox .textHolder .pijl_links, #blackbox .textHolder .projects_content, #blackbox .textHolder .pijl_rechts
{
	height: 175px;
	float: left;
}
#blackbox .textHolder .pijl_links, #blackbox .textHolder .pijl_rechts
{
	width: 20px;
}
#blackbox .close
{
	font-size: 17px;
	color: #008edb;
	border-bottom: 1px solid #00476e;
}
#blackbox .close:hover
{
	color: #008edb;
	border-bottom-width: 0px;
}
#blackbox  .projects_content
{
	width: 411px;
	overflow: hidden;
	text-align: left;
}

#uitingSelectie
{
	position: absolute;
	border: 2px ridge #5b5b5b;
	background-color: #000000;
	width: 255px;
	height: 215px;
	position: absolute;
	display: none;
	text-align: left;
	font-size: 12px;
	padding: 3px;
	line-height: 24px;
}
	/*
		Klanten pagina
	*/
.centerColumn .content a.klant
{
	float: left;
	text-align: center;
	margin-right: 60px;
	margin-bottom: 18px;
	color: #ffffff;
	border-bottom: none;
}
.centerColumn .content a.klant:hover
{
	/*text-decoration: underline;*/
	color: #008edb;
}
.centerColumn .content a.klant img
{
	display: block;
	padding-bottom: 4px;
}

/*
	Contact pagina
*/
.contactform td
{
	padding-bottom: 8px;
}
.contactform .text
{
	width: 200px;
}

/*
	Branding sub
*/
.brandingEntry
{
	padding-top: 100px;
}
.brandingEntry .brandingText
{
	margin-bottom: 20px;
}

/*
	Zoeken
*/
.searchResult
{
	clear: both;
	width: 450px;
}
.searchResult .noresult
{
	font-style: italic;
	padding-left: 20px;
}
.searchResult a
{
	white-space: nowrap;
}
.searchResult .searchArea
{
	font-size: 18px;
	padding-bottom: 16px;
	text-transform: lowercase;
}
.searchResult .result
{
	clear:both;
	margin-bottom: 30px;
	padding-left: 20px;
	border-left: 1px solid #111;
}
.searchResult .result  .klantLogo
{
	float: left;
	width: 71px;
	height: 42px;
	padding: 0px 5px 5px 0px;
}
.searchResult .result .resultTitle 
{
	font-size: 14px;
	padding-bottom: 13px;
}
/*********************************** FORMULIEREN ***********************************/
form .text
{
	color: #ffffff;
	width: 150px;
	background-color: #282828;
	border-width: 0px;
	border-top: 1px solid #181818;
	border-left: 1px solid #232323;
    font-family: Trebuchet MS, verdana;
	font-size: 12px;
	left: 20px;
}
textarea
{
	overflow: auto;
}
/*********************************** SLIDER ***********************************/
#slider ul
{
	list-style-type: none;
}