/* Code & Design:   Robert Lagerveld    
   www.portalsinc.nl              */


/* Reset */
a img {border:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}


/* Typography */
body { font-size:14px;line-height:30px;
color:#000; background: url(images/site/background.gif) repeat-y center #707070; font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;font-weight:normal;}

h2 { font-size:24px;line-height:40px;}
.blocktop h3 { font-size:18px;line-height:40px;color:#FFF;padding-left:10px;}

/* Sticky Footer */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 290px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -290px; /* negative value of footer height */
	height: 290px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.content {padding-top:40px;}
.empty {height:20px;}

/* Grid */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 110px;}
.span-2  { width: 230px;}
.tekst220  { width: 220px;}
.span-3  { width: 350px;}
.tekst460  { width: 460px;}
.span-4  { width: 470px;}
.span-5  { width: 590px;}
.span-6  { width: 710px;}
.span-7  { width: 830px;}
.span-8, div.span-8 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 120px;}
.append-2  { padding-right: 240px;}
.append-3  { padding-right: 360px;}
.append-4  { padding-right: 480px;}
.append-5  { padding-right: 600px;}
.append-6  { padding-right: 720px;}
.append-7  { padding-right: 840px;}

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 120px;}
.prepend-2  { padding-left: 240px;}
.prepend-3  { padding-left: 360px;}
.prepend-4  { padding-left: 480px;}
.prepend-5  { padding-left: 600px;}
.prepend-6  { padding-left: 720px;}
.prepend-7  { padding-left: 840px;}

/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:108px;
  margin-right:105px;
  border-right: 1px solid #eee;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* Footer */

#footainer {background-color: #000;
              height:220px;
              width:1001px;
              margin: 0 auto;}
#footainer h2 {
               padding-top:20px;}
#footainer p {color:#fff;}

.footercopy { font-size:10px;
          text-align: center;
          height:30px;
        }

#nieuwscontainer { width: 230px; }

#nieuwscontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#nieuwscontainer a
{
display: block;
padding: 5px;
width: 220px;
background-color: #707070;
border-bottom: 14px solid #fff;
}

#nieuwscontainer a:link, #nieuwslist a:visited
{
color: #fff;
text-decoration: none;
}

#nieuwscontainer a:hover
{
background-color: #000;
}

.vet {font-weight: bold;}
.groot {font-size: 20px; }