/********************************/
/*								*/
/*     Algemene (re)setters     */
/*								*/
/********************************/

*						{	/*font-family:Sans-Serif, Arial, Helvetica, Verdana;*/	}
body, div, p			{	padding:0;	margin:0;	border:0;	}
h1, h2, h3, h4, h5, h6	{	padding:0;	margin:0;	border:0;	}
ol, ul, li				{	padding:0;	margin:0;	list-style:none;	}
img						{	padding:0;	margin:0;	border:0;	display:block;	}
address					{	padding:0;	margin:10px 0 0 0;		font-style:normal; font-size:11px; color:#999; }

body
{
	margin: 0;
/*	text-align: center;	*/		/* nodig voor IE6, om de site te centreren; vereist tevens dat in de wikkel een neutraliserend text-align:left staat voor alle elementen binnen de body/wikkel */
}
#wikkel	
{
/*	width:950px; margin: 0 auto;
	text-align: left;
	position: relative;*/			/* nodig om binnen de wikkel absolute positioning te kunnen gebruiken */
	width:950px;	height:690px;	overflow:hidden;
	text-align: left;
	position: absolute;	left:50%;		top:50%;		z-index:0;
	margin:-311px 0 0 -475px;		/* de -311px is weliswaar niet de helft van de height, maar de logo's onderaan de pagina zijn niet belangrijk genoeg om de verticale centrering te mogen beïnvloeden */
}





/********************************/
/*								*/
/*       Algemene stijlen       */
/*								*/
/********************************/

#tekstinhoud, #tekstinhoudbreed
{
	position:absolute;	left:525px; 	top:77px;		z-index:3;
	width:425px;
	background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-80.png);
	padding-bottom:50px;
}
#tekstinhoudbreed
{
	left:325px;
	width:625px;
}

#tekstinhoudvollebreedte
{
	position:absolute;	left:0px;		top:165px;		z-index:3;
	width:950px;
}

#product-design div#tekstinhoudvollebreedte, #sign-solutions div#tekstinhoudvollebreedte, #advies-met-subsidie div#tekstinhoudvollebreedte	{ width:475px; }

#tekstinhoud h1, #tekstinhoudbreed h1
{
	margin:30px 30px 0px 30px;
	font:24px Georgia, "Times New Roman";
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
}
#tekstinhoud p, #tekstinhoudbreed p, #tekstinhoudvollebreedte p, #tekstinhoud h2
{
	margin:0 30px 0 30px;
	color:#666;
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.45em;
}

#tekstinhoudvollebreedte p
{
	margin:0 30px 0 30px;
}

#tekstinhoud ul, #tekstinhoudvollebreedte ul
{
	margin:0 30px 0 50px;
	list-style-type:disc;
	color:#666;
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.45em;
}
#tekstinhoud p.samenvatting
{
	margin:0 30px 0px 30px;
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.3em;
}

#tekstinhoud p.ruimteonder	{ margin-bottom:8px; }
#tekstinhoud p.ruimteboven	{ margin-top:8px; }
#tekstinhoud p.ruimtebovenenonder	{ margin-bottom:8px; margin-top:8px; }

#tekstinhoudvollebreedte p.ruimteonder	{ margin-bottom:8px; }
#tekstinhoudvollebreedte p.ruimteboven	{ margin-top:8px; }
#tekstinhoudvollebreedte p.ruimtebovenenonder	{ margin-bottom:8px; margin-top:8px; }

#tekstinhoud ul.niv2
{
	margin:0 0 0 0px;
	list-style-type:none;
}
#tekstinhoud li, #tekstinhoudvollebreedte li
{
	list-style-type:disc;
	margin-bottom:3px;
}
#tekstinhoud ul.niv2 li
{
	list-style-type:none;
}

#tekstinhoud h2
{
	margin:10px 30px 0 30px;
	font-style: italic;	/* overrules */
	color:#aaa;	/* overrules */
}

#tekstinhoud a:link, #tekstinhoudbreed a:link, #tekstinhoudvollebreedte a:link, #tekstinhoud a:visited, #tekstinhoudbreed a:visited, #tekstinhoudvollebreedte a:visited,
#tekstinhoud a:hover, #tekstinhoudbreed a:hover, #tekstinhoudvollebreedte a:hover, #tekstinhoud a:active, #tekstinhoudbreed a:active, #tekstinhoudvollebreedte a:active
{
	color:#666; text-decoration:underline;
}

