@import url("reset.css");
/* -------------------------------------------------------------------------------- */
/*  Copyright 2007 (Non-)verbaal, http://www.nonverbaal.nl                          */
/* -------------------------------------------------------------------------------- */

/*** Basic structure ***/

html 	{ height: 100%;}
body 	{ background: #FCFCFC url(../images/bg/body_gradient.jpg) repeat-x left top; color: #000; font: 62.5% Verdana, Arial, Helvetica, sans-serif; }
strong 	{ font-weight:bold; }
.clear{
	clear:both;
	height:0;
	visibility:hidden;
}
/*** Links ***/
a { color: #006514; font-weight: bold; }
a:link,
a:visited { text-decoration:underline; }
a:hover,
a:active { text-decoration: none; }

/*** Headers ***/
h2  { height:16px; font-weight:bold; margin-left:1px;}

/*** Styles ***/
p		{ width:315px; line-height:15px; margin:0 0 22px 0; padding: 0 0 0 1px; }
strong 	{ font-weight:bold; }
em		{ font-style:italic;	}
.link		{  float:left; margin-right: 30px;background-position:left top; background-repeat:no-repeat; width:100px; height: 25px; padding:3px 0 0 25px;}
#print.link	{ background-image:url(../images/file_icons/icoonPrint.gif);}
#pdf.link	{ background-image:url(../images/file_icons/icoonPDF.gif);}

/*** Basic structure ***/
div#container	{ width: 968px; background-repeat: repeat-y; background-position: left top; background-image:url(../images/bg/content.png);}
div#container.odd{ background-image:url(../images/bg/content_odd.png);}
div#header 		{ height: 58px; background-repeat:no-repeat; background-position: left top; background-color: #FFF; }
div#left 		{ width: 153px; height:441px; background: #FFF url(../images/bg/left_bottom.jpg) no-repeat center bottom; float:left; }
div#foto 		{ width: 345px; height:441px; background-repeat:no-repeat; background-position: left top; background-color: #00004F; float:left; }
div#content 	{ padding: 28px 0 0 26px; color:#00004F; overflow:auto; width:376px; height:413px; }
div#footer 		{ width: 968px; height: 64px; clear:both; position:relative; background-repeat:no-repeat; background-position: left top; background-color: #FFF;}
div#footer a	{ float:left; height:20px; margin-left:695px; margin-top:17px; width:170px;}
div#footer a span	{ display:none;}
div#left #uitgelicht{ height:26px; background: #FFF url(../images/bg/left_top.jpg) no-repeat center top; padding-top:33px;text-align:center;}

/* IE6 only, sets original background to none */
* html div#container 	 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.facilion.com/www/images/bg/content.png');}
* html div#container.odd { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.facilion.com/www/images/bg/content_odd.png');}

/* 3 px text jog hack, only for IE6 */
* html div#content { padding-left:26px}

body.blue #footer		{ background-image: url(../images/bg/footer_blue.jpg);}
body.blue #header		{ background-image: url(../images/bg/header_blue.jpg) }

body.green #footer		{ background-image: url(../images/bg/footer_green.jpg);}
body.green #header		{ background-image: url(../images/bg/header_green.jpg)}
body.green #header.odd	{ background-image: url(../images/bg/header_green_odd.jpg)}
body.green #footer.odd	{ background-image: url(../images/bg/footer_green_odd.jpg);}

div.actueel			{ line-height:20px; color:#00004F; font-weight: bold; }

/*** Page Overwrites ***/
body#home	 #foto	 			{ background-image: none;}
body#actueel #foto	 			{ background-image: url(../images/visuals/nieuws.jpg);}
body#actueel_uitwerking #foto 	{ background-image: url(../images/visuals/nieuws_uitwerking.jpg);}
body#route	 #foto,
body#brandmanager #foto	 		{ background-image: url(../images/visuals/brandmanager.jpg);}
/*body#cases #foto	 			{ background-image: url(../images/visuals/cases.jpg);}*/
body#cases_uitwerking #foto	 	{ background-image: url(../images/visuals/cases_uitwerking.jpg);}

body#home #content .block p{ margin:15px 0 29px 0;}
body#contact #content,
/*body#route #content,*/
body#diensten #content p{ width:695px; }
body#diensten #content	{ width:724px; }

body#route #content p	{ width:310px; }
body#contact #content p { width:412px; }
body#contact .block		{ width:412px; float:left; margin-top: 10px; }
body#diensten #content a{ font-weight:normal; }

body#diensten h3		{ display:block;height:25px; font-weight:bold; background-color: transparent; background-repeat: no-repeat;background-position: left top;padding: 3px 0px 0px 33px; }
body#diensten h3.een	{ background-image:url(../images/icon/bullet_1.gif);}
body#diensten h3.twee	{ background-image:url(../images/icon/bullet_2.gif);}
body#diensten h3.drie	{ background-image:url(../images/icon/bullet_3.gif);}

body#opdrachtgevers #list 	 { width: 320px; height:413px;overflow:auto;float:left;padding: 28px 0 0 26px  }
body#opdrachtgevers #content {}
body#opdrachtgevers #list ul{color:#00004F;font-weight: bold;line-height:20px;}

body#route #content ul{ margin:10px 0 22px 0 ;padding:0 0 0 5px; list-style: none; width:310px;}
body#route #content li{ padding: 5px 0 0 10px; background: url(../images/icon/bullet_dash.jpg) no-repeat left 10px; }

body#cases_uitwerking #content td{ padding:10px 0; vertical-align:top;}
body#cases_uitwerking #content ul{ margin:0;padding:0; list-style: none;}
body#cases_uitwerking #content li{
	padding: 0 0 5px 10px;
	background: url(../images/icon/bullet_dash.jpg) no-repeat left 5px;
}

/*** Nieuws Items ***/
.actueel	{ width:325px; border-bottom:1px #E6E5E6 solid;padding:0 0 26px 1px; margin-bottom:14px;}
.actueel div{ font-weight:normal; margin:0 0 0 2px;}
.actueel h2 { display:block;height:20px; font-weight:bold;}
.actueel p	{ width:321px; font-size: 1.0em; font-weight: normal;}
.actueel img{ float:right; margin:10px 0 0 9px; }
.actueel a	{ display: block;}
.terug 		{ float:right; text-decoration:none; font-weight:normal; margin-right:32px; background: transparent url(../images/icon/green_arrow.gif) no-repeat left center; padding: 0px 0px 2px 9px; }


body#actueel_uitwerking .newsimage { float:right; margin:22px 10px 10px 9px;}
body#actueel_uitwerking p 			{ width:auto;margin-right:40px;}

body#home .actueel		{ width:325px;border:none;padding:0;margin-bottom:0;}
body#home .actueel p	{ padding:0; margin:0;}
body#home .actueel h2 	{ padding: 1px 0 0 1px}
body#home .actueel div	{ font-weight:normal; margin:0 0 0 2px;}

/*** Cases Items ***/
.case		{ width:325px; border-bottom:1px #E6E5E6 solid;padding:0 0 26px 1px; margin-bottom:14px;}
.case img	{ display: block; margin:35px 0 5px 0; }
.case a		{ display: block;}
#casesGallery{
	width: 347px;
	height:441px;
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #00004F;
	float:left;
	display: none;
}
.jdGallery{
	overflow: hidden;
	position: relative;
}
.jdGallery .slideElement{
	width: 100%;
	height: 100%;
	background-color: #00004F;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00004F;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../www/images/loading-bar-black.gif');
}

/*** Menu ***/
#menu 			{ width: 123px; margin:27px 0 0 0; padding:0;}
#menu ul 		{ }
#menu li 		{ }
#menu li a 		{ display: block; background-image: url(../images/bg/menu.jpg); background-repeat: no-repeat; height: 22px;margin:0; padding: 0; text-decoration: none; }
#menu li a span { visibility:hidden; }

#menu_1 a { background-position: 28px 0px; }
#menu_2 a { background-position: 28px -21px; }
#menu_3 a { background-position: 28px -43px; }
#menu_4 a { background-position: 28px -65px; }
#menu_5 a { background-position: 28px -87px; }
#menu_6 a { background-position: 28px -109px; }
#menu_7 a { background-position: 28px -131px; }
#menu_8 a { background-position: 28px -153px; }

#menu_1 a:hover,
#menu_1 .selected { background-position: -122px 0px; }
#menu_2 a:hover,
#menu_2 .selected { background-position: -122px -21px; }
#menu_3 a:hover,
#menu_3 .selected { background-position: -122px -43px; }
#menu_4 a:hover,
#menu_4 .selected { background-position: -122px -65px; }
#menu_5 a:hover,
#menu_5 .selected { background-position: -122px -87px; }
#menu_6 a:hover,
#menu_6 .selected { background-position: -122px -109px; }
#menu_7 a:hover,
#menu_7 .selected { background-position: -122px -131px; }
#menu_8 a:hover,
#menu_8 .selected { background-position: -122px -153px; }

/* IE 6 FLIKKER - FIX */
* html #menu li a{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/*** PNG Images ***/
#pantone { z-index: 1000; position:absolute; width: 110px; height: 167px; left: 826px; top: 11px; background: url(../images/bg/pantone.png); }
* html #pantone { background-color: transparent; background-image: url(../images/spacer.gif);  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.facilion.com/www/images/bg/pantone.png", sizingMethod="scale");}

/*** Contact Formulier ***/
div.fmcontainer {float:left;}
div.fmcontainer p.legend { margin-bottom: 5px;}
div.fmcontainer p.legend em { color: #D9F03C; font-style: normal; }

#errors 	 { float:left;width:280px; margin: 30px 0 0 30px;border: 1px solid #006514; display: none; background: #FFF; }
#errors p	 { display:inline;padding:10px 0 10px 2px;  }
#errors p em { color: #006514; font-style: normal; font-weight: bold; }
#errors ul	 { margin:10px;}
#errors li	 { list-style-type:square; margin-left:20px; padding:3px 0;}

div.fmcontainer form p 				{ margin:0 0 0 5px; }
div.fmcontainer form p.note 		{ margin-left: 170px; font-size: 90%; color: #333; }
div.fmcontainer form fieldset 		{ margin: 5px 0 0 0; width:350px; padding: 10px 10px 10px 10px; border: #E6E5E6 1px solid;  }
div.fmcontainer form legend 		{ font-weight: bold; color: #202065;margin: 0; padding: 5px 2px 10px 2px;}
div.fmcontainer form fieldset div 	{ padding: 0.25em 0; }

div.fmcontainer label, 
div.fmcontainer span.label { float:left; margin-right: 10px; padding-right: 10px; width: 110px; text-align: right; font-weight: bold;}

div.fmcontainer label.error, 
div.fmcontainer span.error { color: #D9F03C; }

div.fmcontainer label em, 
div.fmcontainer span.label em 		{ font-size: 120%; font-style: normal; color: #D9F03C; }

div.fmcontainer button 				{ border-color: #006514; border:1px solid; background-color: #FFF;color:#006514;font-size:1em; margin: 10px 0 0 0;}
div.fmcontainer input.error 		{ border-color: #006514; background-color: #FEF; }

div.fmcontainer input:focus,
div.fmcontainer input.error:focus, 
div.fmcontainer textarea:focus 		{ background-color: #E6E5E6; }

div.fmcontainer div.controlset label, 
div.fmcontainer div.controlset input {  margin: 0 0 5px 0 ;display: inline; float: none; font-weight: normal;height: 15px; }
div.fmcontainer div.controlset div { margin: 0 0 0 170px; }
div.fmcontainer div.controlset div.label { font-weight: bold; }

 div.fmcontainer div.buttonrow { /* Needed to solve the Peekaboo bug in IE6 */ margin-left: 300px; }
* html div.fmcontainer div.buttonrow { /* Needed to solve the Peekaboo bug in IE6 */ margin-left: 297px; }

div.fmcontainer input.size1, div.fmcontainer textarea.size1 { width: 200px; }
.dummy { display: none; }