@charset "utf-8";
/* CSS Document */
/* Title:     Main | Ben Hendriks | Mediaproducties **********/

/* Global reset v1.0 | 20100203 //////////////////////////////////////////////////////////////////////
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, strong, u, i, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background:transparent;
  border:0; outline:0;
  font-size:100%;
  margin:0; padding:0;  
  vertical-align:baseline;
} */

fieldset { border:none; }

a img { border:none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none; }
blockquote { text-indent:-0.3em; }
blockquote blockquote { margin-left:1em; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
:focus { outline: 0;}

sup, sub { font-size:x-small; vertical-align:super; }
sub { vertical-align:bottom;}
table {  border-collapse:collapse; border-spacing:0; empty-cells:show; width:98%;margin-left:10px; }
th, td {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: auto;
    padding: 0.3em;
    text-align: left;
    vertical-align: top;
    width: 100px;
}
td p { margin:0; }
caption { color:#666; font-style:italic; }
hr { clear:both; background:#CCC; color:#CCCCCC; border:0; height:1px; }

/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
  background:#008FC1;
  font:normal 12px/1.5 Arial, Helvetica, sans-serif;
  background-repeat:no-repeat;
  background-position:center top;
}

h1, h2, h3, h4, h5 { font-size:20px; line-height:1em; font-weight:normal; margin-bottom:0.5em; color:#009640; margin-left:10px;}
h2 { font-size:24px;color:#009640; }
h3 { font-size:16px;color:#009CDF; }
h4 { font-size:13px;color:#000; font-weight:bold; }


#intro h2, #level { color:#fff; font-size:48px; margin:0; }
.zoek h2 { color:#fff; font-size:18px; margin-bottom:40px; }
#intro h3 { color:#fff; font-size:21px; margin-bottom:40px; }
#intro h4 { color:#cccc00;  font-size:21px; margin:0; }

p { margin-bottom:1.5em; margin-left:10px; }
pre, code, kbd, samp { font-size:1.3em; }
pre code { font-size:1em; }
strong, .strong { font-weight:bold; }
p.strong { font-size:1.1em; margin-bottom:0.2em; }

a { color:#009640; text-decoration:none; }
a:hover { color:#0097E2; text-decoration:underline; }

#intro p a { color:#fff; }

ol, ul { list-style:disc; margin:0 0 1.5em 0em; padding:0 0 0 1.8em;}
ol ol, ul ul { margin:0 0 0.3em 0; padding:0 0 0 0.3em; }
ol { list-style:decimal; }
#main ol, #main ul { clear:both; }
#skip, .hidden { left:-9999px; top:-9999px; position:absolute; }

/* Layout ///////////////////////////////////////////////////////////////*/

#container, #header, #main, #footer { margin:auto; width:1008px; position:relative; background:#FFFFFF;}

#whitner {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
}

#header { 
  background: #FFFFFF;
  height:432px;
  margin-bottom: 20px;
  margin-top: 5px;
  }
#pageheader { 
  background:url(../img/kleurenbalk_horizontaal.jpg) no-repeat scroll center bottom #FFFFFF;
  height:130px;
  
  }
#themeheader { 
  background:url(../img/kleurenbalk_horizontaal.jpg) no-repeat scroll center bottom #FFFFFF;
  height:288px;
  
  }
  
#left {  
  width:200px;
  float:left;
  min-height:350px;
  height:auto;
  background:#FFF;
  }
#social { 
  background-color:#FFFFFF;
  }
  
#content { 
  background-color:#FFF;
  width:761px;
  height:auto;
  min-height:350px;
  float:left;
   }
/* Right ////////////////////////////////////////////////////////////////////////*/
#right {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    min-height: 350px;
    width: 247px;
}
  
#right-content {
  padding: 10px;
  margin-bottom:20px;
  background:#FFFFFF;
  }  
#center {
    float: left;
    height: auto;
    margin-left: 5px;
    min-height: 350px;
    width: 555px;
    background:#FFFFFF;
}
  

#mapcenter {
    float: left;
    height: auto;
    margin-left: 5px;
    min-height: 350px;
    width: 750px;
    background:#FFF;
}

#footer { 
  background-image: url("../img/allemaal_cyaan.png") no-repeat scroll right bottom #FFFFFF;
  margin:auto; 
  float:left; 
  background:#ffec00;
   }
   
#footer  { color:#FFF; border 1px solid #FFF;}

.wrap { float:left; width:100%; }
#main .wrap { width:480px; background:#FFF; }
#news {
  width:235px;
  }


.footer.wrap { background:#232d2f; }
.content.wrap { background:#fff; padding:30px 0 0 0; }
.colwrap { clear:both; display:block; float:left; width:100%; }

/* Design /////////////////////////////////////////////////////////////////////////////////*/
#logo {
  background:url(../img/FV-logo.png ) no-repeat;
  height:95px; width:120px; overflow:hidden;
  left:15px; top:6px; position: absolute; z-index:1;  
  font-size:1px; text-indent:-1000em;
}
#logo a { display:block; height:100%; width:100%; }
#level { left:15px; top:54px; position:absolute; }
#copy {  }

.imgtext-table, .imgtext-table td { padding:0; line-height:0;}
.align-center { text-align:center; }
.align-right { text-align:right; }
.csc-header-date { display:none; }



/* FCE's ///////////////////////////////////////////*/
.col-0,.col-1, .col-2, .col-3 {
  display: inline;
  float: left;
  overflow:visible;
  padding:4px;
  width:48%;
}
  
.colWrapper2, .colWrapper3,
.colWrapper2-33, .colWrapper2-66 {
  clear:both;
  display:block;
  float:left;
  padding: 0px 2%;
  width:96%;
}

.colWrapper2 .col-1 { margin-right:2%; width:48%; }
.colWrapper2 .col-2 { margin-right:2%; width:48%; }
.colWrapper2-80 .col-1 { margin-right:2%; width:32%; }
.colWrapper2-80 .col-2 { margin-right:0; width:63%; }

.colWrapper2-66 .col-1 { margin-right:2%; width:33%; }
.colWrapper2-66 .col-2 { margin-right:0; width:50%; }

.colWrapper3 {
  clear:both;
  display:inline;
  float:left;
  padding: 0px 2%;
  width:99%;
}

.colWrapper3 .col3-1 { margin-right:1%; width:32%;float:left;}
.colWrapper3 .col3-2 { margin-right:1%; width:32%;float:left;}
.colWrapper3 .col3-3 { margin-right:1%; width:32%;float:left;}

#zoek {
    float: right;
    height: 52px;
    margin-top: 30px;
    position: relative;
 
}

#zoeksite  {
  
  height:38px;
  width:600px;
  float:left;
  margin-left:25px;
  padding-top:7px;
}

#pagenumbers ul, #pagenumbers ol {
  list-style:  none;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
  }

.news-single-backlink a {
    background: none repeat scroll 0 0 #009CDF;
    color: #FFFFFF;
    padding: 10px;
}

#newsCalendar_listItemHeader {
  display:none;
  }
  
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 1px solid #000;
    padding: 0;
    
    }
    
#backgroundimg {
  width:1008px;
  height:332px;
  margin-top:-351px;
  margin-bottom: 10px;
  }
  
.tx-gkhrssimport-pi1 {
  border: 2px outset #CCCCCC;
    padding: 10px;
    }