/** Eric meyer's reset
******************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* needed for older browsers to force the wrapper DIV into normal flow */
.clear { clear: both; font-size: 1px; line-height: 0;} 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.alt { display: none; }

html { font-size: 100%; /* IE hack */ }

body {
	margin: 0;
	padding: 0;
	background-image:url("../images/bckground.jpg");
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 0.85em;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

p { 
	line-height: 1.35em; 
	margin: 0 0 1.5em;
	padding: 0;
}

table { font-size: 100%; /* IE hack */ }

strong, b { font-weight:bold; }

em, i { font-style:italic; }

/* BASIC HTML STRUCTURE */

* html #wrapper  /* this is recognized by IE only */
  {
  width: 950px;  /* total width, only for IE5.x/Win */
  w\idth: 950px; /* content width for other IE */
  }
  
#wrapper {
	width: 950px; /* content width for other browsers */
  	margin: 0;
	padding: 20px 0px 20px 60px;
	position: relative;
}


.verborgen
{
	display: none;
}


/* 
TAALKEUZEPAGINA
*/
#language {
	margin: 20px 0 0 0;
	padding: 0;
}

#language ul {
	margin: 0;
	padding: 0;
}

#wrapper #content #language ul {
	overflow: hidden;
}

#wrapper #content #language ul li {
	margin: 0;
	padding: 0 30px 0 55px;
	list-style-type: none;
	float: left;
	background: transparent url("../images/btn_big.gif") 0 50% no-repeat;
	line-height: 4.5em;
}

#wrapper #content #language ul li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.5em;
	color: #f00;
	text-decoration: underline;
}

#language ul li a:hover {
	text-decoration: none;
}



/* 
LEFT CONTENT
*/
#left {
	margin: 0;
	padding: 0;
}

#header {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 97px;
	background: url("../images/header.gif") 0 0 no-repeat;
}

#header h1 { 
	margin: 0;
	padding: 0;
}

#header p  { 
	margin: 0;
	padding: 0;
}

#header p.langSwitch {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #999;
	font-size: 11px;
}

#header p.langSwitch a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #999;
	font-size: 11px;
}

#header p.langSwitch a:hover {
	color: #f00;
}


/* 
NAVIGATION 1
*/

#nav1 {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 41px;
	background:transparent url("../images/button_bg.gif") 0 0 repeat-x;
}

#nav1 ul {
	margin: 0;
	padding: 0;
}

#nav1 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;	
	display:block;
}

#nav1 ul li a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:transparent url("../images/button_bg.gif") 0 0 repeat-x;
	height:40px;
	width:auto;
	line-height:40px;
	vertical-align:middle;
	color:#ffffff;
	padding:0 9px 0 9px;
	font-size:1.2em;
	border-right:1px #000000 solid;
	border-left:1px #666666 solid;
}

#nav1 ul li a:hover, #nav1 ul li .huidige {
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:transparent url("../images/button_bg_hover.gif") 0 0 repeat-x;
	height:40px;
	width:auto;
	line-height:40px;
	vertical-align:middle;
	color:#ffffff;
	font-size:1.2em;
	border-right:1px #990100 solid;
	border-left:1px #fe7877 solid;
}

#nav1 ul li.alt {
	display: none; 
}

#nav1 #hetbedrijf a {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 150px;
	height: 40px;
	background:url("../images/hetbedrijf.jpg") 0 0 no-repeat;
}

#nav1 #hetbedrijf a:hover {
	background:url("../images/hetbedrijf.jpg") 0 -40px no-repeat;
}

#nav1 #hetbedrijf a.selected {
	background:url("../images/hetbedrijf.jpg") 0 -40px no-repeat;
}

#nav1 #contact a {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 111px;
	height: 40px;
	background:url("../images/contact.jpg") 0 0 no-repeat;
}

#nav1 #contact a:hover {
	background:url("../images/contact.jpg") 0 -40px no-repeat;
}

#nav1 #contact a.selected {
	background:url("../images/contact.jpg") 0 -40px no-repeat;
}

#nav1 #online a {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 102px;
	height: 40px;
	background:url("../images/online.jpg") 0 0 no-repeat;
}

#nav1 #online a:hover {
	background:url("../images/online.jpg") 0 -40px no-repeat;
}

#nav1 #online a.selected {
	background:url("../images/online.jpg") 0 -40px no-repeat;
}

#nav1 #digitaal a {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 213px;
	height: 40px;
	background:url("../images/digitaal.jpg") 0 0 no-repeat;
}

#nav1 #digitaal a:hover {
	background:url("../images/digitaal.jpg") 0 -40px no-repeat;
}

#nav1 #digitaal a.selected {
	background:url("../images/digitaal.jpg") 0 -40px no-repeat;
}

#nav1 #vacatures a {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 124px;
	height: 40px;
	background:url("../images/vacatures.jpg") 0 0 no-repeat;
}

#nav1 #vacatures a:hover {
	background:url("../images/vacatures.jpg") 0 -40px no-repeat;
}