.rood
{
	color:#aaa; /*#e4170e;*/
}

.grijs
{
	color:#aaa;
}


#beeldenlijst
{
	position:absolute;	left:0px;		top:77px;		z-index:1;
	width:950px;	height:523px;
	overflow:hidden;
}

#logo
{
	position:absolute;	left:0px;		top:21px;		z-index:5;
}

address
{
	position:absolute;	left:0px;		top:600px;		z-index:1;	
	width:950px;
	text-align:right;		/*text-transform:uppercase;*/
}

#taalmenu
{
	position:absolute;	left:0px;		top:606px;		z-index:2;	
	width:200px;
}
#taalmenu li
{
	display:inline;
	margin:0 3px 0 3px;
	color:#999;
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
}
#taalmenu li a:link, #taalmenu li a:visited { text-decoration:none; color:#999; }
#taalmenu li a:hover, #taalmenu li a:active { text-decoration:none; color:#e4170e; }

/*
ol.nl-BE li#taal_nl-BE,
ol.fr-BE li#taal_fr-BE,
ol.en-GB li#taal_en-GB { border-bottom:1px dotted #e4170e; }
*/

ol.nl-BE li#taal_nl-BE a,
ol.fr-BE li#taal_fr-BE a,
ol.en-GB li#taal_en-GB a { border-bottom:1px dotted #e4170e; }


#hoofdmenu
{
	position:absolute;	left:130px;		top:19px;		z-index:10;
	width:820px;
	text-align:right;
}
#hoofdmenu li
{
	display:inline;
	margin:0 4px 0 20px;
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
}

#hoofdmenu li a:link, #hoofdmenu li a:visited { text-decoration:none; color:#000; }
#hoofdmenu li a:hover, #hoofdmenu li a:active { text-decoration:none; color:#e4170e; }

#submenu
{
	position:absolute;	left:375px;		top:43px;		z-index:10;
	width:575px;
	text-align:right;
}
#submenu li
{
	display:inline;
	margin:0 4px 0 20px;
	color:#999;
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
}
#submenu li a:link, #submenu li a:visited { text-decoration:none; color:#999; }
#submenu li a:hover, #submenu li a:active { text-decoration:none; color:#e4170e; }



/***** bediening *****/
/*
#info_knop
{
	position:absolute;	left:720px;		top:0px;		z-index:40;
	width:60px;		height:15px;
	padding-right:10px;
	overflow:hidden;
	background-color:#e4170e;
	text-align:right;	font:10px Arial, Helvetica;		color:#fff;
}
*/	/* positionering t.o.v. #inhoudbediening */

#info_knop
{
	position:absolute;	left:880px;		top:77px;		z-index:40;
	width:60px;		height:15px;
	padding-right:10px;
	overflow:hidden;
	background-color:#e4170e; /*#D12420;*/
	text-align:right;	font:10px Arial, Helvetica;		color:#fff;
}

.beeldwisselknop
{
	width:15px;		height:15px;
	text-align:center;
}
#beeldwisselknop1	{	left:562px;	}
#beeldwisselknop2	{	left:578px;	}
#beeldwisselknop3	{	left:594px;	}
#beeldwisselknop4	{	left:610px;	}
#beeldwisselknop5	{	left:626px;	}
#beeldwisselknop6	{	left:642px;	}
#beeldwisselknop7	{	left:658px;	}
#beeldwisselknop8	{	left:674px;	}
#beeldwisselknop9	{	left:690px;	}

.knop	{ cursor:pointer; }
/*
#inhoudbediening a
{
	margin-left:1px;
	display:block;		overflow:hidden;	float:right;
	width:15px;		height:15px;
	text-align:center;
	background-color:#e4170e;
						font:10px Arial, Helvetica, Sans-Serif;		color:#fff;	text-decoration:none;
}
*/

#inhoudbediening
{
	position:absolute;	right:85px; 	top:77px;		z-index:10;
	width:auto;
}
#inhoudbediening a
{
	margin-left:1px;
	display:block;		overflow:hidden;	float:left;
	width:15px;		height:15px;
	text-align:center;
	background-color:#e4170e;	background-image:none;
						font:0px Arial, Helvetica, Sans-Serif;		color:#e4170e;	text-decoration:none;
}

