body {
	background-color: #CCCCCC;
}

img, div, a, input {
	behavior: url(/Content/files/iepngfix.htc)
}

#bodyContainer {
	position: relative;
	margin: 0px auto;
	width: 934px;
	background-image: url('bg_streep.jpg');
	background-repeat: y-repeat;
}

h2 {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 11px;
	padding: 0px;
}

a {
	color: #74A2CF;
	font-size: 10px;
}

a:hover {
	color: #74A2CF;
	font-size: 10px;
}

/* AREA 1 */

#area1{
	width: 934px;
	height: 180px;
	background-color: #FFFFFF;
}

.image_Logo_EFC {
	padding: 7px 0px 6px 36px;
	background-color: #FFFFFF;
	display: block;
	float: left;
}

.image_EFC_Headerimage {
	display: block;
	float: right;
}

.image_Headerimage_J {
	display: block;
	float: right;
}

.image_Headerimage_AenB {
	display: block;
	float: right;
}

.image_Headerimage_C {
	display: block;
	float: right;
}

/* AREA 2 */

#menu {
	position: absolute;
	width: 689px;
	height: 40px;
	z-index: 10;
	margin-top: -40px;
}

.tab1 {
	float: left;
	display: block;
	width: 43px;
	height: 40px;
	position: absolute;
	z-index: 30;
	cursor: pointer;
}

.bg_tab_rd_nl_NL {
	background-image: url('tab_rd_lang_r1_c2.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_gr_nl_NL {
	background-image: url('tab_gr_lang_r1_c2.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_gl_nl_NL {
	background-image: url('tab_gl_lang_r1_c2.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_bl_nl_NL {
	background-image: url('tab_bl_lang_r1_c2.png');
	background-repeat: no-repeat;
	background-position: top right;
}

/* STYLE VOOR ENGELSE TABS */

.bg_tab_rd_en_GB {
	background-image: url('en_tab_rd_lang.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_gr_en_GB {
	background-image: url('en_tab_gr_lang.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_gl_en_GB {
	background-image: url('en_tab_gl_lang.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_tab_bl_en_GB {
	background-image: url('en_tab_bl_lang.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.tab2 {
	width: 86px;
	height: 40px;
	position: absolute;
	z-index: 25;
	float: left;
	display: block;
	cursor: pointer;
}

.tab3 {
	width: 129px;
	height: 40px;
	position: absolute;
	z-index: 20;
	float: left;
	display: block;
	cursor: pointer;
}

.tabSelected {
	width: 577px;
	height: 40px;
	margin-left: 112px;
	position: absolute;
	z-index: 15;
	float: right;
	display: block;
}

.titel {
	padding: 11px 0px 0px 85px;
}

.bg1 {
	width: 32px;
	height: 40px;
	display: block;
	float: left;

}

.bg2 {
	width: 41px;
	height: 40px;
	display: block;
	float: left;
}

.bg3 {
	width: 566px;
	height: 40px;
	display: block;
	float: left;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.bg_rd {
	background-image: url('bg_rd_menu.jpg');
	background-repeat: x-repeat;
}

.bg_gr {
	background-image: url('bg_gr_menu.jpg');
	background-repeat: x-repeat;
}

.bg_bl {
	background-image: url('bg_bl_menu.jpg');
	background-repeat: x-repeat;
}

.bg_gl {
	background-image: url('bg_gl_menu.jpg');
	background-repeat: x-repeat;
}

.tabRight_rd {
	display: block;
	float: right;
	width: 11px;
	height: 40px;
	background-image: url('bg_rd_r_menu.png');
	background-repeat: no-repeat;
}

.tabRight_gr {
	display: block;
	float: right;
	width: 11px;
	height: 40px;
	background-image: url('bg_gr_r_menu.png');
	background-repeat: no-repeat;
}

.tabRight_bl {
	display: block;
	float: right;
	width: 11px;
	height: 40px;
	background-image: url('bg_bl_r_menu.png');
	background-repeat: no-repeat;
}

.tabRight_gl {
	display: block;
	float: right;
	width: 11px;
	height: 40px;
	background-image: url('bg_gl_r_menu.png');
	background-repeat: no-repeat;
}

/* AREA 5 */

/* LANGUAGES */

#multilanguages {
	position: absolute;
	z-index: 20;
	width: 179px;
	margin-top: -27px;
	text-align: center;
}

#multilanguages a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

/* SUBMENU RIGHT */

#submenu {
	font-size: 12px;
	font-weight: bold;
}

.subitem {
	width: 179px;
	height: 33px;
	border-bottom: solid 1px #FFF;
	cursor: pointer;
}

.subtitel {
	padding: 20px 0px 0px 7px;
	position: absolute;
	font-size: 13px;
	font-family: verdana;
	font-style: italic;
	font-weight: bold;
}

#area5 {
	width: 179px;
	font-family: verdana;
	color: #FFFFFF;
}

#container10000354 {
	border-bottom: 1px solid #FFFFFF;
}

.bg_menu_efc {
	background-image: url('bg_lm_menu.gif'); 
	background-repeat: no-repeat;
	background-position: bottom;
}

#container10000356 {
	background-color: #333333;
	font-size: 10px;
	line-height: 170%;
	font-family: verdana, arial;
	text-align: center;
	padding-top: 10px;
}

#container10000480 {
	background-color: #333333;
	font-size: 10px;
	line-height: 170%;
	font-family: verdana, arial;
	text-align: center;
	padding-top: 10px;
}

#container10000480 a {
	color: #ffffff;
}

#container10000356 a {
	color: #ffffff;
}