#nav1 #vacatures a.selected {
	background:url("../images/vacatures.jpg") 0 -40px no-repeat;
}


/* 
FOTO
*/
#foto {
	margin: 0;
	padding: 0;
}


/* 
CONTENT
*/
#content {
	margin: 10px 0 50px 0;
	padding: 0;
}


/* 
NAV2
*/
#nav2 {
	margin: 0 20px 0 0;
	padding: 0;
	width: 150px;
	float: left;
	/*background-color:#CCCC00;*/
}

#nav2 ul {
	margin: 0;
	padding: 5px 5px 5px 0;
}

#nav2 ul li {
	margin: 0;
	padding: 5px 5px 5px 15px;
	list-style-type: none;
	background:url("../images/bullet.gif") 0 8px no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
}

#nav2 ul li a {
	color: #333;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#nav2 ul li a:hover {
	color: #fff;
	text-decoration:none;
	background-color: #f00;
}

#nav2 ul li a.selected{
	color: #fff;
	text-decoration:none;
	background-color: #f00;
}

#nav2 ul li a.huidige {
	color: #fff;
	text-decoration:none;
	background-color: #f00;
}

#nav2 p {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 0.9em;
	line-height: 1.2em;
}

#nav2 p a {
	color: #f00;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#nav2 p a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom-style: none;
}

#nav2 h3 {
	margin: 1em 0 0 0;
	padding: 0.2em 0.2em 0.2em 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #fff;
	background-color: #000
}

#nav2 a img {
	margin: 0;
	padding: 0;
	border: 0;
}


/* 
NAV2 HOMEPAGE
*/
#nav2_homepage {
	margin: 0;
	padding: 0;
	width: 220px;
	float: left;
	/*background-color:#CCCC00;*/
}

#nav2_homepage ul {
	margin: 0;
	padding: 5px 5px 5px 0;
}

#nav2_homepage h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #999;
}

#nav2_homepage ul li {
	margin: 0;
	padding: 5px 5px 5px 15px;
	list-style-type: none;
	background:url("../images/bullet.gif") 0 8px no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
}

#nav2_homepage ul li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#nav2_homepage ul li a:hover {
	color: #fff;
	text-decoration:none;
	background-color: #f00;
}

#nav2_homepage ul li a.selected{
	color: #fff;
	text-decoration:none;
	background-color: #f00;
}

/* 
RSS
*/
#rss {
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #fff;
}

#rss p {
	margin: 0;
	padding: 5px;
	color: #FF6600;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 0.9em;
	background-color: #F2F2F2
}

#rss p a {
	text-decoration: none;
}

#rss img a {
	margin: 0;
	padding: 0;
}



/* 
TXT
*/
#txt {
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
	width: 520px;
	float: left;
	/*background-color:#00CCFF;*/
}

#txt h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
}

#txt h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
}

#txt p {
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
}

#txt p strong {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-weight: bold;
}

#txt p.error {
	color: #f00;
	font-size: 1.3em;
	line-height: 1.6em;
}

#txt p.succes {
	color: #390;
	font-size: 1.3em;
	line-height: 1.6em;
}

#txt p a {
	color: #f00;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#txt p a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom-style: none;
}

#txt h5 {
	margin: 1.1em 0 0.2em 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	color: #f00;
}

#txt h6 {
	margin: 1.5em 0 0.3em 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: bold;
}

#txt ul {
	margin: 0 0 1em 20px;
	padding: 0;
}

#txt ul li {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
}

#txt ul li a {
	color: #f00;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#txt ul li a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom-style: none;
}

#txt ul li .link {
	color: #f00;
}


/* 
TXT HOMEPAGE
*/
#txt_homepage {
	margin: 0 0 0 10px;
	padding: 0 0 10px 10px;
	width: 460px;
	float: left;
}

#txt_homepage h2 {
	margin: 0;
	padding: 10px 0 0.1em 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1.5em;
	font-weight: normal;
}

#txt_homepage p {
	margin: 0;
	padding: 1em 0 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
}

#txt_homepage p a {
	color: #f00;
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#txt_homepage p a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom-style: none;
}

#txt_homepage h5 {
	margin: 0;
	padding: 20px 0 10px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: bold;
}

#txt_homepage ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#txt_homepage ul li {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
}



/* 
RIGHT CONTENT
*/
#right {
	clear: both;
}


/* VIGNET */
#vignet 
{
	width: 163px;
	height: 211px;
	background: transparent url("../images/vignet.jpg") 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 108px;
}

#vignet h6.nl {
	margin: 20px 20px 0 5px;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.32em;
	color: #fff;
	text-align:center;
}

#vignet h6.fr {
	margin: 10px 20px 0 0px;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.20em;
	color: #fff;
	text-align:center;
}

#vignet h6 .rood
{
	color:#d3121d;
}

#vignet h6 .blauw
{
	color:#17629e;
}

#vignet h6 .oranje
{
	color:#dd6219;
}

