/*  ==========================================================================================
	Project: 					Website Etil 2004
	Company:						Etil
	Original authors :		Vincent Sijben (v.sijben@nexwork.nl
	                        Nexwork, Maastricht (www.nexwork.nl)	
 	------------------------------------------------------------------------------------------
	Last change by :			Ronald Koenen, 10-30-2009
	========================================================================================== */
body {
	text-align: center;
	behavior: url("/stylesheet/csshover.htc");
	padding:0;
	margin:0;
}

img {
	border: 0;
}

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #fff;
	color: #333;
	text-align: left;
	background-image: url(../media/container_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#container p {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	margin: 0 0 0 10px;
}

#container p a {
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: white;
text-decoration: none;
}

#container p a:hover {
text-decoration: underline;
}

#header {
	width: 750px;
	margin: 0;
	text-align:right;
}

#header ul#utilities {
	background-color: white;
	background-image: url(../media/top_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
}

#header ul#utilities li {
	display: inline;
	margin: 0;
	padding: 0;
}

#header ul#utilities li a.mail {
	background-image: url(../media/mail.gif);
	height: 25px;
	width: 30px;
	float:right;
}

#header ul#utilities li a.mail:hover {
	background-image: url(../media/mail_hover.gif);
	height: 25px;
	width: 30px;
	float:right;
}

#header ul#utilities li a.print {
	background-image: url(../media/print.gif);
	height: 25px;
	width: 30px;
	float:right;
}

#header ul#utilities li a.print:hover {
	background-image: url(../media/print_hover.gif);
	height: 25px;
	width: 30px;
	float:right;
}

#header ul#hoofdmenu  {
	float: left;
	width: 750px;
	margin: 12px 0 0 0;
	padding: 0 0 0 0px;
	list-style: none;
	background-image: url(../media/test_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	text-align:left;

}

body#algemeen_en #header ul#hoofdmenu { background-image: url(../media/hoofdmenu_bg2.jpg); }

#header ul#hoofdmenu li {
	margin: 5px 0 0 0;
	height: 26px;
	width: 210px;
	padding: 0 0 0 0px;
	text-align: left;
	line-height: 22px;
	display:block;
	text-indent: 17px;
}


#header ul#hoofdmenu li a {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	display:block;
	width:210px;
	margin: 0;
	padding: 0 0 5px 0;

	text-decoration: none;
	background-image: url(../media/menu_bg.gif);
	background-repeat: no-repeat;
}

#header ul#hoofdmenu li a:hover, #header ul#hoofdmenu li a.active {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	display:block;
	width:210px;
	margin: 0;
	padding: 0 0 5px 0;
	text-decoration: none;
	background-image: url(../media/menu_bg_hover.gif);
	background-repeat: no-repeat;
}

#header img {
	clear: both;
	display: block;
	border:0;
}

#footer
{
width:750px;
clear: both;
margin: 0;
padding: 0 0 50px 0;
min-height: 400px;
background-color: transparant;
position: relative;
} * html body #footer { height: 400px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen */

#actueel {
	float: left;
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
	background-image: url(../media/actueel_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	
}

#actueel ul {
	margin: 0 0 18px 0px;
/*	padding: 80px 0 0 30px;*/
	padding: 22px 0 0 30px;
	background-color: #DE0018;
	border: 1px solid #DE0018;
	border-bottom: 0;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	text-align:left;
} * html body #actueel ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

/* Gaston: voeg per foto een nieuwe regel toe waarbij je het getal achter ul.actueel steeds 1 verhoogd. */
#actueel ul.actueel1 { background-image: url(../media/fotos/actueel01.jpg); }
#actueel ul.actueel2 { background-image: url(../media/fotos/actueel02.jpg); }
#actueel ul.actueel3 { background-image: url(../media/fotos/actueel04.jpg); }
#actueel ul.actueel4 { background-image: url(../media/fotos/actueel05.jpg); }
#actueel ul { background-image: none !important; }

#actueel ul h1 {
	background-image: url(../media/actueel_kop.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 -16px; /* IIIEEEEK VIES */
	padding: 0;
} 




#actueel ul li {
	list-style-image: url(../media/actueel_li.gif);
	list-style-position: outside;
	margin: 0 0 5px 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
}

#actueel ul li a {
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

