@charset "utf-8";
@import url("flexcrollstyles.css");
/* CSS Document */

body {
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}

.flexcroll { outline:0 }

html, body {
	height:100%;
	margin:0px;
	padding:0px;
}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-350px; /* helft van website hoogte */
	float:left;
}

div#container {
	text-align:left;
	margin: 0px auto;
	position: relative;
	width: 950px;
	height: 580px;
	clear: left;
}

#header {
  margin: auto;
  width: 950px;
  padding: 0px;
  margin-bottom:10px;
}
  /* MENU */
  a.blue:hover,div#menu-images a.blue-selected, ul.sitemap li.blue a:hover { background-color:#00F !important; color:#FFF !important; }
  a.green:hover,div#menu-images a.green-selected, ul.sitemap li.green a:hover { background-color:#0F0 !important; color:#000 !important; }
  a.purple:hover,div#menu-images a.purple-selected, ul.sitemap li.purple a:hover { background-color:#b61fe8 !important; color:#FFF !important; }
  a.yellow:hover,div#menu-images a.yellow-selected, ul.sitemap li.yellow a:hover { background-color:#FF0 !important; color:#000 !important; }
  a.red:hover,div#menu-images a.red-selected, ul.sitemap li.red a:hover { background-color:#F00 !important; color:#FFF !important; }
  div#menu-images { width:950px; height:175px; overflow:hidden; position:relative }
  div#menu-images a, img.functies { position:absolute; background-color:#000; }
  div#menu-images a.home { top:34px; left:0; width:345px; height:67px; }
  div#menu-images a.melkfabriek { top:0; left:345px; width:220px; height:106px;  }
  div#menu-images a.presenteert { top:34px; left:565px; width:245px; height:67px; }
  div#menu-images a.fotos { top:34px; left:816px; width:134px; height:67px; }
  div#menu-images a.nieuws { top:114px; left:0; width:136px; height:61px; }
  div#menu-images a.agenda { top:114px; left:139px; width:139px; height:61px; }
  div#menu-images img.functies { top:114px; left:278px; width:17px; height:61px; }
  div#menu-images a.evenementen { top:114px; left:295px; width:174px; height:20px; }
  div#menu-images a.innovatie { top:114px; left:469px; width:175px; height:20px; }
  div#menu-images a.inspiratie { top:134px; left:295px; width:349px; height:21px; }
  div#menu-images a.vergaderen { top:155px; left:295px; width:152px; height:20px; }
  div#menu-images a.training { top:155px; left:447px; width:197px; height:20px; }
  div#menu-images a.contact { top:114px; left:647px; width:171px; height:61px; }
  div#menu-images a.partners { top:114px; left:821px; width:129px; height:61px; }
  
  ul#menu-links a { cursor:pointer; }
  ul#menu-links a.blue-selected { font-weight:bold; color:#00F !important; }
  ul#menu-links a.green-selected { font-weight:bold; color:#0F0 !important; }  
  ul#menu-links a.purple-selected { font-weight:bold; color:#b61fe8 !important; }
  ul#menu-links a.yellow-selected { font-weight:bold; color:#FF0 !important; }
  ul#menu-links a.red-selected { font-weight:bold; color:#F00 !important; }

  ul#menu-links { margin:15px 0 5px 0; padding:0; height:30px; }
  ul#menu-links li { list-style:none; float:left; }
  ul#menu-links li a { display:block; width:104px; border-left:1px solid #ddd; color:#666; padding:0; margin:0; font-size:9px; text-align:center; height:30px; text-decoration:none; }
  ul#menu-links li:first-child a { border:0; margin-left:2px }
  ul#menu-links li span { padding:0; margin:0; }
  ul#menu-links li ul { display:none; width:105px; background-color:#FFF; z-index:100 }
  ul#menu-links li:hover ul, ul#menu-links li.hover ul { display:block; position:absolute; margin:0; padding:0; z-index:999 }
  ul#menu-links li ul li:first-child a { margin-left:0; border-width:1px !important; border-style:solid; border-color:#ddd; z-index:999 }
  ul#menu-links li ul li a { width:104px; border-width:0 1px 1px 1px !important; border-style:solid; border-color:#ddd; padding:4px 0; z-index:999; height:auto !important }
  ul#menu-links li:hover li, #menu-links li.hover li { float:none; }
  
  #content { width:950px; position:relative; text-align:left; overflow:hidden; margin:15px 0; }
  #pagetitle { height:300px; float:left; position:relative; }
	.title-shallow { width:33px; padding:0 6px; }
	.title-normal { width:40px; padding:0 10px; }
	.title-wide { width:58px; padding:0 8px 0 9px; }
	img.blue, table.blue { background-color:#00F !important; color:#fff !important; }
	img.green, table.green { background-color:#0F0 !important; color:#000 !important; }
	img.purple, table.purple { background-color:#b61fe8 !important; color:#fff !important; }
	img.yellow, table.yellow { background-color:#FF0 !important; color:#000 !important; }
	img.red, table.red { background-color:#F00 !important; color:#fff !important; }
  #pagetitle img { bottom:0px; background-color:#F00; position:absolute; }
  
  .lijn-horizontaal { margin:0 -2px }
  .lijn-verticaal { margin:0; float:left;  }
  
    ul.sitemap li.grey { color:#666; }
  
.linkcolor-red a, ul.sitemap li.red { color:#F00;}
.linkcolor-blue a, ul.sitemap li.blue { color:#00F; }
.linkcolor-green a, ul.sitemap li.green { color:#0F0; }
.linkcolor-purple a, ul.sitemap li.purple { color:#b61fe8; }
.linkcolor-yellow a, ul.sitemap li.yellow { color:#F90; }

.column { height:300px; float:left; padding: 0px 7px 0 15px; margin-right:8px; overflow:auto; }
.flashcolumn { width:420px; height:300px; float:left; margin-left:15px;overflow:hidden; }
#photos { width:420px; height:300px; float:left; margin:0 15px;overflow:hidden; background-color:#ccc; position:relative; }
.prescolumn { width:453px; height:300px; float:left; overflow:hidden; margin-left:15px; }
.mapcolumn { width:525px; height:300px; float:left; padding-left: 15px; overflow:hidden; position:relative; }
#map { width: 100%; height: 300px; z-index:1; }

/* NIEUWS */
ul#news { margin:0 0 0 15px; padding:0; list-style:none; float:left; }
ul#news li { margin:0; padding:0; list-style:none; }
ul#news a { display:block; width:85px; height:65px; padding-top:20px; background-color:#999; color:#fff; text-align:center; font-size:12px; margin: 0 10px 7px 0; text-decoration:none;  }
ul#news a span { font-weight:bold; }
ul#news a:hover,ul#news a.active { background-color:#b61fe8; }
ul#news a.archief { margin:0; padding:0; height:auto; }

#newscontent { float:left; height:300px; width:320px; overflow:auto; position:relative; padding: 0 7px 0 0; margin-right:8px; }
#newsextra { width:420px; height:300px; float:left; margin-left:15px;overflow:hidden; background-color:#fff; text-align:center; }

/* PRESENTEERT */
ul#mfp { margin:0; padding:0; list-style:none; float:left; }
ul#mfp li { margin:0; padding:0; list-style:none; }
ul#mfp a { display:block; width:147px; height:112px; padding-top:35px; background-color:#999; color:#fff; text-align:center; font-size:12px; margin: 0 0 7px 0; text-decoration:none;  }
ul#mfp a img { margin-bottom:5px;  }
ul#mfp a span { font-weight:bold; }
ul#mfp a:hover,ul#mfp a.active { background-color:#0b1fb2; }
ul#mfp a.archief { margin:0; padding:0; height:auto; }
.pres { float:left; margin-right:6px; }


/* ACTIVITEITEN */
#activityimage { float:left;width:300px;height:300px; overflow:hidden; position:relative; margin-left:15px; }
.navigation { display:block;height:20px; margin-top:6px; line-height:19px; font-weight:bold; color:#fff !important; background-color:#999; overflow:hidden; text-decoration:none }
.prev { float:left; text-align:left; margin-left:15px; padding:0 2px 0 5px; width:239px; }
.back { text-align:center; left:265px; bottom:0; padding:0; width:20px; position:absolute;  }
.next { float:right; text-align:right; margin-right:15px; padding:0 5px 0 2px; width:239px; }
table#program  { margin:0; width:100%; }
table#program th { padding:6px;border-bottom:1px solid #999; font-size:11px; }
table#program td { padding:3px 6px;font-size:11px; margin:3px; }
table#program td:last-child { text-align:left }
table#program .etitle { min-width:450px; } 
table#program tr.even td { background-color:#F5F5F5; }

/* AGENDA */
.agenda-item { overflow:hidden; margin:0 0 8px 0; background-color:#f6f6f6; }
.agenda-desc { padding:0px; float:left; }
.agenda-desc h2 { font-family:"Arial Black",Gadget,sans-serif; margin: 3px 5px; font-size:16px; max-width:450px; }
.agenda-desc p { margin: 3px 5px; line-height:13px; max-width:450px; }
/* .agenda-item span { font-size:11px; position:absolute; top:3px; right:3px; height:24px; text-align:right; } */
.agenda-date { text-align:center; padding:6px 0 0 0; font-size: 9px; color:#fff; width:60px; height:54px; background-color:#0f0; float:left; }
.agenda-date span { font-size: 22px; font-weight:bold; line-height:18px; }
ul.agenda, ul.agenda li { list-style:none; margin:1px 0; padding:0;font-size:11px; }
ul.agenda li { margin:0px;padding:3px;color:#171717; border-top:1px solid #f6f6f6; }
ul.agenda li:hover { background-color:#f6f6f6;color:#000;font-size:12px; }

/* FOTOS */
#photos ul { overflow:hidden; margin:0;padding:0; list-style:none; width:420px; height:300px; }
#photos li  { width:450px; margin:0 -15px; text-align:center; list-style:none; padding:0 }
#photos img { max-height:300px; }
#photos li span.descr,#photos li span.box { position:absolute; bottom:6px; left:125px; width:192px; padding:4px; font-size:11px; display:none; }
#photos li span.box { background-color:#000; color:#000;
		-moz-border-radius: 5px;
		border-radius: 5px;
		z-index:1;
}
#photos li span.descr { color:#FFF; z-index:2; }
#photos li:hover span.descr { display:block; }
#photos li:hover span.box { display:block;
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity:0.5;
        opacity:0.5;
}

/* CONTACT */
#offformulier { padding:3px; position:relative; }
#offtable { height:auto; padding:0px; margin:0px; width:100%; }
#offtable td { border:0px; padding:2px; margin:0px; font-size:12px; }
.offtext { background-color:#FFFFFF; border: 1px solid #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:99%; margin-bottom:3px;}

/* SITEMAP */
ul.sitemap { font-size:12px;}
ul.sitemap li { margin:3px 0; list-style-type: }
ul.sitemap li a, ul.sitemap li span { padding:5px; margin:2px; color:#000 !important; }

#footer {
  margin: 0 auto;
  width: 950px;
  padding: 0px;
  overflow: hidden;
}

#footer p {
  margin: 5px 0;
  float:right;
  padding: 4px;
  color:#999;
  text-align: right;
}

#footer p a {
  color:#666;
  text-align: right;
  text-decoration: underline;
}
#footer p a:hover { color:#000; }
img { border:0px; }
h1 { font-family:"Arial Black",Gadget,sans-serif; margin: 1px 0px 8px 0px; font-size:15px; text-transform: uppercase; text-indent:17px; background: url(../images/header-left.gif) 0 5px no-repeat; }
/*
a:first-child { color:#F00; }

a:nth-child(2) { color:#0b1fb2; }
a:nth-child(4) { color:#ff0; }
a:nth-child(5) { color:#b61fe8; }
a:nth-child(3) { color:#0f0; } */
#footer span { float:left;  color: #cccccc; font-size:11px; }
#footer span a { height:31px; display:inline-block; margin-top:10px; overflow:hidden; padding-top:0; }
#footer span a:hover img { margin-top:-31px; }
/*
.logo-cre { background:url(../images/logo-cre.gif) 0 0 no-repeat; text-indent:-1000px; overflow:hidden; width:157px; height:31px; margin:15px 10px 0 15px; display:inline-block }
.logo-cre:hover { background-position: 0 -31px; }
.logo-hnh { background:url(../images/logo-hnh.gif) 0 0 no-repeat; text-indent:-1000px; overflow:hidden; width:80px; height:31px; margin:15px 10px 0 10px; display:inline-block}
.logo-hnh:hover { background-position: 0 -31px; }
.logo-filmfabriek { background:url(../images/logo-filmfabriek.gif) 0 0 no-repeat; text-indent:-1000px; overflow:hidden; width:110px; height:31px; margin:15px 10px 0 10px;display:inline-block }
.logo-filmfabriek:hover { background-position: 0 -31px; }*/

h1 span { padding:0px 22px 0px 0px; background: url(../images/header-right.gif) right no-repeat; }
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px !important; }
.routeknop { z-index:1000; position:absolute; top:2px; left:16px; border:1px solid #CCC; }
.routeknop:hover { border-color:#000; }

#impressie { width:950px; position:relative; text-align:left; margin:auto; overflow:auto; margin-top:15px; }
#impressie a { color:#b61fe8; }