#vignet p 
{
	margin: 20px 20px 0 5px;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.0em;
	color:#333;
	line-height: 1.7em;
	text-align:center;
}

#vignet p strong {
	font-weight: bold;
}

#vignet p a 
{
	text-decoration: none;
	color: #333;
}

#vignet p a:hover 
{	
	text-decoration: underline;
	color: #333;
}

/* VIGNET jobs */
#vignet_jobs {
	width: 163px;
	height: 250px;
	background: transparent url("../images/vignet_jobsinprint.gif") 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 108px;
}

#vignet_jobs h6 {
	margin: 60px 20px 0 5px;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.6em;
	line-height: 0.9em;
	color: #fff;
	text-align:center;
}

#vignet_jobs h6 .rood
{
	color:#d3121d;
}

#vignet_jobs h6 .blauw
{
	color:#17629e;
}

#vignet_jobs h6 .oranje
{
	color:#dd6219;
}

#vignet_jobs p {
	margin: 20px 20px 0 5px;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.0em;
	color:#FFFFFF;
	line-height: 1.7em;
	text-align:center;
}

#vignet_jobs p strong {
	font-weight: bold;
}

#vignet_jobs p a {
	text-decoration: none;
	color: #FFFFFF;
}

#vignet_jobs p a:hover {	
	text-decoration: underline;
	color: #FFFFFF;
}

/* 
Graphic Factory Brussels GFB
*/
#gfb p a 
{
	width: 163px;
	height: 40px;
	/*background: transparent url(../img/signatuur_on.jpg) 0 0 no-repeat;*/
	background: transparent url("../images/signatuur_hover.jpg") 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 320px;
	padding: 10px;
}

#gfb p a:hover {
	background: transparent url("../images/signatuur_hover.jpg") 0 0 no-repeat;
}


#gfb_home p a {
	width: 163px;
	height: 40px;
	/*background: transparent url(../img/signatuur_on.jpg) 0 0 no-repeat;*/
	background: transparent url("../images/signatuur_hover.jpg") 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 115px;
	padding: 10px;
}

#gfb_home p a:hover {
	background: transparent url("../images/signatuur_hover.jpg") 0 0 no-repeat;
}


/* 
EFC - PEFC
*/
#fsc p a {
	width: 160px;
	height: 137px;
	background: transparent url("../images/fsc_pefc.gif") 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 360px;
	padding: 10px;
}

#fsc p a:hover {
	background: transparent url("../images/fsc_pefc.gif") 0 0 no-repeat;
}


/*
Jobs in Print


#gfb p a {
	width: 163px;
	height: 40px;
	background: transparent url(../img/signatuur_hover.jpg) 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 360px;
	padding: 10px;
}

#gfb p a:hover {
	background: transparent url(../img/signatuur_hover.jpg) 0 0 no-repeat;
}


#gfb_home p a {
	width: 163px;
	height: 40px;	
	background: transparent url(../img/signatuur_hover.jpg) 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 115px;
	padding: 10px;
}

#gfb_home p a:hover {
	background: transparent url(../img/signatuur_hover.jpg) 0 0 no-repeat;
}


#fsc p a {
	width: 160px;
	height: 137px;
	background: transparent url(../img/fsc_pefc.gif) 0 0 no-repeat;
	position: absolute;
	left: 787px;
	top: 400px;
	padding: 10px;
}

#fsc p a:hover {
	background: transparent url(../img/fsc_pefc.gif) 0 0 no-repeat;
}*/


/************************ 
******* Formulieren
************************/

/****
** Fieldset, label, legend opmaak.
****/
label
{
	font-size: 1.1em;
}


legend
{
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
}

fieldset
{
	margin: 0 0 20px 0;
	border: 1px gray solid;
	font-size: .9em;
	font-weight: bold;
	padding: 10px 0 10px 25px;
}


/****
** Gewone input velden + verstuur knop.
****/

input
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px gray solid;
}

input
{
	background-color: #f0f0f0;
}

input:focus
{
	background-color: #DDDDDD;
}


div#txt fieldset ul
{
	margin: 0 0 15px 20px;
	padding: 0;
}

div#txt fieldset ul li
{
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: transparent url("../images/bullet2.gif") 5px 8px no-repeat; 
}

.tussen
{
	border-left: 10px red solid;
}

.smallform
{
	width: 40px;
}

.mediumform
{
	width: 100px;
}
/****
** Textarea's
****/
textarea
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px gray solid;
	background-color: #f0f0f0;
	width: 400px;
	height: 75px;
}

textarea:focus
{
	background-color: #DDDDDD;
}

/****
** Select boxen
****/
select 
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px gray solid;
}

select .sel2
{
	background-color: #DDDDDD;
}

fieldset span
{
	font-weight: normal;
}
	
	
/* 
SOLLICITATIEADRES
*/
#sollicitatieadres {
	margin: 1em 0 0 0;
	padding: 10px;
	background-color: #F2F2F2;
}