/* CONTENT */

#content {
	width: 469px;
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
	padding: 8px 25px 15px 15px;
	line-height: 180%;
	text-align: justify;
}

#content img {
	margin: 10px;
}

#content select {
	width: 255px;
	font-size: 11px;
}

#content input {
	font-size: 11px;
}

#content textarea {
	font-size: 11px;
	font-family: arial;
}

.error {
	color: #f00;
}

/* AREA 10 */

#area10 {
	float: left;
	font-family: arial;
	width: 246px;
}

/* NIEUWSBLOK */

#container10000370 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}

.nieuwsitems {
	padding: 10px 15px 10px 15px;
	width: 215px;
}

.nieuwsitems a {
	font-family: arial;
	font-size: 11px;
}

/* WIJ ZOEKEN BLOK */

#container10000372 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}


/* DOWNLOAD HIER BLOK */

#container10000373 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}


#container10000365 {
	padding:10px 15px 10px 15px;
	width: 213px;
	text-align: left;
	overflow: auto;
}

#container10000365 p {
	padding: 0px;
	margin: 0px;
}

#container10000365 a {
	font-size: 11px;
}

/* OPGEVEN NIEUWSBRIEF */


#container10000398 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}

.news {
	width: 203px;
	font-size: 11px;
	padding: 10px 15px 10px 15px;
}

.news input {
	font-size: 11px;
}

/* UITLEG FORMULE */

#container10000469 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}

#container10000470 {
	width: 223px;
	padding: 5px 10px 5px 12px;
	font-size: 11px;
}

/* END */

.check {
	padding-top: 10px;
}

#area13 {
	width: 934px;
	height: 23px;
	overflow: hidden;
}

.image_Footer {
	float: right;
	padding-left: -15px;

}

/* AREA 11 */

#area11 {
	position: absolute;
	z-index: 250;
	left: 0;
	margin-left: 940px;
	font-size: 11px;
	display: none;
	width: 141px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: justify;
	font-family: arial;
	overflow: hidden;
}

#area11 p {
	padding: 0px;
	margin: 0px;
}

/* DROPDOWN MENU */