#inhoudbediening a.activeSlide	/* class komt van jQuery.cycle */
{
	background-color:#999;		background-image:url(/_vormgeving_/beelden/achtergrond/animatie_beeldwissel.gif);
	color:#999;
}


.aKnop
{
	position:absolute;									z-index:40;	
	display:block;		overflow:hidden;
	background-color:#e4170e; /*#D12420;*/	
						font:10px Arial, Helvetica, Sans-Serif;		color:#fff;	text-decoration:none;
}


/********************************/
/*								*/
/*           ItemLijst          */
/*								*/
/********************************/

/*
#itemLijstContainer
{
	position:absolute; top:490px; left:55px; z-index:10;
	width:840px; 	height:120px; 
	overflow:hidden;
}

#itemlijst
{
						height:110px;
	overflow:hidden;
	text-align:center;
}

ol.itemnavigatie li 	{ width:105px; height:110px;	float:left; }

*/
#itemLijstContainer
{
	position:absolute; top:533px; left:55px; z-index:10;
	width:840px; 	height:77px; 
	overflow:hidden;
}

#itemlijst
{
	/*position:absolute;	left:47px;		top:490px;			z-index:39;*/
	/*		*/			height:67px;
	overflow:hidden;
	text-align:center;
}

ol.itemnavigatie li 	{ width:105px; height:67px;	float:left; }
ol.itemnavigatie li a	{display:block; width:105px; height:110px; padding-top:10px; }
ol.itemnavigatie li a:link		, 
ol.itemnavigatie li a:visited	{ text-decoration:none; color:#000; }
ol.itemnavigatie li a:hover		, 
ol.itemnavigatie li a:active	{ text-decoration:none; color:#fff; background-color:#aaa;/*#e4170e;*/ }
ol.itemnavigatie li.getoond				,
ol.itemnavigatie li.getoond a:link		, 
ol.itemnavigatie li.getoond a:visited	,
ol.itemnavigatie li.getoond a:hover		, 
ol.itemnavigatie li.getoond a:active	{ background-color:/*#e4170e*/#aaa; color:#fff; }
ol.itemnavigatie img	{ width:85px; margin:0px 10px 0 10px;} /* Deze beelden worden in deze afmetingen gedwongen; ze zijn eigenlijk 170x94. */
ol.itemnavigatie h3		{ font-size:10px; font-weight:bold; font-family:Arial; width:90px; margin:13px 0 0 8px; }
ol.itemnavigatie p		{ font-size:9px; font-family:Arial; width:90px; margin:0 0 0 8px; }
/*
.itemlijstBladerKnop
{
	position:absolute;					top:490px;			z-index:40;
	width:47px;		height:110px;
	background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-80.png);
}
.vorigItemBlok
{
	position:absolute; top:490px; left:0; z-index:10;
	width:55px; 	height:110px; 
	overflow:hidden;
	background-image:url(/_vormgeving_/beelden/achtergrond/itemLijstVorige.gif);
	background-position:0 -110px;
}
.volgendItemBlok
{
	position:absolute; top:490px; left:895px; z-index:10;
	width:55px; 	height:110px; 
	overflow:hidden;
	background-image:url(/_vormgeving_/beelden/achtergrond/itemLijstVolgende.gif);
	background-position:0 -110px;
}
.vorigItemBlok:hover, .vorigItemBlok:active, .volgendItemBlok:hover, .volgendItemBlok:active 
{
	background-position:0 0;
}
.inactiefItemBladerBlok
{
	background-image:none;
	background-position:0 0;
}
.itemLijstAchtergrond
{
	position:absolute; top:490px; left:0; z-index:9; width:950px; height:120px; background-color:#fff;
}
*/
.itemlijstBladerKnop
{
	position:absolute;					top:533px;			z-index:40;
	width:47px;		height:67px;
	background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-80.png);
}
.vorigItemBlok
{
	position:absolute; top:533px; left:0; z-index:10;
	width:55px; 	height:67px; 
	overflow:hidden;
	background-image:url(/_vormgeving_/beelden/achtergrond/itemLijstVorige.gif);
	background-position:0 -110px;
}
.volgendItemBlok
{
	position:absolute; top:533px; left:895px; z-index:10;
	width:55px; 	height:67px; 
	overflow:hidden;
	background-image:url(/_vormgeving_/beelden/achtergrond/itemLijstVolgende.gif);
	background-position:0 -110px;
}
.vorigItemBlok:hover, .vorigItemBlok:active, .volgendItemBlok:hover, .volgendItemBlok:active 
{
	background-position:0 0;
}
.inactiefItemBladerBlok
{
	background-image:none;
	background-position:0 0;
}
.itemLijstAchtergrond
{
	position:absolute; top:533px; left:0; z-index:9; width:950px; height:67px; background-color:#fff;
}
h2.itemnavigatie
{
						left:385px;	top:585px;
	width:180px;		height:14px;	padding-top:1px;
	text-align:center;	vertical-align:middle;
}



/***** voet *****/
#voet_logos
{
	position:absolute; top:630px; left:0px; z-index:50;
	width:950px;		height:60px;
	text-align:right;
	opacity:0.5;
}

#voet_logos li, #voet_logos li img
{
	margin-left:10px; display:inline;
}
#voet_logos li img
{
	display:inline;
}







/***** rubriekspecifieke stijlen *****/

/* aanduiding actieve rubriek */
/*
body#nieuws li#menu_nieuws,
body#portfolio li#menu_portfolio,
body#contact li#menu_contact,
body#product-design li#menu_product-design,
body#advies-met-subsidie li#menu_advies-met-subsidie,
body#diensten li#menu_diensten,
body#projecten li#menu_projecten,
body#voertuigen li#menu_voertuigen,
body#raamdecoratie li#menu_raamdecoratie,
body#diverse li#menu_diverse,
body#buitenreclame li#menu_buitenreclame,
body#interieur li#menu_interieur,
body#sign-solutions li#menu_sign-solutions { border-bottom:1px dotted #e4170e; }
*/

body#nieuws li#menu_nieuws a,
body#portfolio li#menu_portfolio a,
body#contact li#menu_contact a,
body#product-design li#menu_product-design a,
body#advies-met-subsidie li#menu_advies-met-subsidie a,
body#diensten li#menu_diensten a,
body#projecten li#menu_projecten a,
body#voertuigen li#menu_voertuigen a,
body#raamdecoratie li#menu_raamdecoratie a,
body#diverse li#menu_diverse a,
body#buitenreclame li#menu_buitenreclame a,
body#interieur li#menu_interieur a,body#sign-solutions li#menu_sign-solutions a { border-bottom:1px dotted #e4170e; }

/* Algemeen rubrieken: */

#diensten h1, #product-design h1, #advies-met-subsidie h1, #sign-solutions h1
{
	position:absolute;	left:120px;		top:92px;		z-index:3;
	width:830px;

	margin:0 30px 0px 30px;
font-family: Georgia, serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.2em;
color:#666;
}

/* advies-met-subsidie */
.bulletLijst li { margin-left:15px; list-style-type:disc; padding-left:5px; }

/* contact */
#google_map
{
	position:absolute;	left:0px;		top:77px;		z-index:1;
	width:950px;	height:523px;
	overflow:hidden;
}

/* intro */
.cloud_container
{
	position:absolute; top:390px; 						z-index:50;
	width:300px;	height:300px;
	/*background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-80.png);*/
	/*text-align:justify;*/
}
#cloud-product-design
{
	left:200px;
	text-align:right;
}
#cloud-sign-solutions
{
	left:530px;
}

.cloud_container li
{
	display:inline;		padding:2px 6px 4px 6px;	/*margin:1px;*/
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: lowercase;
letter-spacing: normal;
color:#333;
}

.cloud_container li.niv0	{ background-color:#e4170e; }
.cloud_container li.niv1	{ background-color:#fff; }
.cloud_container li.niv2	{ background-color:#eee; } /*{ background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-90.png); }*/
.cloud_container li.niv3	{ background-color:#ddd; } /*{ background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-80.png); }*/
.cloud_container li.niv4	{ background-color:#ccc; } /*{ background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-70.png); }*/
.cloud_container li.niv5	{ background-color:#bbb; } /*{ background-image:url(/_vormgeving_/beelden/achtergrond/semitransparant-wit-60.png); }*/

.cloud_container li a { line-height:24px; color:#666; }
.cloud_container li.niv0 a { color:#fff; }
.cloud_container li a:link, .cloud_container li a:visited { text-decoration:none; }
.cloud_container li a:hover, .cloud_container li a:active { text-decoration:underline; }



/***** Voor testen *****/
/* OCMS */