#actueel ul li a:hover {
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}


#submenu {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	background-image: url(../media/submenu_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#submenu ul {
	margin: 0 0 18px 0px;
	padding: 80px 30px 5px 30px;
	background-color: white;
	border: 1px solid #9B9B9B;
	border-bottom: 0;
/*	background-image: url(../media/fotos/actueel01.jpg);*/
	background-image: url(../media/fotos/statement05.jpg);
	background-position: 3px 3px;
	background-repeat: no-repeat;
	text-align:left;
} * html body #submenu ul { list-style-image: url(../media/submenu_li.gif); background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#submenu ul.organogram {
	/*background-image: url(../media/fotos/actueel02.jpg);*/
	background-image: url(../media/fotos/statement05.jpg);
}

#submenu ul h1 {
	background-image: url(../media/submenu_kop.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 -16px; /* IIIEEEEK VIES */
	padding: 0;
} 


#submenu ul li.active {
	list-style-image: url(../media/submenu_li_active.gif);
	list-style-position: outside;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #9B9B9B;
}

#submenu ul li {
	list-style-image: url(../media/submenu_li.gif);
	list-style-position: outside;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #9B9B9B;
}

#submenu ul li a {
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
	text-decoration: none;
		width:148px;
}

#submenu ul li a:hover {
	color: #DE0018;
	text-decoration: none;
	background: #E5E5E5;
	width:148px;
}


#statement
{
	width: 204px;
	margin-left: 218px;
	margin-right: 321px;
	padding: 0;
	padding-bottom: 1px;
	background-image: url(../media/submenu_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align:left;
	
}

#statement ul {
margin:0;
	padding: 80px 0 0 6px;
list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border-bottom: 0;
	margin-bottom:18px;	/* HACK laten staan voor quote achtergrond*/
} * html body #statement ul { width: 204px; background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

/* Gaston: voeg per foto een nieuwe regel toe waarbij je het getal achter ul.statement steeds 1 verhoogd. */
#statement ul.statement1 { background-image: url(../media/fotos/statement01.jpg); }
#statement ul.statement2 { background-image: url(../media/fotos/statement02.jpg); }
#statement ul.statement3 { background-image: url(../media/fotos/statement03.jpg); }
#statement ul.statement4 { background-image: url(../media/fotos/statement04.jpg); }
#statement ul.statement5 { background-image: url(../media/fotos/statement06.jpg); }

#statement ul h1 {
	background-image: url(../media/statement_kop.gif);
	background-repeat: no-repeat;
margin: 0;
	padding: 0;
} 

#statement ul h2, #statement ul h2 p {
margin: 0;
padding: 0 3px 0 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #484747;
height:1%; /*3pixel bug IE*/
}

#statement ul h3 {
margin: 0px 0 0 0;
padding: 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #DE0018;
}

#statement a {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: underline;
}

#statement a:hover {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: none;
	background: #E5E5E5;
}

#nieuwsbrief a{
	
	width: 209px;
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	background-image: url(../media/button_aanmelden_nieuwsbrief.gif);
	background-repeat: no-repeat;
	float: left;

}

#nieuwsbrief a:hover{
	
	width: 209px;
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	background-image: url(../media/button_aanmelden_nieuwsbrief_hover.gif);
	background-repeat: no-repeat;
	float: left;

}

#banners
{
	
	width: 209px;
	float: left;
	margin: 0 0 0 0;
	
	}




#homepage
{
float: right;
width: 312px;
margin: 0;
padding: 0 0 1px 0;
background-image: url(../media/homepage_bg.gif);
background-position: bottom left;
background-repeat: no-repeat;
	text-align:left;
} * html body #homepage ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#homepage ul {
	margin:0 0 18px 0;
	padding: 80px 0 0 6px;
	list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border-bottom: 0;
}

/* Gaston: voeg per foto een nieuwe regel toe waarbij je het getal achter ul.statement steeds 1 verhoogd. */
#homepage ul.homepage1 { background-image: url(../media/fotos/homepage01.jpg); }
#homepage ul.homepage2 { background-image: url(../media/fotos/homepage02.jpg); }
#homepage ul.homepage3 { background-image: url(../media/fotos/homepage03.jpg); }
#homepage ul.homepage4 { background-image: url(../media/fotos/homepage04.jpg); }
#homepage ul.homepage5 { background-image: url(../media/fotos/homepage05.jpg); }

