body { font:12px Verdana; background:#FFF; padding:0; margin:0 }
div#wrapper { width:1000px; height:1000px; background:white; position:relative; margin:0 auto; bborder:1px solid red }
div#header { background:#f67a00 url(../gfx/header_01.jpg) no-repeat; width:1000px; height:120px; position:relative;
color:black; margin-bottom:1px; font-size:90% }
div#header img#logo { position:absolute; right:26px; top:23px }
div#header img#x { position:absolute; left:0; top:0 }

div#header div#mfinfo { margin-left:201px }
div#header div.visie { width:180px; height:76px; padding:44px 10px 0 10px; line-height:20px; text-align:right; float:left }

div#breadcrumb ul { margin:-3px 0 0 0; padding:0; list-style-type:none; font-size:90%; padding:0px 0 6px 16px; position:relative; z-index:10000; height:13px }
div#breadcrumb ul li { display:inline; color:#f7931d; }

div#datumtijd { font-size:11px; color:#f7931d; position:absolute; right:20px; top:207px }

a { color:#32536F; font-style:none; }
a:hover { color:#FFDA42 }
a img { border:0 }

p em { color:#f7931d; }

h1, h2 { color:#696c77; margin:0 0 0.8em 0; font-size:18px; letter-spacing:-1px; font-weight:normal; }
h3 { color:#888B97; margin:0 0 0.5em 0; font-size:14px; letter-spacing:-1px; font-weight:normal; }
h4 { color:#696c77; margin:0 0 0.2em 0; font-size:18px; letter-spacing:-1px; font-weight:normal; }
h1 { color:black }
p  { margin:0 0 1em 0; line-height:15px }
p.arrow a { display:block; text-decoration:none; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; height:14px; padding-left:18px; margin:0 0 6px; }
p.arrow a:hover { background-position:left bottom }
div.usp h1 { font-size:20px; font-style:italic; font-weight:normal; text-align:left; line-height:30px; margin:0px 0 30px; color:#f07e1b; }
div.artikel h1.home { font-size:16px; color:#4c4e56; }
div.artikel h1.home em { color:#8f9498; font-style:normal; font-size:12px; }
div.artikel p.home  { padding:0 18px 0 24px; color:#696c78 }
div.artikel p.arrow { margin-top:25px }

div#header div.visie a { background-image:url(../gfx/arrow_header.gif); background-repeat:no-repeat; background-position:right 2px; padding:0px 20px 0px 0; display:block; height:16px; line-height:14px; text-decoration:none; color:white; font-weight:normal; margin:4px 0 0 0 }
div#header div.visie a:hover { background-position:right bottom; color:#FFDA42 }

div.artikel    { height:300px; width:400px; padding:0 0 0 400px; border:1px solid #bfbfbf; background-repeat:no-repeat }
div.artikel h1 { padding:12px 24px 0 24px; font-size:28px; }
div.artikel p  { padding:0 18px 0 24px; margin-top:12px; }
div.artikel a  { font-size:11px }
div.artikel #mf_head2 { position:absolute; left:0; top:0 }

div.artikel#index { width:199px; border-left:1px solid #bfbfbf; height:400px; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf }
div.artikel#index { background:white url(../foto/home/selector2.jpg) no-repeat; padding-left:600px }
div.artikel#index p { color:#696c78 }

/* wens 2009 */
div.artikel#index { width:199px; border-left:1px solid #bfbfbf; height:400px; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf }
div.artikel#index { background:white url(../foto/home/selector2.jpg) no-repeat; padding-left:600px }
div.artikel#index p { color:#696c78; padding:0 15px 0 15px }
div.artikel#index h2 { margin:15px }

div.artikel#visie       { width:800px; height:230px; padding:0; background:#FFF url(../foto/visie.jpg) no-repeat }
div.artikel#visie h1    { font-family:Verdana; color:white; text-align:right; font-size:31px; font-weight:normal; padding:36px 24px 0 0 }
div.artikel#visie h1 em { font-style:normal; font-size:50px }

div.artikel#services       { width:800px; height:230px; padding:0; background:#f8931d url(../foto/services.jpg) no-repeat; }
div.artikel#services h1    { font-family:Verdana; color:white; text-align:right; font-size:31px; font-weight:normal; padding:36px 24px 0 0 }
div.artikel#services h1 em { font-style:normal; font-size:50px }

div.artikel#werkwijze       { width:800px; height:230px; padding:0; background:#f8931d url(../foto/werkwijze.jpg) no-repeat; }
div.artikel#werkwijze h1    { font-family:Verdana; color:white; text-align:right; font-size:31px; font-weight:normal; padding:36px 24px 0 0 }
div.artikel#werkwijze h1 em { font-style:normal; font-size:50px }

div.artikel#onesixty      { background-image:url(../foto/klanten/onesixty.jpg); }
div.artikel#biotex   { background-image:url(../foto/klanten/biotex.jpg); }
div.artikel#heinz     { background-image:url(../foto/klanten/heinz.jpg); }
div.artikel#histor    { background-image:url(../foto/klanten/histor.jpg); }
div.artikel#histor h1 { font-size:24px; }
div.artikel#kc        { background-image:url(../foto/klanten/kc.jpg); }
div.artikel#mco       { background-image:url(../foto/klanten/mco.jpg); }
div.artikel#molnlycke { background-image:url(../foto/klanten/molnlycke.jpg); }
div.artikel#rambo     { background-image:url(../foto/klanten/rambo.jpg); }
div.artikel#roosvicee { background-image:url(../foto/klanten/roosvicee.jpg); }
div.artikel#siebel    { background-image:url(../foto/klanten/siebel.jpg); }
div.artikel#om    { background-image:url(../foto/klanten/om.jpg); }
div.artikel#adam_noord    { background-image:url(../foto/klanten/welkom_noord_big.jpg); }
div.artikel#mccain    { background-image:url(../foto/klanten/mccain.jpg); }
div.artikel#utrechtse_school { background-image:url(../foto/klanten/utrechtse_school.jpg); }
/*
div.artikel#routebeschrijving_auto { background-image:url(../foto/routekaart.gif); }
div.artikel#routebeschrijving_o_v_ { background-image:url(../foto/routekaart.gif); }
*/

div.artikel { position:relative }
div.artikel img { display:block; position:absolute; left:0; top:0; }
div.artikel div.white { color:white; font-size:11px; position:absolute; left:0px; top:20px;  }
div.artikel div.white p { margin:0; line-height:17px }
div.artikel div.white strong { font-style:normal; color:#fb8e15 }

div.borderbottom { border-bottom:1px dotted #888B97; padding:0 0 14px 0; margin:0 0 10px 0 }

div.kolom { float:left; width:167px; padding:16px; border-right:1px solid #bfbfbf; font-size:90%; padding-bottom:70px }
div#kolom1 { padding-left:17px }
div.kolom img { border:1px solid #bfbfbf }
div.kolom div.tflashcode { position:static; float:none; margin-bottom:15px; }

div.kolom2 { float:left; width:268px; padding:16px; border-right:1px solid #bfbfbf; font-size:90% }
div.kolom3 { float:left; width:368px; padding:16px; border-right:1px solid #bfbfbf; font-size:90%; background-color:#e6e7e9; }
div.kolom3 p { font-style:italic; font-size:125%; line-height:1.5em; color:#696c77;}

div.route { float:left; width:768px; padding:16px 16px 16px 17px; border-right:1px solid #bfbfbf; font-size:90% }

div#rechts { width:198px; position:absolute; right:0; top:240px; padding-top:10px }
div#rechts h2 { margin:16px 16px 4px 16px; font-size:14px }
div#rechts p { margin:0 16px 12px 16px; font-size:11px; color:#888B97;  }
div#rechts a { display:inline; padding:0; background:0; text-decoration:none; }
div#rechts h3 { margin:0 16px 4px 16px; font-size:11px; color:#888B97; font-weight:normal; }
div#rechts p.route { margin-top:-25px; }

div.window { position:relative; width:200px; height:214px; top:-28px; right:-12px; margin-bottom:-30px }
div#rechts div.window p  { margin:0 5px }

div.collaps { margin:8px 0 }
div#rechts div.collaps p {  }

div#rechts a.collaps,
div#rechts a.collaps_up { display:block; height:14px; background-image:url(../gfx/arrow_collaps.gif); background-repeat:no-repeat; background-position:16px top; cursor:pointer }
div#rechts a.collaps    { background-image:url(../gfx/arrow_collaps.gif) }
div#rechts a.collaps_up { background-image:url(../gfx/arrow_collaps_up.gif) }
div#rechts p.center { text-align:center; }

div#rechts p.arrow a { display:block; text-decoration:none; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; height:14px; background-position:0 0; padding-left:18px; margin:0 0 6px; }
div#rechts p.arrow a:hover { background-position:0 -20px }

a.collaps:hover, a.collaps_up:hover { background-position:center bottom }


div.collaps p { overflow:hidden }
/*
div.expanded p { height:auto }
*/

div.address { margin:0 0 50px; font-style:normal; font-size:10px; color:#888B97 }

div#map { width:800px; height:300px; padding:0; background:#EEE; margin-bottom:28px }

/* nieuwsjaarswens 2009 */
object#mf_2009 { position:absolute; left:0; top:0px }
embed#mf_2009 { position:absolute; left:0; top:0px }

/* nieuwsjaarswens 2008 */
div.artikel#nj2008 object#mf_2008 { position:absolute }
div.artikel#nj2008 { height:400px; width:799px; padding:0; background:white url(../gfx/bg_nieuwjaarswens.jpg) no-repeat; background-position:right 0 }

div.artikel div.wens { color:white; padding:52px 20px 20px 620px; font-size:14px; line-height:24px; }
div.artikel div.wens strong { color:white }
div.artikel div.wens a { color:#f67a00; display:block; text-decoration:none; background-image:url(../gfx/arrow_wens.gif); background-repeat:no-repeat; height:14px; padding:0px 20px 6px 18px; margin:0 0 6px 0px; background-position:0 5px;}
div.artikel div.wens a:hover { color:#FFDA42; background-position:0 bottom; }
div.artikel div.wens h1 { font-size:14px; padding:0; color:white; }
div.artikel div.wens h3 { font-size:10px; line-height:16px; padding:40px 0 0 0; color:white; }

/* om nieuwsjaarswens op de homepage te zetten: */
/*
div.artikel#index object#mf_2008 { position:absolute }
div.artikel#index { height:400px; width:799px; padding:0; background:white url(../gfx/bg_nieuwjaarswens.jpg) no-repeat; background-position:right 0 }
*/

div#slideshow { width:600px; height:400px; position:absolute; left:0px; top:0px }
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 400px;
	background-position:0;
	background-repeat: no-repeat 
}

div#rechts a#mixter { width:182px; height:57px; display:block; background-image:url(../gfx/mixter_button.gif); background-position:top; text-indent:-500px; overflow:hidden; margin:40px 0 36px 0; }
div#rechts a#mixter:hover { background-position:bottom }

div#footer { clear:both; border-top:1px solid #bfbfbf; padding:7px 0 4px 0; color:#888B97; font-size:11px; text-align:center }