.menu .item4, .menu .item4:visited {
	padding-left: 25px;
	width: 310px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu {width:179px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:179px; w\idth:179px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; width: 179px;}
.menu ul ul {width:179px; margin-left: 179px; margin-top: -31px; height: 100%; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:179px;position:relative;  }

/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; font-size: 10px; color:#fff; width:174px; min-height: 12px; padding-left:5px; padding-top: 10px; padding-bottom: 10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:169px; font-size: 10px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#333; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#333; min-height: 12px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#424242;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{width:179px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#333; color:#FFF; min-height: 12px; width:330px;}
.menu ul ul ul a {background:#333; color:#FFF; width:360px;}
.menu ul ul ul a:visited  { width:360px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:330px; min-height: 12px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#424242;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#424242;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.item2 { border-bottom: 1px solid #FFF; font-weight: bold; font-size: 10px; }
.item2 a { font-size: 10px; }

.menu ul ul li a { width: 330px; min-height: 12px; }
.menu ul ul li { border-bottom: #FFF 1px solid; width: 335px; }


.menu ul ul ul li a { width: 360px; min-height: 12px; }
.menu ul ul ul li { float: left; border-bottom: #FFF 1px solid; width: 365px; }

/* END DROPDOWN MENU */

/**
 * FORM PAGE
 */
.formpage input,
.formpage textarea {
	width: 250px;
}

.formpage .verzenden {
	width: 150px;
}

/* PORTOFOLIO PAGINA */


.customer {
	width: 469px;
	/* height: 146px; */
}

.customerName {
	display: block;
	width: 229px;
	height: 22px;
	float: left;
	padding: 5px 0px 0px 5px;
	color: #6093C8;
	font-size: 11px;
	font-weight: bold;
}

.customerBG {
	float: left;
	width: 469px;
	height: 27px;
	cursor: pointer;
	border-bottom: 1px solid #7C7C7C;
}

.customerTitle {
	display: block;
	width: 230px;
	height: 22px;
	float: right;
	padding: 5px 5px 0px 0px;
	color: #6093C8;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.customerProject {
	display: block;
	float: left;
	width: 467px;
	height: 120px;
	border: solid 1px #7C7C7C;
	border-top: 0px;
	overflow: hidden;
}

.Project {
	display: block;
	float: left;
	margin: 5px;
	width: 457px;
	height: 110px;
	background-image: url('portfolio-bg.jpg');
	background-repeat: x-repeat;
	text-align: left;
}

.ProjectImage {
	width: 151px;
	height: 100px;
	display: block;
	float: left;
	margin: 5px;
	overflow: hidden;
}

.ProjectDescription {
	display: block;
	float: right;
	width: 286px;
	height: 100px;
	margin: 5px;
}

.ProjectDescription p {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}

.cName {
	font-size: 11px;
	font-weight: bold;
	color: #7C7C7C;
}

.cTitel {
	font-size: 11px;
	font-weight: bold;
	color: #6093C8;
}

.customer a {
	color: #7C7C7C;
	font-size: 10px;
	text-decoration: none;
}

.customer a:hoover {
	color: #7C7C7C;
	font-size: 10px;
}

.customerProject {
	display: none;
}

/* END PORTOFOLIO PAGINA */

#tabItems {
	width: 179px;
}

#tabItems div a {
	font-size: 10px;
	font-family: arial;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#tabItems div {
	height: 25px;
	padding: 7px 0px 0px 5px;
	border-bottom: 1px solid #FFF;
	width: 174px;
}

#tabItems div:hover{
	background-color: #474747;
	cursor: pointer;
}

#container10000509 .nieuwsblok_titel{
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}

#container10000509 .nieuwsblok_content ul{
	font-size: 11px;
	padding-right: 5px;
}

#container10000509 .nieuwsblok_content ul li{
	padding-bottom: 5px;
}

.nieuwsarchief {
	font-weight: bold;
	padding-left: 25px;
}

#container10000510 {
	height: 24px;
	width: 233px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-image: url('bg_rightbox.jpg');
	background-norepeat: no-repeat;
	border-bottom: 1px solid #333;
	margin-left: 1px;
	padding-left: 12px;
	padding-top: 9px;
}

#container10000511 {
	width: 223px;
	padding: 5px 10px 5px 12px;
	font-size: 11px;
}