#homepage ul h1 {
	background-image: url(../media/homepage_kop.gif);
	background-repeat: no-repeat;

margin: 0;
	padding: 0;
} 

#homepage ul h2, #homepage ul h2 p {
margin: 0;
padding: 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #484747;
}

#homepage h2 p a {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: underline;
}

#homepage h2 p a:hover {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: none;
	background: #E5E5E5;
}


#preload { display: none; }
#preload p.p01 { background-image: url(../media/menu_bg_hover.gif); }



#content {
	margin-left: 218px;
	padding: 0;
	padding-bottom: 1px;
	background-image: url(../media/content_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align:left;
height: 1%;
}

#content .ulcontent {

	margin:0;
	padding: 20px 0 5px 6px;
	list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
	border-bottom: 0;
	background-image: url(../media/fotos/content01.jpg);
	background-position: 3px 3px;
	background-repeat: no-repeat;
	
	margin-bottom:18px;	/* HACK laten staan voor quote achtergrond*/
} * html body #content ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#content .ulcontent img {
	/*background-image: url(../media/content_kop.gif);
	background-repeat: no-repeat;*/
	margin: 0;
	padding: 0;
}

#content .ulcontent h2 {
	margin: 0px 0 9px 0;/*4*//*15 20 18*/
	padding: 0;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: bold;
	color: #484747;
}

#content .ulcontent h3 {
	line-height: 23px;
	margin: 0 0 0px 0;
	padding: 0 20px 0 0;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
	text-align:left;
} * html body #content .ulcontent h3 { height:1px; margin-bottom: 0px;}

#content .ulcontent h3 p {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
	text-align:left;
	line-height: 23px;
}

#content .ulcontent h3 img {
	float: right;
	margin: 0 0 20px 10px;
}

#content .ulcontent h3 a,#content .ulcontent h3 p a {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: underline;
}

#content .ulcontent h3 a:hover, #content .ulcontent h3 p a:hover {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: none;
	background: #E5E5E5;
}

/*alle content komt in #content .ulcontent h3 te staan, dus eventuele opmaak tags voordefinieren:*/
#content .ulcontent h3 ul {
	list-style: square;
}

#content .ulcontent h3 td { 
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
}

.submitbutton {
	background: #D8001D;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	color: white;
	border: 1px solid black;
	width: 70px;
}

input, textarea {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	color:#D8001D;
}

/************************************************************************************/


#statementsubmenu
{
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	background-image: url(../media/submenu_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#statementsubmenu ul {
margin:0;
	padding: 80px 0 0 6px;
list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
		background-image: url(../media/fotos/statement01.jpg);
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border-bottom: 0;
	margin-bottom:18px;	/* HACK laten staan voor quote achtergrond*/
} * html body #statement ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#statementsubmenu ul.statement1 { background-image: url(../media/fotos/statement01.jpg); }
#statementsubmenu ul.statement2 { background-image: url(../media/fotos/statement02.jpg); }
#statementsubmenu ul.statement3 { background-image: url(../media/fotos/statement03.jpg); }
#statementsubmenu ul.statement4 { background-image: url(../media/fotos/statement04.jpg); }
#statementsubmenu ul.statement5 { background-image: url(../media/fotos/statement05.jpg); }

#statementsubmenu ul h1 {
	background-image: url(../media/statement_kop.gif);
	background-repeat: no-repeat;
margin: 0;
	padding: 0;
} 

#statementsubmenu ul h2, #statementsubmenu ul h2 p {
margin: 0;
padding: 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #484747;
}

#statementsubmenu ul h3 {
margin: 0 0 0 0;
padding: 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #DE0018;
}

#statementsubmenu ul h4 {
margin: 0;
padding: 0;
		font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
color: #484747;
}

#statementsubmenu a {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: underline;
}

#statementsubmenu a:hover {
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE0018;
	text-decoration: none;
	background: #E5E5E5;
}

/********************************************************************************************/


#people1 {
	margin-left: 218px;
	margin-right: 271px;
	padding: 0;
	padding-bottom: 1px;
	background-image: url(../media/people_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align:left;
width: 260px;
margin-right: 0;
}

#people1 ul {
	margin:0;
	padding: 70px 0 0 6px;
	list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	font-size: 1px;
	border-bottom: 0;
	margin-bottom:18px;	/* HACK laten staan voor quote achtergrond*/
} * html body #people1 ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#people1 ul h1 {
	font-family: trebuchet MS, verdana, serif;
	font-size: 13px;
	font-weight: bold;
	color: #DE0018;
	margin: 0;
	padding: 0;
} 

#people1 ul h2 {
	margin: 0;
	padding: 0;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
	height:1%; /*3pixel bug IE*/
}

#people2 {
	float: right;
	width: 261px;
	margin: 0;
	padding: 0 0 1px 0;
	background-image: url(../media/people_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align:left;
} * html body #people2 ul { background-position: 4px 4px; } /* IE ONLY HACK, door deze aanroep zal alleen IE dit lezen, is nodig door het boxmodel probleem van IE */

#people2 ul {
	margin:0 0 18px 0;
	padding: 70px 0 0 6px;
	list-style:none;
	background-color: white;
	border: 1px solid #9B9B9B;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	font-size: 1px;
	border-bottom: 0;
}

#people2 ul h1 {
	font-family: trebuchet MS, verdana, serif;
	font-size: 13px;
	font-weight: bold;
	color: #DE0018;
	margin: 0;
	padding: 0;
} 

#people2 ul h2 {
	margin: 0;
	padding: 0;
	font-family: trebuchet MS, verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #484747;
}

ul.people_hans { background-image: url(../media/fotos/people_hans.jpg); }
ul.people_heleen { background-image: url(../media/fotos/people_heleen.jpg); }
ul.people_jos { background-image: url(../media/fotos/people_jos.jpg); }
ul.people_liesbeth { background-image: url(../media/fotos/people_liesbeth.jpg); }
ul.people_ingrid { background-image: url(../media/fotos/people_ingrid.jpg); }
ul.people_roger { background-image: url(../media/fotos/people_roger.jpg); }
ul.people_gerdo { background-image: url(../media/fotos/people_gerdo.jpg); }
ul.people_jeroen { background-image: url(../media/fotos/people_jeroen.jpg); }
ul.people_astrid { background-image: url(../media/fotos/people_astrid.jpg); }
ul.people_anja { background-image: url(../media/fotos/people_anja.jpg); }
ul.people_ed { background-image: url(../media/fotos/people_ed.jpg); }
ul.people_annemie { background-image: url(../media/fotos/people_annemie.jpg); }
ul.people_jacqueline { background-image: url(../media/fotos/people_jacqueline.jpg); }
ul.people_hanny { background-image: url(../media/fotos/people_hanny.jpg); }
ul.people_marleen { background-image: url(../media/fotos/people_marleen.jpg); }
/*ul.people_john { background-image: url(../media/fotos/people_john.jpg); }*/
ul.people_rob { background-image: url(../media/fotos/people_rob.jpg);  }
ul.people_jeroenmeeuwissen { background-image: url(../media/fotos/people_jeroenmeeuwissen.jpg); }
ul.people_wim { background-image: url(../media/fotos/people_wim.jpg); }
ul.people_vivianbackerra { background-image: url(../media/fotos/people_vivian.jpg); }
ul.people_henrifaun { background-image: url(../media/fotos/people_henri.jpg); }
ul.people_gardeniers { background-image: url(../media/fotos/people_gardeniers.jpg); }
ul.people_vanwetswinkel { background-image: url(../media/fotos/people_vanwetswinkel.jpg); }
ul.people_inge { background-image: url(../media/fotos/people_inge.jpg); }

ul.people_jalena { background-image: url(../media/fotos/people_jelenaradovanovic.jpg); }
ul.people_dennis { background-image: url(../media/fotos/people_denniswillems.jpg); }
ul.people_karin { background-image: url(../media/fotos/people_karinbrouwers.jpg); }
ul.people_lolke { background-image: url(../media/fotos/people_lolkeschakel.jpg); }
ul.people_sandra { background-image: url(../media/fotos/people_sandra.jpg); }
ul.people_stephanie{ background-image: url(../media/fotos/people_stephanie.jpg); }

#footer .isologo { background-image:url(../media/isologo.png); width:90px; height:86px; position:absolute; bottom:-25px; right:10px;}